/* CSS Document */

html {
		}
	
body {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background-color:#fff;
	color: #333;
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 1.2em;
	margin: 0 0 1em 0
}

h1 {

padding-top:20px;
padding-bottom:20px;
}

a {
	outline:none;
}

ul {
	margin: 0 0 0 15px
}

/* Layout ########################################################## */

#container {
	width: 100%;
}




#header_wrapper {
position:absolute;
z-index:99;
background-image:url(images/lineal.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
height:148px;
width: 100%;
}


*html #header_wrapper {
background-image:url(images/lineal.jpg);
background-repeat:repeat-x;
}



#header {
	background: url(images/header.jpg) no-repeat;
	height: 135px;
	width: 980px;
	margin:0 auto;
	padding: 0px 0px 0 0px;
}

a.logo {
	width: 240px;
	float: left;
	padding: 0px 0 0 0px;
}


#content {
position:relative;
top:149px;
background-image:url(images/main_bg.jpg);
background-color:#FFFFFF;
background-repeat:repeat;
height: 440px;
width: 100%;
margin:0 auto;
padding: 0px 0px 0 0px;
}

#content_holder {
background-image:url(../start_bild.jpg);
background-repeat:no-repeat;
height: 440px;
width: 980px;
margin:0 auto;
padding: 0px 0px 0 0px;
}

#content_holder_leistung {
height: 440px;
width: 980px;
margin:0 auto;
padding: 0px 0px 0 0px;
}



#content_l {
float:left;
height: 440px;
width: 545px;
padding: 0px 0px 0 0px;

}




#content_r {
float:left;
height: 440px;
width: 435px;
overflow:auto;
padding: 0px 0px 0 0px;
}

.content_txt_start {
overflow:auto;
color:#e5e5e5;
float:left;
width:380px;
padding: 40px 0px 0 35px;
text-align:left;
font-size:12px;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
}





#content_l_1 {
position:absolute;
top:0px;
height: 440px;
width: 30%;
padding: 0px 0px 0 0px;
background-color:#CCCCCC;
}

.content_typo_nav {
position:absolute;
right:0px;
height: 440px;
width: 235px;
background-color:#FF0000;

}


#content_r_1 {
position:absolute;
background-color:#666666;
top:0px;
left:30%;
overflow:auto;
height: 440px;
width: 70%;
padding: 0px 0px 0 0px;
}


.content_txt_1 {
overflow:auto;
float:left;
padding: 0px 0px 0 58px;
text-align:justify;
}



.content_mitte {
background-image:url(images/projekte.jpg);
background-repeat:no-repeat;
height: 440px;
margin:0 auto;
width: 980px;
padding: 0px 0px 0 0px;
}

.content_mitte_map {
background-color:#fff;
height: 440px;
margin:0 auto;
width: 980px;
padding: 0px 0px 0 0px;
}



.content_mitte_map1 {
height: 440px;
width: 480px;
padding: 0px 0px 0 0px;
}


#typo {
height: 440px;
margin:0 auto;
padding: 0px 0px 0 0px;
background-image:url(../leistungen.jpg);
background-repeat:no-repeat;
}




.content_img_leistung {

background-image:url(../leistungen_sub.jpg);
background-repeat:no-repeat;
height: 440px;
width: 508px;

}


.content_img_leistung_sub {

background-image:url(../leistungen.jpg);
background-repeat:no-repeat;
height: 440px;
width: 508px;

}

.content_img_kontakt {

background-image:url(images/kontakt.jpg);
background-repeat:no-repeat;
height: 440px;
width: 508px;

}


.content_img_leistung1 {

background-image:url(../leistungen.jpg);
background-repeat:no-repeat;
height: 440px;
width: 508px;

}



*html .content_img {
float:left;
height: 440px;
width: 440px;
margin-left:4px;
padding: 0px 0px 0 0px;
}



.content_txt {
overflow:auto;
color:#333;
float:left;
width:380px;
padding: 0px 0px 0 0px;
text-align:left;
line-height:20px;
font-family:Arial, Helvetica, sans-serif;
}








