@charset "utf-8";
body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	background-image:url(material/hg_all_grau.png);
	background-repeat:repeat;
	margin: 0;padding: 0;
 -webkit-font-smoothing: antialiased;
      font: normal 13px/1.5 "Helvetica Neue", Helvetica, Arial, sans-serif;
      color: #232525;
}

ul, ol, dl { 
	padding: 0;margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 padding-right: 15px;padding-left: 15px; color:#225da9; font-weight:lighter;
}
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl { 
	padding: 0; margin: 0;
}

h1 { font:125%/1.0 Arial, Helvetica, sans-serif; }
h2 { font:120%/1.0 Arial, Helvetica, sans-serif; }
h3 { font:110%/1.0 Arial, Helvetica, sans-serif; margin-bottom: 10px; }
.content p { font-size: 9pt; font-family: Arial, Helvetica, sans-serif; font-weight: normal; text-align:left; color:#666666; line-height:15pt; }

a img {  border: none;}
a { color:#414958;text-decoration: underline;  }
a:visited { color: #4E5869;text-decoration: underline; }
a:hover, a:active, a:focus { 
	text-decoration: none;
}

.mainContainer {
	clear:both;
	width: 901px; max-width: 901px; min-width: 780px; margin: 0 auto;
	height: 1300px;
	min-height: 900px;
	background-color:#FFF;
}

.header {
	width: 900px; height: 450px;
}
.logo {
	float:left; margin-right: 0px; margin-top: 22px; margin-left: 27px;
}


#einleitung {
	width: 800px;float: left; margin-left: 17px; display:inline; margin-bottom: 10px; text-align:left;
}

.breadcrumb {
	background-image:url(material/link_arrow.png);
	background-repeat:no-repeat;
	padding-left: 6px;
	margin-left: 0px;
	width: 140px; font: 90%/0.75 "Helvetica Neue", Arial, Helvetica;
	margin-bottom: 5px;
	text-align:left;
}

.ueberschrift {
	float:left; width: 600px; font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333333; font-weight:lighter; font-size: 16pt; text-align:left;
}
.ueberschrift2 {
	float:left; width: 575px; font-family: Arial,"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#333333; font-weight:lighter; font-size: 15pt; text-align:left;
	margin-left:17px;
}
.textnorm {
	text-align: left;
	font-family:"Myriad Pro", "Gill Sans", "Gill Sans MT", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size: 11pt;
	color:#222222;
	margin-top:5px;
}
.content {
	margin-top: 25px; float:right; margin-right: 20px; height: auto; width: 596px;
}
.contentformular {
	margin-top: 25px; float:left; margin-left: 200px; height: auto; width: 596px;
}
.content ul {
	margin-top:-5px;
	text-align:left;
}
.content li {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color:#666666;
	list-style-image:url(material/link_arrow.png);
	margin-bottom:2px;
}

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}
.content a {
	color:#225da9; font-weight:bold; font-size: 9pt; text-decoration: none; 
}
.content  a:visited {
	color:#000099; text-decoration: underline;
}
.content a:hover, a:active, a:focus { 
	color:#666666; text-decoration: underline;
}

.fltrt {  
	float: right; margin-left: 8px;
}
.fltlft { 
	float: left; margin-right: 8px;
}
.clearfloat { 
	clear:both; height:0; font-size: 1px; line-height: 0px;
}



/********** Unternavigation *******/
#menu_oben {
	float:right;width:200px;height: 20px;
	display:inline; font-weight:normal;
	font-size: 11pt;color: #000033;
	text-align: right;
	margin-right: 0px;
	padding-bottom:0px;
	
}
#menu_oben a {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;color: #666666;
	text-decoration: none;
}
#menu_oben a:hover {
	text-decoration: underline;
}
/***********Hauptnavigation *******/

#navBar {
	width:900px; height:90px;float:left; margin-top: 25px; margin-bottom: 20px;
}
#navBar ul#nav_main {
	clear:right; padding-left:199px; margin-top: 40px; margin-left: 30px;

} 

#navBar ul#nav_main li {
	display:block; height:33px; float:left; cursor: pointer;  z-index:9; position: relative;
}

#navBar ul#nav_main li a{
	display:block; height:33px;
}

#navBar ul#nav_main li span{ 
	display:none;
}
#navBar ul#nav_main li.nav_main-01 {
	width: 97px; height:33px;
	background-image:url(material/home_btn2.png); 
}
#navBar ul#nav_main li.nav_main-02 {
	width: 125px; height:33px;
	background-image:url(material/ueberuns_btn.png);
}
#navBar ul#nav_main li.nav_main-03 {
	width: 129px; height:33px;
	background-image:url(material/leistungen_btn.png);
}
#navBar ul#nav_main li.nav_main-04 {
	width: 126px; height:33px;
	background-image:url(material/referenzen_btn.png);
}
#navBar ul#nav_main li.nav_main-05 {
	width: 193px;
	height: 33px;
	background-image: url(material/leerraum_btn.png);
}
#navBar ul#nav_main li:hover,
#navBar ul#nav_main li:focus,
#navBar ul#nav_main li.active {
	background-position: center -42px; border: none; z-index: 999;
}

#nav_main img{	
	margin-top: 0px;
}
/*****************HAUPTTEASER OBEN mit Slide*********/
/*********WILLKOMMEN TEASER ************/

.header #teaserMain {
	clear:left; width:900px; height:245px; 
	margin-top:20px;
}
.header #teaserMain .teaserBild {
 	width:900px; height:240px; position:relative; z-index:900; margin-bottom: 10px/*border: 2px #fff solid;*/
}

