img.preload { display: none; }

body {
  background-image: url(images/bg.jpg);
  background-repeat: repeat-x;
  margin: 0px;
  padding: 0px;
  font-family: Arial;
  text-decoration: none;
    color: #333333;
  font-size: 12px;
  font-weight: normal;
}
/*-------- Klassen f�r mehrspaltig -----------*/
.col1 {
  padding: 0 10px 0 0;
  width:50%;
}
.colend {
  width:50%; 
}
td {
  font-family: Arial;
  text-decoration: none;
    color: #333333;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.4em;
}

ul{
  /* list-style-image:url(images/point.gif); */
  margin-top:0px;
  padding-top:0px;
  margin-left:15px;
  padding-left:15px;
}

.vorteile {
font-size: 14px;
font-weight: bold;
}


.vorteile ul{
    list-style-type:none;
    /*list-style-image:url(images/checkbox_1.gif);*/
  margin-top:0px;
  padding-top:0px;
  margin-left:0px;
  padding-left:0px;
}

.vorteile ul li{
background-image:url(images/checkbox_1.gif);
background-repeat:no-repeat;
background-position:0px 0px;
padding-left:35px;
margin-bottom:10px;
height: 30px;
}

.vorteile ul li span{
height: 30px;
display: table-cell;
vertical-align:middle;
}



.autocompleter-choices {
  list-style-image:none;
  font-size: 10px;
}


a{
  font-family: Arial;
  text-decoration: none;
    color: #517280;
  font-size: 12px;
  font-weight: bold;
  cursor:pointer;
}

a:hover{
  text-decoration: none;
    color: #CC0000;
  font-weight: bold;
}
a.zurueck {
    color: #000000;
}
a.zurueck:hover{
  color: #CC0000;
}

.cur_site, .cur_site:hover{
    color: #000000;
  font-weight: bold;
}





/*
h2, h3, h4, h5, h6
{ margin: 0px;
  padding: 0px 0px 0px 0px;
}
*/

p
{ 
margin: 0px;
/*
gabi warum hast du das gemacht? lg, mario
margin: 0px 0px 16px 0px;
*/
  padding: 0px 0px 16px 0px;
  /*line-height: 1.7em;*/
}

td p
{ margin: 0px;
  padding: 0px 0px 0px 0px;
}

/*, .csc-firstHeader, .csc-header csc-header-n2*/
#h1, .h1,  h1 {
  font-family: Arial;
  text-decoration: none;
  line-height: 22px;
    color: #517280;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
  /*margin: 0px 0px 0px 0px;*/
  margin-bottom: 0px;
}

#h2, h2 {
  font-family: Arial;
  text-decoration: none;
    color: #333333;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 5px 0px;
}

.h3, h3{
  font-family: Verdana;
  color: #DA130C;
  line-height: 1.6em;
  font-size: 9px;
  font-weight: bold;
}

.h4, h4 {
  font-family: Arial;
  text-decoration: none;
  line-height: 22px;
    color: #517280;
  font-size: 18px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

#h5, .h5, h5 {
  font-family: Arial;
  text-decoration: none;
    color: #517280;
  font-size: 28px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
  margin-top: 0px;
    /*
  font-family: Arial;
  text-decoration: none;
    color: #517280;
  font-size: 14px;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  */
  /*padding: 0px 0px 30px 0px;*/
}

.h6, h6 {
  font-family: Arial;
  text-decoration: none;
    color: #666666;
  font-size: 11px;
  font-weight: bold;
}

#h7, h7 {
  font-family: Arial;
  text-decoration: none;
    color: #517280;
  font-size: 40px;
  font-weight: normal;
}

.h8, h8 {
  font-family: Arial;
  text-decoration: none;
    color: #517280;
  font-size: 24px;
  line-height: 2em;
  font-weight: normal;
  text-transform: uppercase;
}
.small {
  font-family: Arial;
  text-decoration: none;
    color: #333333;
  font-size: 9px;
  font-weight: normal;
}

.small2, .csc-textpic-caption {
  font-family: Arial;
  text-decoration: none;
    color: #333333;
  font-size: 10px;
  font-weight: normal;
}


.linie {
  width: 100%;
  border-top: 1px dotted #AEA89C;
  text-align: right;
}


.liniel {
  width: 100%;
  border-top: 1px dotted #AEA89C;
}

.liste {
  /* width: 100%; */
  border-bottom: 1px dotted #AEA89C;
  padding: 10px 10px 10px 10px;
}

#container{
  margin: 0 auto;
  position: relative;
  width: 948px;
}


#container2{
  width:100%;
  height:550px;
  display:block;
  border: 0px solid;
}


#header{
  background-image: url(images/wolken.jpg);
  width: 948px;
  height: 162px;
}

#haus{
  position:absolute; z-index:1; left: 653px; top: 0px;
}

#logo{
  position:absolute; z-index:90; left: 21px; top: 53px; /* vorher z-index:1001; geändert wegen lightbox*/
}

#bezeichnung{
   position:absolute; z-index:5; left: 777px; top: 140px;
}

#frau{
    position:absolute; z-index:1; left: 447px; top: 0px;
}

#fertighausbild{
   position:absolute; z-index:1; left: 150px; top: 104px;
}

