body, html{
  height:100%
}

body{
  background:url(../img/body_bg.gif) repeat-x;
  margin:0;
  padding:0;
  font-family:verdana, helvetica, sans-serif;
  font-size:12px;
}

.hidden {
	position: absolute;
	left: -5000px;
	top: -50000px;
	width: 904px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

a{
  color:#ec6301;
  font-size:12px;
}
a:hover, a:focus{
  text-decoration:none;
}

#main{
  width:940px;
  margin:0 auto;
  min-height:90%;
}

#header{
  width:100%;
  height:179px;
  background:url(../img/header.jpg) no-repeat;
  float:left;}

a#logo{
  width:263px;
  height:165px;
  float:left;
  margin:0 0 0 24px;
  background:url(../img/logo.jpg) no-repeat;
}

#beratung{
  background:url(../img/beratung.jpg) no-repeat;
  width:192px;
  height:109px;
  color:#fff;
  padding:37px 0 0 17px;
  font-size:11px;
  float:right;
  margin:0 10px 0 0;
}
#beratung label a{
  background:url(../img/telefonberatung.gif) 0 1px no-repeat;
  color:#fff;
  text-decoration:none;
  padding:0 0 0 20px;
}
#beratung input{
  font-size:11px;
  font-family:verdana;
  margin-top:7px;
  width:135px;
}

#flashfilm{
  float:left;
  width:940px;
  height:207px;
  background:url(../img/flashbild.gif) no-repeat;
  padding:12px 0 0 29px;
}
#dachlandschaft{
  background:url(../img/banner.png) no-repeat;
  width:137px;
  height:88px;
  position:relative;
  top:-218px;
  z-index:2;
}

ul#left{
  width:252px;
  float:left;
  margin:21px 0 0 26px;
  padding:0;
  list-style:none;
}

ul#left li{
  float:left
}
ul#left li a{
  color:#ff6a00;
  font-size:14px;
  text-decoration:none;
  font-weight:bold;
  display:block;
  margin:21px 0 0 0;
  padding:0 9px;
  background:url(../img/left_span.jpg) 0 bottom no-repeat;
  width:234px;
}
ul#left li a.top100{
  background:transparent;
  margin:41px 0 0 0;
}
ul#left li a.top100 img{
  border:0;
}
ul#left li a:hover, ul#left li a:focus, ul#left li a.active{
  color:#2E7DAE;
}

ul#left li a span{
  display:block;
  width:234px;
  color:#454545;
  font-size:11px;
  margin-top:8px;
  padding:5px 0 6px 0;
  font-weight:normal;
  line-height:15px;
}
ul#left li a span.einzeilig{
  margin-top:14px;
  padding-bottom:16px;
}

#content{
  width:542px;
  min-height:570px;
  float:left;
  background:#f3f3f3 url(../img/content_bg.gif) repeat-y;
  margin:6px 0 0 29px;
  padding:7px 20px 40px 40px;
  color:#403f3f;
  line-height:21px;
  font-size:12px;
  }

h1{
  color:#2e7dae;
  font-size:21px;
  font-weight:normal;
  margin:25px 0 13px 0;
  line-height:27px;
}
 h2{
  color:#2e7dae;
  font-size:13px;
}
#content img{
  margin:10px 10px 10px 0;
}
#content a img{
  border:none;
}

#content img.float{
  float:left;
}
#content ul.none_style{
  list-style:none;
  margin:0;
  padding:0;
}

#content ul.none_style li{
  float:left;
  width:100%;
  border-bottom:1px solid #DFDFDF;
}

#content ul.none_style li img{
  margin-top:0;
}
#content.special{
  width:600px;
  margin:14px 0 0 140px;
  background:none;
}

table.mitglieder{
  font-size:11px;
  text-align:left;
}

table.mitglieder td{
  padding:2px;
}

table.mitglieder tr.reiha td{
  background-color:#EFEFEF
}

#footer{
  width:100%;
  float:left;
  background-color:#212121;
  height:30px;
}

