.image_container{
    padding: 0;
    margin: 0;
}
.invisible {
    display:none;
}
body{
  background-image: url(img/back.png);
  background-repeat: repeat-x;
  background-color: #f4f4f4;
  margin-bottom: 0;
}

#seite{
  background-image: url(img/struktur.png);
  background-repeat: repeat-y;
  background-position: center;
  width: 916px;
  margin-left: auto;
  margin-right: auto;


}

#schattenLinks{
  background-image: url(img/schatten_links.png);
  background-repeat: no-repeat;
  background-position: left top;

}

#schattenRechts{
  background-image: url(img/schatten_rechts.png);
  background-repeat: no-repeat;

  background-position: right top;

}

#randOben{
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  background-image: url(img/rand_oben.png);
  background-repeat: no-repeat;
  width: 916px;
  height: 18px;
  overflow: hidden;
}

#kopf{
  height: 241px;
}

#kopf img{
  margin: 0;
  margin-left: 18px;
}

#inhalt{
  overflow: hidden;
}

#textbereich{
  float: right;
  margin-right: 10px;
  margin-bottom: 20px;
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  color: #272c2e;
  width: 650px;
  line-height: 1.5em;
  overflow: hidden;
}





h1{
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
  font-family: arial, verdana, sans-serif;
  font-size: 18px;
  color: #272c2e;
  font-weight: bold;
}

h2{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-family: arial, verdana, sans-serif;
  font-size: 15px;
  color: #272c2e;
  font-weight: bold;
}

h3{
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
  font-weight: bold;
}


#formular{
  float: left;
  margin-bottom: 20px;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
  width: 650px;
  line-height: 1.5em;
}

#formular div.error{
  color: #d01515;
}

input.submit{
  margin-bottom: 10px;
  border: 1px dotted #c7c9c9;
  background-color: #fff;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
  width: 80px;

}

#formular input.feld{
  margin-bottom: 10px;
  border: 1px dotted #c7c9c9;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
  width: 150px;
}

#formular label{
  display: block;
}

#formular textarea.textfeld{
  margin-bottom: 10px;
  border: 1px dotted #c7c9c9;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
}



#rechts{
  float: right;
}

#navigation{
  background-image: url(img/nav_back.png);
  background-repeat: no-repeat;
  background-color: #fbfbfb;
  width: 220px;
  margin-right: 18px;
  margin-top: 0px;
  padding-bottom: 7px;
}

#navigation ul{
  list-style-type: none;
  padding: 0;
  padding-left: 7px;
  margin: 0;

}

#navigation ul li{
  line-height: 1.7em;

  font-size: 14px;
  font-family: arial, verdana, sans-serif;
}

#navigation ul li a{
  color: #213b46;
  text-decoration: none;
}

#navigation ul li a:hover{
  text-decoration: underline;
}

#navigation ul li.active{
  text-decoration: underline;
  color: #668ba2;
}


#boxPartner, .box{
  background-image: url(img/nav_back.png);
  background-repeat: no-repeat;
  background-color: #fbfbfb;
  width: 220px;
  margin-right: 18px;
  margin-top: 20px;
}
#boxPartner p, .box p{
  padding-left: 7px;
  color: #213b46;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  line-height: 1.6em;
}

#boxPartner p.logo{
  text-align: center;
}

.box p, .box h3{
    margin-left: 10px;
    padding: 0;
}
.box h3{
  font-size: 13px;
  font-weight: bold;
  padding-top: 10px;
}

#box{
  margin-top: 20px;
  background-image: url(img/box_back.png);
  background-repeat: no-repeat;
  width: 228px;
  height: 192px;
  margin-right: 10px;
}

#box p{
  padding-left: 7px;
  color: #fff;
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  line-height: 1.6em;
}
#box p.first{
  padding-top: 15px;
}


#fuss{
  background-image: url(img/fuss.gif);
  background-repeat: no-repeat;
  background-position: center;
  border-bottom: 3px solid #e6e7e7;
  width: 900px;
  height: 34px;
  margin-left: auto;
  margin-right:auto;
}

p{
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
}

.sl ul{
  padding-left: 18px;
  margin: 0;
  padding-top: 10px;
  list-style-image:url(img/plus.gif)
}

a.textSliderLink{
  width: 500px;

}

.textSlider{
  display: none;
  overflow: hidden;
  width: 500px;
  margin-left: 18px;
  background-color: #eeeeee;
}

.textSlider p{
  margin: 0;
  padding: 0;
  margin: 5px;
}

/* Tooltip */
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}

/* Referenzen */

div.referenz{
  float: left;
  margin-right: 10px;
  margin-bottom: 30px;
  font-family: arial, verdana, sans-serif;
  color: #858686;
  font-size: 12px;
  overflow: hidden;
  width: 314px;
}
div.referenz img{
  border: 2px solid #e1e2e2;
}
div.referenz img:hover{
  border: 2px solid #272c2e;
}

/* Hacken als Aufzählungszeichen */

#textbereich ul.checked{
  list-style-image: url(img/checked.gif);
}

/* ActionLink für AdWords */
table.actionTable a{
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}
table.actionTable a:hover{
  color: #fff;
  text-decoration: underline;
}

#textbereich p a, .sl ul a{
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  color: #272c2e;
  text-decoration: underline;
}

#textbereich p a:hover, .sl ul a:hover{
  color: #8d9aa0;
  text-decoration: underline;
}



/* ----- Preiskalkulator */

#hausDaten{
  background-image: url(img/haus.gif);
  background-repeat: no-repeat;
  height: 410px;
  margin-left: 10px;
  font-weight: bold;
}

