/* IT-Service Schrüfer - new attempt        */
/* this is now using drop-down menus...     */
/* ======================================== */
/* Created:  17.12.2009 from ess.css        */
/* Changed:                                 */
/* -----------------------------------------*/

body {
	color: black;
	background-color: #eaeaae;
	background-image: url(bg.jpg); 
	font-size: 8pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0; 
	padding: 0;
	min-width: 100pt; /* Min. required in modern browsers */
   }


h2, h3, h4, h5, h6 {
	border-bottom: 1px solid #33c;
	margin: 0; 
	margin-bottom: 5px; 
	padding: 5px;
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
}

h2 { background-color: #D10034; }			/* ESS rot */
h3 { background-color: #339933; }			/* ESS grün */
h4 { background-color: #0F4BFF; }			/* ESS blau */
h5 { background-color: #D19D00; }			/* ESS ocker */
h6 { margin: 5px 0 0 0; padding: 0 0 0 5px; border-bottom: 0; color: black; }

p {
	margin: 0;
	padding: 0 5px 5px 5px;
	line-height: 14px;
	color: black;
}

#fn {
	margin: 5px;
	padding: 5px 0 0 0;
	border-top: 1px solid black; 
	font-size:9px; 
	line-height: 11px;
}

hr { 
	background-color: black;
	color: black;
	width: 95%;
	text-align center;
	height: 1px;
 }

/* Tabellendefinition */
table {
	width:99%;
	margin: 0 auto;
}

th {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	font-size:8pt; 
	color:maroon;
	text-align:left;
}

th#p, td#p {
	text-align:right;
}


/* Die Seitenbereiche (div-Container) */ 
#seite {
	background-image: url(ess.jpg); 
	background-repeat: no-repeat;
	background-position: top;
   width: 800px;
	margin: 0 auto;
}


#head {
   background-color: none;
	height: 100px;
   width: 100%;
   }

	
#info {
   width: 200px;
   float: left;
   overflow: auto;
   }
	
#infoinside {
	background-color: #eaeaae;
	border: 1px solid #33c;
   margin: 0 0 15px 15px;
   }


	
#page  { width: 600px; float: right; overflow: auto; }
#page1 { width: 250px; float: left;  overflow: auto; }
#page2 { width: 350px; float: right; overflow: auto; }

#pageinside, #discinside, #map_canvas {
	background-color: #eaeaae;  
	border: 1px solid #33c;
   margin: 0 15px 15px 15px;
   }
#page1inside {	border-top: 1px solid #33c;
   margin: 0 0 15px 15px;
   }
#discinside {	padding: 0 5px 5px 5px; }

#discinside	h2, #discinside h3 {
	background-color: #eaeaae;
	border: 0;
	margin: 5px 0 0 0 ; 
	padding: 0;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-align: left;
}

#discinside p {
	margin: 1px 0 0 0 ; 
	padding: 0;
	font-size: 7pt;
	line-height: 11px;
	}


	
#footer {
   padding: 0;
   border: 0;
   margin: 0;
   width: 100%;
   clear: both;
   overflow: auto;
   }
#footerinside { 
	margin: 10px; 
	color: white;
	text-align: center;
	}




/* *******************************  Das Menü ****************************** */

#menu {
   background-color: #039;
   padding: 0;
   border: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
   margin-bottom: 15px;
	height: 17px;
   width: 100%;
   }
#menuinside {
   margin-left: 215px;
   }

	


ul#Navigation {
	margin: 0;
	padding: 0;
	font-size: 8pt;
	font-weight: normal;
	text-align: center;
	}	

ul#Navigation li {
	list-style: none;
	float: left;
   border: 0;
	border-bottom: 1px solid #000;
	position: relative;
   height: 17px;
	margin: 0; 
	padding: 0;
	}
* html ul#Navigation li {  											/* Korrektur fuer den IE 5 und 6 */
	margin-bottom: 0;
	}
*:first-child+html ul#Navigation li {  							/* Korrektur fuer den IE 7 */
	margin-bottom: 0;
	}

	
ul#Navigation li ul {
	margin: 0; 
	padding: 0;
   border: 0;
	position: absolute;
	top: 18px;
	left: 0em;
	display: none;  														/* Unternavigation ausblenden */
	}
* html ul#Navigation li ul {
	lef\t: 0em;					 											/* Korrektur fuer IE 6.x */
	}
*:first-child+html ul#Navigation ul {  							/* Workaround fuer den IE 7 */
	padding-bottom:0em;
	}
ul#Navigation li:hover ul {
	display: block;  														/* Unternavigation in modernen Browsern einblenden */
	}
ul#Navigation li ul li {
	float: none;
	display: block;
	margin-bottom: 0em;
	}

	
ul#Navigation a, ul#Navigation span {
	display: block;
	width: 80px;  														/* Breite den in li enthaltenen Elementen zuweisen */
	padding: 2px 20px;
   border: 0;
	background-color: #039; 
	color: white; 
	text-decoration:none; 
	}
* html ul#Navigation a, * html ul#Navigation span {
	w\idth: 80px;  														/* korrekte Breite fuer den IE 6 im standardkonformen Modus */
	}
	
ul#Navigation a:hover, ul#Navigation span, li a#aktuell {
	background-color: maroon;
	color: yellow; 
	text-decoration:none; 
	}


li a#aktuell {  															/* aktuelle Rubrik kennzeichnen - mach ich nicht !!!*/
	color: maroon; 
	}

ul#Navigation li ul span {  											/* aktuelle Unterseite kennzeichnen  - mach ich nicht !!!*/
	background-color: maroon;
	}


	
	
/* Erweiterung zur dynamischen Ein-/Ausblendung */

ul#Navigation li>ul {
	display: none; 
	top: 18px;
	}
ul#Navigation li:hover>ul, ul#Navigation li>a#aktuell+ul {
	display: block;
	}

/* Workaround fuer den IE 7 */
*:first-child+html ul#Navigation ul {
	padding-bottom:0;
	}