#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 {
	min-width: 987px;
	margin:0px;
	padding:0px;	
	font-family: Arial;
	font-size:12px;
	color: #000;
	text-align: center; 
}

html {min-height: 100%; margin-bottom: 1px; }
h1,h2,h3,h4,h5,p,ul,li{padding:0;margin:0;}
input, select,textarea{border:1px solid #000;}
a{color:#ccc;}

.seitentitel{margin:0 0 0 152px;padding:0 20px 0 0;font-size:14px;text-align:right;border-bottom:3px double #ccc;}
.subtitel{font-size:12px;}
.lefttitel{display:block;width:205px;height:40px;padding:15px 0 0 65px;font-size:16px;color:#fff;background: url(../img/logos/logo_white.gif) no-repeat;}

.text{margin:10px 0 0 0;}
.text2{margin:25px 0 0 0; font-size:13px; font-weight:bold;text-align:center;}
.text3{font-size:20px; font-weight:bold;}
.text_border{margin:10px 0 0 0;padding:0 0 6px 0;border-bottom:3px double #ccc;}

.imgtitle{margin:10px 0 0 0;padding:0 10px 0 10px;}
.errortext{margin:2px 42px 0 42px;padding:0 0 0 0;text-align:justify;color:red;}

.ref_titel{margin:0 10px 0 8px;padding:0 2px 0 2px;color:#fff;font-size:12px;background:#333;}
.ref_subtitel{margin:10px 10px 0 12px;font-size:11px;color:#666;font-weight:bold;}
.ref_text{margin:0 10px 0 12px;font-size:11px;color:#666;}
.ul_reffer{padding:2px 10px 1px 25px; font-size:11px;color:#666;}
.li_reffer{padding:2px 0 1px 0;}
.a_reffer{display:block;margin:0 10px 0 12px;text-decoration:none;font-size:11px;color:#666;font-weight:bold;text-align:center;}

.leftliste{margin:20px 20px 20px 35px}
.leftauflistung{padding:0 0 10px 30px;list-style-type:none;font-size:14px;font-weight:bold;background: url(../img/square.gif) no-repeat;background-position:left top;}

.ref_img{margin:10px 0 0 8px;}

.logonav{padding: 6px 11px 6px 11px;border:0px solid #333;}
.logonav_active{padding: 5px 10px 5px 10px;border:1px solid #333;}

.linkliste{text-decoration:none;color:#000;}

.leistungen_table{margin:20px;font-family: Arial;font-size:12px;font-weight:bold;text-align:left;}
.leistungen_table2{margin:20px;font-family: Arial;font-size:12px;text-align:left;}
.leistungen_td{padding:5px 10px;}

.floatleftimg{float:left;margin:10px 10px 10px 0;border:1px solid #ccc;}
.floatrightimg{float:right;margin:23px 0 10px 10px;border:1px solid #ccc;}

a:link.mainnav, a:visited.mainnav{		
	margin:0 35px 0 0;
  	padding:1px 2px;
	color:#000;	
	text-decoration:none;
	line-height:25px;
	font-size:15px;
	font-weight:bold;
}
	
a:hover.mainnav, a:active.mainnav{        	
	color:#fff;	
	border:#cc000 dotted 1px;
}

a.mainnav_active{	
	margin:0 35px 0 0;
  	padding:1px 2px;
	color:#fff;	
	text-decoration:none;
	line-height:25px;
	font-size:15px;
	font-weight:bold;
	border:#333 dotted 1px;
}

a:link.subnav, a:visited.subnav{		
	display:block;
	width:132px;
	margin:0;
  	padding:3px 0 3px 0;
	color:#666;	
	text-decoration:none;
	font-size:12px;
	font-weight:bold;	
	border:#fff 1px solid;
}
	
a:hover.subnav, a:active.subnav{        	
	color:#9E354F;
}

a.subnav_active{	
	display:block;
	width:132px;
	margin:0;
  	padding:3px 0 3px 0;
	color:#000;	
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	background:#C6C6E5;
	border:#fff 1px solid;
}

a.impressumlink{color:#333;text-decoration:none;}

/* 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 { 	
	width: 987px;
	margin: 0 auto;
	margin-top:10px;
	padding:0;
	text-align: left;
}

#header {	
	clear: both;
	width: 987px;	
	height: 129px;
	padding:0;
	margin:0;
	color: #000;
}

	#header_left {	
		float:left;
		padding:40px 0 0 43px;		
		color: #000;
		text-align:left;		
	}
	
	#header_right {	
		float:right;
		padding:28px 33px 0 0;				
		color: #000;
		text-align:right;
	}
	
	#header_credo{
		clear: both;
		width: 987px;
		text-align:right;
	}

#subheader{	
	clear: both;
	width: 973px;
	height:55px;
	margin:0;
	color: #000;	
	text-align:left;
	font-weight:bold;
}

#footer{
	clear: both;	
	width: 987px;
	height: 16px;
	color: #000;
	text-align:center;
	background: url(../img/footer.gif) no-repeat;
}

#contentfloatholder {/* right faux column tab */
	float: left;
	width: 987px;		
}


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

#center {
	margin: 0 173px 0 273px;
	padding:21px 20px 30px 30px;
}

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

#left {
  float:left;
  width: 273px;
  height:400px;
  margin: 0 0 0 -5%;
  padding:0;
}

#right {
  float:right;
  width: 168px;
  padding:0 4px 0 0px;
  margin:0;
  background: url(../img/right.gif) repeat-y;
}

	#right_bottom{
		float:right;
		width:166px;
		height:8px;
		line-height:8px;
		background: url(../img/right_bottom.gif) no-repeat;
	}

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