#blockhausbild{
   position:absolute; z-index:1; left: 243px; top: 104px;
}

#claim{
   position:absolute; z-index:6; left: 350px; top: 121px;
 }

#nav{
  background-image: url(images/topbg.png);
  width: 798px;
  height: 41px;
  padding: 0px 0px 0px 150px;


}

#nav #navcont{
  z-index:7;
  position:absolute;
  left: 150px; 
  top: 162px;
  width: 798px;
}

#nav #navcont div{
  float: left;
  padding: 5px 5px 5px 0px;
}
.sprachen {
  float:right;
  width:80px;
  /*margin: -8px 5px 0 0;*/
}

.btngerman{
 background-image: url(images/german_fl_d.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding-top: 0px;
 font-weight:normal;
 color: #ffffff; /*#69C95F;*/
 font-size: 10px;
 display:block;
 width:30px;
 height:26px;
 line-height: 26px;
 /*margin: -8px 25px 0 0;*/
  float:left;
}
.btngerman:hover{
 background-image: url(images/german_fl_u.png);
 font-weight:normal;
 color: #4BBDE6;
 font-size: 10px;
 }
 
.btnfrench{
 background-image: url(images/french_fl_d.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding-top: 0px;
 font-weight:normal;
 color: #ffffff; /*#69C95F;*/
 font-size: 10px;
 display:block;
 width:30px;
 height:26px;
 line-height: 26px;
 float:left;
}
.btnfrench:hover{
 background-image: url(images/french_fl_u.png);
 font-weight:normal;
 color: #4BBDE6;
 font-size: 10px;
 }
 
.btnengl{
 background-image: url(images/english_fl_d.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding: 0px 0 0 30px;
 font-weight:normal;
 color: #ffffff; /*#69C95F;*/
 font-size: 10px;
 display:block;
 width:30px;
 height:26px;
 line-height: 26px;
}

.btnengl:hover{
 background-image: url(images/english_fl_u.png);
 font-weight:normal;
 color: #4BBDE6;
 font-size: 10px;
 }
 
a.btnengl_cz{
 background-image: url(images/english_fl_d.png);
 background-repeat: no-repeat;
 /*background-position: top right;*/
 padding-top: 8px;
 display:block;
 width:22px;
 height:26px;
 margin: 0px 45px 0 0;
}

a.btnengl_cz:hover{
 background-image: url(images/english_fl_u.png);
 }
a.btnger_cz{
 background-image: url(images/german_fl_d.png);
 background-repeat: no-repeat;
 background-position: top right;
 padding-top: 8px;
 display:block;
 width:22px;
 height:26px;
 margin: 0px 15px 0 0;
}

a.btnger_cz:hover{
 background-image: url(images/german_fl_u.png);

 }
/*padding: top right bottom left; */

#navshadow{
  background-image: url(images/topschatten.png);
  background-repeat: no-repeat;
  background-position: top;
  width: 948px;
  height: 10px;
  line-height: 1px;
}


#content{
  background-image: url(images/contentbg.png);
  width: 948px;
  height: 1%;
}

#contentfooter{
  clear: left;
  width: 918px;
  height: 25px;
}

#contentfooterindex{
  clear: left;
  width: 918px;
}

#footer{
  background-image: url(images/footerbg.png);
  width: 948px;
  height: 46px;
  font-family: Arial;
  color: white;
  font-size: 11px;
  }
  
#footer div a{
    text-decoration:none;
    font-weight: normal;
    font-size: 11px;
    color:#69C95F;
  }
#footer div a:hover
  {
    color: #4BBDE6;
  }


#footer div div{
  float: right;
  font-family: Arial;
  color: white;
  font-size: 11px;
  padding: 12px 25px 20px 0px;
  }
  
#footer div div a
  {
    font-family: Arial;
    color: white;
    font-size: 11px;
    text-decoration:none;
    font-weight: normal;
  }
  
#footer div div a:hover
  {
    color: #4BBDE6;
  }
#footertext {
  float:left; 
  width:500px; 
  padding: 12px 0px 20px 20px; 
  color:#69C95F;
  }

#subnav{
  line-height: 18px;
  width: 176px;
  padding: 0px 5px 0px 15px;
}

#subnav a {
    font-family: Arial;
    color: #517280;
    border-bottom: 1px dotted #AEA89C;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding:3px 0 3px 11px;
}

#subnav a:hover {
    background-image: url(images/subnavbg.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    color: #CC0000;
}

.subnavhilite {
    background-image: url(images/subnavbg.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    font-family: Arial;
    color: #CC0000;
    border-bottom: 1px dotted #AEA89C;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
    display: block;
    padding: 3px 0px 3px 0px;
}

#servicenav {
  background-image: url(images/servicenavbg.png);
  background-repeat: no-repeat;
  background-position: 12px 10px;
  line-height: 18px;
  width: 172px;
  height: 207px;
  padding: 30px 0px 0px 18px;
}

#servicenav a {
    font-family: Arial;
    color: #517280;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

#servicenav a:hover {
    background-image: url(images/subnavbg.gif);
    background-repeat: no-repeat;
    background-position: 0px 3px;
    color: #CC0000;
}

