/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #fff; color: #545454; margin:0; padding:0;
	}
div, p, h1, h2, h3, h4, img, form, ul, a{
	padding:0; margin:0;
	}
ul{
	list-style-type:none;
	}
.spacer{
	clear:both; line-height:0; font-size:0;
	}
/*--------------------header----------*/
#header{
	width:788px; height:315px; position:relative;  background:url(images/header_pic.jpg) no-repeat left bottom; margin:0 auto;
	padding:0 5px 0 0;
	}
	
#header ul.link{
	width:59px; position:absolute; padding:0 0 0 131px; left:92px; top:20px; height:13px; 
	background:url(images/linik_bore.gif) repeat-x left bottom; font-size:0; 
	}
	
#header ul.link li{
	float:left; padding:0 9px 0 0;
	}
	
#header ul.link li a{
	 display:block; text-indent:-2000px;
	}
	
#header ul.link li a.home{
	background:url(images/home_icon_h.gif) no-repeat 0 0; width:9px; height:8px; 
	}
	
#header ul.link li a.home:hover{
	background:url(images/home_icon.gif) no-repeat 0 0; width:9px; height:8px;
	}
	
#header ul.link li a.faq{
	background:url(images/faq.gif) no-repeat 0 0; width:11px; height:11px;
	}
	
#header ul.link li a.faq:hover{
	background:url(images/faq_h.gif) no-repeat 0 0; width:11px; height:11px;
	}
	
#header ul.link li a.site{
	background:url(images/site_map.gif) no-repeat 0 0; width:11px; height:9px;
	}
	
#header ul.link li a.site:hover{
	background:url(images/site_map_h.gif) no-repeat 0 0; width:11px; height:9px;
	}
	
#header ul.navi{
	width:154px;  background-color:#F6F5F5; color:#333333; position:absolute; left:310px; top:12px; font-size:0; 
	padding:8px 0 0px 17px;
	}
	
#header ul.navi li{
	 padding:0;	margin:0 0 3px 0;
	}
	
#header ul.navi li a{
	background:url(images/navi_li_bg.gif) no-repeat 0 0 #F6F5F5; display:block; width:123px; height:17px; text-decoration:none;
	 padding:1px 0 0px 14px; font:bold 11px/14px Arial, Helvetica, sans-serif; text-transform:uppercase;
	 color:#333333;
	}
	
#header ul.navi li a.hover{
	background:url(images/navi_li_bg_h2.gif) no-repeat 0 0 #F6F5F5; color:#734500; cursor:text;
	}
	
#header ul.navi li a:hover{
	background:url(images/navi_li_bg_h2.gif) no-repeat 0 0 #F6F5F5; color:#734500;
	}
	
#header ul.navi li a.aktiv{
	background:url(images/navi_li_bg_h.gif) no-repeat 0 0 #F6F5F5; color:#734500; cursor:text;   width:123px; height:17px; 
	padding:1px 0 0px 14px; font:bold 11px/14px Arial, Helvetica, sans-serif; text-transform:uppercase;
	}
	
#header ul.add{
	width:202px; position:absolute; left:507px; top:13px; font-size:0; padding:3px 0 0 0;
	background:url(images/linik_bore.gif) repeat-x left bottom;
	}
	
#header ul.add2{	
	width:202px; position:absolute; padding:0px 0 0 130px; left:507px; top:25px; height:13px;  
	background:url(images/linik_bore.gif) repeat-x left bottom; font-size:0; border-bottom:#5B5B5B 1px dashed;
	}

	
#header ul.add li{
	padding:0; margin:0; display:block;
	}
	
#header ul.add li.phone{
	background:url(images/toll_free.gif) no-repeat 0 0 #FFFFFF; height:18px;  width:130px;
	padding:0 0 0 75px; font:bold 10px/18px Arial, Helvetica, sans-serif; color:#034F91; margin:0 0 20px 0;
	}
	
#header ul.add li.cont{
	background:url(images/contact_icon.gif) no-repeat 0 0 #FFffFF; height:18px;  width:130px; 
	padding:0 0 0 76px; font:bold 9px/12px Arial, Helvetica, sans-serif; color:#034F91; margin:0 0 16px 0px;
	
	}
