html{
height: 100%;
padding: 0px;
margin: 0px;
}

body{
background: url(images/bg_hbf.jpg) repeat-x;
background-color: #daf0ff;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
height: 100%;
padding: 0px;
margin: 0px;
}

img{
border: 0px solid;
}

img, div { behavior: url(iepngfix.htc)}

a{
text-decoration: none;
color: #0070b8;
}


#global{
position: relative;
top: 23px; 
width: 990px;
height: 100%;
margin-left: auto;
margin-right: auto;
padding: 0px;
}

#header_de{
width: 100%;
height: 104px;
background-image: url(images/header_hfb.jpg);
}

#header_en{
width: 100%;
height: 104px;
background-image: url(images/header_hfb.jpg);
}

	#menu_top{
	position: relative;
	top: 10px;
	left: 20px;
	}
	
	*html #menu_top{
	position: relative;
	margin-top: 10px;
	margin-left: 20px;
	}
	
	.flag{
	float: left;
	margin-left: 5px;
	margin-right: 10px;
	}
	
	#mini_menu_top{
	float: left;
	}
	
		#mini_menu_top td{
		float: left;
		font-size: 11px;
		padding-right: 2px;
		}
		
		#mini_menu_top a{
		text-decoration: none;
		color: #34a0e9;
		}
		
		#mini_menu_top a{
		float: left;
		font-size: 11px;
		}
		
		.trenner{
		width: 5px;
		}



#main_menu{
width: 100%;
height: 44px;
background: url(images/main_menu_hfb.jpg); 
}

	#main_menu_outer{
	position: relative;
	top: 5px;
	left: 30px;
	}
	
	*html #main_menu_outer{
	position: relative;
	margin-top: 5px;
	margin-left: 30px;
	}
		
		.main_menu_div{
		float: left;
		padding-top: 10px;
		}
		
		.main_menu_trenner{
		float: left;
		width: 5px;
		height: 26px;
		background-image: url(images/icons/trenner_main_menu2.jpg);
		margin: 5px;
		}
		
		.main_menu_div a{
		text-decoration: none;
		color: #0070b8;
		font-weight: bold; 
		}
		

#banner{
width: 100%;
height: 170px;
}

#main_content_top{
width: 100%;
height: 33px;
background: url(images/main_content_top.jpg);
}

#main_content{
width: 100%;
min-height: 200px;
height: auto !important;
height: 200px;
background: url(images/main_content_bg.png);	
}

								* html #main_content{
								width: 100%;
								min-height: 200px;
								height: auto !important;
								height: 200px;
								background: url(images/main_content_bg.png);}

	.content_li_top{
	float: left;
	width: 254px;
	padding-left: 20px;
	padding-top: 2px;
	color: rgb(0, 112, 184);
	}
	.content_li_top_inf{
	float: left;
	width: 254px;
	padding-left: 18px;
	padding-top: 10px;
	color: rgb(0, 112, 184);
	}
	.content_links_pruef{
	height:50px;
	margin-top:-5px;
	}
	.breadcrumb{
	float: left;
	width: 487px;
	padding-left: 15px;
	padding-top: 4px;
	height: 22px;
	}
	
		.breadcrumb a{
		text-decoration: none;
		font-weight: bold;
		color: #0070b8;
		}
	
	.content_re_top{
	float: left;
	width: 196px;
	padding-left: 15px;
	padding-top: 2px;
	color: rgb(0, 112, 184);
	}
									
	.content_li{
	width: 254px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 20px;
	vertical-align: top;
	font-size: 11px;
	}
	
									* html .content_li{
									width: 254px;
									padding-left: 15px;
									padding-top: 8px;
									padding-bottom: 20px;
									vertical-align: top;
									font-size: 11px;
									}
									*+html .content_li{
									width: 264px;
									padding-left: 15px;
									padding-top: 8px;
									padding-bottom: 20px;
									vertical-align: top;
									font-size: 11px;
									}
									
		.bild_lin {
		padding-left: 0px;
		}							
									*html .bild_lin {
									padding-left: 10px;
									}
									
								
		.content_li a{
		text-decoration: none;
		color: #0070b8;
		}
		
		.content_li td{
		border-bottom: 1px dotted #8fbcd9;
		}
		
		.dotted{
		height: 1px;
		border-top: 1px dotted #8fbcd9;
		}
		
		.content_li h1{
		width: 252px;
		height: 25px;
		color: rgb(0, 112, 184);
	background: url(images/le_h1_bg.jpg);
		
		padding-left: 12px;
		padding-top: 8px;
		padding-bottom: 0px;
		margin-bottom: 0px;
		font-size: 12px;
		}
		
		
		
		.left_column_text{
		width: 90%;
		padding-left: 15px;
		padding-top: 8px;
		text-align:left;
		}
	
	
	
	.content_mi{
	width: 487px;
	padding-left: 15px;
	vertical-align: top;
	padding-bottom: 12px;
	}
	
	
										* html .content_mi{
										width: 487px;
										padding-left: 5px;
										vertical-align: top;
										padding-bottom: 12px;
										}
										
	       				 		
										*+html .content_mi{
										width: 487px;
										padding-left: 4px;
										vertical-align: top;
										padding-bottom: 12px;
										}
	.content_mi2{
	width: 487px;
	padding-left: 15px;
	vertical-align: top;
	padding-bottom: 12px;
	
										}
										* html .content_mi2{
										width: 487px;
										padding-left: 15px;
										vertical-align: top;
										padding-bottom: 12px;
										}
	
		.bilder_start{
		float: left;
		margin-right: 9px;
		margin-top: 10px;
		margin-bottom: 10px; 
		}
		
		.bilder_start img{
		border: 3px solid #fff;
		}
		
		.textbox_mi{
		width: 97%;
		}
		

								* html .textbox_mi{
								width: 100%;
								}
		
			
	.content_re{
	width: 196px;
	padding-left: 15px;
	padding-top: 8px;
	padding-bottom: 20px;
	vertical-align: top;
	}
	
								*html .content_re{
								width: 191px;
								padding-left: -10px;
								padding-top: 8px;
								padding-bottom: 20px;
								vertical-align: top;
								}
								
								*+html .content_re{
								width: 191px;
								padding-left: -10px;
								padding-top: 8px;
								padding-bottom: 20px;
								vertical-align: top;
								}
			
		.content_re h1{
		width: 196px;
		height: 25px;
		color: rgb(0, 112, 184);
		background: url(images/le_h1_bg.jpg);
		margin-left: -12px;
		padding-left: 15px;
		padding-top: 8px;
		font-size: 12px;
		}
		

		 						*html .content_re h1{
								width: 191px;
								height: 25px;
								color: rgb(0, 112, 184);
								background: url(images/le_h1_bg.jpg);
								margin-left: 0px;
								padding-left: 20px;
								padding-top: 8px;
								margin-right:5px;
								font-size: 12px;
								}


