@charset "utf-8";
/* CSS Document */



* {
	border:0pt none;
	margin:0pt;
	padding:0pt;
	list-style-type: none;
	}

body {
	font:0.8em Verdana, Arial, Helvetica, sans-serif;
	background:url(../images/body_bg_kachel.jpg) repeat-x top;
	}

h1 {
	font-size:1.2em;
	overflow:hidden;
	text-indent:-9999px;
	padding-bottom:1em;
	}

h2 {
	font-size:1.2em;
	margin-bottom:1em
	}

h3 {
	font-size:1em;
	margin-bottom:1em;
	}

p {
	font-size:1em;
	line-height:1.4em;
	margin:0 0 15px 0;
	color:#333333;
	}
	


a{
	color:#00417b;
	text-decoration:none;
	
	}

a:hover {
	color:#00417b;
	}

img {
	border:solid 1px #CCCCCC;
	background:#FFFFFF;
	padding:2px;
	}
	
img.ohne {
	border:0!important;
	padding:0!important;
	background:none!important;
	}

.floatend{ 
	clear:both;
	}

.blue_text{
	color:#00417b;
	}

.legend{
	background:url(../images/blue_box.jpg) no-repeat left;
	padding-left: 20px;
	}
/*Layout*/


#wrapper {
	width: 955px;
	margin: 0px auto;
	background:url(../images/wrapper.jpg) repeat-y;
	}

#header {
	width: 955px;
	height: 132px;
	background:url(../images/header.jpg) no-repeat;
	position: relative;
	}

#navi {
		width:218px;
		margin: 0;
		
		padding:22px 12px 14px 0;
		float:left;
		background:url(../images/navi_bg_top.jpg) no-repeat;
		/*background:#dcdcdc;
		
		background-repeat:no-repeat;*/
		font-size:0.9em;
		position:relative;
		}
		
		#navi li {

		}
		
		#navi a {
			color:#2a2a2a;	
			display:block;
			height:10px;
			width:189px;
			padding:8px 10px 12px 30px;
			background:url(../images/li_all.jpg) repeat-x;
			}
			
		#navi li a:hover,
		#navi li.aktiv a {	
			color:#00417b;
			color: #fff;
			}
			
		a#nav_firmenvorstellung:hover,
		#navi li.aktiv a#nav_firmenvorstellung {
			background:url(../images/li_all.jpg) 0 -30px repeat-x;
			}
			
		a#nav_referenzen:hover,
		a#nav_leistungen:hover,
		a#nav_baubeschreibungen:hover,
		a#nav_aktuelles:hover,
		#navi li.aktiv a#nav_leistungen,
		#navi li.aktiv a#nav_referenzen,
		#navi li.aktiv a#nav_baubeschreibungen
		#navi li.aktiv a#nav_aktuelles {
			background:url(../images/li_all.jpg) 0 -60px repeat-x;
			}
			
		#navi ul ul {
			margin:0 0 10px 0;
			}
			
		#navi ul ul a {
			height:auto!important;
			background:url(../images/li_li.jpg) 0 13px  no-repeat!Important;
			margin:0 0 0 10px;
			padding:10px 10px 0px 30px;
			color:#2a2a2a!important;
			}
			
		#navi ul ul a:hover,
		#navi ul ul li.aktiv a {
			color:#00417b!important;
			padding:10px 10px 0 30px;!important;
			background:url(../images/li_li_akt.jpg) 0 13px no-repeat!Important;
			}
			
		#navi ul ul ul li {
			margin:0 0 0 29px;
			}
		
		
		#navi #box1 li a:hover, #navi #box2 li a:hover, #navi #box3 li a:hover, ul#box1_aktiv li a, ul#box2_aktiv li a, ul#box3_aktiv li a,ul#box1_aktiv li a:hover, ul#box2_aktiv li a:hover, ul#box3_aktiv li a:hover{	
		color:#ffffff;
		}
		
#navi li .rohb a:hover {	
		color:#00417b;
		}

#content a, #footer a{
		color:#00417b;	
		}
		
		/*#content a:hover, */#footer a:hover{	
		font-weight:bold;
		text-decoration:underline;
		}

#content {
	width:670px;
	padding: 21px 21px 0 13px;
	float:left;
	position:relative;
	list-style:disc;
	}


#conent_h {
	width:670px;
	height:68px;
	background:#6633CC;
	position:relative;
	}

#conent_box_bild {
	width:670px;
	}

.conent_left {
	width:359px;
	float:left;
	position:relative;
	margin-top:1em;
	}
	
	.conent_left2 {
	width:600px;
	float:left;
	position:relative;
	margin-top:1em;
	}

.conent_right {
	width:291px;
	float:left;
	margin-left:20px;
	position:relative;
	margin-top:1em;
	}
	
.ruler{
	width:100%;
	height:7px;
	background:url(../images/hr_kachel.jpg);
	margin:10px 0 10px 0;
	clear:both;
	
	}
	
	.sbox1{
		width:315px;
		border-left: #00417b 8px solid;
		background:#e7e7e7;
		padding: 10px 10px 10px 25px;
		margin-top:20px;
		}
	
	.sbox1 a {
		color:#336699;
		}
	
	.sbox2{
		width:359px;
		padding-bottom:19px;
		background:url(../images/reflektion.jpg) bottom no-repeat;
		}
		
	.conent_right ul {
		margin:0 0 15px 0;
		}
		
	.conent_right ul a {
		padding:0;
		}
		
		table {
			margin:0 0 25px 0;
			}
		
.conent_left ul li, .conent_right ul li {
	background: transparent url(../images/blue_box.jpg) 0 4px no-repeat  !important;
	padding:0 0 5px 20px;
	margin:0;
	}

#footer {
	width:955px;
	height:163px;
	background:url(../images/footer_bg.jpg) no-repeat;
	position:relative;
	}

	#f_impressum{
		position:relative;
		top: 45px;
		width: 135px;
		float: left;
		}
	
	#f_impressum li{
		list-style-image:url(../images/blue_box.jpg);
		margin-left:25px;
		}
	
	#f_firmenname{
		width: 240px;
		position:relative;
		top:45px;
		left: 15px;
		float:left;
		color:#00417b;
		}
	
	#f_anschrift{
		width: 140px;
		position:relative;
		top: 45px;
		left: 45px;
		float:left;
		}
	
	#f_kontakt{
		width: 155px;
		position:relative;
		top: 45px;
		left: 90px;
		float:left;
		}
	
	#f_navi{
		width: 100px;
		position:relative;
		top: 35px;
		left:135px;
		float:left;
		margin-left:15px;
		}
	
	#f_navi li{
		list-style-image:url(../images/footer_li.jpg);
		min-height:25px;
		font-size:1em;
		}


a:hover.downloads{
color:#000!important;
}

.float_left{
float:left;
padding: 0 20px 20px 0;
}