.servicenavhilite {
    background-image: url(images/subnavbg.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    font-family: Arial;
    color: #CC0000;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
}

#left{
  float: left;
  width: 196px;
  padding: 0px 0px 0px 0px;
}

#inhalt{
  float: left;
  width: 550px;
  padding: 10px 0px 0px 30px;
  /* border: 1px solid;*/
  position: relative;
}

#tinhalt{
  float: left;
  width: 520px;
  padding: 0px 0px 0px 0px;
}


#index{
  float: left;
  width: 580px;
  padding: 0px 0px 0px 0px;
}



#inhalt02{
  float: left;
  width: 674px;
    padding: 10px 30px 0px 30px;
/*  
  width: 700px;
    padding: 10px 4px 0px 30px;
*/
}


#servicecenter{
  float: left;
  width: 734px;
  padding: 20px 0px 0px 0px;
}

#teaser{
  float: left;
  width: 156px;
  padding: 0px 0px 0px 0px;
}

#adresse{
  float: left;
  font-family: Verdana;
  color: #333333;
  line-height: 1.6em;
  font-size: 9px;
  padding: 15px 5px 0px 30px;
}
  
#adresse a
  {
    font-family: Verdana;
    color: #007B48;
    font-size: 9px;
    text-decoration:none;
    font-weight: bold;
}
  
#adresse a:hover
  {
    color: #DA130C;
}

#suchen {
  float: left;
  padding: 10px 0px 0px 10px;
}

#suchen a:hover {
  background-image: none;
}

#subsubnavtop {
  background-image: url(images/subsubschmaltop.jpg);
  background-repeat: no-repeat;
  width: 520px;
  height: 13px;
}


#subsubnav {
  background-image: url(images/subsubschmalbg.jpg);
  background-repeat: repeat-y;
  width: 520px;
  margin-bottom:6px;
}

#subsubnavbot {
  background-image: url(images/subsubschmalbot.jpg);
  background-repeat: no-repeat;
  background-position:bottom;
  clear: left;
  width: 520px;
  height: 13px;
}

/* --- vertikal voon pixelwings
.clsubsubnav {
  float: left;
  line-height: 18px;
  width: 168px;
}

 ---- horizontal----*/
.clsubsubnav {
  line-height: 18px;
  width: 520px;
}
.clsubsubnav div{
  float: left;
  line-height: 18px;
  width: 166px;
}


.clsubsubnav a {
    font-family: Arial;
/*    color: #517280;*/
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
}

.clsubsubnav a:hover {
    color: #CC0000;
}

.clsubsubnavhilite {
    font-family: Arial;
    color: #CC0000;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
}

.clbildershow {
  float: left;
  line-height: 18px;
  width: 125px;
}

.clbildershow a {
    font-family: Arial;
    color: #517280;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    text-transform: uppercase;
}

.clbildershow a:hover {
    color:#CC0000;
}

.clbildershowhilite {
    font-family: Arial;
    color: #CC0000;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 0px 0px 10px;
    text-transform: uppercase;
}

#subsubnavbreittop {
  background-image: url(images/subsubbreittop.jpg);
  background-repeat: no-repeat;
  width: 674px;
  height: 13px;
}

#subsubnavbreit {
  background-image: url(images/subsubbreitbg.jpg);
  background-repeat: repeat-y;
  width: 674px;
}

#subsubnavbreitbot {
  background-image: url(images/subsubbreitbot.jpg);
  background-repeat: no-repeat;
  background-position:bottom;
  clear: left;
  width: 674px;
  height: 13px;
}

.clsubsubnavbreit {
  /*float: left;*/
  line-height: 18px;
  width: 670px;
  /* width: 168px; */
}
.clsubsubnavbreit div{
  float: left;
  line-height: 18px;
  width: 162px;
}



.clsubsubnavbreit a {
    font-family: Arial;
    color: #517280;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
}

.clsubsubnavbreit a:hover {
    color: #CC0000;
}

.clhausdetailbreit {
  float: left;
  line-height: 18px;
  width: 250px;
}

.clhausdetailbreit a {
    font-family: Arial;
    color: #517280;
    font-size: 11px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
}

.clhausdetailbreit a:hover {
    color: #CC0000;
}

#flashbildershow {
    padding: 20px 0px 20px 0px;
}
#overviewbildershow{
    padding: 10px 0px 0px 0px;
}


#servicecenternav {
  padding: 10px 0px 0px 0px;
}

.clservicecenternav {
  line-height: 18px;
  width: 480px;
}

.clservicecenternav div{
  float: left;
  line-height: 18px;
  width: 120px;
}

.clservicecenternav a {
    font-family: Arial;
    /*color: #517280;*/
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    padding: 0px 5px 0px 0px;
}

.clservicecenternav a:hover {
    color: #CC0000;
}

.clservicecenternavhilite {
    font-family: Arial;
    color: #CC0000;
    font-size: 12px;
    text-decoration: none;
  
    font-weight: bold;
}
#druckpdf {
  position: absolute; 
  width:140px; 
  height:37px; 
  left: 778px; 
  top: 227px;
}

#indexavatar {
  background-repeat: no-repeat;
  float: left;
  width: 580px;
  height: 370px;
  padding: 0px 0px 0px 0px;
}

