#wrapper {word-wrap: break-word;} /* ie proprietary property to force long words to break rather than the layout */

* {margin: 0; padding: 0; border: 0;}

body {
	margin:28px 0 20px 0;
	padding:0px;
	text-align: center; 
	font-family: arial, verdana, helvetica, sans-serif;
	font-size:12px;
	background:url(../img/hintergrund.jpg);
}

h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;}
html {min-height: 100%; margin-bottom: 1px;}

.logo_footer{padding:0 0 5px 0; float:left;}
.navigation{padding: 20px 0 0 0;}
.navigation_left{padding: 41px 0 0 0;}

.right_img{padding: 85px 0 0 65px;}
.right_img_2{margin: 50px 0 0 50px;}

.text{padding: 10px 0 5px 20px; color:#477493;}
.text1{padding: 0px 0 5px 20px; color:#477493;}
.text_gruen{color:#00A074;}
.text_eingerueckt{padding: 0 10px 5px 40px; color:#477493;}
.texttitel{padding: 10px 0 5px 20px; color:#477493;font-weight:bold;}
.text_top{padding:50px 0 0 20px; font-size:18px; color:#fff;}

.text_index3{padding:15px 0 0 65px; font-size:12px; color:#fff;}

.liste{padding: 0 0 5px 33px; color:#477493;}
.listenelement{padding: 5px 0 5px 0; color:#477493;}

.bild{padding: 20px 0 5px 20px;}
.rightfloatimg{padding:2px 10px 5px 0; float:right;}

.linie{margin: 82px 0 0 0;width:716px;font-size:1px;border-top:#477493 1px solid;}
.linie2{margin: 10px 9px 0 20px; border-top:#477493 1px solid;}
.white{background:#fff;}


/********** Kontaktformular *************/	
	input, select, textarea{border:#477493 1px solid;}
	table, td{font-family: arial, verdana, helvetica, sans-serif;font-size:11px;}
	.errortext{margin:0 30px 10px 20px;font-size:11px;letter-spacing:1,5px;color:red;}
	.tabelle_kontakt{margin: 0 0 10px 20px; color:#477493;}
	input.kontakt,textarea.kontakt{width:346px;margin:0 0 5px 0;}
	
	
/********* LINKSTRUKTUR ************/
a:link.mainnav, a:visited.mainnav, a:link.mainnav_firstleft, a:visited.mainnav_firstleft{				
	display:block;
	height: 30px;
	float:left;	
	color:#477493;	
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	text-background:#fff;
	font-size:12px;
}

a:link.mainnav, a:visited.mainnav{
	margin:10px 13px 0 0;
	padding:0 0 0 13px;			
	border-left:1px solid #477493;	
}

a:link.mainnav_firstleft, a:visited.mainnav_firstleft{			
	margin:10px 13px 0 0;
	padding:0 0 0 0;
}
	
a:hover.mainnav, a:active.mainnav, a:hover.mainnav_firstleft, a:active.mainnav_firstleft{        	
	color:#00A074;
	font-size:12px;
}

a.mainnav_active, a.mainnav_firstleft_active{
	display:block;
	height: 30px;
	float:left;	
	color:#00A074;
	text-align:left;
	text-decoration:none;
	text-transform:uppercase;
	font-size:12px;
}

a.mainnav_active{
	margin:10px 13px 0 0;
	padding:0 0 0 13px;
 	border-left:1px solid #00A074;	
}

a.mainnav_firstleft_active{
	margin:10px 13px 0 0;
	padding:0 0 0 0;
}

a:link.subnav, a:visited.subnav, a.subnav_active{				
	display:block;	
	margin:0 10px 0 10px;
	padding:17px 0 2px 20px;
	color:#333;
	text-align:left;
	text-decoration:none;
	font-size:12px;
	background: url(../img/subnav.gif) no-repeat 3px 23px;
	border-bottom:#ccc 1px solid;
}


a:link.subnav, a:visited.subnav, a.subnav_active{				
	display:block;	
	width: 270px;
	margin:0 10px 0 0;
	padding:9px 0 9px 0;
	color:#477493;
	text-align:right;
	text-decoration:none;
	font-size:12px;
	border-bottom:#477493 1px solid;
}

a:hover.subnav, a:active.subnav{        	
	color:#00A074;
	border-bottom:#00A074 1px solid;
}

a.subnav_active{
	color:#00A074;
	border-bottom:#00A074 1px solid;
}

a.impressumlink{
	color:#477493;
	text-decoration:none;
	font-size:10px;
}

a.impressum{
	color:#477493;
	text-decoration:none;
	font-weight:bold;
	font-size:13px;
}

a:link.textlink, a:visited.textlink{
	color:#477493;
	font-weight:bold;
	text-decoration:none;
}

a:hover.textlink, a:active.textlink{        	
	color:#00A074;
	font-weight:bold;
	text-decoration:none;
}

a.pdflink{
	padding: 0px 0 5px 20px;
	color:#477493;
	height:20px;
	}


/* wrapper holds left faux column tab */
/* nn6/7 will put content out of scrollable reach if auto is used unless the min-width is on body */

#wrapper { 
	text-align: left;
	width: 870px;
	margin: 0 auto;
	padding: 0 40px 0 40px;
	background:#fff;
}

#header, #footer, #container{
	clear: both; 
	width: 870px;
}

#header{
	height: 140px;
	padding: 35px 0 0 0;
}
	#header_left{
		float:left;
		width:760px;
		height:140px;
	}
	#header_right{
		float:right;
		width:78px;
		height:140px;
	}

#container{
	clear:both;
	width: 870px;
	height: 170px;
}
	#container_left{
		float:left;
		width:290px;
		height:130px;
	}
	#container_right{
		float:right;
		width:580px;
		height:130px;
		background:#00A074 url(../img/right_top_img.jpg) no-repeat;
		background-position: right bottom;
	}

#contentfloatholder {/* right faux column tab */
	background:url(../img/contentfloat.jpg) repeat-y;
	float: left;
	width:870px;
}

#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    	content: "."; 
    	display: block; 
	height: 0px;
    	clear: both; 
    	visibility: hidden;
}

#center{
	margin: 0 120px 0 290px;
}

	#centerTopIndex{
		margin: 0 120px 0 290px;
		height:287px;
		background:#00A074;
	}
		
	#centerBottomIndex{
		margin: 7px 120px 0 290px;
		height:151px;
		background:#477493;
	}

#centerwrap {
  	float:left;
  	width:870px; 
	margin: 0 -95% 0 0;
}

#left {
  	float:left;
  	width: 243px;
  	height:130px;
  	margin: 0 0 0 -5%;
}

#right {
  	float:right;
  	margin: 0;
  	width: 120px;
}
	#right_top_index {
	  	margin: 0;
	  	float:left;
	  	width: 120px; 
	  	height:287px;
		background:#00A074;
	}
	
	#right_bottom_index {
	  	float:left;
	  	margin: 7px 0 0 0;
	  	width: 120px; 
	  	height:151px;
		background:#477493 url(../img/right_bottom_img.jpg) no-repeat;
		background-position: right bottom;
	}

#footer {
	height:70px;
	padding:5px 0 0 0;
}
	#footer_top {
		float:left;
	  	width:870px;
	  	height:42px;		
	}
	
	#footer_bottom {
		float:left;
	  	width:870px;
		height:24px;
		padding:5px 0 0 0;
		border-top:#477493 1px solid;
	}


/************* IE Mac CSS Only  works for Win too **************/
* html div#centerwrap {margin: 0 -100% 0 0;}
* html div#left {margin: 0;}