body          { margin:0px; padding:0px; } /* padding nur fuer Opera */
A             { color:#DE002E; text-decoration:underline; }

h1            { font-family:Verdana,Arial; color:#DE002E; font-size:16pt;                    margin-top:15px; margin-bottom:22px; font-weight:normal; } /* no line-height for no diff in FF and IE */
h2            { font-family:Verdana,Arial; color:#373C41; font-size:11pt; line-height:1.6em; margin-top:28px; margin-bottom:14px; font-weight:bold; }
h3            { font-family:Verdana,Arial; color:#373C41; font-size:10pt; line-height:1.6em; margin-top:18px; margin-bottom: 8px; font-weight:bold; }
h6            { font-family:Verdana,Arial; color:#373C41; font-size:18pt; line-height:1.6em; margin:0px; padding:0px; } /* see notes and "@media screen" */

.normalblack  { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-top: 0px; margin-bottom:18px; text-align:justify; }
.normalblack1 { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-top: 0px; margin-bottom: 8px; text-align:justify; }
.smallblack   { font-family:Verdana,Arial; color:#000000; font-size: 7pt; line-height:1.4em; margin-top: 0px; margin-bottom:18px; text-align:left;    }
.smallblack1  { font-family:Verdana,Arial; color:#000000; font-size: 7pt; line-height:1.4em; margin-top: 0px; margin-bottom: 8px; text-align:left;    }
.smallgray    { font-family:Verdana,Arial; color:#555555; font-size: 7pt; line-height:1.4em; margin-top: 0px; margin-bottom:18px; text-align:left;    }
.smallgray1   { font-family:Verdana,Arial; color:#555555; font-size: 7pt; line-height:1.4em; margin-top: 0px; margin-bottom: 8px; text-align:left;    }
.borderred    { font-family:Verdana,Arial; font-size:8pt; line-height:1.6em; text-decoration:none; 
                padding-left:8px; padding-right:8px; padding-top:15px; padding-bottom:0px; 
                border-color:#DE002E; border-style:solid; border-width:1px; }
.smallcol     { font-family:Verdana,Arial; color:#000000; font-size: 7pt; line-height:1.4em; margin-top: 0px; margin-bottom: 3px; text-indent:-15px; padding-left:15px; }

.red          { color:#DE002E; }
.redbold      { color:#DE002E; font-weight:bold; }
.gray         { color:#373C41; }
.graybold     { color:#373C41; font-weight:bold; }

/* see notes */
@media print  { body { background-image:none; } 
                table.doNotPrint { display:none; }
                td.doNotPrint { display:none; }
              }
@media screen { h6.onlyForPrint { display:none; }
              }

/* Main menu = "menu", if active "menu1"  |  Sub menu  = "menusub", if active "menusub1" */
.menu         { font-family:Verdana,Arial; color:#555555; font-size:11px; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; } /* MARGIN-bottom is the gap between the items */
.menu1        { font-family:Verdana,Arial; color:#DE002E; font-size:11px; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; }
.submenu      { font-family:Verdana,Arial; color:#555555; font-size:10px; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; padding-bottom:6px; } /* PADDING-Bottom need because the font-size is smaller */
.submenu1     { font-family:Verdana,Arial; color:#555555; font-size:10px; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; padding-bottom:6px; }
/* Alternative: Working with line-height, but the text is not 100% verical aligned - therefore working with padding
.menu         { font-family:Verdana,Arial; color:#555555; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; text-indent:12px; }
.menu1        { font-family:Verdana,Arial; color:#DE002E; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; text-indent:12px; }
.submenu      { font-family:Verdana,Arial; color:#555555; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:4px; display:block; vertical-align:middle; text-indent:12px; }
.submenu1     { font-family:Verdana,Arial; color:#555555; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:4px; display:block; vertical-align:middle; text-indent:12px; }
*/
A:link.menu     { color:#555555; text-decoration:none; border:1px solid #DBDEE1; border-right:1px solid #8D97A1; }
A:link.menu1    { color:#DE002E; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #F5F6F7; background-color:#F5F6F7; }
A:link.submenu  { color:#555555; text-decoration:none; border:1px solid #F5F6F7; border-right:1px solid #8D97A1; }
A:link.submenu1 { color:#DE002E; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #8D97A1; }

A:visited.menu     { color:#555555; text-decoration:none; border:1px solid #DBDEE1; border-right:1px solid #8D97A1; }
A:visited.menu1    { color:#DE002E; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #F5F6F7; background-color:#F5F6F7; }
A:visited.submenu  { color:#555555; text-decoration:none; border:1px solid #F5F6F7; border-right:1px solid #8D97A1; }
A:visited.submenu1 { color:#DE002E; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #8D97A1; }

A:hover.menu       { color:#555555; text-decoration:none; border-top:1px solid #DE002E; border-bottom:1px solid #DE002E; border-left:1px solid #DBDEE1; border-right:1px solid #DBDEE1; background-color:#DBDEE1; }
A:hover.menu1      { color:#DE002E; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #F5F6F7; background-color:#F5F6F7; }
A:hover.submenu    { color:#555555; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #8D97A1; }
A:hover.submenu1   { color:#DE002E; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #8D97A1; }

/* Notes --------------------------------------------------------------------------------------------
DON'T PRINT SPECIFIC AREAS:
media print:  <table/td class="doNotPrint"> --> table/td will not be printed
              Background images of the whole website (=body) will not be printed as well
media screen: A headline <h6> is added (see design.js) for printed page, but will not be displayed on the screen 

COLORS:
.grayline     { color:#8D97A1; } 1-pixel lines
.graybar      { color:#B8B7C6; } horizontal bar
.graymenu1    { color:#DBDEE1; } main menu and header - compare body1+2.jpg
.graymenu2    { color:#F5F6F7; } sub menu - compare body1+2.jpg
.graycolumn   { color:#EBEDEF; } small text column - compare body2.jpg

-------------------------------------------------------------------------------------------------- */