#indextext {
  line-height: 18px;
  padding: 230px 10px 0px 190px;
}

#indexbottom {
  background-image: url(images/indexbotbg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;  
  float: left;
  width: 580px;
  height: 180px;
  padding: 0px 0px 0px 0px;
}

#indextextteaser {
  width: 540px;
  padding: 20px 0px 0px 40px;

}

.indextextteaser {
  float: left;
  line-height: 18px;
  width: 200px;
  padding: 0px 30px 0px 30px;
}

#apDiv1 {
  position:absolute;
  width:232px;
  height:398px;
  z-index:1;
  padding: 30px 0px 0px 0px;
}

.hausdetail{
  background-image: url(images/hausdetailbg.jpg);
  background-repeat: repeat-y;
}

.textbreitbg{
  background-image: url(images/textbg.jpg);
  background-repeat: repeat-y;
}

.textservicebg{
  background-image: url(images/textservicebg440.jpg); 
  background-repeat: repeat-y;
}

.textservicebgbreit{
  background-image: url(images/textservicebg690.jpg); 
  background-repeat: repeat-y;
}

#created{
  padding: 0px 0px 6px 40px;
}

#created a {
    font-family: Verdana;
    color: #666666; /*#CCCCCC;*/
    font-size: 10px;
    text-decoration: none;
    font-weight: normal;
}

#created a:hover {
    color: #666666;
}


#hausserie {
 width:665px;
}



#hausborder {
 width:140px;
 float: left;
 background: 0px 4px no-repeat;
 line-height: 13px;
 padding: 4px 8px 4px 0px;
}

#hausborder div{ 

/* padding: 2px 0px 0px 12px;*/
}

#hausborder div div{ 
 display:block;
 width:115px;
 height:81px;
 background:url(images/haus_dia2_TRANS.png) no-repeat; 
}



#hausdia {
/*
 width:125px;
 height:120px; 
*/
 float: left;
 background: 11px 14px no-repeat;
 line-height: 13px;
 text-align:center;
 padding: 4px 8px 4px 0px;
}

#hausdia a { 
 display:block;
 width:125px;
 height:120px;
/*
 height:30px;
 padding: 90px 0 0 0;
*/
 background:url(images/haus_dia_TRANS.png) no-repeat; 
}
#hausdia a:hover {
 background:url(images/haus_dia_h_TRANS.png) no-repeat; 
}

#hausdia a.neu { 
 display:block;
 width:125px;
 height:120px;
 background:url(images/haus_dia_neu_TRANS.png) no-repeat; 
}
#hausdia a.neu:hover {
 background:url(images/haus_dia_neu_h_TRANS.png) no-repeat; 
}

#hausdia a.aktion{ 
 display:block;
 width:125px;
 height:120px;
 background:url(images/haus_dia_aktion_TRANS.png) no-repeat; 
}
#hausdia a.aktion:hover {
 background:url(images/haus_dia_aktion_h_TRANS.png) no-repeat; 
}
#hausdia a.akce{ 
 display:block;
 width:125px;
 height:120px;
 background:url(images/haus_dia_akce_TRANS.png) no-repeat; 
}
#hausdia a.akce:hover {
 background:url(images/haus_dia_akce_h_TRANS.png) no-repeat; 
}
#hausdia a.na-prodej{ 
 display:block;
 width:125px;
 height:120px;
 background:url(images/haus_dia_na-prodej_TRANS.png) no-repeat; 
}
#hausdia a.na-prodej:hover {
 background:url(images/haus_dia_na-prodej_h_TRANS.png) no-repeat; 
}
#hausdia a.novy { 
 display:block;
 width:125px;
 height:120px;
 background:url(images/haus_dia_neu_cz_TRANS.png) no-repeat; 
}
#hausdia a.novy:hover {
 background:url(images/haus_dia_neu_cz_h_TRANS.png) no-repeat; 
}

#hausdia .hausvar
{
 font-size:9px;
}

#hausdia img { 
 width:120px;
 height:91px;
 /*border:1px solid;*/
 }
#hausdia span {
  font-size:8px;
}
#hausdia2 {
 float: left;
 padding: 4px 8px 4px 0px;
}
#hausdia2 a { 
 display:block;
 width:259px;
 height:120px;
 background:url(images/teaser-hausauswahl.jpg) no-repeat; 
}
#hausdia2 a:hover {
 background:url(images/teaser-hausauswahl_h.jpg) no-repeat; 
}

/* ************* für TAI, wird nicht mehr gebraucht
#hausdia3 {
 float: left;
 padding: 4px 8px 4px 0px;
}
#hausdia3 a { 
 display:block;
 width:259px;
 height:120px;
 background:url(images/teaser_tai.jpg) no-repeat;
  background-position: 0px -1px; 
}
#hausdia3 a:hover {
 background-position: 0px -121px; 
}

*/

#hausdetail {
 /*float: left;*/
 background: no-repeat;
 padding: 0px 0px 0px 0px;
}