.content_nav {
overflow:auto;
float:left;
width: 420px;
padding: 0px 0px 0 58px;
text-align:justify;
}


#footer {
position:absolute;
top:590px;
z-index:100;
height: 46px;
width: 100%;
padding: 0px 0px 0 0px;
}



#nav_wrapper {
position:absolute;
top:589px;
z-index:99;
height: 73px;
width: 100%;
}

.nav {

background-image:url(images/nav.png);
background-repeat:no-repeat;
height: 73px;
width: 1200px;
margin:0 auto;
padding: 10px 0px 0 0px;
text-align:right;
font-size:12px;
font-size:9px;
}


.nav p{

padding: 0px 180px 0 0px;

}


.footer_navsub{
position:relative;
font-size:12px;
padding-top:10px;
font-size:9px;
z-index:102;
}


.nav a{
color:#333;
text-decoration:none;
}

.nav a:hover{
color:#ff6600;
text-decoration:none;
}




#top { 
	position: absolute;
	z-index:101;
	top: 140px;
	left: 0;
	width: 100%;
	height: 11px;
	overflow: hidden;
}




#pfeil { 
	position: absolute;
	top: 140px;
	z-index:101;
	left: 0;
	width: 15px;
	height: 8px;
}


  #navigation {

    width: 980px;
    height: 40px;
   

   }
    
  #navigation ul {

    display: block;
    margin: 0px;
    padding: 0px;
  }
  
  #navigation ul li {
  width: 108px;
  margin-top:92px;
  margin-right:2px;
  display:block;
    float: left;
  }



  #navigation ul li#buero a {
  background:transparent url(images/nav_buero.jpg) no-repeat 0 0;
  display:block;
  height:40px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#buero a:hover {    
  background-position: 0 -40px;
   }



  #navigation  li#buero a#current {
  	background-position: 0 -80px;
  
  }








 #navigation ul li#leistungen a {
  background:transparent url(images/nav_leistungen.jpg) no-repeat 0 0;
  display:block;
  height:40px; width:108px;
  text-indent:-9009px;
  }


 #navigation ul li#leistungen a:hover {    
  background-position: 0 -40px;
   }



  #navigation  li#leistungen a#current {
  	background-position: 0 -80px;
  
  }




  #navigation ul li#projekte a {
  background:transparent url(images/nav_projekte.jpg) no-repeat 0 0;
  display:block;
  height:40px; width:108px;
  text-indent:-9009px;
  }


 #navigation ul li#projekte a:hover {    
  background-position: 0 -40px;
   }



  #navigation  li#projekte a#current {
  	background-position: 0 -80px;
  
  }

  #navigation ul li#kontakt a {
  background:transparent url(images/nav_kontakt.jpg) no-repeat 0 0;
  display:block;
  height:40px; width:108px;
  text-indent:-9009px;
  }



 #navigation ul li#kontakt a:hover {    
  background-position: 0 -40px;
   }



  #navigation  li#kontakt a#current {
  	background-position: 0 -80px;
  
  }




.service_navi {
 
  font-size: 1.4em;
  color:#636569;
  font-family:Verdana, sans-serif;	
  line-height: 1.3em;	
  margin-right:20px;	
  margin-top:20px;
  padding:0px 0px 0 10px;
  text-align:left;
  float:right;
  width:245px;
  height:440px;
  

}

.service_navi ul{
  	list-style-type: none ;
  	padding: 0;
    padding-left:0px;
  	margin: 0;
    text-align: left;
    list-style-position: outside;
  }
  .service_navi li {height:37px;width:205px;}
  .service_navi a {background:  url('img/menu_bgs.gif') repeat-x 0 -222px; line-height:37px;}
  .service_navi a {
  	color: #fff;
  	padding: 0;
    display: list-item;
  	text-align: right;
  	text-decoration: none;
    width: 236px;
  }
  .service_navi li:first-child a {}
  .service_navi a:hover, #left li a.selected {
  	background-position: 0 -294px;
  	color: #1f2d41;
  }