#footer ul{
  width:844px;
  margin:0 auto;
  list-style:none;
}

#footer ul li{
  float:right;
}

#footer ul li a{
  color:#9f9f9f;
  display:block;
  width:77px;
  text-decoration:none;
  font-size:11px;
  margin:8px 0 0 0;
}

ul#navigation{
  width:440px;
  float:right;
  list-style:none;
  padding:0;
  margin:10px 9px 0 0;
}

ul#navigation li{
  float:left;
  background:url(../img/nav_right.gif) right 0 no-repeat;
  margin:0 7px 0 0;
}
ul#navigation li a{
  color:#fff;
  text-decoration:none;
  background:url(../img/nav_left.gif) no-repeat;
  font-weight:bold;
  padding:5px 14px;
  display:block;
  font-size:12px
}

ul#navigation li a:hover, ul#navigation li a:focus, ul#navigation li a.active{
   color:#4A4A4A;
}

.browserSafari #top_nav ul li a {
	padding: 5px 15px;
}

#navigation ul{
	list-style: none;
  padding:6px 0 10px 0;
	float: left;
	background-color:#dae5ec;
	position: absolute;
	z-index: 500;
	border:1px solid #fff;
	margin:0;
	width:150px;
}

#navigation ul li{
  position:relative;
  background:none;
  margin:0;
}

#navigation ul li a{
  background:none;
  color:#545555;
  font-size:11px;
  font-weight:normal;
  border-bottom:1px solid #a3c7dd;
  width:120px;
  padding:3px 5px;
  margin:0 7px;
  display:block;
}
ul#navigation ul li a:hover, ul#navigation ul li a:focus, ul#navigation ul li a.active{
   background-color:#4A4A4A;
   color:#fff;
    font-size:11px;
}

#navigation li {position: relative;}

#navigation li:hover{
  z-index:1000;
}

#navigation ul, #navigation li:hover ul{
	display: none;
}
#navigation li:hover ul {
	display: block;
}

.formular {
  width:410px;
  line-height:15px;
  clear:both;
  text-align:left;
  }
.formular label{
  width:132px;
  float:left;
}

.formular input, .formular select, .formular textarea{
  background:#ffffff url(../img/input.gif) repeat-x;
  border:1px solid #cbcbcb;
  }

.formular input.submit{
  float:right;
  background:url(../img/submit.gif) no-repeat;
  color:#fff;
  font-weight:bold;
  padding:4px;
  width:154px;
  border:none;
  clear:both;
  margin-top:10px;
}
.formular textarea{
  width:262px;
}
#content p.sicherheitscode{
  margin:25px 0;
}
#content p.sicherheitscode img{
  margin:0 20px;
}
#plz{
  width:80px;
  float:left;
  margin-right:10px;
}
#ort{
  width:170px;
}
.beratung label, .newsletter label, .aufmerksam label{
  float:none;
}
.aufmerksam{
  margin-top:22px;
}
select#wie{
  margin-top:10px;
  width:287px;
}

#map{
  margin-top:20px;}


ul.ref{
  list-style:none;
  margin:0;
  padding:0;
}
ul.ref li{
  float:left;
  width:495px;
  background-color:#F5F5F5;
  padding:0 20px;
  margin-bottom:10px;
}
ul.ref li div{
  float:left;
  width:100px;
  height:100px;
  overflow:hidden;
   margin:0 10px 0 0;
}
#content ul.ref li img{
  margin:0
}

.referenzdetails #divgross{
  overflow:hidden;
  width:290px;
  height:200px;
  margin-top:5px;
  text-align:center;
}

.referenzdetails #liste{
  width:290px;
  height:50px;
  background-color:#ededed;
  overflow:hidden;
  margin-top:7px;}

.gb_list{
  border:1px dotted #ccc;
}
.gb_list td{
  padding:0 0 0 5px;
}
tr.gb_headline{
  background-color:#2E7DAE;
  color:#F3F3F3;
}

.referenzdetails, .normcontent{
  font-size:12px;
}