#hausdetail a { 
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_TRANS.png) no-repeat; 
}
#hausdetail_neu a { 
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_neu_TRANS.png) no-repeat; 
}
#hausdetail_cz a { /* f�r Preisaktion: akcni ceny*/
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_TRANS_cz.png) no-repeat; 
}
#hausdetail_neu_cz a { /* f�r Preisaktion: akcni ceny*/
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_neu_TRANS_cz.png) no-repeat; 
}
#hausdetail div { 
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_TRANS_2.png) no-repeat; 
}
#hausdetail_neu div { 
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_neu_TRANS_2.png) no-repeat; 
}
#hausdetail_cz div { 
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_TRANS_2_cz.png) no-repeat; 
}
#hausdetail_neu_cz div { 
 display:block;
 width:327px;
 height:247px;
 background:url(images/haus_detail_neu_TRANS_2_cz.png) no-repeat; 
}

#hausdetail a:hover {
 /*background:url(images/haus_detail_h_TRANS.png) no-repeat; */
}

#hausdetail .btn
{
 width:327px;
 height:247px;
}






.infotab {
 width:450px;
 border:none;
 border-collapse:collapse;
}

.infotab th {
  color: #4f6b72;
  border-color: #8DBBD2;
  background: #CAE8EA url(images/bg_table_header_blau.jpg) no-repeat;
}

.infotab td {
    font-size: 10px;
  border-color: #8DBBD2;
  background: #fff;
/*  color: #4f6b72;*/
  vertical-align:bottom
}

.infotab td.sum {
/*  color: #797268;*/
  background-color: #D9E3F0;
}

.infotab td.htitle {
  font-weight:bold;
  border-bottom:2px solid #D9E3F0;
}

.infotab .sumbig {
  font-size: 14px;
  font-weight:bold;
  background-color: #D9E3F0;
}



#rechenbsp a { 
 display:block;
 width:137px;
 height:122px;
 background:url(images/rechenbsp2.jpg) no-repeat; 
}

#rechenbsp a:hover {
 background:url(images/rechenbsp2_h.jpg) no-repeat; 
}



#dbtable {
  width: 100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  empty-cells: show
}

#dbtable th {
  font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  border: 1px solid;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-align: left;
  padding: 6px 6px 6px 12px;
}

#dbtable td {
  border: 1px solid;
  padding: 6px 6px 6px 12px;
  /* oben rechts unten links */
}




.tabfoerderung {
        background:url(images/tabhead_left.jpg) no-repeat; 
  width: 100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  empty-cells: show
}

.tabfoerderung th {
  background:url(images/tabhead_right.gif) 100% 0  no-repeat;

        border-bottom: 2px solid #DDDDDD;

  font: bold 12px Arial, "Trebuchet MS", Verdana,  Helvetica, sans-serif;

  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 6px 6px 12px;
  
  color: #4f6b72;
}


.tabfoerderung td {
        background: #ffffff;
  padding: 6px 6px 6px 12px;
        /* font-size: 11px;*/
  vertical-align:top;
  border-bottom: 1px dotted #AEA89C;
}





.tabfoerderungsmall {
        background:url(images/tabhead_left.jpg) no-repeat; 
  width: 100%;
  padding: 0;
  margin: 0;
  border-collapse: collapse;
  empty-cells: show
}

.tabfoerderungsmall th {
  background:url(images/tabhead_right.gif) 100% 0  no-repeat;

        border-bottom: 2px solid #DDDDDD;

  font: bold 12px Arial, "Trebuchet MS", Verdana,  Helvetica, sans-serif;

  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 6px 6px 6px;
  
  color: #4f6b72;
}


.tabfoerderungsmall td {
        background: #ffffff;
  padding: 6px 3px 6px 3px;
        /* font-size: 11px; */
  vertical-align:top;
  border-bottom: 1px dotted #AEA89C;
}



.tabnostyle {
  padding: 0;
  margin: 8px 0 8px 0;
  border-collapse: collapse;
  empty-cells: show;
  border: 0px;
}

.tabnostyle td {
  padding: 0px;
        font-size: 11px;
  vertical-align:top;
  border-bottom: none;
}



.tabborder {
  padding: 0px;
  margin: 8px 0 8px 0;
  border-collapse: collapse;
  empty-cells: show;
}

.tabborder td {
  padding: 1px;
        font-size: 11px;
  vertical-align:top;
  /*border: 1px dotted #AEA89C;*/
  border: 1px solid #dddddd;
}

.tabbordercenter {
  padding: 0px;
  margin: 8px 0 8px 0;
  border-collapse: collapse;
  empty-cells: show;
}

.tabbordercenter td {
  padding: 2px;
        font-size: 11px;
  vertical-align:top;
  text-align:center;
  border: 1px solid #dddddd;
}


#ftext1 {
  display:none;
  margin:10px;
}
#ftext2 {
  display:none;
  margin:10px;
}


#fvorauss {
  width:175px;
  float:left;
  border:0px solid;
  margin-left:30px;
  margin-top:5px;
  padding:0px
}




/******************* online beratung - ende *************************/



.golink
{
 background:url(images/go_TRANS.png) no-repeat 100% 0;
 margin-left:22px;
 padding-right:34px;
 padding-top:6px;
 padding-bottom:6px;
 font-size: 12px;
 clear:left;
}



/******************* menu mit text - begin *************************/


.menut520 {
  width:520px;
  overflow:auto;

}

.menut160bild {
  width:160px;
  float:left;
  display:block;
  height:144px;
}

.menut345text {
  width:340px;
  padding-left:10px;
  float:left;
}

.menut345text a{
  margin-top:5px;
  display:block;
}



.menut108bild {
  width:108px;
  float:left
}


.menut300 {
  width:300px;
  overflow:hidden;
}

.menut190text {
  width:180px;
  padding-left:10px;
  float:left;
}

.menut190text a{
  margin-top:3px;
  padding-bottom:11px;
  display:block;

}

.menukat {
  margin-left:12px;
  width:70px;
  overflow:visible;
  float:left;
}


.menukattext{
  font-size: 10px;
  font-weight:normal;
  margin:10px 0;
}

.menukattext div{
  font-weight:bold;
  display:block;
  height:31px;

}

.menukattext a{
  margin-top:5px;
  display:block;
  font-size: 11px;
  font-weight:normal;
}



/******************* menu mit text - ende ********************* ****/



/************* Reinhard Formulare ***************/
.contactform .contactform_table, .catalogform .catalogform_table {
  border:0;
}



.contactform .contactform_input {
  width:100px;
}


.contactform .contactform_textarea {
  width:250px;
  height:150px;
}

.contactform .contactform_submit, .catalogform .catalogform_submit {
  text-align:right;
}

.contactform .error, .catalogform .error {
  font-weight:bold;
  color:#DA130C;
}

.catalogform .imagecell {
  vertical-align:top;
  margin-bottom:8px;
  height:320px;
}

.catalogform .imagetable {
  border-spacing:10px;
}

.catalogform .imagecell a:hover {
  border-bottom:3px solid #DA130C;
}

.catalogform #kf, .catalogform #kb {
  height:150px;
  margin-top:10px;
}

.catalogform .catalogform_textarea {
  width:100%;
  height:100px;
}

.elshow {
 display:block;
 margin: 10px 10px 50px 10px;
 border-bottom: 1px solid #DDDDDD;
 padding: 0px 0px 10px 0px;*/
 }
 
 .elhide {
 display:none;
 }
 
 
 .showcont h1 {
   padding: 4px 0 4px 30px;
  margin:0px 0 10px 0;
  background:url(images/btn_plus.gif) no-repeat 3px 3px;
  font-size: 16px;
  font-weight: bold;
  border-bottom:1px solid #ffffff;
 }
 
 .showcont:hover  h1{
 border-bottom:1px dotted #517280;
 }
 
 .showconta h1 {
   padding: 4px 0 4px 30px;
  margin:0px 0 10px 0;
  background:url(images/btn_minus.gif) no-repeat 3px 3px;
  font-size: 16px;
  font-weight: bold;
 }
 
 .el2show {
 display:block;
 margin: 10px 10px 50px 10px;
 border-bottom: 1px solid #517280;
 /*padding: 0px 0px 10px 0px;*/
 padding: 10px;
 background: #eeeeee;
 }
 
 .el2hide{
 display:none;
 }
 
 
 
.preis {
  color:#cc0000;
  font-weight:bold;
  font-size:14px;
  }
.preis_gr {
  color:#cc0000;
  font-weight:bold;
  font-size:16px;
  }
#zusatztext {
  display:none;
  padding: 10px 0;
  }
  
p.standorte {
  padding: 8px 0 8px 20px;
  margin:0px 0 10px 0;
  background:url(images/subsubschmalbg-standorte.jpg) repeat-y;
  }
.headline  {
  padding:5px 0px;
  margin:0px;
}
div#popupPicBox {
	position:absolute;
  	text-align:center;
	background: transparent url(images/bg_popuppic.png) no-repeat top left;
	padding: 50px;
}
div.popupPic {
  /*background:url(../../../elk/images/bg-transp.png);*/
  position:absolute;
  text-align:center;
  /*border:5px solid #fff;*/
}
div.popupPic img {
  border-width:0;
  cursor:pointer;
  padding:0px;
}
div#popupLoading { 
  /*background:url(../../../elk/images/bg-transp.png);*/
  position: absolute; 
  z-index: 63; 
  text-align: center;
  width:250px;
  height:180px;
}
div#popupLoading img {
  padding-top: 55px;
  padding-left: 50px;
  }
div.popdivlio {
  background:url(../../../elk/images/maske-li-o.png) no-repeat;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
}
div.popdivreo {
  background:url(../../../elk/images/maske-re-o.png) no-repeat;
  position:absolute;
  top:0;
  right:0;
  width:20px;
  height:20px;
}
div.popdivliu {
  background:url(../../../elk/images/maske-li-u.png) no-repeat;
  position:absolute;
  bottom:0;
  left:0;
  width:20px;
  height:20px;
}
div.popdivreu {
  background:url(../../../elk/images/maske-re-u.png) no-repeat;
  position:absolute;
  bottom:0;
  right:0;
  width:20px;
  height:20px;
}

/*
<div style="text-align:center">
<div style="margin:auto">Layer, der auch in Firefox und Opera zentriert wird</div>
</div>
*/

.logo_frame{
   /*padding: 4px 0 4px 30px;*/
  margin:0px 10px 10px 0;
  background:url(images/logo_frame.gif) no-repeat 0px 0px;
  width:173px;
  height:108px;
  float:left;
  
}

