's */ } .DKbluetop-left, .DKbluebottom-left { margin-right: 15px; } .DKbluetop-right, .DKbluebottom-right { margin-left: 15px; /* CHANGE: replace by the width of one of your corners */ margin-top: -15px; /* CHANGE: replace by the height of one of your corners */ } .DKbluetop-right { background-position: 100% 0; /* DNC: position right corner at right side, no vertical changes */ } .DKbluebottom-left { background-position: 0 -15px; /* CHANGE: replace second number by negative height of one of your corners */ } .DKbluebottom-right { background-position: 100% -15px; /* CHANGE: replace second number by negative height of one of your corners */ } .DKblueinside { border-left: 2px solid #575bb0; /* YCC: color & properties of the left-borderline */ border-right: 2px solid #575bb0;/* YCC: color & properties of the right-borderline */ background: #575bb0; /* YCC: background-color of the inside */ color: #000000; /* YCC: default text-color of the inside */ font-size:14px; /* YCC: all texts at some distance of the right border */ font-family: Arial, Helvetica, sans-serif; line-height: 20px; } .DKbluenotopgap { margin-top: 0; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; font-weight: bold; background-color: #575BB0; } /* DNC: to avoid splitting of the box */ .DKbluenobottomgap { margin-bottom: -5px; padding-bottom: 2px; background-color: #575BB0; color: #FFFFFF; padding-right: 8px; padding-left: 12px; padding-top: 4px; } /* DNC: to avoid splitting of the box */ .DKblueinsideWHITE { background: #FFFFFF; /* YCC: background-color of the inside */ color: #000000; /* YCC: default text-color of the inside */ font-size:14px; /* YCC: default font-size of the inside */ padding-left: 5px; /* YCC: all texts at some distance of the left border */ padding-right:5px; /* YCC: all texts at some distance of the right border */ font-family: Arial, Helvetica, sans-serif; line-height: 20px; padding-top: 5px; margin-top: -5px; } /* implementation in the page: ... ... ...

Your text & other things inside

...

... */ /* Miscellaneous classes for reuse */ .fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */ float: right; margin-left: 8px; } .fltlft { /* this class can be used to float an element left in your page */ float: left; margin-right: 8px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } .DKblueheader { font-family: Arial, Helvetica, sans-serif; font-size: 16px; color: #FFFFFF; word-spacing: 0.3em; line-height: 12px; } div.float { float: right; width: 235px; color: #FFFFFF; } .DKblueInsideDescription { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-align: left; } .DKbluewhitelinks { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; line-height: 14px; } div.float p { text-align: left; color: #none; } div.float a { float: left; text-decoration: none; color: #none; } div.float a:hover { float: left; text-decoration: none; color: #none; } div.float img { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }