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

h1            { font-family:Verdana,Arial; color:#AA0000; font-size:14pt; line-height:1.6em; margin-top:12px; margin-bottom:22px; font-weight:normal; }
h2            { font-family:Verdana,Arial; color:#373C41; font-size:12pt; 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-top: 0px; margin-bottom:40px; font-weight:bold; } /* 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:#AA0000; border-style:solid; border-width:1px; }

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

/* Formats for inquiry forms (call back, consulting and financing enquiry) */
.formular     { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-top: 0px; margin-bottom:4px; text-align:left; }
.formular1    { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-top: 0px; margin-bottom:8px; text-align:left; }
.feldblau     { font-family:Verdana,Arial; color:#0000FF; font-size: 8pt; line-height:1.6em; margin-top: 0px; margin-bottom:8px; text-align:left; font-weight:bold; }
.linkrot      { color:#AA0000; text-decoration:underline; cursor:pointer; }

/* Formats for zoom tooltip (see notes !!!) */
a.zoom span       { display:none; }
a.zoom:hover      { cursor:hand; text-decoration:none; }
a.zoom:hover span { display:block; 
                    font-family:Verdana,Arial; color:#000000; font-size: 7pt; line-height:1.3em; margin-top: 0px; margin-bottom:18px; border:1px solid #AA0000; background-color:#ffffff; padding:10px;
                    width:195px; height:90px;
                    position:absolute; left:750px; top:180px; z-index:10;
                  }

/* see notes */
@media print  { body { background-image:none; } 
                table.doNotPrint { display:none; }
                td.doNotPrint { display:none; }
                div.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:10px; text-decoration:none; line-height:20px; margin-bottom:6px; display:block; vertical-align:middle; text-indent:12px; }
.menu1        { 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; }
.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:#555555; 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:#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:visited.menu     { color:#555555; text-decoration:none; border:1px solid #DBDEE1; border-right:1px solid #8D97A1; }
A:visited.menu1    { color:#555555; 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:#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.menu       { color:#555555; text-decoration:none; border-top:1px solid #8D97A1; border-bottom:1px solid #8D97A1; border-left:1px solid #DBDEE1; border-right:1px solid #DBDEE1; background-color:#DBDEE1; }
A:hover.menu1      { color:#555555; 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:#555555; 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 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

a.zoom span:  Perfect would be to define position absolute and its value in the respective source, in
              order to be able to reuse this definition for other tooltips. However in this case the
              tooltip will NOT disappear when doing onmouseOUT. I don't know why, but it is as it is
              (in IE, NS, FF and OP).
              Without width and height: size depends on text, however if the browser window will be
              shorten in its width, the tooltip will be squeezed.
-------------------------------------------------------------------------------------------------- */