#hausDaten input.height{
  position: relative;
  left: -10px;
  top: 180px;
  width: 40px;
  border: 1px solid #79a8c5;
  padding: 3px;
  font-weight: bold;
  text-align: right;
}

#hausDaten input.width{
  position: relative;
  left: 120px;
  top: 233px;
  width: 40px;
  border: 1px solid #79a8c5;
  padding: 3px;
  font-weight: bold;
  text-align: right;
}
#hausDaten input.length{
  position: relative;
  left: 310px;
  top: 150px;
  width: 40px;
  border: 1px solid #79a8c5;
  padding: 3px;
  font-weight: bold;
  text-align: right;
}

#hausDaten input.sparrenLaenge{
  width: 40px;
  border: 1px solid #79a8c5;
  padding: 3px;
  font-weight: bold;
  text-align: right;
}

#preiskalkulator input.senden{
  position: relative;
  left: 0px;
  top: 350px;
  border: 1px solid #c7c9c8;
  padding: 3px;
}

#hausDaten div#sparrenLaenge{
  position: relative;
  left: 253px;
  top: -25px;

}


/* Formatierung Leistungen */

.leistungenOdd{
  background-image: url(img/background_leistungen_odd.jpg);
  background-repeat:	no-repeat;
  padding-left: 12px;
  padding-top: 12px;
  padding-right: 12px;
  overflow: hidden;
  clear: both;
  margin-bottom: 50px;
}
.leistungenEven{
  background-image: url(img/background_leistungen_even.jpg);
  background-repeat:	no-repeat;
  padding-right: 22px;
  padding-top: 12px;
  padding-left: 12px;
  overflow: hidden;
  clear: both;
  margin-bottom: 50px;
}

.leistungenEven h2, .leistungenOdd h2{
  font-weight: bold;
  color: #001673;
}

/* Formatierung Homebox */
#home{
    overflow: hidden;
}
.homebox{
  background-image: url(img/background_homebox.jpg);
  background-repeat:	no-repeat;
  width: 206px;
  height: 256px;
  padding-top: 2px;
  padding-left: 3px;
  float: left;
  margin-right: 5px;
  overflow: hidden;
  cursor: pointer;
  margin-bottom: 50px;
}
.homeboxLast{
  margin-right: 0;
}
.homebox h1{
  text-align: center;
  margin-left: -3px;
  margin-top: 40px;
}
.homebox h1 a{
  color: #001673;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
}
.homebox h1 a:hover{
  text-decoration: underline;
}

/* Formatierung Formular */

#contact table td{
  	vertical-align: 	top;
  	padding-right: 		10px;
  	padding-top: 		10px;
}

#contact form td.col_0{
  	width: 				180px;
}

#contact form .blockFormat span{
  	display: 			block;
  	margin-right: 		20px;
  	margin-bottom: 		7px;
}

#contact form span.invisible{
  	display: 			none;
}

#contact form input, #contact form textarea{
  	font-family: 		arial, verdana, sans-serif;
  	font-size: 			12px;
 	color: 				#272c2e;
 	border:				1px solid #cbd0d6;
 	padding: 			3px;
}

#contact form input:focus, #contact form textarea:focus{
  	border: 			1px solid #272c2e;
}

#contact form input.text{
  	width: 				200px;
	clear: both;
}
#contact form textarea{
  	width: 				350px;
}

#contact form input.submit{
  	margin-top: 		30px;
}

#contact form span.hinweis{
  	font-size: 			10px;
}

#contact form p.error{
  	color: 				#ed5b10;
  
  	margin-top: 		0px;
       display: block;
}

/*Google Maps Karte*/
#map{
  float: right;
}

/* ---  News  ---  */
#news{
    overflow: hidden;
    clear: both;
}
#news p.info, .mod_newsreader p.info{
    font-size: 11px;
    color: #a1a1a1;
    margin: 0 0 5px 0;
    padding: 0;
}
#news .image_container{
    margin: 0 10px 10px 0;
    border: 7px solid #e5e6e6;
    overflow: hidden;
    padding: 0;
    display: inline;
float: left;
}
#news .image_container img{
    border: 1px solid #fff;
    margin: 0;
    padding: 0;
    overflow: hidden;
    float: left;
    display: inline;
}
#news h2{
    margin: 0 0 10px 0px;
}
#news h2 a{
    text-decoration: none;
    color: #001673;
    font-size: 15px;
    font-weight: bold;
}
#news h2 a:hover{
    text-decoration: underline;
}
#news .layout_latest{
    background-image: url(img/background_news.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;
    margin: 0 0 30px 0px;
    overflow: hidden;
    border-bottom: 1px solid #dbdbdc;
    border-right: 1px solid #dbdbdc;
}

.mod_newsreader .image_container{
    clear: both;
    margin-bottom: 10px;
}
.mod_newsreader h1{
    margin-bottom: 3px;
}

.noDetailImage .image_container{
	display: none;
}

.cc-banner.cc-bottom, .cc-floating.cc-theme-classic {
    background: #dddddd;
}

.cc-theme-classic .cc-btn.cc-allow {
    background: #014294;
    border-color: #014294;
    color: white;
}
.cc-theme-classic .cc-btn.cc-allow:hover {
    background: #0f6add;
    border-color: #0f6add;
    text-decoration: underline;
}

.cc-highlight .cc-btn.cc-deny {
    background: #767676 !important;
    color: white !important;
}

.cc-highlight .cc-btn.cc-deny:hover {
    background: #a2a2a2 !important;
    text-decoration: underline;
}