/* ###################### 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%;
    }
    
* html #footer p {
   width: 998px;
   
}   
/* 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? "926px": "936px" && document.body.clientWidth > 926? "936px": "936px");  
   /* height:expression(document.body.clientHeight < 300? "400px": "770px" && document.body.clientHeight > 300? "770px": "770px");  */
   
} 

* html #navi {
 position: absolute;
 top: 270px;
 left: 0px;
 width: 980px;
 clear: both;
 
}





* html #content{
 
  width: 924px;
}
* html #kontakt #content{

 width: 360px;
}

* html #content .box {
  margin-bottom: 0px;
  height: 120px;
  margin-left: 7px;
 margin-right: 7px;
  }
  

* html #header {
 width: 936px;
 height: 270px;
 
} 
    
* + html #header {
 width: 936px;
 height: 270px;
 
}     
* 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;
      height: 120px; 
}
  
* html #content .block .einleitung{
 padding-left: 6px;
 height: 120px;
 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: 100px;
 font-weight: lighter;
} 

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


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

 
  
  
/* nav */
* + html #navi {
 position: absolute;
 top:270px;
 left: 0px;
 width: 980px;
 clear: both;
 
}



*+ 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; 
}


* + html #senden {
 
  margin-left: 0px;
  width: 200px;

  
}
* + html #delInhalte {

 
   width: 200px; 
    margin-left: 6px; 
}

* + html #senden-label {
display: none;
}

* html #message {
 clear: both;

 width: 970px;
 padding-right: 10px;
 padding-top: 20px;
}
         
* +html #message {
 clear: both;

 width: 970px;
 padding-right: 10px;
 padding-top: 20px;
}

* html #link a{
 position: absolute;
 top: 280px;
 left: 880px;
 
}
         
*+ html #link a{
 position: absolute;
 top: 280px;
 left: 880px;


}