/* ###################### hack allgemein ###################### */
/*  IE fixes */

#content, #sidebar {
    height: 1%;
    }

.feature { 
    display: inline-table; 
    }
/* Hides from IE/Mac \*/
* html .feature { 
    height: 1%; 
    }
.feature { 
    display: block; 
    }
#footer {
    height: 1%;
    }
/* End hide from IE/Mac */

/* hack von Willi */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

* html>body .clearfix {
    display: inline-block; 
    width: 100%;
    }

* html .clearfix {
    /* Hides from IE-mac \*/
    height: 1%;
    /* End hide from IE-mac */
    }
/* Ende Hack von Willi */    

/* vor IE5/Mac verstecken\*/


/* vor IE5/Mac verstecken Ende*/  


/* IE 6 */
* html #container-center {
  
    /* brauche ich nur für IE6 */
    width:expression(document.body.clientWidth < 810? "990px": "1000px" && document.body.clientWidth > 990? "1000px": "1000px");  
   /* height:expression(document.body.clientHeight < 300? "400px": "770px" && document.body.clientHeight > 300? "770px": "770px");  */
} 


* html #sidebar .gutter{
 padding: 12px;
 padding-top: 20px;
}

* html #content .gutter{
 padding: 0px;
 border: 1px solid red;

}

* html #content .box {
  margin-bottom: 0px;
  
  }


    
* html .box li {
  margin: 0 0 0px; 
  padding-bottom: 4px;
  padding-left: 16px;
 /* background: url(../sysbilder/li-bullet.gif) no-repeat 0 3px; */
  }


* html .block {
     
       margin-bottom: 0px;
}
  
* html #content .block .einleitung{
 padding-left: 6px;
 height: 160px;
 font-weight: lighter;

} 
* html #content .block .weiter{
 
  margin:0px;
  padding: 0px;
  height: 17px;
  line-height: 1.5em;
} 
 
/* button2 weitere Details */
* html div.button2{/*IE6*/ margin-left:10px !important; }
* html div.button2 A {font-size: 80%; font-weight: bold; line-height: 1.7em; } 
* html div.button2 div div{background:url('../sysbilder/button2_bg.gif') repeat-x;margin:0;padding:0;margin-right:3px;margin-left:3px;line-height:18px;text-align:center;}

* html div.button2 div div a:hover {text-decoration: none;}
/* button6 */
* html div.button6{/*IE6*/ margin-left:10px !important; }
* html div.button6 A {font-size: 100%; color: #000; text-decoration: none; line-height: 3em; font-weight: bolder;} 
* html div.button6 div div{background:url('../sysbilder/button6_mitte.gif') repeat-x;margin:0;padding:0;margin-right:6px;margin-left:6px;line-height:40px;text-align:center;}
* html div.button6 div div a {text-decoration: none; color: #000; font-size: 100%;}
* html div.button6 div div a:hover {text-decoration: none;}


* html #copyright {
    font-size: 80%;
    text-align: center;
    padding:0;
    margin:0;
}
                                                       

/* formulare */
* html dl.zend_form { border: 1px; padding: 0.5em; width: 26em} 
* html fieldset {padding: 0.5em; width: 32em}
* html dd ul.errors{width: 18em; padding: 0px; margin: 0px;}




/* nav */
* html #nav li {
    font-size: 45%;
    }



/* IE 7 */
*+html .logo-image {
    margin-top:0px ! important;
}

*+html #copyright {
    font-size: 80%;
    text-align: center;
    padding:0;
    margin:0;
}
*+ html #content .block{
 margin-bottom: 0px;
}

*+ html .block .einleitung{
 padding-left: 6px;
 height: 160px;
 font-weight: lighter;
} 

*+html .box {
  margin-bottom: 0px;
  
  }
  
*+ #content .box h3 {
  padding: 8px 8px 6px 10px;
  }  


*+ .bilder_leiste .einleitung{
 font-size: 80%;
 line-height: 1.2em;
}

 
  
  
/* nav */
*+ html #nav li {
    font-size: 45%;
    }

