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

/*
		00) Reset
		01) Body
		02) Header
			02.1) Navigation
		03) Content
		04) Footer
*/


/* 00) Reset */


*{
margin:0px;
padding:0px;
border:none;
outline:0;
vertical-align: baseline;
font-family: inherit;
font-weight: inherit;
font-style: inherit;
font-size: 100%;

}

ol, ul {list-style: none;}



body{
background:url("../images/laakes_background_pattern.jpg") repeat-x #c8c8c8;
font-size:0.625em;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
}



#wrapper{width:960px;
position:relative;
margin:0 auto;
clear:both;
}

h1{
	font-size:1.6em;
	letter-spacing:0.025em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3c3c3c;
	margin-bottom:5px;
}

h1,h3.headline{margin: 20px 0 5px 0;}

h2{
	font-size:1.2em;
	letter-spacing:0.025em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3c3c3c;
}

h3{
	font-size:1.6em;
	letter-spacing:0.025em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#3c3c3c;
	margin-bottom:5px;
}




/* 00) Reset END */


/* ############################################################  */


/* 01) Body */

#bodywrap{width:960px;height:382px;position:relative;margin:0 auto;}

.bodyleft{float:left;width:770px;}

.bodyright{float:right;width:190px;height:382px;background:#fff;}

#backwhite{width:770px;height:382px;background-color:#fff;opacity:0.5;}

.backleft{float:left;width:200px;padding:20px;}

.backright{float:right;width:475px;padding:20px;}

.impinc{padding:0 0 0 20px;}

#nowhite{width:770px;height:382px;position:absolute;top:5px;}




.boxbayern{z-index:50;width:190px;height:126px;background:#3c3c3c;position:absolute;margin:0 auto;}

.boxbayern2{z-index:45;width:190px;height:126px;background:#3d3d3d;position:absolute;margin:0 auto;}


.boxschwaben{z-index:50;width:190px;height:126px;background:#a0a0a0;position:absolute;margin:128px auto;}

.boxschwaben2{width:190px;height:126px;background:#a0a0a0;position:absolute;margin:128px auto;}


.boxsachsen{z-index:50;width:190px;height:126px;background:#a0a0a0;position:absolute;margin:256px auto;}

.boxsachsen2{width:190px;height:126px;background:#a0a0a0;position:absolute;margin:256px auto;}


.boxtext{width:180px;font-size:1.05em;letter-spacing:0.1em;text-align:center;position:relative;margin:auto;top:35%;}

.boxtext2{width:180px;font-size:1.05em;letter-spacing:0.1em;text-align:center;position:relative;margin:auto;top:8%;}



span.U1{font-size:1.6em;}




/* 01) Body END */


/* ############################################################  */


/* 02) Header */

#logowrap{position:relative;width:960px;margin:0 auto;z-index:100;}

.logo{width:395px;position:relative;margin: 56px auto 78px;}

.ihk{width:130px;position:absolute;right:15px;top:-36px;}

#headwrap{width:960px;margin:0 auto;position:relative;}



/* 02.1) Navigation */

#navi{width:960px;height:40px;position:relative;font-size:1.85em;margin:0 auto;letter-spacing:0.1em;font-family:Arial, Helvetica, sans-serif;z-index:100;}

ul.navigation{position:relative;margin-left:25px;}

ul.navigation li{float:left;margin:0 30px 0 0;}

ul.navigation a{text-decoration:none;color:#3c3c3c;display:block;}
ul.navigation a:hover{text-decoration:none;color:#c8c8c8;display:block;}

ul.navigation li.kontakt{margin:0;}



ul.subnavi{width:220px;position:absolute;top:0;left:23px;display:none;z-index:150;background:#dcdcdc;font-size:0.725em;letter-spacing:0.075em;}

ul.subnavi li{border-bottom:1px solid #3c3c3c;width:208px;padding: 6px;}


ul.subnavi li:hover, ul.subnavi li:hover a{background:#8c8c8c;color:#dcdcdc;}

ul.navigation li:hover ul.subnavi{display:block;}

li>ul.subnavi {
top: 20px;
}

#start ul.navigation li.start {border-bottom:2px solid #3c3c3c;}
#gutachten ul.navigation li.gutachten {border-bottom:2px solid #3c3c3c;}
#planung ul.navigation li.planung {border-bottom:2px solid #3c3c3c;}
#referenzen ul.navigation li.referenzen {border-bottom:2px solid #3c3c3c;}
#kontakt ul.navigation li.kontakt {border-bottom:2px solid #3c3c3c;}


ul.navigation li:hover ul.subnavic{display:block;}




/* 02) Header END */


/* ############################################################  */


/* 03) Content */

#contentwrap{position:relative;width:960px;margin:0 auto;}

.slideshow{width:960px;position:relative;margin: 20px auto 0 auto;z-index:0;}

#contenttextwrap{position:relative;width:960px;}

p.contenttext{font-size:1.2em;color:#3c3c3c;text-align:left;line-height:1.375em;}

.marginbottom{margin-bottom:30px;}

table.adresse{font-size:1.2em;color:#3c3c3c;text-align:left;line-height:1.375em;}

.conttextleft{float:left;width:470px;}

.conttextright{float:right;width:470px;}

.aufzahlleft{float:left;width:200px;padding:0 0 0 35px;}

.aufzahlright{float:right;width:200px;}

ul.styleul{list-style-type:disc;font-size:1.2em;color:#3c3c3c;text-align:left;}

#reftable{clear:both;font-size:1.2em;color:#3c3c3c;text-align:left;}

.tablehead{font-weight:bold;color:#C00;}

#reftable .tablebody td {width:320px;border-bottom:1px dashed #3c3c3c;padding:10px 0 10px 0;}

#reftable .tablekontakt td {width:320px;padding:10px 0 10px 0;}


a.link{color:#3c3c3c;text-decoration:none;}

a.link:hover{color:#8c8c8c;}



/* 03) Content END */


/* Datenschutz */

.dschutz h3{
	margin-top:20px;
}

/* ############################################################  */


/* 04) Footer */

#footerwrap{clear:both;margin:0 auto;position:relative;width:960px;}

#footertextwrap{position:relative;margin-top:20px;width:960px;}

.footerbalken{clear:both;width:960px;position:absolute;margin-top:20px;border-bottom:5px solid #3c3c3c;}

.footleft{float:left;width:400px;text-align:left;}
.footright{float:right;width:400px;text-align:right;}

a.footerlink{color:#3c3c3c;text-decoration:none;}
a.footerlink:hover{text-decoration:underline;}

.footertext{color:#646464;font-size:1.2em;}
.impleft{width:300px;float:left;}

.impright{width:660px;float:right;}


/* 04) Footer END */

#map_div {float:left;width:770px;height:382px;}