.clear{
clear: both;
}

/**********************
		Layout
**********************/

body{
background-color: #e0e0e0;
font-family: Arial, sans-serif;
font-size: 12px;
}

a{
text-decoration: none;
color: #006fb4;
}

h1{
color: #ee7f01;
font-size: 1.7em;
font-weight: normal;
margin: 0 0 15px 0;
}

h2{
color: #006fb4;
font-size: 1.0em;
font-weight: bold;
margin: 5px 0 5px 0;
}

h3{
color: #006fb4;
font-size: 1.1em;
font-weight: bold;
margin: 5px 0 5px 0;
}

p{
margin: 5px 0 5px 0;
line-height: 1.4em;
}

#main_container{
	background: url(../img/body_bg.gif) repeat-x left top #fff;
}

#top_container{
background: url(../img/body_bg.gif) repeat-x left top #fff;
width: 990px;
height: 1%;
margin: auto;
overflow: hidden;
}

#top{
	background: url(../img/top_shadow.gif) repeat-y right top #fff;
	width: 965px;
	margin: 0 0 0 25px;
	height: 1%;
}
	
	#mainnavi_container {
		background: url(../img/navi_bg.gif) repeat-x 0 40px;
		padding: 40px 0 0 0;
		width: 720px;
		height: 1%;
	}
	
	#mainnavi {
		
		background: url(../img/navi_end.gif) no-repeat right top;
		padding: 0 178px 0 0;
		font-size: 1.2em;
		font-weight: bold;
		height: 34px;
	}

	#mainnavi ul li{
		float: left;
		position: relative;
	}


		#mainnavi ul li div.subnavi{
			position: absolute;
			left: 0 !important;
			top: 34px;
			font-size: 0.9em;
			font-weight: normal;
			z-index: 999;
			display: none;
			padding: 5px 0 0 0;
			background-color: #fff;
			-moz-opacity: 0.9;
			-moz-border-radius-bottomright: 5px;
			-moz-border-radius-bottomleft: 5px;
			border-right: 1px solid #ccc;
			border-bottom: 1px solid #ccc;
		}

		#mainnavi ul li.hover div.subnavi{
			display: block;
		}

		#mainnavi ul li ul li{
			margin: 0 0 3px 0;
			clear: both;
			float: left;
			font-weight: bold;
			padding: 2px 10px 2px 10px;
			width: 150px;
			border-bottom: 1px solid #efefef;
		}

		#mainnavi ul li ul li.last{
			border: none;
		}

		 

		#mainnavi ul li ul li.last  a{
			border: none;
		}

		#mainnavi ul li ul li a{
			color: #006fb4 !important;
			padding: 0 7px 0 0;
			margin: 0 7px 2px 0;
		}

		#mainnavi ul li ul li.last a{
			padding: 0 0 0 0;
			margin: 0 0 2px 0;
		}

		#mainnavi ul li ul li a:hover{
			color: #EE7F01 !important;
		}

		/*.subnavi_arrow{
			display: none;
			position: absolute;
			top: -3px;
			background: url(../img/subnavi_arrow.gif) no-repeat center bottom;
			height: 3px;
			width: 100%;
			z-index: 999;
		}*/

		#mainnavi ul li.hover .subnavi_arrow{
			display: block;
		}

	#mainnavi ul li.hover{
		/*background: url(../img/navi_arrow_active.gif) no-repeat center top !important;*/
	}

	#mainnavi ul li.hover.no_subnavi{
		/*background: url(../img/navi_arrow.gif) no-repeat center top !important;*/
	}

	#mainnavi ul li.active{
		background: url(../img/navi_arrow.gif) no-repeat center top;
	}

	#mainnavi ul li.hover.no_subnavi .subnavi_arrow{
		display: none;
	}

	#mainnavi ul li.hover ul li.hover,#mainnavi ul li.hover li.hover.no_subnavi, #mainnavi ul li.active ul li.active{
		background: none !important;
	}
	

	#mainnavi ul li.hover a{
		color: #fff;
	}

	#mainnavi ul li.active a{
		color: #fff;
	}

	#mainnavi ul li a{
		padding: 9px 10px 9px 10px;
		display: block;
		color: #a7cde5;
	}

		#mainnavi ul li a:hover{
			color: #fff;
		}

	#logo{
		float: right;
		margin: 20px 40px 0 0;
	}

#banner_container{
	background: url(../img/banner_left_shadow.gif) no-repeat left bottom;
}

#banner_container_container{
	background: url(../img/banner_shadow.gif) no-repeat right top;
}