.download { 
 background:url(../../../elk/images/pdf.gif) no-repeat;
 padding: 3px 0px 0 21px;

}
.download:hover {
 
}

.rahmen {
  border:1px solid #336699;
  padding:4px 6px;
}


#adresse a.button-bauberater {
 margin-left:-10px;
 display:block;
 width:156px;
 height:35px;
 background:url(images/bauberater-button.gif) no-repeat; 
 padding: 75px 0px 0px 15px;
     font-family: Arial;
    color: #517280;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
 }
 
 #adresse a.button-bauberater:hover {
  color:#CC0000;
 }
div.breadcrumbs {
  clear:both;
  height:27px;
  overflow:hidden;
  position: relative;
  top: 0;
  left: -30px;
  margin: 0 0 20px 0;
  line-height: 27px;
  background: transparent url(images/img_breadcrumbs_middle.jpg) repeat-x top left;
  padding: 0 0 0 30px;
  width: 530px;
}

div.breadcrumbs .bcLeft {
	width: 29px;
	height: 27px;
	background: transparent url(images/img_breadcrumbs_left.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	left: 0;
}

div.breadcrumbs .bcRight {
	width: 15px;
	height: 27px;
	background: transparent url(images/img_breadcrumbs_right.jpg) no-repeat top left;
	position: absolute;
	top: 0;
	right: 0;
}
 
#bauservicedia {
 float: left;
 background: 8px 11px no-repeat;
 line-height: 13px;
 text-align:center;
 padding: 4px 5px 4px 0px;
}
 #bauservicedia a { 
 display:block;
 width:168px;
 height:141px;
 background:url(images/bauservice_dia.png) no-repeat; 
}
#bauservicedia a:hover {
 background:url(images/bauservice_dia_h.png) no-repeat; 
}
sup {
  font-size:8px;
  line-height:8px;
}

#htmenu2  {
   background:transparent none no-repeat;
   height:48px;
   COLOR: #666666;
   margin-left: 20px;
   padding-left:37px;
   padding-top:5px;
   width: 120px;
}
#htmenu2:hover {
  text-decoration:underline;
  }
  
#trand {
margin:0px;
padding:0px;
}

#presse  .filelinks div {
  padding-left:25px; background:url(/fileadmin/fileicons/default.gif) left top no-repeat; margin-bottom:10px;line-height:16px;
}
#presse .filelinks .docx { background-image:url(/fileadmin/fileicons/docx.gif)!important; }
#presse .filelinks .jpeg { background-image:url(/fileadmin/fileicons/jpeg.gif)!important; }
#presse .filelinks .xlsx {background-image:url('/fileadmin/fileicons/xls.gif')!important; }

div.pressebox {
  display:none;
  margin:0px 0  10px 20px;
}
div.pressebox a {
  font-weight:normal;
  padding:2px 0 1px 20px;
  line-height:20px;
}
div.pressebox  a.presseurodner {
  font-weight:bold;
  padding:2px 0 1px 0px;
  line-height:16px;
}
div.pressebox span {
  color:#cccccc;
}
div.pressetitel_zu {
  background:url(images/pfeil_bg_zu.png) left 5px no-repeat;
  line-height:16px;
  padding:0px 0 0 12px;
  margin-bottom:10px;
}
div.pressetitel_auf {
  background:url(images/pfeil_bg_auf.png) left 5px no-repeat;
  line-height:16px;
  padding:0px 0 0 12px;
}



div.musterhaussuche {
  margin-left:300px;
  }
p.feedback {
  text-align: justify;
  font-style:italic;
  font-family:lucida sans;
  color:#777;
  border:0px dotted #A47513;
  padding-right:20px;
  padding-left:35px;
  padding-top:30px;
  background:url(images/feedback_ol.gif) left top no-repeat;
  }

  
.audioplay {
  background:url(images/audio_btn_TRANS.png) no-repeat;
  background-position: 0 -3px;
  width:48px;
  height:48px;
  display:block;
  }
.audioplay:hover {
        background-position: -47px -3px;
  }
  
.audiopause {
  background:url(images/audio_btn_TRANS.png) no-repeat;
  background-position: 0 -51px;
  width:48px;
  height:48px;
  display:block;
  }
.audiopause:hover {
        background-position: -47px -51px;
  }


.tx-conajaxscroller-pi1 .ajaxscroller_prev {
    background: url(images/feedback_left.jpg) no-repeat;
    left: 0px;
}
  
.tx-conajaxscroller-pi1 .ajaxscroller_next {
    background: url(images/feedback_right.jpg) no-repeat;
    right: 0;
}

.tx-conajaxscroller-pi1 .ajaxscroller_prev, .tx-conajaxscroller-pi1 .ajaxscroller_next {
    font-size: 0;
    height: 259px;
    position: absolute;
    top: 10px;
    width: 37px;
}

.ajaxscroller_prev, .ajaxscroller_next {
    cursor: pointer;
}

.ajaxscroller_content {
width: 420px;
min-height:290px;
  padding-left: 50px;
  padding-right: 50px;
text-align: left;  
}

.tx-conajaxscroller-pi1 {

}

