body {
    background-image: url(../images/background.jpg);
    background-repeat:repeat-x;
    background-position:0px 230px;
    background-color:#E6E3C8;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:10pt;
    overflow-x:hidden;
}

@font-face {
    font-family: 'cooper_lt_btlight';
    src: url('../font/cooperl.eot');
    src: url('../font/cooperl.eot?#iefix') format('embedded-opentype'),
         url('../font/cooperl.woff') format('woff'),
         url('../font/cooperl.ttf') format('truetype'),
         url('../font/cooperl.svg#cooper_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;

 }

a:link { text-decoration: none; color: black; }
a:visited { text-decoration: none; color: black; }
a:active { text-decoration: none; color: red; }
a:hover  { text-decoration: none; color:#DD2B2B; }


li {
    float:left;
    list-style:none;
    width:70px;
    
}

#wrapper  {
    margin: 80px auto;
    width: 1000px;
    height: 1430px;
    border: 0px dotted green;
   
}

#logo {
   margin-left:-750px;
   margin-top:10px;
    
}

#navi { 
   font-family:Arial;
   font-size:12px;    
   margin-left:290px;
   margin-top:-75px;   
}
 
/*content*/
#slogan {
    margin-left:130px;
    margin-top:20px;
    font-family:'cooper_lt_btlight';
    font-size:22px;
    color:#DD2B2B;
}
  


  
#box01 {
    margin-left:25px;

} 
 
#box02 {float:left;
    margin-left:-480px;
    margin-top:175px;

} 

#box03 {float:left;
    margin-left:-698px;
    margin-top:321px;

}

#box04 {float:left;
    margin-left:-480px;
    margin-top:350px;

}
#box05 {float:left;
    margin-left:-218px;
    margin-top:322px;

}

#box06 {float:left;
    margin-left:-700px;
    margin-top:642px;

}

 #box07 {float:left;
    margin-left:-482px;
    margin-top:525px;

}

 #box08 {float:left;
    margin-left:-220px;
    margin-top:644px;

}

  #box09 {float:left;
    margin-left:-700px;
    margin-top:790px;

}

  #box10 {float:left;
    margin-left:-700px;
    margin-top:938px;

}

  #box11 {float:left;
    margin-left:-700px;
    margin-top:1085px;

}

  #box12 {float:left;
    margin-left:-482px;
    margin-top:909px;

}

  #box13 {float:left;
    margin-left:-220px;
    margin-top:793px;

}

  #box14 {float:left;
    margin-left:-220px;
    margin-top:1115px;

}



  #box16 {float:left;
  font-family: Arial;
  font-size:11px;
    margin-left:260px;
    margin-top:10px;
} 

  #linie {float:left;
    margin-left:23px;
    margin-top:5px;

} 

  #linie {float:left;
    margin-left:23px;
    margin-top:5px;

}
  #profil {float:left;
    width:230px;
    margin-left:10px;
    margin-top:5px;
    line-height:1.1;

}

  #copyright{    float:left;
    margin-left:2000px;
    margin-top:1000px;
    font-family:arial;
    font-size:10px;
    margin-left:10px;
    margin-top:5px;
    

}
  #box15 {float:left;
  font-family: Arial;
  font-size:11px;
    margin-left:440px;
    margin-top:10px;

}

#contact-box {
line-height:50px;
    float:left;
    margin-top:-00px;
    margin-left:30px;

}

#message-box {

    float:left;
    margin-top:-242px;
    margin-left:180px;

}


#fickdich {

    
    margin-top:1320px;
    margin-left:-220px;

}


#contact-box input {
    border:1px solid #767474;
    width: 150px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    height: 25px;

}

#contact-box textarea {
    border:1px solid #767474;
    width: 300px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 10px;
    -moz-border-radius-topright: 0px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 0px;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-right-radius: 0px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 0px;
    -webkit-border-top-left-radius: 10px;
    height: 250px;

}

#line02 {
    float:left;
    margin-left:20px;
    margin-top:25px;
}

#adress {
      font-family:arial;
      margin-left:600px;
    margin-top:90px;
    line-height:25px;
}


#construction {
    float:left;
    margin-left:370px;
    font-family:arial;
    font-size:25px;
    font-weight: bold;
}

#helmet { 
    float:left;
    margin-left:320px;
    margin-top:30px;
    
}

#construction-text {
    font-family:arial;
    margin-left:200px;
    float:left;
}


#aktuelles {
          float: left;
          margin-left:30px;  
}

#impressum {
    margin-left:30px;
    font-family:Arial;
    width:850px;
}
#presse {
    margin-left:30px;
    font-family:Arial;
    width:1000px;
}

#planung {
          float: left;
          margin-left:100px;  
}
 
/* Make Header Sticky */
#header_container { background:#eee; border:0px solid #666; height:70px; left:0; position:fixed; width:100%; top:0; z-index:999;}
#header{ line-height:60px; margin:0 auto; width:940px; text-align:center; }