BODY {
	margin: 0px;
	padding: 0px;
	background: #EC8E37 url(../pics/verlauf.jpg) repeat-x; 
	text-align: center; 
	font-family: Arial, Helvetica,sans-serif;
	font-size: 13px;
	line-height:22px;
	color: #000000;
}


/* images */

  img { 
	margin:0px; padding:0px; border:0px; 
  }
  
  
/* Container für Hintergrund */

#hintergrund {
    text-align: left;    
    margin: 0 auto; 
	padding:0px;
	width: 950px;
	background: url(../pics/schatten.jpg);
  
}
  
/* Container für Logo */  

#logo {
	background: #ffffff url(../pics/header.jpg) no-repeat; 
	width: 950px;
	margin:0px;
	padding:0px;
	height: 230px;
}

#logo_link {
	margin-left:30px;
	margin-top: 35px;
	padding:0px;
	float:left
}

/* Container für Schattenverlauf */ 

#hintergrund {
    text-align: left;    
    margin: 0 auto; 
	padding:0px;
	width: 950px;
	background: url(../pics/schatten.jpg);
  
}

#schatten_links {
	width:11px;
	height:383px;
	float:left;
	background: url(../pics/schatten_links.jpg);
}	

#mitte{

	float:left;
	}

#schatten_rechts {
	width:11px;
	height:383px;
	float:right;
	background: url(../pics/schatten_rechts.jpg);
}	


/* Tabellenformatierung */  

#aufteilung {
	width: 928px;
	background: #ffffff url(../pics/ende.jpg) no-repeat bottom;
	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	font-size: 13px;
	
}
	
td {
	vertical-align:top;	
}	

.abstand {
	width:19px;
}

.abstand_form {
	width:30px;
}

.rand {
	width:20px;
}



/* Bereich Metanavigation */  

.meta {
	width:140px;
	margin:185px 20px 0 0;
	height: 20px;
	float:right;
}

/* Links Metanavigation */  

.meta a {
	display: block;
	float: left;
	height: 30px;
	padding: 0px 10px 0px 10px;
	line-height: 30px;
	color: #666666;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 10px;
	background : url(../pics/pln.gif) no-repeat left;
}

.meta a:hover,.meta a.active {
	
	text-decoration:underline;
	color: #000000;

}


/* Anzeige Titel, Thema der Box*/  

.box_topic {
	clear:both;
	width:190px;
	height: 37px;
	padding: 0px;
	margin: 0px;
}

.box_anfang {
	width:190px;
	height: 8px;
	padding: 0px;
	margin: 0px;
	background: url(../pics/box_anfang.gif) no-repeat;
}

.box_ende {
	clear:both;
	width:190px;
	height: 7px;
	padding: 0px;	
	background: url(../pics/box_ende.gif) no-repeat;
}


/* Box, Box Navigation */  

.box,.navi {
	width: 190px;
	padding: 0 0 10px 0;
	margin: 0px;
	background: #F7F7F7;
}

.box p{
	margin: 0 20px 0 20px;
	line-height:22px;
	color: #666666;
}

/* Links: Navigation; bei dem letzten Menüpunkt im entsprechenden Html-Tag den border-bottom entfernen  */  

.navi a {
	display: block;
	line-height: 21px;
	border-bottom: 1px dotted #cccccc;
	height: 21px;
	margin: 0 20px 0 20px;
	padding: 0 0 0 20px;
	color: #666666;
	text-decoration: none;
	font-size: 13px;
	background : url(../pics/pfeil.gif) no-repeat left;
	
}

.navi a:hover,.navi a.active {
	
	color: #000000;
	background : url(../pics/pfeil_o.gif) no-repeat left;
}


/* Bereich für den Content */ 

#titel {
	width:470px;
	height:22px;
	background: url(../pics/titel_bg.jpg) no-repeat;
	margin: 10px 0 0 0;
}
 
#content {
	width: 430px;
	margin: 13px 20px 20px 20px;
	color: #000000;
}

/* Contentbereich: Überschrift, bei Hauptmenüpunkten Großbuchstaben verwenden!*/ 

#content h1{
	font-size: 17px;
	color:#000000;
	font-weight:bold;
}

#content h2{
	font-size: 15px;
	color:#666666;
	font-weight:bold;
}

#content h3{
	font-size: 13px;
	color:#000000;
	font-weight:bold;
	
}

/* Contentbereich: Absatzformatierung */ 
#content p{
	line-height:22px;
}

.team {
	margin-top:50px;
	float:left;
	width:260px;
	height:162px;
	padding-left:20px;
}

.team_foto {
	margin-top:5px;
	float:left;
}

img.punkt {
	margin-right:5px;
}

ul {	
	line-height:22px;
	list-style-image:url(../pics/punkt.gif);	
}

* html ul {  /* nur fuer Internet Explorer */
	  	margin-top:0px;	 /* Version 5.x */
}	

li {
	margin-bottom:11px;
}






/* Contentbereich: die Trennlinie */ 

.linie {
	clear:both;
	height:1px;
	background:url(../pics/dot.gif) repeat-x;
	margin:0px;
	padding:0px;
}

/* die Linkformatierung im Contentbereich */ 

#content a{
	color:#999999;
	text-decoration:none;
}

#content a:hover, #content a.active {
	color:#000000;
	text-decoration:underline;
}


/* Bereich Footer */  

#footer {
	width: 950px;
	clear:both;
	background: url(../pics/footer.jpg) no-repeat;
	height: 57px;
	margin: 0px; 
	padding: 0px;
}

/* Box für Footer-Inhalt */  

.footerbox {
	float:left;
	text-align:left;
	font-size: 11px;
	margin:8px 50px 0px 50px;
	color:#666666;
}

	* html .footerbox {  /* nur fuer Internet Explorer */
		margin:8px 50px 0px 25px;		 /* Version 5.x */
}

/* Linkformatierung im Footerbereich */  	

.footerbox a {	
	color: #666666;
	font-size: 11px;
	text-decoration:none;
}	

.footerbox a:hover {	
	color: #666666;
	font-size: 11px;
	text-decoration:underline;
}	




/* Formular */  

#form_tabelle {

	padding: 0px;
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 0px;
	font-size: 13px;
	color: #000000;
	
}

form  {
	margin:0px;
	padding:0px;
}

/* Kunden LogIN */  

form.formular input {
	width: 195px;
	height:15px;
	vertical-align:middle;
	padding: 1px;
	margin: 0px 0px 5px 0px;
	border : 1px solid #cccccc;
	color: #666666;
	background: #F8F8F7;
	font-size: 11px;
}


form.formular input.plz {
	width: 40px;
}

form.formular input.ort {
	width: 135px;
	margin: 0px 0px 5px 15px;	
}


/* eventuell für Kontaktformular, noch nicht eingesetzt */  

form.formular textarea  {
	width: 425px;
	height:100px;
	vertical-align:middle;
	padding: 1px;
	margin: 0px 0px 20px 0px;
	border : 1px solid #cccccc;
	color: #666666;
	background: #F8F8F7;
	font-size: 11px;
}

form.formular input.go {
	width: 100px;
	height:20px;
	vertical-align:middle;
	padding: 1px;
	margin: 0px 0px 5px 0px;
	border : 1px solid #EC8E37;
	color: #ffffff;
	background: #EC8E37;
	font-size: 13px;
}
}