/*---------------------------------------------GLOBAL--------------------------------------------------*/
html{
	overflow-y:scroll;
	overflow-x:auto;
}
body{	
	margin:0;
	padding:0;	
	background:url(../images/bg.gif) repeat-x;	
	font:11px Arial, Verdana, Helvetica, sans-serif;
}
h1{
	margin:0; 
	padding:0; 
	font-size:20px;
	font-weight:normal;
}
p{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	color:#000;
}
ul{
	margin:0;
	padding:0;
}
li{
	margin:0;
	padding:0;
}
#header_01{
	height:226px;
	width:876px;	
	background:url(../images/head_01.gif);
}
#header_02{
	height:24px;
	width:876px;
	background:url(../images/head_02.gif);
}
#header_03{
	height:20px;
	width:876px;
	background:url(../images/head_03.gif);
}
/* Navigation */
#navigation{ 
	position:absolute;	
	top:226px; 
	left:9px; 
	height:24px; 
	width:866px;
}
#navigation ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
}
#navigation ul li{	
	margin:0;	
	padding:0;	
	float:left;
}
#navigation ul li a{
	padding:4px 0 0 0;
	width:130px;
	display:block;
	text-decoration:none;
	font-size:14px;
	font-weight:normal;
	color:#006699;
	text-align:center;
	height:20px;
}
#navigation ul li a:hover{
	color:#FFF;
	background:url(../images/bg_02_hover_hover.gif) no-repeat;
}
#navigation ul li a.active{
	margin:0 -8px 0 0;
	padding:4px 0 0 8px;
	color:#FFF;
	background:url(../images/bg_01_active.gif) no-repeat;
}
/* Service Navigation */
#service_navigation{
	position:absolute;
	top:8px;
	right:9px;
	text-decoration:none;
	display:block;
	list-style-type:none;
}
#service_navigation li a{
	margin:2px 0 0 0;
	padding:0 25px 0 0;
	width:70px;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#333;
	text-align:right;
	background:url(../images/blauer_pfeil.gif) no-repeat right;
}
#service_navigation li a:hover{
	color:#006699;
}
#service_navigation li a.active{
	color:#006699;
}
/* Global */
#container_0{
	position:relative;
	margin:0 auto;
	padding:0;
	width:878px;
}
#container_1{
	margin:0 0 0 9px;
	padding:5px 0 0 0;
	width:839px;
	height: 19px;	
}
/* Breadcrumb */
#container_1 .breadcrumb{
	margin:0 0 0 16px;
	padding:5px 0 0 0;
	font-size:12px;	
}
#container_1 .breadcrumb a{
	color:#000;
	text-decoration:underline;
}
#container_2{
	position:absolute;
	left:9px;
	padding:10px 0 10px 0;
	width: 839px;
	background:#EDEEEE url(../images/big_box_rahmen.gif) no-repeat;
}
/* Newsticker */
#newsticker{
	position:absolute;
	right:31px;
	top:273px;
	width:496px;
	height:20px;
	font-size:13px;
}
#newsticker a{
	color:#000;
}
#newsticker a:hover{
	color:#666;
}
/* Content Text */
#home_text{
	margin:25px 0 0 0;
	padding:0;
	float:left;
	width:310px;
}
#home_text p{
	margin:20px 0 0 16px;
	padding:0 0 30px 0;
	font-size:12px;
	line-height:16px;
}
#home_text p a{
	color:#008FD3;
	text-decoration:none;
}
#home_text p a.hover{
	color:#008FD3;
}
#home_text p a.active{
	color:#008FD3;
}
#home_text h1{
	margin:0;
	color:#333;
	padding:0 0 0 16px;
	margin:0;
}
#home_text ul{
	margin:15px 0 0 10px;
	padding:0;
	font-size:12px;
	width:290px;
}
#home_text ul li{
	text-decoration:none;
	margin:4px 0 0 20px;
	padding:0 0 5px 0;
	font-weight:normal;
	color:#000;
	font-size:12px;
	width:290px;
}
#home_text a.back{
	margin:20px 0 0 0;
	padding:5px 0 0 0;
	display:block;
	height:24px;
	width:105px;
	text-align:center;
	text-decoration:none;
	color:#333;
	background:url(../images/zurueck_bg.gif) no-repeat;
}
#home_text ul{
	margin:0;
	padding:0;
	list-style-type:none;
}
/* Teaser-Box rechts - (ueber uns,standorte) */
.teaser_box{
	position:relative;
	margin:0 0 10px 340px;
	padding:0;
	height:116px;
	background:#D6D6D6 url(../images/teaser_box_rahmen.gif) no-repeat;
}
.teaser_box h1{
	margin:10px 0 0 0;
	color:#006699; 
	font-size:14px;
	font-weight:bold;
}	
.teaser_box p{	
	margin:3px 0 0 0;
	font-size:12px;
	line-height:16px;
}
.teaser_box img{
	position:absolute;
	right:1px;
	border:0px;
	padding:0;
}
.teaser_box a.more_link{
	position:absolute;
	top:95px;
	left:250px;
	padding:0 15px 0 0;
	background:url(../images/mehr_pfeil.gif) no-repeat right;
	text-decoration:none;
	color:#006699;
	font-weight:bold;
}
#bilder_texte{
	position:absolute;
	width:304px;
	right:176px;
}
#bilder_texte p a{
	color:#008FD3;
	text-decoration:none;
}
#bilder_texte p a.hover{
	color:#008FD3;
}
#bilder_texte p a.active{
	color:#008FD3;
}
/* Leistungen */
.leistungen_bluebox{
	position:relative;
	margin:0 0 0 0;
	padding:0 0 0 0;
	right:0;
	float:right;
	width:490px;
	height:367px;
	background:#0077AF url(../images/bluebox_bg.gif) no-repeat;
}
.leistungen_bluebox h1{
	margin:10px 0 10px 13px;
	padding:0;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}
