/* CSS Document */

*
{
	margin:0;
	padding:0;
}

body
{
	text-align:center;
	background:url(images/bg_body_lg_1.jpg) fixed;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	color:#000;
}
img 
{
	border: none;
}
#wrapper
{
	text-align:left;
	margin:auto;
	width:960px;
	overflow:hidden;
}

#top
{
	height:80px;
	width:900px;
}

#line
{
	height:25px;
	width:900px;
	background:url(images/bg_line.png) no-repeat right;
	float:right;
}

#main
{
	height:570px;
	width:900px;
	overflow:hidden;
}

/* Beginn Navi*/

#navi
{
	height:auto;
	width:auto;
	float:left;
	position:relative;
}

#navi ul
{
	list-style:none;
	padding:0 0 0 0;
}

#navi ul li:hover ul
{
	display:block;
	margin:-58px 0 0 0;
	position:absolute;
	z-index:999;
	left:100px;
	font-size:18px;
}


#navi li
{
	background:url(images/navi.png) no-repeat;
	line-height:53px;
	padding: 0 0 0 30px;
	margin:14px 0;
	height:57px;
}

#navi ul li a
{
	text-decoration:none;
	color:#000;
	font-size:18px;
	}
	
#navi a:hover
{
	color:#fff;
	background-color:#005fa2;
}

/* Ende Navigation */

/* Beginn Content */

#content
{
	height:570px;
	width:760px;
	float:right;
	overflow:auto;
	background:url(images/bg_contain.jpg) fixed;
	margin:5px 0 5px 0;
	position:relative;
}

#content_pic
{
	width:330px;
	height:330px;
	overflow:hidden;
	position:absolute;
	top:75px;
	left:415px;
	z-index:10;
}

#content h1
{
	margin:15px 0 15px 85px;
	font-family: 'Coda', Arial, Tahoma, sans-serif;
	font-weight: 800;
}

#content h2
{
	margin:30px 20px 15px 50px;
}

#content h3
{
	margin:10px 0;
}

#content h4
{
	margin:0 0 20px 20px;
	font-size:1.2em;
}

#content h5
{
	margin-left:30px;
	margin-top:-20px;
}

/* Beginn Foto vorher - nachher */

.vona-item 
{
	float: left;
	width: 220px;
	margin:10px 0 20px 100px;
	text-align: center;
}

/* Ende Baudoku */

/* Beginn Referenzen */

#ref 
{
	margin-left: 70px;
}

.ref-item 
{
	float: left;
	width: 150px;
	margin-right: 5px;
	text-align: center;
}

hr 
{
	clear: both;
	width: 100%;
	height: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
/* Ende Referenzen */

/* Beginn Baudoku */
#baudoku 
{
	margin-left: 90px;
}

.baudoku
{
	width:500px !important;
}

.baud_bild
{
	margin:10px 0 10px 30px;	
}

.baudoku-item 
{
	float: left;
	width: 160px;
	margin:0 35px 10px 0;
	text-align: center;
}

/* Ende Baudoku */

#content form
{
	margin-left:60px;
}

#content label
{
	line-height:20px;
}	

#textArbeitsbuehne
{
	float:left;
	margin:0 0 0 50px;
	font-size:1.2em;
	height:175px;
	line-height:1.6em;
}

#bilder
{
	float:left;
	height:auto;
	margin:0 10px 0 30px;
}

#bilder img
{
	margin-right:10px;}
/* Ende Content*/

#footer
{
	height:150px;
	width:900px;
	text-align:right;
	margin-top:20px;
}

/* Klassen*/

.abstand
{
	margin:0 20px 15px 50px !important;
}

.activ
{
	color:#fff !important;
	background-color:#005fa2;
	font-weight:bold;
}

.bilder
{
	margin:20px 25px 30px 55px;
}

.bildleiste
{
	float:right;
	margin:0 20px;
}

.bild_gross
{
	float:right;
	margin:5px 30px 15px 0;
}

.font
{
	font-family: 'Aclonica', arial, serif;
}

.formular
{
	margin-left:25px;
}

.geschichte
{
	float:left;
	width:350px;
	margin:15px 0 0 25px;
}

.gruppenfoto
{
	margin-left:20px;
}

.h1
{
	text-align:center;
	margin-left:0 !important;
}

.h3
{
	font-size:0.9em !important;
	line-height:25px !important;
}

.arbb
{
	margin:50px 40px 30px 0;
	float:right;
}

.info
{
	text-align:center;
	color:#005fa2;
	float:right;
	font-size:15px;
	font-weight:bold;
	margin:150px 65px 0 55px;
}

.link
{
	text-decoration:none;
	color:#005FA2;	
}

.logo
{
	float:right;
	margin-top:20px;
}

.mitarbeiter
{
	margin:0 0 0 85px;
}

.sanierung
{
	margin:0 0 10px 50px;
}

.senden
{
	float:right;
	margin-right:10px;
}

.zurueck
{
	float:left;
	padding:0 0 20px 40px;
}

.zurueck_unten
{
	float:left;
	padding:190px 0 20px 40px;
}

.cc-window {
  font-size: .8em !important;
}
.cc-compliance {
  margin: 0 0 0 .8em;
}