html {height: 100.1%; font-size: 62.5%; }

body {text-align: center;
      font-family: Verdana, sans-serif;
      font-size: 1.2em;
      line-height: 2em;
      color: #333333;
      background: #EAF4BF;}
      
* {margin: 0px; padding: 0px; border: 0px}

h1, h2, h3, h4, h5, h6 {font-family: "Century Gothic", sans-serif;
                        font-weight: normal;
                        color: #b4a400;
                        padding: 0.6em 0em 0.2em 0em;}

h1 { font-size: 2.2em;
     margin-bottom: 0.8em;
     border-bottom: 1px dashed #b4a400;
     padding-bottom: 0.2em}

h2 {font-size: 1.2em;
    color: #b4a400;}
    
h3 {font-size: 1.8em}

h4 {font-size: 1.6em;}    

a {font-weight: bold; color: #9A0312;}
a:link {}
a:visited {}
a:hover {}
a:active{}

div#wrapper {width: 898px; margin: auto; text-align: center;}

div#header { background: #091FAF;
             height: 156px;
             text-align: right;
             padding-right: 10px;
             border-left: 2px double #000000;
             border-right: 2px double #000000;
             border-top: 2px double #000000;
             margin-top: 5px; }

div#header img {float: left;
	            padding: 3px 5px 3px 3px;;
	            background: #000000;
                }            
            
div#header h1{font-family: Verdana, sans-serif;
              font-weight: bold;
              border: 0px;
              text-align: center;
              padding-top: 25pt;
              color: #FFF821;}
              
div#header marquee { background: #0627FD;
                     font-size: 1.6em;
                     width: 330px;
                     height: 20px;
                     padding: 0 20px 2px 20px;
                     margin-right: 190px;
                      }


div#wrapcontent {background: #EAF4BF;
                 border-top: 2px double #000000;
                 border-bottom: 2px double #000000;
                 /*border-left: 2px double #000000;/*
                 border-right: 2px double #000000;*/}

/*------ANfANG NAVIGATION-----*/
div#nav {width: 894px;
         background: #FFFFFF;
         float: left;
         margin-top: 7px; 
         margin-bottom: 5px;
         border-bottom: 1px double #000000;
         border-top: 1px double #000000;
         border-right: 2px double #000000;
         border-left: 2px double #000000;}

div#nav ul {list-style-type: none;
            display: inline;
            width: 149px;
            float: left;
            /*margin-left: 4px;*/
            background: #A3C238;
            }
            

div#nav a {text-decoration: none;
           text-transform: uppercase;
           /*margin-left: 0.4em;*/
           color: #9A0312;
           text-decoration: none;}

div#nav h2 {font-size: 1.2em;
            font-weight: bold;
            color: #000000;
            text-decoration: none;
            text-transform: uppercase;}
            
div#nav a, div#nav h2 {font: bold 11px/16px arial, helvetica, sans-serif;
                       display: block;
                       /*border-width: 1px;*/
                       border-style: solid;
                       /*border-color: #000000;*/
                       margin: 0;
                       padding: 2px 3px;
                       text-decoration: none;
                       }

               
/*-----Bezieht sich auf hover des Untermenüs und den Hintergrund des Menüs-----*/
div#nav a:hover {color: #000;
                 background: #9a0312;
                 }        

/*-----Bezieht sich auf die kennzeichnung der aktuellen Seite-----*/
/*div#nav li a:hover,*/
body#home div#nav li.navhome a {background: #9a0312; color: #000}

/*div#nav li a:hover,*/
body#home div#nav li.navtraining a {background: #9a0312; color: #000}
body#home div#nav li.navbeiträge a {background: #9a0312; color: #000}
body#home div#nav li.navteam a {background: #9a0312; color: #000}
body#home div#nav li.navtermine a {background: #9a0312; color: #000}

/*----Soll sich NUR auf das Haptmenü beziehen----*/
div#nav ul:hover {background: #9A0312;}
div#nav h2:hover {background: #9a0312;}


div#nav li {position: relative;}

div#nav ul ul {position: absolute;
               z-index: 500;
              }

div#nav ul ul ul {top: 0;
                  left: 100%;
                 }
                
div#nav ul ul li {background: #EBF181;}             
                 
div#nav ul ul,
div#nav ul li:hover ul ul,
div#nav ul ul li:hover ul ul {display: none;}

div#nav ul li:hover ul,
div#nav ul ul li:hover ul,
div#nav ul ul ul li:hover ul {display: block;
                              position: absolute;}
/*-------ENDE NAVIGATION------*/  
                 
.defloat {clear: both; }

div#maintext {background-image: url(../images/wp_damask_022.gif);
              width: 894px;
              float: left;
              padding-top: 0;
              border-top: 2px double #000000;
              border-left: 2px double #000000;
              border-right: 2px double #000000;}

div#maintext_geschichtliches {background-image: url(../images/wp_damask_022.gif);
              width: 746px;
              float: right;
              padding-top: 0;
              border-top: 2px double #000000;
              border-left: 2px double #000000;
              border-right: 2px double #000000;}


div#maintext_geschichtliches img{ padding: 10px;}

div#maintext_rhönrad {background-image: url(../images/wp_damask_022.gif);
              width: 746px;
              float: right;
              padding-top: 0;
              border-top: 2px double #000000;
              border-left: 2px double #000000;
              border-right: 2px double #000000;}

div#maintext_rhönrad h2 {float: left;
                         margin-left: 10px;
                         text-align: center;
                         margin-top: 10px;}

div#maintext_kinder {background-image: url(../images/wp_damask_022.gif);
              width: 746px;
              float: right;
              padding-top: 0;
              border-top: 2px double #000000;
              border-left: 2px double #000000;
              border-right: 2px double #000000;}

div#maintext_geräteturnen img {float: right; padding: 10px; margin-right: 50px;}

.box1 {float: left; padding-right: 5px; margin-top: 0px;}
.box2 {float: right; padding: 10px; margin-top: 260px;
       padding-top: 2px;}

.box2 h1 {font-size: 1.0em;
          color: #000;
          font-style: none;
          border-bottom: 0px;
          padding: 0px;
          }

.box3 {float: right;
       padding: 10px;
       margin-top: -15px;}

.box4 { width: 209px; height: 137px; 
        float: right;
        margin-top: 50px;
        margin-right: 20px; }
        
.box5 { width: 248px; height: 68px;
          float: left;
          margin-top: 50px;
          margin-left: 20px; }
          
.box6 {float: right;}

.box7 {float: right; margin-right: 150px;}

div#maintext_geräteturnen {background-image: url(../images/wp_damask_022.gif);
              width: 746px;
              float: right;
              padding-top: 0;
              border-top: 2px double #000000;
              border-left: 2px double #000000;
              border-right: 2px double #000000;}

div#maintext img {padding: 6px;
                  padding-top: 20px;
                  padding-bottom: 50px;
                  }

div#menu {float: left;
          width: 120px; 
          margin: 0px 0px 20px 17px;
        
          }
          
div#menu ul {text-align: left;}

div#menu a {text-decoration: none;
            color: #000}

div#menu li {line-height: 2.4em;} 

div#menu li.select {border: 1px solid #9A0312;}

div#footer {clear: right;
            text-decoration: none;
            padding: 1em 0 3em;
            text-align: center;
            /*border: 1px dashed #333333;*/}

div#footer a {text-decoration: none;}
#id { }