* {
    margin: 0;
    padding: 0;
}
* html {height: 101%; } /*erzwingt Scrollbar im Firefox */

header, nav, footer, aside, section {
    display: block;
}
body{
background: url(hintergrund3.jpg) no-repeat center center fixed;    /*1. bis 7. Zeile neue Einbindung des Hintergrundes*/
background-size: cover;
background-size: cover;
background-size: cover;
background-size: cover;
  width: 100%;
  min-height:100%;
  color: white;
  /*background-image: url(hintergrund/hintergrund1.jpg);
  background-attachment: fixed;*/
  background-color: #8c8c8c;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;  /* Schriftgröße allgemein*/
  }
#wrapper {
    background-color: white;
    width: 900px;
    margin: 10px auto 10px auto; <!-- Abstand oben und Seite  -->
    text-align: left;
    background-image: url(bilder/durchsichtig8.png);
}
#kopfoben {
    position: relative;
    color: black;               /*Farbe*/
    background-color: #FF0000;
    padding: 10px 20px 10px 20px;
    border-bottom: 2px solid #8c8c8c;
    margin: 0;
}
#kopfoben p {
      position:absolute;  /* Position "Leichtathletik" */
      top: 20px;
      right: 250px;
      font-weight: bold; /*Schrift fett*/
      padding: 5px 0 5px 0;
      margin-bottom: 0px;
      }

      #kopfoben p span {
        color: #FFFFFF;
        font-size: 350%;    /*Schriftfarbe Leichtathletik*/
        }
#kopfunten {
    background-color: #FF0000;
    background-image: url(kopfzeile2/hoch.jpg);
    height: 200px
}
nav {
  float: left;
  width: 150px;
  padding: 20px 0px 0px 5px;
  margin-top: 20px;
}

  #navibereich ul {
    color: black;
    width: 124px;
    }

  #navibereich li {
    list-style: none;
    width: 124px;
    border-top: 1px solid #FF0000;
    border-right: 1px solid #FF0000;
    border-bottom: 2px solid #FF0000;
    border-left: 2px solid #FF0000;
    margin-bottom: 12px;
    }

    #navibereich a {
    display: block;  /*ganze Fläche*/
    text-decoration: none;
    color: black;
    padding: 4px;
    border-left: 3px solid white;
    }

    #navibereich a:active { background-color: white; } /*Links in navigation*/

    #navibereich a:hover,            /*Rollover-Effekt Navigation*/
      #start #navi01 a,
      #aktuelles #navi02 a,
      #trainigsbetrieb #navi03 a,
      #vorstand #navi04 a,
      #athleten #navi05 a,
      #foerderinitiative #navi06 a,
      #unterstuetzer #navi07 a,
      #ausschreibung #navi08 a,
      #vereinsrekorde #navi09 a,
      #links #navi10 a,
      #teamshop #navi11 a
      {
      color: black;
      background-color: white;
      border-left: 3px solid #FF0000;
      }
section {
    margin-left: 170px;
    margin-right: 127px;
}
  #textbereich {                                         /*textbereich*/
    color: #000000;
    padding: 0 20px 0 20px;
    border-right: 3px solid #FF0000;
    border-left: 2px solid #FF0000;
    margin-top:20px;
    margin-right:170px;
    margin-bottom: 20px;
    margin-left: 170px;
    }

    #textbereich li {
      list-style: none;
      margin: 0;
      }

      #textbereich table{           /*tabellen im textbereich*/
      color: #000000;
      background-color: #FFFFFF;
      font-size: 13px;
      }

    #textbereich th {
      text-align: center;
      vertical-align: top;
      }

    #textbereich tr {
      text-align: left;
      vertical-align: top;
      }

    #textbereich td {
      padding: 4px;
      }

    #textbereich img{
      border: 1px solid #8c8c8c;
      }

    #start #textbereich img {            /*kein Bildrahmen um Startbild*/
      border: 0px;
      }

    #bilder #textbereich tr {            /*tabelle in Rubik Bilder, textbereich*/
      text-align:center;
      }

    #bilder #textbereich td {
      padding: 8px;
      }

aside {
    width: 150px;
    float: right;
}
  #bildbereich {                                          /*Bildbereich*/
    float: right;
    width: 130px;
    padding: 20px 15px 0px 10px;
    margin-top: 10px;
  /*  margin-bottom: 20px; */
    }

  #bildbereich img{
    border: 1px solid #8c8c8c;
    margin: 0 0 10px 0;
    }

  #vorstand #bildbereich img {            /*größere Abstände bei Bildern mit Querformat*/
    margin: 0 0 20px 0;
    }

  #links #bildbereich img{
    margin: 0 0 20px 0;
    }

  #start #bildbereich img{
  margin: 0 0 20px 0;
  }

footer {

}

#fussbereich {
  clear: both;                                      /*Fussbereich*/
  font-size: 80%;
  }

  #fussbereich ul {
    padding: 4px;
    margin: 0;
    }

  #fussbereich li {
    display: inline;  /*li nebeneinander*/
    list-style-type: none;
    margin: 0;
    }

#leiste1{                                          /*rote Leiste*/
  text-align: center;
  color: #000000;
  background-color: #FF0000;
  }

  #leiste2 {                                     /*weiße Leiste*/
    padding: 0;
    margin: 0 0 20px 0;
    }

  #leiste2 p {
  color: black;
  }

/*Überschriften*/
h1 { font-size: 150%; }

h2 { font-size: 130%;   /*Schriftgröße*/
   margin-bottom: 1em; /*Abstand unten*/
   }

h3 { font-size: 110%;
     margin-bottom: 0.5em;
   }

h4 { font-size: 100%;
   margin-bottom: 0.5em;
   }

/*Eigenschaften Links*/

a { text-decoration: none; outline: none; } /*keine Unterstreichung*/

a:link { color: #FF0000; }
a:visited { color: #5000A0; }  /*Farbe*/

a:hover, a:focus { text-decoration: underline; }



#fussbereich a:link {                   /*Links im Fußbereich schwarz*/
  color:#000000;
  }

#fussbereich a:visited {
  color:#000000;
  }

/*Absätze und ungeordnete Listen*/

p, ul {
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1em;
  margin-left: 0;
  }

ul ul {
  margin: 0;
  }

li {
  margin: 0 0 0 1em;
  }