.leistungs_teaser_box{
	margin:0 0 0 0;
	padding:0 0 0 0;
	float:left;
	position:relative;
	height:110px;
	width:160px;
}
.leistungs_teaser_box img{
	position:absolute;
	left:-7px;
	top:-10px;
	margin:0;
	padding:0;
	border:none;
	clip:rect(10px 172px 94px 20px);
}
.leistungs_teaser_box img.service_box{
	position:absolute;
	left:14px;
	top:0;
	margin:0;
	padding:0;
	border:none;
	clip:rect(auto auto auto auto);
	}
.leistungs_teaser_box a.beschriftung{
	position:absolute;
	margin:0;
	padding:0 0 0 18px;
	bottom:6px;
	left:10px;
	color:#FFF;
	text-decoration:none;
	background:url(../images/blauer_pfeil.gif) no-repeat 2px 0px;
}
/* LEISTUNGEN-service_box */
.leistungen_bluebox #service_box{
	float:left;
	height:82px;
	width:140px;
	margin:0 0 0 13px;
	padding:0;
	border:1px solid #FFF;
	background:#1A85B7 url(../images/pfeil-fuer-infos.gif) no-repeat 281px 65px;	
	text-decoration:none;
	color:#FFF;
}
.leistungen_bluebox #service_box a{
	text-decoration:none;
}
.leistungen_bluebox #service_box h3{
	margin:5px 0 10px 18px;
	padding:0;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
}
.leistungen_bluebox #service_box p{
	margin:0 0 0 18px;
	padding:0;
	color:#FFF;
	font-size:12px;
}
/* MATERIALPRÜFUNG - graue_box */
#box_container{
	float:right;
	width:490px;
}
#materialpruefung_grauer_box{
	position:relative;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	width:490px;
	background:#D6D6D6 url(../images/graue_box_blue_bg.gif) repeat-y right;
}
/* Table*/
.table_box{
	margin:0 0 0 0;
	padding:0 0 30px 13px;
	width:300px;
	font-size:12px;
	line-height:16px;
}
.table_box table{
	margin:-15px 0 0 0;
	padding:0 0 0 0;
}
#materialpruefung_grauer_box h1{
	position:relative;
	margin:0;
	padding:0;
	top:10px;
	left:15px;
	color:#006699; 
	font-size:14px;
	font-weight:bold;
}		
#materialpruefung_grauer_box p{
	margin:15px 0 0 15px;
	padding:0 0 10px 0;
	width:290px;
	font-size:12px;
	color:#000;
	line-height:16px;
}
#materialpruefung_grauer_box img{
	margin:0;
	float:right;
	position:relative;
}
#materialpruefung_grauer_box ul{
	margin:0;
	padding:0 0 10px 16px;
	width:290px;
	font-size:12px;
}
#materialpruefung_grauer_box ul li{
	margin:10px 0 0 10px;
	padding:0;
	font-weight:normal;
	color:#000;
}
#materialpruefung_grauer_box #ecke_oben{
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	height:10px;
	width:10px;
	background:url(../images/graue_box_ecke_oben.gif) no-repeat;
}
#materialpruefung_grauer_box #ecke_unten{
	margin:0;
	padding:0;
	position:absolute;
	overflow:hidden;
	bottom:0;
	left:0;
	height:10px;
	width:10px;
	background:url(../images/graue_box_ecke_unten.gif) no-repeat;
}
#materialpruefung_grauer_box #clearer{
	clear:right;
}
/* Bilder */
#bilder{
	margin:0 0 10px 0;
	width:490px;
	height:242px;
}
#bilder img{
	position:absolute;
	right:0;
}
/* MATERIALPRÜFUNG - blaue_box */
#materialpruefung_blauer_box{
	margin:5px 0 0 0;
	width:490px;
	padding:0 0 20px 0;
	background:#0077AF url(../images/bluebox_rahmen.gif) repeat-y;
	color:#FFF;
}
#materialpruefung_blauer_box h1{
	position:relative;
	font-size:14px;
	font-weight:bold;
	top:10px;
	left:15px;
}
#materialpruefung_blauer_box img{
	position:absolute;
	right:0;
}
#materialpruefung_blauer_box ul{
	margin:20px 0 0 0;
	padding:0 0 0 25px;
	list-style-type:none;
}
#materialpruefung_blauer_box ul li{
	margin:0;
	padding:0 10px 0 0;
	font-size:12px;
	list-style-type:none;
}
#materialpruefung_blauer_box ul li div{
	margin:10px 0 0 0;
	padding:0;
}
#materialpruefung_blauer_box ul li a{
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	display:block;
	text-decoration:none;
	font-weight:normal;
	color:#FFF;
	text-align:left;
	list-style-type:none;
	background:url(../images/blauer_pfeil.gif) no-repeat left 1px;
}
#materialpruefung_blauer_box ul li a:hover{
	text-decoration:underline;
}
#materialpruefung_blauer_box ul li p{
	padding:5px 0 0 0;
	color:#FFF;
	font-size:10px;
}
/* KONTAKT - Anfahrtsskizzen */
#anfahrtsskizzen_box_01{
	position:absolute;
	right:0;
	margin:0 0 10px 0;
	width:490px;
	height:242px;
	background:#D7D4D1 url(../images/graue_ecke.gif) no-repeat left;
}
#anfahrtsskizzen_box_01 ul{
	margin:15px 0 0 0px;
	padding:0 0 0 10px;
}	
#anfahrtsskizzen_box_01 ul li{
	margin:0;
	padding:0;
	width:180px;
	display:block;
	font-size:12px;
}
#anfahrtsskizzen_box_01 img{
	position:absolute; 
	right:0;
}
/* Kontaktbox bottom */
#anfahrts_infos_box_02{
	position:absolute; 
	right:0;
	top:262px;
	width:490px;
	height:116px;
	background:#0077AF url(../images/bluebox_rahmen.gif) repeat-y;
	color:#FFF;
}
#anfahrts_infos_box_02 h1{
	position:relative;
	top:9px;
	left:15px;
	font-size:14px;
	font-weight:bold;
	margin:0;
	padding:0;
}
#anfahrts_infos_box_02 img{
	position:absolute;
	border-right:1px solid;
	border-right-color:#EDEEEE;
	right:0;
}
#anfahrts_infos_box_02 ul{
	margin:0 0 0 25px;
	padding:15px 0 0 0;
	list-style-type:none;
	
}#anfahrts_infos_box_02 ul li{
	margin:0;
	padding:0 10px 0 0;
	font-size:12px;
	width:180px;
	display:block;
}
#anfahrts_infos_box_02 ul li a{
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	width:90px;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	background:url(../images/blauer_pfeil.gif) no-repeat left;
}
#anfahrts_infos_box_02 .kontaktformular{
	margin:5px 0 0 0;
	padding:0 0 0 20px;
	width:90px;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-align:left;
	text-decoration:none;
	background:url(../images/blauer_pfeil.gif) no-repeat left;
}
#anfahrts_infos_box_02 li a.active{
	font-weight:bold;
}	
#anfahrts_infos_box_02 ul.anfart{
	margin:15px 0 0 0;
	padding:0 0 0 10px;
}
#anfahrts_infos_box_02 ul.anfart li{
	display:block;
}
#anfahrts_infos_box_02 ul.anfart li a{
	margin:0;
	padding:0;
	width:300px;
	display:block;
	text-decoration:none;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	text-decoration:underline;
}
#anfahrts_infos_box_02 ul.anfart li a:hover{
	background:url(../images/blauer_pfeil.gif) no-repeat left;
	text-decoration:underline;
}
#anfahrts_infos_box_02 ul.anfart li a.active{
	font-weight:bold;
	text-decoration:none;
	background:url(../images/blauer_pfeil.gif) no-repeat left;
}
#anfahrts_infos_box_02 a.back{
	margin:91px 0 0 111px;
	padding:0 0 0 8px;
	display:block;
	text-align:center;
	width:205px;
	text-decoration:none;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	background:url(../images/zurueck_pfeil.gif) no-repeat left 2px;
}
/*--------------------------------------------KONTAKT-ADRESSEN-------------------------------------------------*/
.kontakt_infos a{
	margin:0;
	padding:0;
	color:#000;
	text-decoration:none;
	font-size:12px;
}	
.kontakt_infos strong{
	font-size:12px;
	font-weight:bold;
	color:#006699;
}
.kontakt_infos img.anfahrtsskizze_bild{

}
/*-------------------------------------------KONTAKTFORMULAR- Link---------------------------------------------*/
.kontaktformular_link a{
	margin:0 0 0 193px;
	padding:0;
	color:#FFF;
	font-size:12px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	background:url(../images/blauer_pfeil.gif) no-repeat right;
	width:113px;
}	
/* Kontaktformular */
form{
	margin:5px 0 0 0;
	padding:0 0 10px 0;
}
form li{
	margin:7px 0 0 10px;
	padding:0;
	display:block;
	font-size:12px;
}
#kontaktformular_box01{	
	position:absolute;
	margin:0;
	padding:0;
	width:490px;
	height:242px;
	background:#D6D6D6 url(../images/impressum.gif) no-repeat;
}
#kontaktformular_box01 h1{
	margin:10px 0 0 10px;
	padding:0;
	color:#000;
	font-size:14px;
}	
textarea{
	margin:0;
	padding:0;
	width:217px;
	height:140px;
	font:12px Arial, Verdana, Helvetica, sans-serif;
	position:absolute;
	right:15px;
	top:32px;
	border-top:2px solid #ABABAB;
	border-left:2px solid #ABABAB;
	border-right:1px solid #F1EFE2;
	border-bottom:0;
}	
#kontaktformular_box01 a.senden_btn{
	position:absolute;
	right:0;
	bottom:2px;
	padding:5px 0 0 0;
	font-size:12px;
	display:block;
	height:24px;
	width:104px;
	text-align:center;
	text-decoration:none;
	color:#000;
	background: url(../images/senden_bg.gif) no-repeat;
	cursor:pointer;
}
#kontaktformular_box01 .beschriftung{
	font-size:12px;
	margin:0 0 2px 0;
	padding:0 0 0 10px;
	height:16px;
	width:70px;
	float:left;
	clear:left;
	display:block;
}
input{
	border-top:2px solid #ABABAB;
	border-left:2px solid #ABABAB;
	border-right:1px solid #F1EFE2;
	border-bottom:0;
	margin:0 0 2px 0;
	padding:0;
	width:130px;
	height:16px;
}
#kontaktformular_box01 .pflichtfelder_text{
	position:absolute;
	top:178px;
	right:9px;
	color:#000;
	font-size:10px;
}	
/*-----------FILELIST-----------------------FILELIST---------------FILELIST---------------FILELIST--------------------*/
#anfahrts_infos_box_02 #filelist{
	margin:20px 0 0 0;
	padding:0 0 0 10px;
	text-decoration:none;
	list-style-type:none;
}
#anfahrts_infos_box_02 #filelist li{
	margin:0;
	padding:0;
	font-weight:normal;
}
#anfahrts_infos_box_02 #filelist li a{
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	list-style-type:none;
	color:#FFF;
}
#anfahrts_infos_box_02 #filelist li a:hover{
	background-image:none;
	text-decoration:underline;
	color:#FFF;
}
/*-----------------------------------------------------Referenzen-----------------------------------------------*/
div#home_text.referenzen{
	width:816px;
}
div#home_text.referenzen h1{
	height:70px;
}
#referenzen_filter{
	position:absolute;
	padding:0;
	margin:0;
	top:10px;
	right:0px;
	height:62px;
	width:438px;
	background:#0077AF url(../images/referenz_filter_border.gif) no-repeat left;
}
#referenzen_filter table#filter{
	margin:5px 0 0 16px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
}
#referenzen_filter table#filter tr td{
	height:24px;
	width:180px;
}
#referenzen_filter table#filter tr td a{
	color:#FFF;
	margin:0 10px 0 0;
	padding:2px 30px 2px 20px;
	text-decoration:none;
	background:url(../images/blauer_pfeil.gif) no-repeat 60px;
}
#referenzen_filter select{
	width:150px;
	height:18px;
	font-size:11px;
}
table#referenzen{
	width:816px;
}
table#referenzen tr.top{
	background:#D7D4D1;
}
table#referenzen tr.top td{
	padding:5px 0 5px 10px;
}
table#referenzen tr td.bauherr{
	background:#D7D4D1 url(../images/referenzen_table_ecke.gif) no-repeat top left;
	width:275px;
}
table#referenzen tr td.bereich{
	width:154px;
}
table#referenzen tr td.bundesland{
	width:200px;
}
table#referenzen tr td.zeitraum{

}
table#referenzen tr.head{

}
table#referenzen tr.head td{
	padding:5px 0 5px 10px;
}
table#referenzen tr.row{
	background:#FFF;
}
table#referenzen tr.row td{
	padding:2px 5px 2px 10px;
}
table#referenzen tr.spacer{
	height:9px;
	background:url(../images/referenzen_table_spacer.gif) repeat-x;
}
table#referenzen td.lvl_0{
	color:#0077AF;
	font-weight:bold;
	font-size:14px;
}
table#referenzen td.lvl_1{
	color:#0077AF;
	font-weight:bold;
	font-size:12px;
}
table#referenzen td.lvl_2, table#referenzen td.lvl_3{
	color:#0077AF;
	font-weight:bold;
	font-size:10px;
}
/*-----------------------------------------------------GALLERY-----------------------------------------------*/
#popup_body{
	background:#FFF;
}
#pop_up h1{
	margin:10px 0 0 0;
	color:#333;
	padding:0 0 0 16px;
	margin:0;
}
#gallery_popup {
	margin:5px;
	width:570px;
	border:0;
}
#gallery_popup img {
	border:0;
	margin:5px;
	border:2px solid #0077AF;
	float:left;
}
#gallery_popup a:hover img{
	border:2px solid #4DA0C7;
}
#gallery_popup div.cell{
	position:relative;
	width:566px;	
	height:260px;
	border:1px solid #ccc;
	text-align:left;
	overflow:hidden;
}
#gallery_popup div.beschreibung{
	text-align:left;
	font-size:10px;
	width:270px;
	position:absolute;
	right:5px;
	top:5px
}
#gallery_popup .img_container{
	border:0;
}
#gallery_popup p{
	margin:0;
	padding:0;
	font-size:10px;
}
/*
VARIANTE DER GALLERY
#popup_body{
	background:#FFF;
}
#pop_up h1{
	margin:0;
	color:#333333;
	padding:0 0 0 16px;
	margin:0;
}
#gallery_popup {
	margin:5px;
	width:570px;
	border:0;
}
#gallery_popup img {
	border:0;
	margin:5px;
	border:2px solid #0077AF;
}
#gallery_popup a:hover img{
	border:2px solid #4DA0C7;
}
#gallery_popup div.cell{
	width:278px;	
	height:260px;
	border:1px solid #ccc;
	float:left;
	text-align:center;
	overflow:hidden;
}
#gallery_popup div.beschreibung{
	margin:5px;
	border:0;
	text-align:center;
	font-size:10px;
}
#gallery_popup .img_container{
	border:0;
}
#gallery_popup p{
	margin:0;
	padding:0;
	font-size:10px;
}
*/