body {
   background-color: rgb(0,126,255);
   }

td.datum {
   font: normal 0.7em sans-serif;
   color: rgb(0,0,0);
   padding-top: 15px; padding-bottom: 15px;
   }

#tabelle {
  position:relative;
  left: 0px;
  text-align:center;
  border-collapse: collapse;
}

#logo {
   position: absolute;
   /* Ausrichtung zum oberen und linken Bildrand des TSV-Logos */
   top: 0px;
   left: 0px;
   }

#navigation {
   background-color: transparent;
   position: absolute;
   /* Ausrichtung zum oberen und linken Bildrand des gesamten Menüs */
   top: 145px;
   left: 11px;
   }

#navigation LI {
   list-style: none;
   display: inline;
   }

#navigation UL {
   background-color: transparent;
   padding: 0px;
   margin: 0px;
   }

#navigation A {
   font: bold 0.92em sans-serif;
   color: rgb(255,255,255);
   text-decoration: none;
   display: block;
   padding-left: 5px; padding-bottom: 2px; padding-top: 2px;
   margin-top: 3px; margin-bottom: 3px;
   /* Für den Weiten-Wert sind wichtig: 1. padding-left + padding-right		2. Rahmendicke der Untermenü-Links		3. Allgemeine Weite */
   width: 125px;
   }


/* Layout für die Hauptmenü-Links */
#navigation A:link, #navigation A:visited { background-color: transparent }
#navigation A:hover, #navigation A:focus { background-color: rgb(0,4,75); }


/* Layout für die Untermenü-Links */
#navigation A.cb:link, #navigation A.cb:visited, 
#navigation A.cc:link, #navigation A.cc:visited, 
#navigation A.cd:link, #navigation A.cd:visited,
#navigation A.ce:link, #navigation A.ce:visited,
#navigation A.cf:link, #navigation A.cf:visited,
#navigation A.cg:link, #navigation A.cg:visited,
#navigation A.ch:link, #navigation A.ch:visited,
#navigation A.cj:link, #navigation A.cj:visited {
   background-color: rgb(0,126,255); font: normal 0.7em sans-serif;
   }
   
#navigation A.cb:hover,#navigation A.cb:focus, 
#navigation A.cc:hover,#navigation A.cc:focus, 
#navigation A.cd:hover,#navigation A.cd:focus, 
#navigation A.ce:hover,#navigation A.ce:focus,
#navigation A.cf:hover,#navigation A.cf:focus,
#navigation A.cg:hover,#navigation A.cg:focus,
#navigation A.ch:hover,#navigation A.ch:focus,
#navigation A.cj:hover,#navigation A.cj:focus {
   background-color: rgb(255,255,255); color: rgb(0,126,255); font-weight: bold;
   }


/* Hier wird die Formatierung für aktive Hauptmenü-Links gestaltet - also hier befindet sich gerade der User */
#ia #navigation A.ba,
#ib #navigation A.bb,
#ic #navigation A.bc,
#id #navigation A.bd,
#ie #navigation A.be,
#if #navigation A.bf,
#ig #navigation A.bg,
#ih #navigation A.bh,
#ii #navigation A.bi,
#ij #navigation A.bj,
#ik #navigation A.bk {
   background-color: rgb(0,4,75);
   margin-bottom: 0px;
   width: 125px;   
   }


#ia #navigation A.ca,
#ib #navigation A.cb,
#ic #navigation A.cc,
#id #navigation A.cd,
#ie #navigation A.ce,
#if #navigation A.cf,
#ig #navigation A.cg,
#ih #navigation A.ch,
#ii #navigation A.ci,
#ij #navigation A.cj,
#ik #navigation A.ck {
   display: block;
   padding: 3px 0px 3px /* Abstand der Unterpunkte zum linken Rand der Liste */ 13px;
   border-top: none;
   border-left: 2px solid rgb(0,4,75);
   border-right: 2px solid rgb(0,4,75);
   margin: 0px;
   width: 113px;
   }

#navigation A.bottom  { border-bottom: 2px solid rgb(0,4,75) }

#navigation A.n  { display: none }
