/*************************
** START DER SCREEN.CSS **
**************************/

/************** 
   PARAMETER 
***************/

BODY, p, H1, H3, H5, TD, TH, UL, LI { 
COLOR: #003333; 
}
TABLE, TD, TH { 
BORDER-COLOR: #003366; 
}
.content, .wb-footer { 
border-right: 0px solid #003366; 
}
.menubar, .hauptmenubereich, .design-cms { 
BACKGROUND-COLOR: #FFFFFF; 
}
A:link, A:visited, A:active { 
COLOR: #0066CC; 
}
A:hover { 
COLOR: #0066CC; BACKGROUND-COLOR: #CCCCCC;
}
H2, H4, HR { 
COLOR: #0066CC; 
}
.wb-header, .infobox { 
COLOR: #FFFFFF; 
}
.spezialmenu a:link, .spezialmenu a:visited, .spezialmenu a:active,
.quickmenu a:link, .quickmenu a:visited, .quickmenu a:active,
.design-cms a:link, .design-cms a:visited, .design-cms a:active, 
.menu a:link, .menu a:visited, .menu a:active { 
COLOR: #0066CC; 
}
.spezialmenu a:hover, .quickmenu a:hover, .menu a:hover, .design-cms a:hover { 
COLOR: #0066CC;
}
.menu_current { 
COLOR: #0066CC; BACKGROUND-COLOR: #CCCCCC;
}
.firmenlogo {
HEIGHT: 300px; 
}
.menubar, .hauptmenubereich, .design-cms {
/* >>>>> */		filter:alpha(opacity=75);			/* <<<<<< */
/* >>>>> */		-moz-opacity:0.75;					/* <<<<<< */ 
}
.content, .wb-footer {
/* >>>>> */		filter:alpha(opacity=90);			/* <<<<<< */
/* >>>>> */		-moz-opacity:0.90;					/* <<<<<< */ 
}



/****************************** 
   ALLGEMEINE SEITENELEMENTE
*******************************/