#header ul.add li.fax{
	background:url(images/fax.gif) no-repeat 0 5px #FFFFFF; color:#034F91; padding:0 0 0 75px;
	font:bold 10px/15px Arial, Helvetica, sans-serif;
	}
#header img.logo{
	position:absolute; left:90px; top:45px; display:block;
	}
/*-----------------------------------body----------------*/
#body{
	width:690px; margin:0 auto; padding:0 5px 0 0px; background-color:#FFFFFF;
	}
/*---------------------------------left side-------------------*/

#leftPan{
	width:230px; float:left; padding:15px 0 20px 0px;  font-family: Arial, Helvetica, sans-serif; font-size: 0;
	}
	
#leftPan h2.bild1{
	background:url(images/unsere_projekte.gif) no-repeat 0 0; width:230px; height:30px; text-indent:-2000px;
	padding: 0px 0 20px 0px; 
	}
	
#leftPan h2.titel1{
	font-size:16px; font-weight:normal; height:34px; display:block;
	 margin:0 0 0 0; padding:1px 15px 0 15px; 
	}
	
#leftPan p.text1{
	padding:0 15px 7px 15px; font:normal 12px/15px Arial, Helvetica, sans-serif; line-height:16px; width:200px; display:block; text-align: justify;
	}
	
#leftPan p.text1 a{
	font-weight:bold; color:#034F91; 
	}
	
#midPan p.text a:hover{
	font:normal 12px/15px Arial, Helvetica, sans-serif; display:block; color:#272727; background-color:#fff; text-decoration:none;
	}

#leftPan ul{
	padding:7px 0 14px 20px; font-size:0; margin:0; display:block;
	}	
#leftPan ul li{
	background:url(images/right_arrow.gif) no-repeat 0 7px; padding:0 0 0 10px; display:block; 
	font-size:12px; line-height:18px; color:#000000; display:block;text-decoration:none;
	}
	

/*------------------------------middel---------------*/

#midPan{
	width:231px; float:left;  padding:15px 0 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0;
	}
	
#midPan h2.bild1{
	background: url(images/linie02.gif) no-repeat 0 29px; width:231px; height:30px; font-size:0; 
	display:block; text-decoration:none;
	 padding:0 0 20px 0px; font:bold 16px Arial, Helvetica, sans-serif; color:#545454;
	}
	
#midPan h2.titel1{
	font-size:16px; font-weight:normal; height:34px; display:block;
	 margin:0 0 0 0; padding:1px 15px 0 15px; 
	}
	
	
#midPan form.login{
	width:200px; position:relative; height:157px; border-left:#EAEAEA 1px solid; border-top:#EAEAEA 1px solid; border-bottom:#EAEAEA 1px solid;
	border-right:#EAEAEA 1px solid; margin:3px 0 0 16px;
	}

#midPan form.login p{
	padding:5px 13px 2px 16px; font:normal 11px/14px Arial, Helvetica, sans-serif; line-height:15px; width:166px; display:block; text-align: justify;
	}


#midPan form.login input{
	width:164px; height:15px; background-color:#F3F3F3; color:#000000; font-size:9px; font-family:Arial, Helvetica, sans-serif;
	margin:10px 0 0	 0px; border-left:#B2B2B3 1px solid; border-top:#B2B2B3 1px solid; border-bottom:#B2B2B3 1px solid;
	border-right:#B2B2B3 1px solid; float:left;
	}
	
#midPan form.login label{
	width:133px; display:block; padding:0px 0 0px 15px; 
	font:normal 10px/15px Arial, Helvetica, sans-serif; color:#000000; height:15px; float:left; background-color:#FFFFFF;
	}

#midPan form.login hr{
	margin:0px 15px 0px 16px; color:#EAEAEA; width: 168px; height: 1px;
	}
	
#midPan form.login input.log{
	background:url(images/login.gif) no-repeat 0 0 #FFFFFF; width:60px; height:10px !important; border:none; cursor:pointer; 
	font-size:0;/*position:absolute; */ color:#666666; padding:0; margin:0px 1px 7px 0; float:right;
	}
	
