* {
      margin: 0;
      padding: 0;
 }




  body  {
  background-image: url(../Bilder-TS/Body-Lahti.png);
  }


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

   #wrapper  {
  width: 1000px;
  margin:40px auto;
  text-align: left;
  }
 header   {
   background-image: url(../Bilder-TS/Lahti-Header.png);
   height: 106px;
  }
   #Projektbeschreibung  {
   width: 450px;
   height: 20px;
   margin-left: 320px;
   margin-top: 40px;
   float: left;
  }
  #Projektbeschreibung h1 {
   display: inline;
   font: 13px;
   font-family: Times;
   font-weight: bold;
   text-align: left;
   color: #000000;
   margin-top: 40px;
   padding-left: 3px;
  }

  nav  {
  width: 10px;
  height: 735px;
  float: left;
  }
  #Farbverlauf-nav  {
  width: 10px;
  height: 735px;
  background-image: -webkit-linear-gradient(#448DF2, #A8CBF2);
  background-image: -moz-linear-gradient(#448DF2, #A8CBF2);
  background-image: -ms-linear-gradient(#448DF2, #A8CBF2);
  background-image: -o-linear-gradient(#448DF2, #A8CBF2);
  background-image: linear-gradient(#448DF2, #A8CBF2);
  }
  aside  {
  width: 10px;
  height: 735px;
  float: right;
  }
  #Farbverlauf-aside  {
  width: 10px;
  height: 735px;
  background-image: -webkit-linear-gradient(#448DF2, #A8CBF2);
  background-image: -moz-linear-gradient(#448DF2, #A8CBF2);
  background-image: -ms-linear-gradient(#448DF2, #A8CBF2);
  background-image: -o-linear-gradient(#448DF2, #A8CBF2);
  background-image: linear-gradient(#448DF2, #A8CBF2);
   }
  section  {
  background-image: url(../Skispringen-Bilder/Bild-8.jpg);
  margin-left: 10px;
  margin-right: 10px;
  margin-top: 0px;
  height: 735px;
  } 
  #Navigationsleiste  { 
  height: 32px;
  display: block;
  width: 900px;
  margin-left: 50px;
    }
   #Navigationsleiste ul   {
  list-style-type: none;
  padding-left: 10px;
  }
   #Navigationsleiste li  {
  display: inline;
   }
   #Navigationsleiste a   {
   color: #C0C0C0;
   width: 100px;
   height: 25px;
   padding-top: 5px;
   font-weight: bold;
   text-decoration: none;
   display: block;
   float: left;
   text-align: center;
   border-style: solid;
   border-width: 1px;
   border-color: white;
   background-color: #504E48;
  }
    #Navigationsleiste a:hover {
   background-color: #836A54;
   color: white;
   font-weight: bold;
   }
  #Beschreibung-Pori    {
   background-image: url(../../Section-Hintergrund.png);
   display: block;
   margin-top: 470px;
   margin-left: 30px;
   height: 180px;
   width: 560px;
   }
   #Beschreibung-Pori h2   {
   font: 13px;
   font-family: Times;
   font-weight: bold;
   text-align: left;
   color: #000000;
   margin-top: 50px;
   padding-left: 3px;
   } 
   #Beschreibung-Pori p   {
   color: black;
   padding-top: 5px;
   padding-left: 10px;
   font-weight: bold;
   font-family: Arial, Times;
   font-size: 12px;
   font-weight: bold;
  } 
    #Beschreibung-Pori a   {
   color: #0051FF;
   width: 160px;
   height: 24px;
   font-weight: bold;
   text-decoration: none;
   display: inline;
   text-align: center;
  }
   #Beschreibung-Pori a:hover {
   background-color: #836A54;
   color: white;
   font-weight: bold;
   }
 
  
  #Fischen-Pori  {
  margin-top: 3px;
  height: 130px;
  display: block;
  width: 650px;
  margin-left: 5px;
    } 
  #Fischen  {
  margin-top: 5px;
  height: 115px;
  display: block;
  width: 520px;
  margin-left: 0px;
  float: left;
    }
  
  footer  {
  background-color: #4F4A4A;
  margin-top: 0px;
  padding-top: 0px;
  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;
  }