.service_navi ul li strong a {
font-weight:normal;
color:#b92c00;
font-size: 12px;
  }







.service_navi1 {
 
  font-size: 1.4em;
  color:#636569;
  font-family:Verdana, sans-serif;	
  line-height: 1.3em;	
  margin-right:20px;	
  margin-top:20px;
  padding:0px 0px 0 10px;
  text-align:left;
  float:right;
  width:245px;
  height:440px;
  

}

.service_navi1 ul{
  	list-style-type: none ;
  	padding: 0;
    padding-left:0px;
  	margin: 0;
    text-align: left;
    list-style-position: outside;
  }
  .service_navi1 li {height:32px;width:205px;}
  .service_navi1 a {background:  url('img/menu_bgs.gif') repeat-x 0 -222px; line-height:37px;}
  .service_navi1 a {
  	color: #fff;
  	padding: 0;
    display: list-item;
  	text-align: right;
  	text-decoration: none;
    width: 236px;
  }
  .service_navi1 li:first-child a {}
  .service_navi1 a:hover, #left li a.selected {
  	background-position: 0 -294px;
  	color: #1f2d41;
  }
.service_navi1 ul li strong a {
font-weight:normal;
color:#b92c00;
font-size: 12px;
  }


table {
 



   }



th {
   border: 1px solid #252525;

color:#fff;
padding-left:3px;

   }



td {

margin-top:20px;


   }




.referenz_links {
text-align:left;
padding-right:10px;
padding-left:10px;
width:160px;
border-top: 1px solid #829297;
border-left: 1px solid #829297;
border-bottom: 1px solid #829297;
border-right: 1px solid #829297;
} 

.referenz_dienstleistung { 
width:390px;
text-align:left;
padding-right:10px;
padding-left:0px;
line-height: 1.1em;


} 


.referenz_dienstleistung{ 
font-size: 1.3em;
} 



.referenz_ort{ 
width:390px;
text-align:left;
padding-right:10px;
padding-left:10px;
line-height: 1.1em;

}

.referenz_bild { 
width:240px;
text-align:center;
height:130px;
padding-top:5px;
float:left;
margin:0;

border-top: 1px solid #829297;
border-left: 1px solid #829297;
border-right: 1px solid #829297;
border-bottom: 1px solid #829297;


} 

*html .referenz_bild { 
width:100px;
padding-left:4px;
padding-top:1px;
background-color:#dae4f1;
margin:0;
} 


#fade {
	display: none;
	background: #000; 
	position: fixed; left: 0; top: 0; 
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0;
	z-index: 9999;
}
.popup_block{
	display: none;
	background: #fff;
	padding: 0px; 	
	border: 0px solid #ddd;
	float: left;
	height:440px;
	font-size: 1.2em;
	position: relative;
	top: 50%; left: 50%;
	z-index: 99999;
}
img.btn_close {
	float: right; 
	margin: 0px 0px 0 0;
	border: 0;
}


.popup p {
	padding: 0px 0px;
	margin: 0px 0;
}

ul.thumb {
	float: left;
	list-style: none;
	margin: 76px 0 0 101px; padding: 10px;
	width: 900px;

}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 229px;
	height: 201px;
    margin:0px 37px 0 0;
}
ul.thumb li img {
border: 1px solid #ddd;

	width: 229px; height: 201px;
	padding: 1px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	border: 5px solid #fff;

}
#main_view {
	float: left;
	padding: 9px 0;
	margin-left: -10px;
}


.ref{
background-color:#FFFFFF;
border:1px solid #82838a;
background-image:url(images/verlauf.jpg);
background-position:-350px 0;
background-repeat:no-repeat;
  font-size: 1.2em;
  color:#636569;
  font-family:Verdana, sans-serif;	
  line-height: 1.3em;
  padding:10px;
  text-align:left;
  margin-bottom:20px;
}

.ref h3{
color:#FFFFFF;
margin-bottom:10px;
font-size:12px;
}

.ref .bauherr{
font-weight:bold
}

.ref_bild{
padding:5px;
}
.ref_bild img{
background-color:#dedede;
padding:5px;
}