/*---------------right-----------------------*/
#right{
	width:230px; float:left; padding:15px 0px 30px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 0;
	color:#545454; background-color:#FFffFF;
	}
#right h2.linie2{
	background:url(images/linie02.gif) no-repeat 0 29px; width:230px; height:30px; font-size:0; margin:0 0 0px 0;
	display:block; text-decoration:none;
	 padding:0 0 20px 0px; font:bold 16px Arial, Helvetica, sans-serif; color:#545454;
	}
#right h2.titel1{
	font-size:16px; font-weight:normal; height:34px; display:block;
	 margin:0 0 0 0; padding:1px 15px 0 15px; 
	}
	
#right p.text1{
	padding:0 15px 7px 15px; font:normal 12px/15px Arial, Helvetica, sans-serif; line-height:16px; width:200px; display:block; text-align: justify;
	}
#right ul{
	padding:7px 0 14px 27px; font-size:0; margin:0; display:block;
	}
#right ul li{
	background:url(images/right_arrow.gif) no-repeat 0 7px; padding:0 0 0 10px; display:block; height:18px;
	}
#right ul li a{
	font-size:12px; line-height:18px; color:#000000; background-color:#FFFFFF; display:block;text-decoration:none;
	
	}
#right ul li a:hover{
	text-decoration:none; background-color:#F4F4F4; color:#545454;
	}
#right p.line1{
	background:url(images/mid_line.gif) repeat-x left center; display:block; width:158px; height:8px; margin:0; padding:0;
	font-size:0; float:left; 
	}
#right img.banner{
	margin:38px 0 23px 20px; display:block;
	}


/*---------------------------footer--------------*/
#footerMain{
	background-color:#F3F3F3; color:#06467C; height:52px; border-bottom:#DEDEDE 14px solid; padding:18px 0 0 35px;
	}
#footer{
	width:662px; margin:0 auto; font-family: Arial, Helvetica, sans-serif ; font-size:0; height:52px; 
	position:relative;
	}
#footer ul{
	width:590px; display:block; height:16px; font-size:0; margin:0; position:absolute; left:0; top:0;
	padding:0 0 0 45px;
	}
#footer ul li{
	font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000000; background-color:#F3F3F3; float:left;
	 margin:0; padding:0;
	}
#footer ul li a{
	height:16px; padding:0 8px 0 8px; font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000000; 
	background-color:#F3F3F3; text-decoration:none;
	}
#footer ul li a:hover{
	background-color:#fff; color:#034F91;
	}
#footer p{
	color:#06467C; font-size:10px; width:216px; display:block; margin:0; line-height:17px; background-color:#F3F3F3;
	position:absolute; left:403px; top:22px;
	}
#footer ul.xh{
	width:170px; height:16px; display:block; font-size:0; margin:0; position:absolute; left:8px; top:25px;
	}
#footer ul.xh li{
	float:left; display:block; margin:0 6px 0 0;
	}
#footer ul.xh li a{
	 text-decoration:none; padding:0; margin:0; display:block; text-indent:-2000px;
	}
#footer ul.xh li a.xhl{
	background:url(images/xhtml_bg.gif) no-repeat 0 0; width:84px; height:10px;
	}
#footer ul.xh li a.xhl:hover{
	background:url(images/xhtml_bg_h.gif) no-repeat 0 0; width:84px; height:10px;
	}
#footer ul.xh li a.cs{
	background:url(images/css.gif) no-repeat 0 0; width:70px; height:10px;
	}
#footer ul.xh li a.cs:hover{
	background:url(images/css_h.gif) no-repeat 0 0; width:70px; height:10px;
	}
#footer p.copy{
	color:#E0E0E0; font-size:11px; width:177px;  margin:0; line-height:16px; text-transform:uppercase; font-weight:bold;
	height:16px; padding:0; background-color:#F3F3F3; position:absolute; left:406px; top:40px;
	}
#footer p.copy a{
	color:#F3F3F3; background-color:#F3F3F3; text-decoration:none;
	}
#footer p.copy a:hover{
	background-color:#fff; color:#034F91;
	}

