@charset "utf-8";

html {margin:0; padding:0;}

body {
	margin:0px; 
	padding:0;
	font-size:8pt;/* schriftgroesse relative machen, um spaeter mit em zu arbeiten    */
	background-color:#009999;
	font-family:verdana, arial, sans-serif;
	text-align:center;   /* vertikal zentrieren im IE6 */
}



/**********************************************************************/
/*           	             Ebenen - Layout			                   

Die in den Content divs eingetragenen Hoehen sollten, wenn inhalt da
ist wieder entfernt werden, damit die divs mitwachsen.
Allerdings kann es bei 2 Spalten zu problemen kommen, z.B. das
die eine Spalte nicht mitwaechst wenn die andere groesser wird...dies
kann z.B. ueber ein hintergrundbild im content_wrapper behoben werden.
                                                                        */
/**********************************************************************/


#wrapper {
	width:600px;
	margin:0 auto; /* vertikal zentrieren */
	text-align:left;  /* text wieder links positionieren */
	background-color:#fff;
	border: 1px solid #FFFFFF;	
}

#header {
	width:600px;
	height:160px;
	float:left;
	background-color:#FFFFFF;
	border-bottom-style: none;
	border:#
}

#content_wrapper {
   width:600px;
   float:left;
}

#content_left {
   width:600px;
   height:20px;
   background-color:#666666;
   
 
}

#content_right {
	width:600px;
	height:600px;
	background-color:#CCCCCC;
}





div.clear {
   clear:both;
}



/**********************************************************************/
/*           	             Ebenen - Text			                      

Damit der text nicht am Rand klebt, gibt es in jedem div noch ein 
div mit einem margin, und event. Textformatierungen.
K�nnte auch in dem div darueber mit padding geloest werden, wird 
aber von verschiedenen Browser unterschiedlich oder nicht 
interpretiert.
                                                                      */
/**********************************************************************/


#header_t {
   margin-top:30px;
   margin-bottom:20px;
   padding-left: 227px;
   font-size:1.2em;
   color:#fff;
}

#content_left_t {
   margin-left: 0px;
   padding-top: 2px;
   padding-left: 39px;
   font-size:1.2em;
   color:#000;
   
}

#dms {
   
   padding-top: 12px;
   padding-left:0px;
   font-size:1.2em;
   color:#000;
   
}




#content_right_t {

   margin-left: 40px;
   margin-right: 20px;
   padding-top: 5px;
   font-size:11px;
   color:#000;
}



.tabelle {
	border: 1px solid #CCCCCC;
}

#tab1{...}
#tab1 
col.col1{
width:112px;
padding-left: 38px; 

}


#tab1 col.col2{width:488px;}
#tab1 col.col3{width:30%;


}

.border {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #CCCCCC;
	font: Verdana;
	font-size: 11px;
}

.zelle_right {
	padding-right: 38px;
	font: Verdana;
	font-size: 11px;
}

.spalte_right {
	padding-right: 38px;
	padding-left: 40px;
	font: Verdana;
	font-size: 11px;
}


a.navi {
	font-size: 11px;
	color:#000000;
}
a.navi:link {
	text-decoration: none;
	color:#000000;
}
a.navi:visited {
	text-decoration: none;
	color;#000000;
}
a.navi:hover {
	text-decoration: none;
	color: #009999;
}
a.navi:active {
	text-decoration: none;
	color: #000000;
}

form {  
padding-left:4px; 
 }
 
td, input, select, textarea { 
font-size:11px; font-family:Verdana,sans-serif;  
}

input, select, textarea { 
color:#000000 }

.Bereich, .Feld { 
background-color:#FFFFFF; width:300px;
 
}