body{
  color: white;
  background-color: #8c8c8c;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;  /* Schriftgröße allgemein*/
  }

#wrapper {
  color: black;
  background-color: white;
  width: 840px; /*Breite Inhaltbereich*/
  margin: 10px auto 10px auto;
  font-size: 13px;
  /*line-height: 14px;*/
  }

/*tkj-homepage.css*/

* {padding: 0; margin: 0; }  /*Abstände auf Null */
* html {height: 101%; } /*erzwingt Scrollbar im Firefox */

#kopfbereich {                                /*Kopfbereich*/
  position: relative;
  color: black;               /*Farbe*/
  background-color: #FF0000;
  padding: 10px 20px 10px 20px;
  border-bottom: 2px solid #8c8c8c;
  margin: 0;
  }
    #kopfbereich p {
      position:absolute;  /* Position "Leichtathletik" */
      top: 20px;
      right: 250px;
      font-weight: bold; /*Schrift fett*/
      padding: 5px 0 5px 0;
      margin-bottom: 0px;
      }

      #kopfbereich p span {
        color: #FFFFFF;
        font-size: 350%;    /*Schriftfarbe Leichtathletik*/
        }

#navibereich {                                     /*Navigation*/
  float: left;
  width: 150px;
  padding: 20px 0px 0px 5px;
  margin-top: 20px;
 /* margin-bottom: 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 #navi01 {             /*Rahmen oben*/
      /*border-top: 1px solid #FF0000; */
      }

    #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,
      #ausschreibung #navi05 a,
      #ergebnisse #navi06 a,
      #vereinsrekorde #navi07 a,
      #bilder #navi08 a,
      #links #navi09 a
      {
      color: black;
      background-color: white;
      border-left: 3px solid #FF0000;
      }

  #textbereich {                                           /*textbereich*/
    color: #000000;
    padding: 0 20px 0 20px;
    border-right: 3px solid #FF0000;
    border-left: 2px solid #FF0000;
    margin-top:20px;
    margin-right:127px;
    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;
      }


  #bildbereich {                                          /*Bildbereich*/
    float: right;
    width: 100px;
    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;
  }

 /* #vereinsrekorde #textbereich {   */      /*keine Bilder bei den Vereinsrekorden*/
 /*   margin-right: 20px;
    }
  #vereinsrekorde #bildbereich {
    width: 0px;
    margin: 0px;
    padding: opx;
    }    */

#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;
    }

/*Ü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;
  }