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

* {
	margin:0;
	padding:0;
}
html, body {
	height:100%;
}
body {
	background-color:#353535;
	color:#000000;
	font-size: 12px;
	font-family:Verdana, Geneva, sans-serif;
	text-align:center; /* horizontal centering for IE Win quirks */
}

img {border:none;}

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

h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 20px;
	font-weight: normal;
	color: #006b72;
	}
	
h2 {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 18px;
	font-weight: normal;
	color: #006b72;
	border-left: 18px solid #006b72;
	line-height: 20px;
	}
	
h3 {
	margin: 0px;
	padding: 0px 0px 0px 7px;
	font-size: 12px;
	font-weight: normal;
	color: #fff;
	border-left: 25px solid #006b72;
	line-height: 14px;
	}
	
h4 {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 13px;
	font-weight: normal;
	color: #006b72;
	}
	
ul {
	margin: 0px 0px 0px 25px;
	color: #353535;
}

.petrol {
	color: #006b72;
	}

#container {
	position:relative; /* puts container in front of distance */
	text-align:left;
	height:600px;
	width:950px;
	clear:left;
	padding: 20px 0px 0px 0px;
}

#content {
	background-color: none;
	background-image:url(../images/common/content-bg.png);
	background-repeat:repeat-y;
	width: 970px;
	top: -19px;
	padding: 80px 0px 50px 50px;
	position:relative;
	z-inex: 1;
	min-height: 500px;
	display: inline-table;
	margin: 0px 0px -19px 0px
}

#content p {
	padding-right: 100px;}
	
#footer {
	background-color: none;
	background-image:url(../images/common/footer-bg.png);
	background-repeat:repeat-y;
	width: 965px;
	position:relative;
	z-inex: 1;
	height: 34px;}

.logo {
	margin: 10px 0px 30px 0px;
	}
	
#projekt-box {
	background-image:url(../images/common/box-bg.png);
	background-repeat:no-repeat;
	width: 250px;
	height:134px;
	padding: 15px;
	position: relative;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

#projekt-box:hover {
	background-image:url(../images/common/box-bg-hover.png);
	background-repeat:no-repeat;
	width: 250px;
	height:134px;
	padding: 15px;
	position: relative;
	float: left;
	margin-right: 10px;
	cursor: pointer;
}

.box-text {
	width: 155px;
	position:absolute;
	right: 0px;
	top: 55px;
	color: #fff;
	font-size: 10px;
}
/****************************/
/*********NAVIGATION*********/
/****************************/

ul#navigation {
	list-style-type:none;
	width: 973px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position:relative;
	z-index: 10;
	}
	
ul#navigation li {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	cursor: pointer;
	height: 38px;
	line-height:37px;}
	
ul#navigation li a{
	color: #FFFFFF;
    display: block;
    height: 38px;
    text-decoration: none;}
	
ul#navigation li.home {
	background-image:url(../images/navigation/88x38.png);
	background-repeat: no-repeat;	
	padding: 0px 0px 0px 24px;
	width: 64px;}
	
ul#navigation li.home:hover {
	background-image:url(../images/navigation/88x38-active.png);
	background-repeat: no-repeat;	
	padding: 0px 0px 0px 24px;
	width: 64px;
	}
	
ul#navigation li.home-active {
	background-image:url(../images/navigation/88x38-active.png);
	background-repeat: no-repeat;	
	padding: 0px 0px 0px 24px;
	width: 64px;
	}
	
ul#navigation li.ueber-uns {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 24px;
	width: 104px;}
	
ul#navigation li.ueber-uns:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 24px;
	width: 104px;}
	
ul#navigation li.ueber-uns-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 24px;
	width: 104px;}
	
ul#navigation li.tragwerksplanung {
	background-image:url(../images/navigation/168x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 24px;
	width: 144px;}
	
ul#navigation li.tragwerksplanung:hover {
	background-image:url(../images/navigation/168x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 24px;
	width: 144px;}
	
ul#navigation li.tragwerksplanung-active {
	background-image:url(../images/navigation/168x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 24px;
	width: 144px;}
	
ul#navigation li.pruefen {
	background-image:url(../images/navigation/88x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 22px;
	width: 64px;}
	
ul#navigation li.pruefen:hover {
	background-image:url(../images/navigation/88x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 22px;
	width: 64px;
	}

ul#navigation li.pruefen-active {
	background-image:url(../images/navigation/88x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 22px;
	width: 64px;
	}
	
ul#navigation li.gutachten {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 28px;
	width: 100px;}
	
ul#navigation li.gutachten:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 28px;
	width: 100px;}

ul#navigation li.gutachten-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 28px;
	width: 100px;}

ul#navigation li.sanierung {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 30px;
	width: 98px;}
	
ul#navigation li.sanierung:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 30px;
	width: 98px;}
	
