* {
      margin: 0;
      padding: 0;
 }




  body  {
  background-image: url(Bilder/Hintergrundbild.png);
  background-repeat: no-repeat;
  }


  header, nav, footer, aside, section {
  display: block;
  }

   #wrapper  {
  width: 1000px;
  margin: 20px auto;
  text-align: left;
  }
 header   {
 text-align: left;
 width: 998px;
 height: 326px; 
 background-image: url(Bilder/Header-Hintergrund.png);;
 background-repeat: no-repeat;
  }   
  #Header-Box-links  { 
  width: 140px;
  height: 150px;  
  float: left;
  }
  #Header-Box-links   img  {
   padding-top: 20px;
   padding-left: 0px;
  }
  #Header-Box-links p  {
   padding-top: 8px;
   padding-left: 16px;
   font: 24px;
   font-family: sans-serif;
   font-weight: bold;
   color: #FFFFFF;
  }   
  #Header-Box-rechts  {
  width: 140px;
  height: 130px;
  float: right;
  }
  #Header-Box-rechts  img  {
  padding-top: 20px;
  margin-left: 30px;
  }
  #Header-Box-rechts p  {
   margin-top: 8px;
   margin-left: 15px;
   font: 16px;
   font-family: sans-serif;
   font-weight: bold;
   color: #FFFFFF;
   }  
   #Projekt   {
   display: inline-block;
   margin-left: 180px;   
   height: 50px;
   margin-top: 270px;
    }   
   #Projekt h2  {
   display: inline;
   text-align: center;
   font: 13px;
   font-family: sans-serif;
   font-weight: bold;
   color: #FFFFFF;       
  }
  
  #Navigationsleiste  {
  height: 1px;
  width: 1000px;
  display: block; 
    }
  
   
  #Box-left   {
  background-color:#C0C0C0;
  width: 114px;
  height: 552px;
  float: left;
  }
  #Navigationsleiste-links  {
   width: 100px;
   height: 552px;
  
   }
    #Navigationsleiste-links  ul   {
  list-style-type: none;
  }
   #Navigationsleiste-links li  {
  display: block;
   }
   #Navigationsleiste-links a   {
   color: #000000;
   width: 100px;
   height: 67px;
   display: block;
   float: left;
   border: 1px solid #000000;
  }
   #Navigationsleiste-links a:hover {
   
   }
  #Navigationsleiste-links img {
  width: 100px;
  height: 64px;
  border-color: #9C9E9A;
  padding-right: 1px;
  }
 
  #Box-right   {
  background-color:#C0C0C0;
  width: 114px;
  height: 552px;
  float: right;
  }
  #Navigationsleiste-rechts {
   width: 100px;
   height: 552px;
   }
    #Navigationsleiste-rechts   ul   {
  list-style-type: none;
  }
   #Navigationsleiste-rechts  li  {
  display: block;
   }
   #Navigationsleiste-rechts  a   {
   width: 100px;
   height: 67px;
   margin-left: 11px;
   display: block;
   border: 1px solid #000000;
  }
    #Navigationsleiste-rechts  a :hover {
   }
   
   #Navigationsleiste-rechts img {
  width: 100px;
  height: 64px;
  border-color: #9C9E9A;

  }
   section  { 
   background-color: #C0C0C0;
   margin-left: 115px;
   margin-right: 115px;
   height:  550px;
   } 
 
   section h1 {
   background-color: #BCD5EB;
   padding-top: 0em;
   padding-bottom: 0.2em;
   text-align: center;
   font-family: Verdana, Arial;
   font: 14px;
   }
  section img  {
   padding-top: 0em;
  
   } 
   footer  {
  background-color: #4F4A4A;
  margin-top: 2px;
  height: 30px;
  }
  #startseite-back  {
  display: block;
  width: 200px;
  }

  #startseite-back a  {
  display: block;
  width: 100px;
  float: left;
  font-size: 12px;
  color: white;
  font-family: Arial, sans-serif;
  padding-left: 10px;
  padding-top: 7px;
  text-decoration: none;
  }
  #startseite-back a:hover  {
  display: block;
  padding-bottom: 6px;
  width: 100px;
  background-color: #836A54;
  color: white;
  }
  footer p {
  display: inline;
  float: right;
  font-size: 12px; padding-top: 6px;
  font-family: Arial, sans-serif;
  padding-right: 10px;
  color: white;
  }