#footer{
width: 100%;
height: 89px;
background:url(images/footer_hfb.png) no-repeat;
padding-bottom: 20px;
}
	#footer_copy{
	position: relative;
	left: 20px;
	top: 25px;
	font-size: 11px;
	width: 100%;
	color: #FFFFFF;
	line-height: 20px;
	}
	
	#footer_copy a{
	color: #FFFFFF;
	}

.impressum_table{
width: 95%;
}

	.impressum_table td{
	vertical-align: top;
	}
	
/* NEWS */

.details{
padding-top: 10px;
}

.news_div{
width: 450px;
}

	.news_div img{
	border: 3px solid #fff;
	}
	
	.news_div h1{
	font-size: 14px;
	}
	
h4 {
	color: rgb(0, 112, 184);
	font-size: 12px;
	}
	
h3 {
	color: rgb(0, 112, 184);
	font-size: 14px;
	}
	
.bilder_link{
		float: left;
		margin-right: 9px;
		margin-top: 0px;
		margin-bottom: 10px; 
		}
		
							* html .bilder_link{
							float: left;
							margin-right: 3px;
							margin-top: 5px;
							margin-bottom: 5px; 
							}
		
.bilder_link img{
		border: 3px solid #fff;
		}
		
.bilder_werk{
		float: left;
		margin-right: 9px;
		margin-top: 10px;
		margin-bottom: 20px; 
		}
		
							* html .bilder_werk{
							float: left;		
							margin-right: 3px;
							margin-top: 15px;
							margin-bottom: 15px; 
							}
							
					
		
.bilder_werk img{
		border: 3px solid #fff;
		}
		
.bilder_werk_1{
		float: left;
		margin-right: 9px;
		margin-top: 0px;
		margin-bottom: 20px; 
		}
		
							* html .bilder_werk_1{
							float: left;		
							margin-right: 3px;
							margin-top: 5px;
							margin-bottom: 15px; 
							}
							
					
		
.bilder_werk_1 img{
		border: 3px solid #fff;
		}
		
.container {
		float:left;
		padding-left: 20px;
		}
		
.container-bild {
		float:left;
		}
		
.stil {
		float:left; 
		padding-left: 25px;
		}
		
.stil2 {
		float:left; 
		padding-left: 30px;
		}
		
.stil-farbe {
	color: rgb(0, 112, 184);
	}
/*	
.stil-test {
		float: left;
		padding-left: 25px;
		margin-top: 9px;
		margin-bottom: 0px; 
		}
		
*html stil-test {
		float: left;
		padding-left: 50px;
		margin-top: 0px;
		margin-bottom: 0px; 
		}
*/

.bild-1 {
	float:left;
	padding-right: 20px}
	
	
.bilder_team {
		border: 3px solid #fff;
		}
		
.text_left{
		float: left;
		margin-left: 126px;
		}
		
* html .text_left {
		float: left;
		margin-left: 64px;
		}		

.text_left2{
		float: left;
		margin-left: 0px;
		}
		
* html .text_left2 {
		float: left;
		margin-left: 64px;
		}		
		
									*+html .text_left2 {
									float: left;
									margin-left: 126px;
									}		
									
.text_left4 {
float: left;
margin-left: 126px;
		}	
		
		
									*html .text_left4 {
									float: left;
									margin-left: 65px;
									}	
									
									*+ html .text_left4 {
									float: left;
									margin-left: 126px;
									}	
									
		
		
.text_left3{
		float: left;
		margin-left: 0px;
		}
		
									* html .text_left3 {
									float: left;
									margin-left: 4px;
									}	
									
									* html .text_left5 {
									float: left;
									margin-left: 65px;
									}
									
									*+html .text_left5 {
									float: left;
									margin-left: 0px;
									}

.line{
		float: left;
		margin-left: 126px;
		color: rgb(143, 188, 217);
		font-size: 9px;
		}

* html .line{
		float: left;
		margin-left: 64px;
		color: rgb(143, 188, 217);
		font-size: 9px;
		}
		
							* html .bild_rand {
							margin-left: -10px;
							}
							
.span_pic {
	position: absolute;
	top: 349px;
	left: 715px;
	}
	
							html > body .span_pic {
							position: absolute;
							top: 349px;
							left: 715px;
							}
							
							html>body .span_pic2 {
							position: absolute;
							top: 346px;
							left: 715px;
							}
							
.span_pic2 {
		position: absolute;
		top: 346px;
		left: 715px;
		}
.img_left{
margin-left:-5px;
float:left;
}