BODY, TD, TH { 
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
.main { 
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}
BODY { 
MARGIN: 15px 0px; BACKGROUND-COLOR: #CCCCCC; 
}
p { 
LINE-HEIGHT: 1.4; 
}
HR { 
BORDER: 1px dotted;	 /* Trennlinie dotted, dashed, solid */
}
FORM { 
MARGIN: 0px; border: none; 
}
ul, li { 
list-style-type: square; 
}
A:link, A:visited, A:active, A:hover { 
TEXT-DECORATION: none; FONT-WEIGHT: bold; 
}
H1, H2, H3, H4, H5 {
MARGIN: 5px 0px; FONT-WEIGHT: bold;
}
H1 {FONT-SIZE: 18px; }	/* H1 kleiner als H2 >> (längerer) Obertitel */
H2 {FONT-SIZE: 24px; }
H3 {FONT-SIZE: 14px; }
H4 {FONT-SIZE: 12px; }
H5 {FONT-SIZE: 12px; }



/***********************
   TEMPLATE-BEREICHE
************************/

/* Gesamt-Tabelle */

.main {
WIDTH: 950px; HEIGHT: 100%; 
border-collapse:collapse; border: none;
FONT-SIZE: 12px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
BACKGROUND-COLOR: #FFFFFF;
background-image: url(mainpic.jpg); background-attachment: scroll;
background-repeat: no-repeat; background-position: center top; }


/* 1. Zeile (Werbung & Druckbanner, am Bildschirm unsichtbar)*/

.unsichtbar { 
DISPLAY: none; 
}


/* 2. Zeile (Spezial-Menu 3  &   Quick-Menu 2 Oben)
.spezialmenu & .quickmenu: Definition weiter unten) */

.menubar { 
HEIGHT: 25px;  
}


/* 3. Zeile Firmen-Logo & Seiten-Banner)*/

.firmenlogo { 
WIDTH: 270px; text-align: center; vertical-align: middle; 
}
.seitenbanner { 
WIDTH: 100%; background-image: url(seitenbanner.gif);
background-repeat: no-repeat; background-position: center center;
text-align: center; vertical-align: middle; border-bottom: 1px solid #003333; 
}


/* 4 Zeile Links (Menu-Bereich(-e) */

.hauptmenubereich { 
WIDTH: 270px; text-align: left; vertical-align: top; border-top: 1px solid #003333; border-bottom: 1px solid #003333;  border-right: 1px solid #003333;
}
.login { 
WIDTH: 100%; HEIGHT: 15px; text-align: center; vertical-align: middle; 
}
.login_table { 
display: none; 
}
.logout_table { 
border: 1px solid #990000; BACKGROUND-COLOR: #FFCC00; margin-bottom: 5px; 
text-align: center; padding-bottom: 3px; width: 250px; 
}
.logout_table h1 { 
color: #990000; font-size: 10px; text-transform:uppercase; 
font-weight: bold; text-align: center; 
}
.logout_table input { 
text-transform:uppercase; font-size: 10px; width: 150px;
}
.search { 
HEIGHT: 25px; 
}
.search-box { W
IDTH: 270px; HEIGHT: 25px; margin-bottom: 5px; 
}
.search_string { 
width: 180px; height: 20px; font-size: 10px; 
}
.search_submit { 
text-transform:uppercase; width: 70px; height: 20px; font-size: 10px; 
}

/* .menu: Definition weiter unten */

.wb-header, .infobox { 
PADDING: 13px; VERTICAL-ALIGN: top; WIDTH: 100%; 
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
}


/* 4 Zeile Rechts (Content-Bereich(-e) */

.breadcrumbs { 
HEIGHT: 25px; FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none;
text-align: left; border-bottom: 1px dashed #0066CC; 
}
.breadcrumbs a:link, .breadcrumbs a:visited, 
.breadcrumbs a:active, .breadcrumbs a:hover { 
FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; text-align: left;  
}
.documentActions { 
FONT-WEIGHT: bold; text-align: right; MARGIN-bottom: 10px; 
}
.documentActions a:link, .documentActions a:visited, 
.documentActions a:active, .documentActions a:hover { 
FONT-WEIGHT: bold; TEXT-DECORATION: none; text-align: left; 
}
.documentActions A { 
FONT-SIZE: 11px; FONT-WEIGHT: bold; TEXT-DECORATION: none; 
}
.documentActions IMG { 
VERTICAL-ALIGN: middle; TEXT-DECORATION: none; 
}
.content { 
WIDTH: 100%; FONT-SIZE: 12px; PADDING: 10px; VERTICAL-ALIGN: top; 
TEXT-ALIGN: left; BACKGROUND-COLOR: #FFFFFF; 
}


/* 5. Zeile (DesignCMS-Link & Seiten-Footer) */

.design-cms { 
WIDTH: 270px; HEIGHT: 25px; PADDING: 1px; border-right: 1px solid #003333;
TEXT-ALIGN: center; FONT-SIZE: 11px; TEXT-DECORATION: none; 
}
.design-cms a:link, .design-cms a:visited, .design-cms a:active  {
FONT-SIZE: 11px; FONT-WEIGHT: normal; TEXT-DECORATION: none;
text-align: left; vertical-align: middle; 
}
.wb-footer { 
WIDTH: 100%; HEIGHT: 25px; BACKGROUND-COLOR: #FFFFFF; border-top: 1px dashed #0066CC; 
}


/* 5. Zeile (Spezial- und Quick-Menu) */

.spezialmenu { 
WIDTH: 270px; text-align: left; vertical-align: middle; border-bottom: 1px solid #003333; border-top: 1px solid #003333;
}
.spezialmenu ul, .spezialmenu li { 
margin: 0px; padding-left: 5px; padding-right: 10px; display: inline; 
list-style-type: none; font-variant:small-caps; 
}
.spezialmenu a:link, .spezialmenu a:visited, .spezialmenu a:active { 
TEXT-DECORATION: none; FONT-WEIGHT: normal; 
}
.spezialmenu a:hover { 
TEXT-DECORATION: none; 
}


.quickmenu { 
WIDTH: 100%; text-align: right; vertical-align: middle; border-bottom: 1px solid #003333;  border-top: 1px solid #003333;
}
.quickmenu ul, .quickmenu li { 
margin: 0px; padding-left: 10px; padding-right: 5px; display: inline; 
list-style-type: none; font-variant:small-caps; 
}
.quickmenu a:link, .quickmenu a:visited, .quickmenu a:active { 
FONT-WEIGHT: normal; TEXT-DECORATION: none; 
}
.quickmenu a:hover { 
TEXT-DECORATION: none; 
}



/***********************
   HAUPT.MENU
************************/

.menu { 
vertical-align: top; width: 100%; 
}
.menu a { 
width: 100%; list-style-type: none; display: block; 
}
.menu a:link, .menu a:visited, .menu a:active { 
TEXT-DECORATION: none; FONT-WEIGHT: bold; 
}
.menu a:hover { 
TEXT-DECORATION: none; FONT-WEIGHT: bold; 
}
.menu ul, .menu li {
list-style-type: none; display: block; 
margin: 0px; padding-top: 2px; padding-bottom: 2px; padding-left: 5px; 
}
.menu ul {
FONT-SIZE: 12px; font-variant:small-caps; 
}
.menu ul ul li { 
padding-left: 15px; FONT-SIZE: 13px; font-variant:small-caps; 
}
.menu ul ul ul li {
list-style-type: none; FONT-SIZE: 13px; font-variant:small-caps;
}
.menu ul ul ul ul li { 
list-style-type: none; FONT-SIZE: 13px; font-variant:small-caps; 
}
.menu ul ul ul ul ul li { 
list-style-type: none; 	FONT-SIZE: 13px; font-variant:small-caps;
}

/*************************
** ENDE DER SCREEN.CSS **
**************************/