ul#navigation li.sanierung-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -22px;
	padding: 0px 0px 0px 30px;
	width: 98px;}
	
ul#navigation li.brandschutz {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 24px;
	width: 104px;}
	
ul#navigation li.brandschutz:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 24px;
	width: 104px;}
	
ul#navigation li.brandschutz-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 24px;
	width: 104px;}
	
ul#navigation li.referenzen {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 28px;
	width: 100px;}
	
ul#navigation li.referenzen:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 28px;
	width: 100px;}
	
ul#navigation li.referenzen-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -20px;
	padding: 0px 0px 0px 28px;
	width: 100px;}
	
ul#navigation li.kontakt {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 35px;
	width: 93px;
	float:right}
	
ul#navigation li.kontakt:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 35px;
	width: 93px;
	float:right
	}
	
ul#navigation li.kontakt-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 35px;
	width: 93px;
	float:right
	}
	
/****************************/
/********SUBNAVIGATION*******/
/****************************/

ul#sub-ueber-uns {
	list-style-type:none;
	width: 973px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	position:relative;
	z-index: 10;
	display:none;
	}
	
ul#sub-ueber-uns li {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	cursor: pointer;
	height: 38px;
	line-height:37px;}
	
ul#sub-ueber-uns li a{
	color: #fff;
	text-decoration:none;}

ul#sub-ueber-uns li.die-gesellschafter {
	background-image:url(../images/navigation/168x38.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -46px;
	padding: 0px 0px 0px 24px;
	width: 144px;}
	
ul#sub-ueber-uns li.die-gesellschafter:hover {
	background-image:url(../images/navigation/168x38-active.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -46px;
	padding: 0px 0px 0px 24px;
	width: 144px;}
	
ul#sub-ueber-uns li.die-gesellschafter-active {
	background-image:url(../images/navigation/168x38-active.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -46px;
	padding: 0px 0px 0px 24px;
	width: 144px;}
	
ul#sub-ueber-uns li.die-mitarbeiter {
	background-image:url(../images/navigation/168x38.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -22px;
	padding: 0px 0px 0px 38px;
	width: 130px;}
	
ul#sub-ueber-uns li.die-mitarbeiter:hover {
	background-image:url(../images/navigation/168x38-active.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -22px;
	padding: 0px 0px 0px 38px;
	width: 130px;}
	
ul#sub-ueber-uns li.die-mitarbeiter-active {
	background-image:url(../images/navigation/168x38-active.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -22px;
	padding: 0px 0px 0px 38px;
	width: 130px;}
	
ul#sub-ueber-uns li.karriere {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -22px;
	padding: 0px 0px 0px 35px;
	width: 133px;}
	
ul#sub-ueber-uns li.karriere:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -22px;
	padding: 0px 0px 0px 35px;
	width: 133px;}
	
ul#sub-ueber-uns li.karriere-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: -3px 0px 0px -22px;
	padding: 0px 0px 0px 35px;
	width: 133px;}

/**********************************/
/*********FOOTERNAVIGATION*********/
/**********************************/

ul#footer-navigation {
	list-style-type:none;
	width: 973px;
	height: 35px;
	margin: 12px -12px 0px 0px;
	padding: 0px;
	position:relative;
	z-index: 10;
	float:right;
	width:220px;
	}
	
ul#footer-navigation li {
	float:left;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	cursor: pointer;
	height: 38px;
	line-height:33px;}
	
ul#footer-navigation li a{
	color: #fff;
	text-decoration:none;}
	
ul#footer-navigation li.sitemap {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -130px;
	padding: 0px 0px 0px 38px;
	width: 104px;}
	
ul#footer-navigation li.sitemap:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -130px;
	padding: 0px 0px 0px 38px;
	width: 104px;}
	
ul#footer-navigation li.sitemap-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -130px;
	padding: 0px 0px 0px 38px;
	width: 104px;}
	
ul#footer-navigation li.impressum {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -35px;
	padding: 0px 0px 0px 30px;
	width: 104px;}
	
ul#footer-navigation li.impressum:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -35px;
	padding: 0px 0px 0px 30px;
	width: 104px;}
	
ul#footer-navigation li.impressum-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -35px;
	padding: 0px 0px 0px 30px;
	width: 104px;}

ul#footer-navigation li.datenschutz {
	background-image:url(../images/navigation/128x38.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -27px;
	padding: 0px 0px 0px 25px;
	width: 104px;}

ul#footer-navigation li.datenschutz:hover {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -27px;
	padding: 0px 0px 0px 25px;
	width: 104px;}

ul#footer-navigation li.datenschutz-active {
	background-image:url(../images/navigation/128x38-active.png);
	background-repeat: no-repeat;
	margin: 0px 0px 0px -27px;
	padding: 0px 0px 0px 25px;
	width: 104px;}