#banner{
	margin: 0 0 0 25px;
	width: 940px;
	height: 221px;
}

#content_container{
	
}

#content_container{
background: url(../img/content_shadow.gif) no-repeat left top #fff;
margin: 0 25px 0 0;
width: 965px;
overflow: hidden;
}
	
	#content{
		margin: 0 0 0 16px;
		background: url(../img/content_line_bg.gif) repeat-x 0px 5px;
		padding: 10px 0 0 0;
		color: #333;
	}	

	#content .inner{
		margin: 20px;
	}
	
	.col_minheight{
		height: 300px;
		font-size: 1px;
		line-height: 1px;
		width: 1px;
		float: left;
	}

	.col{
		float: left;
		width: 280px;
		margin: 10px;
	}

	.arrow{
		background: url(../img/shadow_arrow_left.gif) no-repeat right top;
		padding-right: 15px;
		width: 265px;
	}

	.col_wide{
		float: left;
		width: 580px;
		margin: 10px;
	}

#bottom_container{
background: url(../img/footer_line_bg.gif) repeat-x left top #e0e0e0;
height: 1%;
}

#footer{
width: 990px;
margin: auto;
height: 1%;
overflow: hidden;
background: url(../img/footer_top_shadow.gif) repeat-x left top #e0e0e0;
color: #555;
font-size: 0.9em;
}

#footer_container{
height: 1%;
background: url(../img/footer_left_shadow.gif) no-repeat left top;
}

#footer_container_container{
height: 1%;
background: url(../img/footer_right_shadow.gif) no-repeat right top;
}

#footer .inner{
padding: 20px;
height: 80px;
}

#nav3{
left: -55px !important;
}

#nav7{
left: -50px !important;
}

#nav11{
left: -25px !important;
}

#nav14{
left: -30px !important;
}

/*****************************************

Klassen

*****************************************/

a.external{
padding: 0 0 0 12px;
background: url(../img/link_arrow.gif) no-repeat 0px center;
}

a.external:hover{
text-decoration: underline;
background-position: 2px center;
}

a.transparent{
opacity: 0.7;
filter: alpha(opacity = 70);
-moz-opacity: 0.7;
}

a.transparent:hover{
opacity: 1;
filter: alpha(opacity = 100);
-moz-opacity: 1;
}

ul#mitarbeiter{
list-style: none;
}

ul#mitarbeiter li{
border: 2px solid #efefef;
float: left;
margin: 10px;
}

.box{
background: url(../img/box_bg.gif) repeat-y left top;
width: 205px;
}

.box_head{
background: url(../img/box_head.gif) no-repeat left top;
}

.box_foot{
background: url(../img/box_foot.gif) no-repeat left bottom;
padding: 15px 15px 15px 15px;
}

.action a, a.action{
background: url(../img/action_arrow.gif) no-repeat right center;
padding: 0 15px 0 0;
font-weight: bold;
color: #888;
}

.action{
font-size: 1.1em;
}

#aktuellesprojekt img, #neuigkeiten img{
border: 1px solid #e0e0e0;
}

#aktuellesprojekt p{
line-height: 1.2em;
font-size: 0.9em;
}

#kontaktformular input, #kontaktformular textarea{
border: 1px solid #ccc;
width: 240px;
margin: 0 0 3px 0;
}

#kontaktformular select{
border: 1px solid #ccc;
}

input.button{
width: auto !important;
background: url(../img/navi_bg.gif) repeat-x left center;
color: #fff;
font-weight: bold;
padding: 1px 5px 1px 5px;
cursor: pointer;
}

.news_row{
margin: 7px 0 7px 0;
}

.news_image{
float: left;
margin: 0 15px 0 0;
width: 110px;
}

.news_content{
overflow: hidden;
}

.ui-dialog{
padding: 10px;
background-color: #efefef;
border: 2px solid #ccc;
}

.ui-widget-overlay{
position: absolute;
left: 0;
top: 0;
background-color: #e0e0e0;
opacity: 0.8;
-moz-opacity: 0.8;
filter: alpha(opacity = 80);
}

.ui-dialog-titlebar{
display: none;
}

.popup input, .popup select, .popup textarea, .input{
border: 1px solid #006FB4;
}

.row{
margin: 5px;
clear: both;
}

.row_left{
float: left;
width: 80px;
}

.required{
color: red;
}

.error{

}

.success{

}

#rueckruf_status{
margin: 10px 0 10px 0;
}

#submitform_status{
margin: 10px 0 10px 0;
}