/* Stylesheet für die George's Homepage */

body {
      color: white;
      background-image: url(tmax_backgr.jpg);
      background-color: #2861a4;
      background-repeat: repeat;
      font-family: Vardana, Arial, Helvetia, sans-serif;
      font-size: small;
     }

#wrapper {
          color: #FFFF00;
          background-image: url(tmax_backgr.jpg);
          background-color: #2861a4;
          background-repeat: repeat;
          width: 720px;
          margin-top: 10px;
          margin-right: auto;
          margin-bottom: 10px;
          margin-left: auto;
         }

#kopfbereich {
              color: #efefef;
              background-image: url(tmax_backgr.jpg);
              background-color: #2861a4;
              background-repeat: repeat;
              padding: 0px 0px 0px 0px;
              }
#kopfbereich p {
                position:absolute;
                top: 40px;
                left: 43%;
                fond-wight: bold;
                padding: 0px 0 5px 0;
                margin-bottom: 0;
                }
#kopfbereich p span {color: #FFDF00;}

#navibereich ul{
                margin-bottom: 0;
               }

#navibereich {
               text-align: leftt;
               color: black;
               padding: 5px 10px 4px 10px;
               background-color: #e07000; /* color navibalken*/
               padding: auto;

             }
#navibereich a {
                 color: black; /* schriftfarbe*/
                 background-color: #e07000; /* reiterfarbe*/
                 padding: auto;
                /* border: 1px solid #8c8c8c /* reiterrand*/*/
                 }



#navibereich a:active {background-color: white;}

#navibereich a:hover,
#startseite #navi01 a,
#rollerseite #navi02 a,
#tourenseite #navi03 a,
#kontaktseite #navi04 a,
#updateseite #navi05 a,
#linkseite #navi06 a,
#kontaktseite #navi07 a,
#kontaktseite #navi08 a,
#impressum #navi09 a,
#kontaktseite #navi10 a,
                      {
                      text-decoration: none;
                      color: #fff;    /* schriftfarbe*/
                      background-color: #2861a4;
                      padding-bottom: 6px;
                      border-bottom: none;
                     }


#navibereich li {
                display: inline; /* li nebeneinander darstellen*/
                list-style-type: none; /* ohne aufzählungspunkte*/
                margin: 0;
                }
#textbereich {
               background-image: url(tmax_backgr.jpg);
               background-color: #2861a4;
               background-repeat: repeat;
               color: #dfdfdf;
               padding-top: 35px;
               padding-right: 10px;
               padding-bottom: 10px;
               padding-left: 20px;
             }

#textbereich p span{ color:#000;}
#textbereich p  { color: #fff; }
#textbereich ul {
                 text-align: left;
                 letter-spacing: 2px;
                 font-weight: bold;
                 color: black;
                 padding: 0px 0px 4px 30px;
                 list-style-type: none; /* ohne aufzählungspunkte*/
                 margin: 0;
                }




#textbereich a:active {color: black; background-color: #9F00FF;}

#textbereich  a:hover,
#startseite #01 a,
#rollerseite #02 a,
#tourenseite #03 a,
#kontaktseite #04 a,
#updateseite #05 a,
#linkseite #06 a,
#kontaktseite #07 a,
#kontaktseite #08 a,
#impressum #09 a,
#kontaktseite #10 a,
                      {
                      text-decoration: none;
                      color: #fff;    /* schriftfarbe*/
                      background-color: #00C0FF;
                      padding-bottom: 6px;
                      border-bottom: 2px;
                     }



.bildlinks {
             float:left;
             padding: 3px;             /* Abstand zwischen Bild und Rahmen*/
             border: 5px solid #0cc;  /* der Bilderrahmen*/
             margin-right: 10px;      /* Abstand zwischen Rahmen und Text*/
             margin-bottom: 10px;     /* Abstand nach unten*/
            }



.bildrechts {
             float:right;
             padding: 3px;
             border: 5px solid #0cc;
             margin-right: 10px;
             margin-bottom: 10px;
             }



#fussbereich {
               padding: 20px;
               padding-top: 10px;
               border-top: 2px solid #e07000;
               margin-top: 2px;
             }

h1 {
     font-size: 200%;

        }

h2 {font-size: 130%; color:#FFFF00;  margin-bottom: 1em; }

address {
         text-align: center;
         Font-size: 80%;
         font-style: normal;
         letter-spacing: 2px;
         line-height: 1,5em;
        }


a  {
     text-decoration: none;
   }

a:link {color: #00ffff;}

a:visited  { color: #FFDF00;}

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

a:active {color: white; background: #00FF00; }

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

ul ul {margin: 0; }

li {
     margin-top: 0;
     margin-right: 0;
     margin-bottom: 0;
     margin-left: 1em;
   }