/* button */
*+ html div.button2 A {font-size: 90%; color: #fff; text-decoration: none; line-height: 1.5em; font-weight: bolder; } 

*+ html div.button6{/*IE6*/ margin-left:10px !important; }
*+ html div.button6 A {font-size: 120%; color: #000; text-decoration: none; line-height: 2.7em; font-weight: bolder;} 

/* Formular */
*+ html #admin #fieldset-basic {width: 400px ! important; clear:left; border: 1px solid white; padding: 4px;}
*+ html #admin #fieldset-basic input {width: 40em; } 
*+ html #bereich_key-element {float: left;}
*+ html #admin #fieldset-basic dl {padding: 4px; line-height: 2em;}
*+ html #admin #fieldset-basic legend{color: white;}
  
*+ html #admin #fieldset-edit #beschreibung-element{padding: 4px 4px 6px 8px; } 
*+ html #admin #fieldset-edit {border: 1px solid black; width: 916px; }
*+ html #admin #fieldset-edit legend{color: black; padding: 0; margin-bottom: 4px;}
*+ html #admin #active-label{margin-top: 6px;}
*+ html #admin #delInhalte-label{width: 76px;}
*+ html #admin form li {font-size: 85%; width: 160px;}
 

/* Tabelle */
*+ .forums table {
      width: 99%;
      position: relative;
      top: -4px;
      left: -4px;
      border: 1px solid #000;
      background: #fff;
      font-size: 100%;
      }

/* IE 8 */



/* Allerlei */


.logo-image {
     margin-bottom: 2px;
     margin-top: 8px;                                 /* sieht IE 5.x */
     voice-family: "\"}\"";
     voice-family:inherit;                             /* sieht IE 6.x */
     margin-bottom: 2px;
     margin-top: 0px; 
}

/* neue hacks für buecsek */

* html #header{

    width:  1000px;
    height: 159px;
    background:url('../sysbilder/b_01.gif') no-repeat;
}

* html #default #content{
 width: 1000px;
}
* html #footer{
 width: 1000px;
 padding:0px;
 margin:0px;
 height: 60px;
 
}

* + html #gaestehaus #content {
 background-color: white;
 
 margin-bottom: 0px;
 min-height: 240px;
 
}

*  html #gaestehaus #content {
 background-color: white;

 margin-bottom: 0px;
 min-height: 240px;
 
}

* html #footer p{
 
 display: none;
}


* + html #footer {

margin-top: 0px;
height: 40px;

padding-top: 16px;

/* background: url('../sysbilder/b_06.jpg') no-repeat bottom left; */
width: 1000px;
}

* + html #footer p{
 
 width: 500px;
 
 line-height: 2em;
 color: white;
 margin-bottom: 0;
 padding-top: 15px;
 margin-top: 4px;
 padding-left: 240px;

 font-size: 11px;
 float: left;  

}
* + html #footer #gutschein {

 width: 250px;
 height: 50px;
 
 color: white;
 margin-bottom: 0;
 padding-top: 0px;
 margin-top: 0px;
 padding-right: 0px;
 text-align: right;
 font-size: 11px;
 
 font-size: 18px;
 font-weight: bolder;
}

/* teaser für IE 6 */

* html #teaser #block1{
 width: 203px;
 height: 96px;
  
 position: absolute;
 top: 200px;
 left: 800px;
}
#teaser #block1 h1{
 font-size: 18px;
 font-weight: bolder;
 padding: 0px 8px 0px 40px;
}

#teaser #block1 p {
 text-align: right;
 padding: 0px 0px 0px 0px;

 width: 176px;
 margin-left: 9px; 
} 
 
* html #teaser #block2{
 text-align: center;
 width: 203px;
 height: 96px;

 position: absolute;
 top: 300px;
 left: 800px;
}
#teaser #block2 h1{
 font-size: 14px;
 font-weight: bolder;
 display: inline;
 margin-top: 4px;
}

#teaser #block2 p {
 
  
} 


