
body {
		background: #FFFFFF;
		margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
		padding-top:20px;
		padding-left:15px;

		/*text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
		color: #FFFFFF;
    }
    
	.mainBodyEsad #headCol{
		width:950px;
		height:30px;
		background-color:#ffffff;
		text-align:right;
		font:"Times New Roman", Times, serif;
		font-size:13px;
		color:#000000;
	}
	
	.mainBodyEsad #innung{
		position:absolute;
		left:45px;		
		top:0px;
	}
	
    .mainBodyEsad #container {
		/* INITialisierung der Anzeigebreite mit width */
			width: 1000px;                                    /* Mit dieser Breite wird ein Container erstellt, der in ein 800 Pixel                                                          breites Browserfenster passt, sofern für den Text die           				                                                          Standardschriftgröße des Browsers übernommen wird. 
															*/													
			background: #ffffff;							
			margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
			border: 0px solid #000000;
			text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		}
	
    .mainBodyEsad #header { 
	height:168px;												
       /*padding: 10px 200px 10px 25px ;   (1=oben,2=rechts,3=unten,4=links) Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs,   													die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */	
       background-image:url(../pics/ESADlogo_anschrift.gif);
	background-repeat:no-repeat;
	color:black;
	text-align:center;	
    } 
	
			
    .mainBodyEsad #header h1 {
	margin: 0; 								/* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen,       												können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn   													das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche     												Wirkung hat. */
    	padding: 10px 0; 							/* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich     		  													gewährleisten, dass das Element die Kanten des div nicht berührt. */
    }

    .mainBodyEsad #header h4 {
	margin: 0;
	padding: 10px 25px;
	text-align:justify;
	}
	
    .mainBodyEsad #mainContent {
 	padding: 0 20px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    	background: #FFFFFF;
    }

    .mainBodyEsad #mainTop {
		height:15px;
		background-image:url(../pics/ESADmainTop.gif));
		background-repeat:no-repeat;
	}
	
	.mainBodyEsad #mainMiddle{
		width:900px;	
		color:black;
		padding: 10px 20px;
		margin:0 5px 0 3px;
		background-color:#eee;
		background-image:url(../pics/ESADmainMiddle_.gif);
		background-repeat:repeat-y;
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}
	
		
    .mainBodyEsad #mainBottom {
		height:22px;
		background-image:url(../pics/ESADmainBottom.gif);
		background-repeat:no-repeat;
	}

	
    .mainBodyEsad #footer { 
		width:950px;
		height:55px;
		background-image:url(../pics/ESADfooter.gif);
		background-repeat:no-repeat;
		text-align:center;
		padding-right:115px;
    } 
	
    .mainBodyEsad #footer p {
 	  	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
 	  	color:black;
		font-size:11px;
		font-weight:800;
		font:Verdana, Arial, Helvetica, sans-serif;
	}
	
	.mainBodyEsad #footer a{
		text-decoration:none;
	}
	
	.mainBodyEsad #footer a:hover{
		font-size:13px;
	}
  
  #zeit{
  	padding-left:800px;
	font-size:13px;
	color:#999999;
  }
  

td.navigation{
	width-max:200px;
	border-right:1px solid #427573;
	padding-right:7px;
	padding-top:5px;
	background-color:#eee;
}

a.navi, a.navi_first, a.navi_self {
   display:block;
   white-space:nowrap;  
   overflow:hidden;
   /*
   border-left:1px solid black;
   border-right:1px solid black;
   border-bottom:1px solid black;
   */
   font-family:Tahoma,sans-serif;
   font-size:12px;
   font-weight:bold;
   text-decoration:none;
   letter-spacing:0.1em;
   padding:3px;
   text-align:left;
}

a.navi_first {
   border-top:1px solid black;
}

a.navi:link, a.navi_first:link, 
a.navi:visited, a.navi_first:visited {
   background-color:#eee;
   color:#739294;
}

a.navi_self:link, a.navi_self:visited {
   background-color:#739294;
   color:white;
}

a.navi:hover, a.navi_first:hover, a.navi_self:hover, 
a.navi:active, a.navi_first:active, a.navi_self:active {
   background-color:white;
   color:black;
}


#impressum{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:0px;
	text-align:justify;
	color:#666666;
}

#unternehmen{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-left:20px;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:0px;
	text-align:justify;
	color:#666666;
	
}

a.naviHead:link, a.naviHead:hover,
a.naviHead:active, a.naviHead:visited{
	color:#000000;
	text-decoration:none;
}

.naviMainStyle{
	text-decoration:underline;
}

.naviSub0{
	color:#000000;
	text-align:left;
	font-size:13px;
	padding-left:5px;
	padding-right:100px;
	line-height:2;
}


a.naviSub0:hover, a.naviSub0:active{
   background-color:white;
   color:#000000;
   font-weight:900;
}


a.naviSub0:link, a.naviSub0:hover, a.naviSub0:active, a.naviSub0:visited{
	color:#000000;
	text-align:left;
	font-size:13px;
	padding-left:5px;
	line-height:2;
	text-decoration:none;
}

.naviSub0 li:first-letter{	
}


.naviSub1{
	color:#000000;
	text-align:left;
	font-size:13px;
	padding-left:5px;
	padding-right:80px;
	
}

a.naviSub1:hover, a.naviSub1:active{
   background-color:white;
   color:#000000;
   font-weight:900;
}

a.naviSub1:link, a.naviSub1:hover, a.naviSub1:active, a.naviSub1:visited{
	color:#000000;
	text-align:left;
	font-size:13px;
	padding-left:5px;
	text-decoration:none;
	padding-right:80px;
}

.naviSub1 li:first-letter{	
}


#elek{
	background-image:url(pics/elek_text.png);
	list-style-type:square;
	line-height:2;
}

#team{
	color:#666666;
	font-size:13px;
}

#ref_list{
	list-style:upper-roman;
}

#ref_ansicht{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	width:450px;
	padding-left:50px;
}

a.uebersicht:visited, a.uebersicht:link, a.uebersicht:active, a.uebersicht:hover{
	text-decoration:none;
	border:0px;
	color:#000000;
}

.impressumHead{

	font-size:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:800;
	font-style:italic;
	color:#000000;
	
}

.impressumMain{
	
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:justify;
	padding-left:30px;
	padding-right:50px;
	
}
td, table, tr {background-color:#eee;}