.header #teaserMain .teaserBild ul#teaserBildSlide {
	display:block; list-style:none; position:absolute; height:240px; width:900px; margin-top: 15px; margin-bottom: 15px;
	}
.header #teaserMain .teaserBild ul#teaserBildSlide li {
	display: block; position: absolute; width: 900px; /*vorher 100%*/ height: 240px; /*vorher 100%*/ left: 0px; top: 0px;
		}
		
.header #teaserMain .teaserBild ul#teaserBildSlide li span {
	display:none;
		}
		
.header #teaserMain .teaserBild ul#teaserBildSlide li.teaserBild-01 { background:url(material/home.png) left top no-repeat;  width:835px; height:240px; z-index:4; }
		
.header #teaserMain .teaserBild ul#teaserBildSlide li.teaserBild-02 { background:url(material/unternehmen.png) left top no-repeat; width:835px; height:240px; z-index:4; }
		
.header #teaserMain .teaserBild ul#teaserBildSlide li.teaserBild-03 { background:url(material/leistungen.jpg) left top no-repeat; width:835px; height:240px; z-index:4; }

.header #teaserMain .teaserBild ul#teaserBildSlide li.teaserBild-04 { background:url(material/referenzen.png) left top no-repeat; width:835px; height:240px; z-index:4; }		
	
.header #teaserMain .teaserBild ul#teaserBildNav { display:block; position:absolute; z-index:999; left:9px; bottom:8px; overflow:hidden; }

.header #teaserMain .teaserBild ul#teaserBildNav li { display:block; width:19px; height:19px; float:left; margin-right:5px; background:url(material/navi_headerPic.png) left top no-repeat;
		}
		
.header #teaserMain .teaserBild ul#teaserBildNav li.active ,
.header #teaserMain .teaserBild ul#teaserBildNav li:focus ,
.header #teaserMain .teaserBild ul#teaserBildNav li:hover {
			background-position:left -19px;
		}
		
.header #teaserMain .teaserBild ul#teaserBildNav li:hover,
.header #teaserMain .teaserBild ul#teaserBildNav li:focus {
			cursor:pointer;
		}

/***** STEUERUNG DER UNTERSEITEN-HEADER *****/
/********************************************/		
.header #teaserMain .teaserBild ul#teaserBildNav li a {
			display:block; width: 100%;height: 100%; text-indent: -10000px; overflow:hidden; color:#fff;
			}
	
.header #teaserMain .container #teaserText {
	clear: both;
	margin-left: 700px;
	width: 200px;
	height: 98px;
	background-image: url(material/container_welcome.png);
	opacity: 0.8;
	color: #333333;
	padding-top: 5px;
	position: absolute;
	z-index: 999;
	margin-top: 22px;
}

.header #teaserMain .container #teaserText p,
.header #teaserMain .container #teaserText p {
	overflow:hidden; font-size: 8pt; line-height:9pt; color: #666666; text-align:left;

}

/*********** TEASER Geschäft und Privat RECHTS *********/
#teaserBar {
	
	float: left; width: 202px; height:360px; margin:25px 0 0 28px; 
	display:block; 
}

#teaserBar ul#teaser {
	clear:left;
}

#teaserBar ul#teaser li a{ border:1px solid red; }

#teaserBar ul#teaser li{
	margin-top: 0px; width: 208px; height:173px; float:right; margin-right:15px;
	display:block; cursor: pointer; position: relative; z-index:9;
}
#teaserBar ul#teaser li span {
	display:none;
}
#teaserBar ul#teaser li.teaser-01 {
	background:url(material/teaser-gewerbeobjekte.png) center top no-repeat; /* width:214px; margin-top: 15px;*/
}
#teaserBar ul#teaser li.teaser-02 {
	background:url(material/teaser-wohnbauten.png) center top no-repeat; /* width:214px; margin-top: 15px;*/
}
#teaserBar ul#teaser li.teaser-03 {
	background:url(material/teaser-individualbauten.png) center top no-repeat; /* width:214px; margin-top: 15px;*/
}
#teaserBar ul#teaser li:hover,
#teaserBar ul#teaser li:focus,
#teaserBar ul#teaser li.active{
	background-position: center -172px; border: none; z-index: 999
}
/*//////////////BILDER///////////////////*/
#bilder {
	float:left;
	width: 430px;
	height: auto;
	margin-left: 8px;
	margin-bottom:10px;
}
#bild {
	float: left;
	padding-top			: 5px;
	padding-left		: 0px;
	padding-bottom		: 0px;
	padding-right		: 5px;
	/*margin-left			: 20px;*/
	margin-right		: 5px;
	margin-bottom		: 5px;
	display:inline;
}	
/*/// Teaser Ende Rechts ///*/
.content table {
	margin-left: 15px;
}
.content table br {
	padding: 5px;
}

/* ~~ Fußzeile ~~ */
.footer {
	clear:both;
	float:right;
	margin-left: 20px;
	margin-top: 10px;
	position: relative;
	clear: both;
	height:25px; 
	padding-top: 8px;
}
.footer a{
	font: 90%/0.7 Arial, Helvetica, sans-serif;
	color: #333;
	margin-right: 30px;
	text-decoration:none;
}
* html .footer a{
	font: 80%/0.9 Arial, Helvetica, sans-serif;
	color: #333;
	margin-left: 0px;
	text-decoration:none;
}
.footer a:hover, a.active {
	color:#225da9;
}
/*****TABELLE*********/
#mittek {
	border:none;
}