/* Abweichungen IE in ie.css */

html {
  height: 100%;
  background: url(../bilder/layout/html.png) repeat;
  }

body {
  margin: 0;
  padding: 0;
  font: 13px arial;
  color: #000;
  line-height: 1.33;
  background: #e6e899 url(../bilder/layout/body.png) bottom left repeat-x;
  }

a {
  color: #0059a4;
  text-decoration: none;
  }
  
a:hover {
  color: #c60017;
  }  
  
h1, h2, h3 {
  position: absolute;
  top: -10000px;
  left: -10000px;
  }  
  
h4 {
  font-size: 14px;
  } 
  
img {
  border: 0;
  }
  
div#container {
  width: 100%;
  }
  
div#main {
  width: 1230px;
  min-height: 475px;
  margin: 0 auto;
  }  

/* Header */

div#header {
  height: 360px;
  background: url(../bilder/layout/header.png) no-repeat;
  }
  
div#header.startseite {
  background: url(../bilder/layout/header_start.png) no-repeat;
  }  
  
div#top {
  font-size: 11px;
  padding-top: 10px;
  margin-left: 925px;
  color: #6f6f48;
  }  
  
div#top a {
  color: #6f6f48;
  }
  
div#top a:hover, div#top a.active {
  color: #c60017;
  }  
  
a#logo {
  position: relative;
  display: block;
  width: 143px;
  height: 175px;
  margin: 50px 0 0 240px;
  }  
  
/* Navi */

div#navi {
  width: 783px;
  height: 60px;
  margin: 45px 0 0 186px;
  }
  
div#navi ul li.werwirsind {background: url(../bilder/layout/nav_werwirsind.png) no-repeat;} 
div#navi ul li.werwirsind.active {background: url(../bilder/layout/nav_werwirsind_aktiv.png) no-repeat;} 
div#navi ul li.werwirsind:hover {background: url(../bilder/layout/nav_werwirsind_aktiv.png) no-repeat;} 

div#navi ul li.unsereziele {background: url(../bilder/layout/nav_unsereziele.png) no-repeat;} 
div#navi ul li.unsereziele.active {background: url(../bilder/layout/nav_unsereziele_aktiv.png) no-repeat;}
div#navi ul li.unsereziele:hover {background: url(../bilder/layout/nav_unsereziele_aktiv.png) no-repeat;}

div#navi ul li.unsereprojekte {background: url(../bilder/layout/nav_unsereprojekte.png) no-repeat;} 
div#navi ul li.unsereprojekte.active {background: url(../bilder/layout/nav_unsereprojekte_aktiv.png) no-repeat;} 
div#navi ul li.unsereprojekte:hover {background: url(../bilder/layout/nav_unsereprojekte_aktiv.png) no-repeat;} 
 
div#navi ul li {
  float: left;
  margin-left: 14px;
  list-style-type: none;
  } 

div#navi ul li a {
  display: block;
  width: 233px;
  height: 60px;
  outline: 0;
  }
  
div#navi ul li.unsereziele a {
  width: 235px;
  }
  
div#navi ul li a span {
  display: none;
  }   

/* Content */

div#content {
  background: url(../bilder/layout/content.png) repeat-y;
  }
  
div#content.invis, div#content_in.invis {
  display: none;
  }
  
div#content_in {
  width: 628px;
  min-height: 125px;
  margin: 0 auto;
  padding: 15px 175px 30px 165px;
  background: url(../bilder/layout/content_in.png) bottom center no-repeat;
  }
  
div#content_in img { 
  margin-right: 5px;
  }

/* Footer */

div#footer {
  height: 300px;
  background: url(../bilder/layout/footer.gif) no-repeat;
  }
  
div#footer p {
  margin: 0;
  padding: 170px 0 0 295px;
  font-size: 11px;
  font-weight: bold;
  }
  
div#footer a {
  color: #000;
  }

div#footer a:hover {
  color: #c60017;
  }  
  
/* Formular */

div#kontakt {
  background: url(../bilder/layout/kontakt.png) no-repeat;
  }
  
div#kontakt p.kontakt {
  margin-bottom: 12px;
  }
  
div#address {
  position: absolute;
  margin: 120px 0 0 423px;
  }

div#address p {
  margin: 5px 0 0 0;
  }  

div#kontakt fieldset {
  margin: 0;
  padding: 0;
  border: 0;
  }
  
div#kontakt legend {
  display: none;
  }
 
div#kontakt input.checkbox {
  width: 15px;
  border: none;
  background: none;
  }
  
div#kontakt input.checkbox:hover {
  background: none;
  border: none;
  }
 
div#kontakt input.checkbox {
  margin-left: 77px;
  } 

div#kontakt input + span {
  font-size: 12px;
  }   

div#kontakt input.send {
  width: 100px;
  margin-top: 18px;
  margin-left: 77px;
  background-color: #fff;
  border: 1px solid #a5acb2;
  }
  
table.formular td {
  border: 0;
  }  
  
table.formular label {
  width: 0;
  font-size: 12px;
  }  
 
table.formular input, textarea {
  width: 236px;
  font: 12px verdana;
  border: 1px solid #a5acb2;
  }
  
table.formular select {
  width: 234px;
  }  
  
table.formular  textarea {
  height: 80px;
  }
  
table.formular label, table.formular input, table.formular textarea, table.formular select {
  margin-top: 5px;
  }
  
table.formular input.checkbox {
  width: auto;
  margin-right: 5px;
  border: none;
  background: none;
  }

table.formular input:hover, table.formular textarea:hover, div#kontakt input:hover {
  background-color: #e6e899;
  color: #000;  
  }

td.width {
  width: 125px;
  padding-right: 10px;
  }