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; line-height:1.2em; 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: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;    }
.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; }

/* For editor RTE */
p             { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-top: 0px; margin-bottom:18px; text-align:left; } /* = normalblack with align left */
ul, li        { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-left:1.5em; padding-left:0px; text-align:left; } /* does not work: list-style-image:url(images/_arrow-right.gif); */
ol            { font-family:Verdana,Arial; color:#000000; font-size: 8pt; line-height:1.6em; margin-left:2.6em; padding-left:0px; text-align:left; }

/* For search function webdesign.weisshart.de (find all code places search with "webdesign.weisshart.de") - see notes */
.searchword   { color:#FFFFFF; background-color:#546AA8; border: 1px dotted #546AA8; } /* blue   */
.searchword0  { color:#FFFFFF; background-color:#546AA8; border: 1px dotted #546AA8; } /* blue - same as above! */
.searchword1  { color:#FFFFFF; background-color:#81973F; border: 1px dotted #81973F; } /* green  */
.searchword2  { color:#000000; background-color:#BBBCC5; border: 1px dotted #BBBCC5; } /* gray   */
.searchword3  { color:#000000; background-color:#FFDA1C; border: 1px dotted #FFDA1C; } /* yellow */
.searchword4  { color:#FFFFFF; background-color:#A50000; border: 1px dotted #A50000; } /* red    */
.searchword5  { color:#FFFFFF; background-color:#7B534E; border: 1px dotted #7B534E; } /* brown  */
.searchword6  { color:#000000; background-color:#F26113; border: 1px dotted #F26113; } /* orange */
.searchword7  { color:#FFFFFF; background-color:#722E71; border: 1px dotted #722E71; } /* violet */
.searchword8  { color:#FFFFFF; background-color:#3D8CB7; border: 1px dotted #3D8CB7; } /* petrol */
.searchword9  { color:#FFFFFF; background-color:#FF0099; border: 1px dotted #FF0099; } /* pink   */

/* 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; line-height:1.4em; 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; line-height:1.4em; padding:5px; padding-left:10px; margin-bottom:4px; display:block; }
.submenu      { font-family:Verdana,Arial; color:#555555; font-size:10px; text-decoration:none; line-height:1.4em; 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; line-height:1.4em; 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 ------------------------------------------------------------------------------------------

SEARCH FUNCTION webdesign.weisshart.de
-----------------------------------------------------
1: Required to highlight search results in each page
2: Dottet line in same color as background! Reason: If browser settings disallow colors or own colors defined, then a dotted line will be displayed instead of highlighting

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

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