.unterstrichen {
  text-decoration:underline;
}

/*banner haus slider*/

.houseSlider {
  width: 154px;
  height: 176px;
  position: relative;
  margin: 25px 0 30px 0;
  z-index: 80;
  background: transparent url(images/banner/ajax-loader.gif) no-repeat center center;
}

.houseSlider div.bg {
  width: 154px;
  height: 176px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 150;
}

.jcarousel-skin-tango {
  width: 154px;
  height: 176px;
  position: relative;
}

.jcarousel-skin-tango .jcarousel-container {
  background: none !important;
  border: none !important;
  border-radius: 0 !important;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
  width: 158px !important;
  height: 166px !important;
  padding: 0px !important;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
  width: 154px !important;
  height: 176px !important;
}

.houseSlider .item {
  width: 154px;
  height: 131px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
  width: 44px !important;
  height: 30px !important;
  background: transparent url(images/banner/ico_banner_arrows_up.png) no-repeat -44px 0 !important;
  top: -26px !important;
  left: 55px !important;
  z-index: 520 !important;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
  background-position: 0px 0px !important;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
  width: 44px !important;
  height: 30px !important;
  background: transparent url(images/banner/ico_banner_arrows_down.png) no-repeat 0 0 !important;
  bottom: -34px !important;
  left: 55px !important;
  z-index: 530 !important;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
  background-position: -44px 0px !important;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
  opacity: 0.5;
  background-position: 0 0 !important;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
  opacity: 0.5;
  background-position: 0 0 !important;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
  margin-bottom: 0 !important;
}

#mycarousel li {
  position: relative;
  width: 154px;
  height: 171px;
  background: transparent;
  margin: 0 0 10px 0;
}

#mycarousel li a {
  width: 154px;
  height: 171px;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 250;
  background: transparent url(images/banner/blank.png) repeat top left;
}

#mycarousel li a  span.hide {
  display: none;
}

#mycarousel li img {
  position: relative;
  z-index: 50;
}

#mycarousel li .info {
  width: 154px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  font-weight: bold;
  z-index: 160;
  color: #ffffff;
  background: transparent url(images/banner/bg_black_80.png) repeat top left;
}

#mycarousel li .info span {
  display: block;
}

#mycarousel li .info span.pas {
  line-height: 13px;
  padding: 5px 0 0 0;
}

#mycarousel li .info span.haus {
  font-size: 11px;
  font-weight: normal;
  padding: 0 0 0 0;
}

#mycarousel li:hover .info {
  background: transparent url(images/banner/bg_grey.jpg) repeat top left;
}


/** flohmarkt **/

#tcontent .flohmarkt {
	border: #999999 1px solid;
	margin: 0 0 10px 0;
}

#tcontent .flohmarkt h1 {
	line-height: 20px;
	background: #999999;
	color: #ffffff;
	margin: 0 0 5px 0;
	padding: 5px;
}

#tcontent .flohmarkt .csc-textpic-imagewrap.csc-textpic-single-image {
	margin: 0 5px 0 5px;
}

#tcontent .flohmarkt img {
	margin: 0 0 5px 0 !important;
}

#tcontent .flohmarkt p {
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}

#tcontent .flohmarkt a {
	color: #333333;
	text-decoration: underline;
}

#tcontent .flohmarkt a:hover {
	color: #333333;
	text-decoration: none;
}

#contentMnuBox ul {
	list-style-type: none;
	margin: 0;
}

#contentMnuBox ul li {	
	float: left;
	width: 460px;
	clear: both;
	border: #666666 1px solid;
	padding: 5px;
	margin: 0 0 15px 0;
}

#contentMnuBox ul li a {
	display: block;
	float: left;	
}

#contentMnuBox ul li a .img {
	width: 120px;
	height: 80px;
	display: block;
	float: left;
	overflow: hidden;
	margin: 0 10px 0 0;
}

#contentMnuBox ul li a .fr {
	width: 330px;
	float: left;
}

#contentMnuBox ul li a .title, #contentMnuBox ul li a .desc {
	display: block;
}

#contentMnuBox ul li a .title {
	margin: 10px 0 5px 0;
}

#contentMnuBox ul li a .desc {
	font-weight: normal;
}

#contentMnuBox ul li a:hover .desc {
	color: #517280;
}

.serviceDetail {
	margin: 0 0 10px 0;
}

.serviceDetail .csc-textpic-imagewrap {
	background: #2e2e2e;
	border-radius: 15px;
	/*border: #999999 1px solid;*/
	padding: 10px 10px 0px 10px;
}

.serviceDetail .csc-textpic-imagewrap li {
	width: 125px !important;
	height: 95px;
	margin: 0 10px 10px 0 !important;
	border: 1px solid #efefef;
}

.serviceDetail .csc-textpic-imagewrap li img {
	width: 120px;
	height: 90px;
	overflow: hidden;
	margin: 2px !important;
}

.serviceDetail .csc-textpic-imagerow-last li {
	margin: 0 10px 10px 0 !important;
}

.serviceDetail li.csc-textpic-lastcol {
	margin: 0 0 10px 0!important;
}

.detailContentBox {
	background: #666666;
	margin: 0 0 15px 0;
	padding: 10px;
}