a:link        { color:#383840; font-weight:bold; }
a:visited     { color:#383840; font-weight:bold; }
a:hover       { color:#113787; font-weight:bold; }
a:active      { color:#383840; font-weight:bold; }
a:focus       { color:#383840; font-weight:bold; }

H1            { font-family:Arial,Verdana; color:#113787; font-size:18px; line-height:1.2em; margin-top:15px; margin-bottom:22px; font-weight:normal; letter-spacing: 0.1em; }
H2            { font-family:Arial,Verdana; color:#113787; font-size:13px; line-height:1.6em; margin-top:24px; margin-bottom: 8px; font-weight:bold; } /* 13px = 10pt */
H3            { font-family:Arial,Verdana; color:#383840; font-size: 9pt; line-height:1.6em; margin-top: 0px; margin-bottom: 3px; font-weight:bold; }
H6            { font-family:Arial,Verdana; color:#383840; font-size:18px; line-height:1.6em; margin-top: 0px; margin-bottom:44px; font-weight:bold; } /* see notes and "@media screen" */

/* Moegliche Alternativen: Arial 9pt = 12px, Rest taucht nichts */
.normalblack  { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.7em; margin-top: 0px; margin-bottom:18px; text-align:justify; } /* = 11px */
.normalblack1 { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.7em; margin-top: 0px; margin-bottom: 8px; text-align:justify; }
.smallblack   { font-family:Verdana,Arial; color:#000000; font-size:10px; line-height:1.4em; margin-top: 0px; margin-bottom:18px; text-align:left;    }
.smallblack1  { font-family:Verdana,Arial; color:#000000; font-size:10px; 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;    }
.zitat        { font-family:Verdana,Arial; color:#5A5A64; font-size: 8pt; line-height:1.4em; text-align:right; }
.animation1   { position:absolute; top:54px; left:809px; z-index:101; }
.animation2   { position:absolute; top:54px; left:890px; z-index:101; }
* html .animation1 { position:absolute; top:53px; left:809px; z-index:101; } /* IE correction */
* html .animation2 { position:absolute; top:53px; left:890px; z-index:101; }
.linkmenu     { font-family:Verdana,Arial; color:#000000; font-size:10px; margin:0px; padding:0px; position:absolute; left:0px; top:0px; z-index:-1; }
/*.bordercolor{ 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: 1px solid #113787; } */

.color1       { color:#113787; }
.color1bold   { color:#113787; font-weight:bold; }
.gray         { color:#383840; }
.graybold     { color:#383840; font-weight:bold; }

@media print  { 
                body { background-image:none; } /* see notes */
                table.doNotPrint { display:none; }
                td.doNotPrint    { display:none; }
                div.doNotPrint   { display:none; }
                .gtf             { display:none; }
              }
@media screen { h6.onlyForPrint  { display:none; }
                div.onlyForPrint { display:none; }
                .gtf             { font-family:Arial; color:#FDFFFE; font-size:8pt; font-weight:bold; cursor:default; text-decoration:underline; } 
                A.gtf:hover      { font-family:Arial; color:#FDFFFE; font-size:8pt; font-weight:bold; cursor:default; text-decoration:underline; }
                A.gtf:link       { font-family:Arial; color:#FDFFFE; font-size:8pt; font-weight:bold; cursor:default; text-decoration:underline; }
                A.gtf:visited    { font-family:Arial; color:#FDFFFE; font-size:8pt; font-weight:bold; cursor:default; text-decoration:underline; }
              }

/* Main menu = "menu", if active "menu1"  |  Sub menu  = "menusub", if active "menusub1" (alternative, which works with line-height - see notes) */
.menu         { font-family:Verdana,Arial; color:#555555; font-size:11px; font-weight:normal; 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:#113787; font-size:11px; font-weight:normal; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; }
.submenu      { font-family:Verdana,Arial; color:#555555; font-size:11px; font-weight:normal; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; padding-bottom:5px; } /* PADDING-Bottom need because the font-size is smaller */
.submenu1     { font-family:Verdana,Arial; color:#113787; font-size:11px; font-weight:normal; text-decoration:none; padding:5px; padding-left:10px; margin-bottom:4px; display:block; padding-bottom:5px; }

A:link.menu     { color:#555555; font-weight:normal; text-decoration:none; border:1px solid #DBDEE1; border-right:1px solid #8D97A1; }
A:link.menu1    { color:#113787; font-weight:normal; 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; font-weight:normal; text-decoration:none; border:1px solid #F5F6F7; border-right:1px solid #8D97A1; }
A:link.submenu1 { color:#113787; font-weight:normal; 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; font-weight:normal; text-decoration:none; border:1px solid #DBDEE1; border-right:1px solid #8D97A1; }
A:visited.menu1    { color:#113787; font-weight:normal; 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; font-weight:normal; text-decoration:none; border:1px solid #F5F6F7; border-right:1px solid #8D97A1; }
A:visited.submenu1 { color:#113787; font-weight:normal; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #F5F6F7; border-right:1px solid #8D97A1; }

/* hover.menu => border-left:1px solid #8D97A2; ?? */
A:hover.menu       { color:#555555; font-weight:normal; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #DBDEE1; border-right:1px solid #8D97A1; background-color:#DBDEE1; }
A:hover.menu1      { color:#113787; font-weight:normal; 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; font-weight:normal; 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:#113787; font-weight:normal; 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 includes/navigation.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

ALTERNATIVE WITH LINE-HEIGHT
.menu         { font-family:Verdana; color:#555555; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; padding-left:10px; }
.menu1        { font-family:Verdana; color:#113787; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; padding-left:10px; }
.submenu      { font-family:Verdana; color:#555555; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; padding-left:10px; }
.submenu1     { font-family:Verdana; color:#113787; font-size:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; padding-left:10px; }
-------------------------------------------------------------------------------------------------- */