* html #teaser #block3{
 text-align: right;
 width: 203px;
 height: 96px;

 position: absolute;
 top: 430px;
 left: 800px;
}
#teaser #block3 h1{
font-size: 18px;
 font-weight: bolder;
 padding: 0px 8px 0px 40px;

 
}

#teaser #block3 p {
margin: 0px 8px 0px 0px; 
}

/* teaser für IE 7 > */ 

*+ html #teaser #block1{
 width: 203px;
 height: 96px;

 position: absolute;
 top: 205px;
 left: 800px;
}
#teaser #block1 h1{
 font-size: 18px;
 font-weight: bolder;
 padding: 0px 15px 0px 0px;
 text-align: right;
}

#teaser #block1 p {
 
  
   padding: 0px 12px 0px 0px;
  text-align: right; 
} 
 
*+ html #teaser #block2{
 text-align: center;
 width: 203px;
 height: 96px;

 position: absolute;
 top: 300px;
 left: 800px;
}
#teaser #block2 h1{
 font-size: 14px;
 font-weight: bolder;
 display: inline;
 margin-top: 4px;
 
}

#teaser #block2 p {
 
  
} 


*+ html #teaser #block3{
 text-align: right;
 width: 203px;
 height: 96px;

 position: absolute;
 top: 435px;
 left: 800px;
}
#teaser #block3 h1{
font-size: 18px;
 font-weight: bolder;
 
  padding: 0px 15px 0px 0px;
  text-align: right;
 
}

#teaser #block3 p {
margin: 0px 8px 0px 0px;
  padding: 0px 8px 0px 0px;
  text-align: right; 
} 




* + html #gruppen #bo1{
 height: 210px;
 width: 170px;
 
 padding: 0px;
 margin: 30px 0 0 20px;
 border: 1px solid #808080;
 
 
}
* + html #gruppen #bo1 ul{
list-style-type:square;
list-style-position: outside;
margin-left: 18px;
font-size: 11px;
}
#gruppen #bo1 img{
 height: 128px;
 width: 170px;
}

* html #gruppen #bo2 img{
 padding: 10px 0 0 6px;
}

*  html #gruppen #bo3 img{
 padding: 10px 0 0 6px;
}

*  html #gruppen #bo4 img{
 padding: 10px 0 0 6px;
}


* + html #gruppen #bo2 img{
 padding: 10px 0 0 6px;
}

* + html #gruppen #bo3 img{
 padding: 10px 0 0 6px;
}

* + html #gruppen #bo4 img{
 padding: 10px 0 0 6px;
}
* + html #gruppen #bo5{
 position: absolute;
 top: 587px;
 right: 18px;
 
 height: 210px;
 width: 170px;
 
 padding: 0px;
 margin: 0px 0 0 0px;
 border: 1px solid #808080;
}

* html #gruppen #bo5{
 position: absolute;
 top: 588px;
 left: 809px;
 
 height: 200px;
 width: 170px;
 
 padding: 0px;
 margin: 0px 0 0 0px;
 border: 1px solid #808080;

}


* + html #gruppen #bo5 ul {
list-style-type:square;
list-style-position: outside;
margin-left: 20px;
font-size: 11px;

}
#gruppen #bo5 img{
 height: 128px;
 width: 170px;
}


* + html #teaser{ 

 color: white;
 height: 322px;
 width: 1000px;
 background: url(../sysbilder/b_03.jpg) no-repeat bottom left;
 float: right; 
 text-align: left;
 margin: 0px;
 padding:0px;
 
}

*  html #teaser{ 
   
 color: white;

 background: url(../sysbilder/b_03.jpg) no-repeat;
 float: left; 
 text-align: left;
 margin: 0px;
 padding:0px; 
}

* + html #teaser #bildgross{
 
 width: 790px;
 height: 322px;
 text-align: left;
}
*  html #teaser #bildgross{
position: absolute;
left: 0px;
top: 194px;

 width: 790px;
 height: 322px;
 
}

#foerderlogo {
 width: 200px;
 height: 46px;
 
 position: absolute;
 top: 800px;
 left: 390px;
}