/* Alle Innen- und Aussenabstaende auf Null setzen */
* {
  margin: 0px;
	padding: 0px;
}
    

/* Grundeinstellungen für das Layout */       
body {
	font-family:Verdana,Arial,Helvetica, sans-serif;
  font-size: 12px;
	text-align: center;
	background: #fff;
}
  
  
/* Wrapper für Layoutbreite und Zentrierung */    
#wrap {
  position: relative;
  text-align: left;
  margin: 20px auto 0px auto;
  width: 799px;
}

 
/* Dünner schwarzer Balken oberhalb der Header-Grafik */ 
#header_top {
  line-height: 14px;
  width: 799px;
  height: 14px;
  background: url(images/nav/top_balken.gif) no-repeat 0px 0px; 
}
 
/* Balken mit Florian-Kehrmann Schriftzug unterhalb der Header-Grafik */ 
#header_bottom {
  width: 799px;
  height: 34px;
  background: url(images/nav/nav_logobalken.jpg) no-repeat 0px 0px; 
}
 
/* Header-Grafik */ 
#header {
  width: 799px;
  height: 216px;
}
  
/* ------------------------------------------- */ 
/* -----------    NAVIGATION    -------------- */
/* ------------------------------------------- */
   
      ul { /* Alle Listen */
      	padding: 0px;
      	margin: 0px;
      	list-style: none;
      }
      
      #nav li { /* Alle List Items */
      	float: left;
      	position: relative;
      }

      li ul { /* Alle Listen in der zweiten Ebene */
      	display: none; 
      	position: absolute;
      }
/* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */      
 /*     li>ul { 
      	top: auto;
      	left: auto;
      }
*/



/* Aktuellen Hauptnavigationspunkt highlighten (abhaengig von der body-id, die in der inc/start.php gesetzt wird) */

#news #nav #nav_news,
#most-important #nav #nav_most-important,
#my-sport #nav #nav_my-sport,
#about-me #nav #nav_about-me,
#community #nav #nav_community,
#relations #nav #nav_relations {
  background-position: 0px -34px;
}
      



/* --------------------------------------------------------------------- */ 
/* -----------    GRUNDEINSTELLUNGEN ZUR SUBNAVIGATION    -------------- */
/* --------------------------------------------------------------------- */


      li:hover ul, li.over ul { /* Listen unterhalb des 'hover'-<li>s der Hauptnavigationsliste */
      	display: block;
      }      

      li a { /* Linktext aller Listen-internen Links verstecken */
        text-indent: -10000px; 
        text-decoration: none;
      }
      
      #nav { /* Breite, Höhe und Hintergrundbild für die Hauptnavigationsleiste */
        width: 799px;
        height: 34px;
        background: url(images/nav/nav_bg.gif) no-repeat 0px 0px;
      }
      
      #nav ul { /* Offset und Breite des Submenü-Hintergrundbildes */
        margin-left: 6px;
        width: 140px;
        background: url(images/nav/add_bg.jpg) 0px 0px;
      }    
      
      #nav>ul { /* 10 Pixel Einrückung für die Subnavigation in allen Browsern außer Internet Explorer */
        margin-top: 10px;
      }    
      
      #nav a { /* Höhe der Submenü-Navigationspunkte, a als Block-Element, damit die Hintergrundbilder als Links in entsprechender Grösse verwendet werden können */
        display: block;
        height: 34px;
      }
      
      
      
      #nav li ul li a { /* Standard-Offset für die Submenü-Buttons */
        background-position: 2px 7px;
      }      
      
      #nav li ul li a:hover { /* Hover-Effekt für die Submenü-Buttons */
        background-position: 3px 8px;
      }
      
      #nav li ul li, #nav li ul li a { /* Höhe der Subnavigations-Zeilen */
        height: 25px;
      }
      
      #nav li ul { /* Abstand von unteren Ende des letzten Subnavigations-Punktes zum unteren Ende des Hintergrundbildes */
        padding-bottom: 11px;
      }       
      
        
      /* Navigation und Subnavigation */  
        
      #nav a#nav_news { background: url(images/nav/nav_news.gif) no-repeat 0px 0px; width: 55px; margin-left: 37px}
      #nav a#nav_news:hover { background-position: 0px -34px; }

      #nav a#nav_most-important { background: url(images/nav/nav_most-important.gif) no-repeat 0px 0px; width: 110px; }
      #nav a#nav_most-important:hover { background-position: 0px -34px; }
      
        #subnav_persoenliche-daten { background: url(images/nav/subnav_persoenliche-daten.gif) no-repeat 0px 0px; width: 127px; }      
        #subnav_erfolge-und-stationen { background: url(images/nav/subnav_erfolge-und-stationen.gif) no-repeat 0 0; width: 127px; }
        #subnav_ereignisse { background: url(images/nav/subnav_ereignisse.gif) no-repeat 0px 0px; width: 127px; }            
        #subnav_trainer { background: url(images/nav/subnav_trainer.gif) no-repeat 0px 0px; width: 127px; }

      
      #nav a#nav_my-sport { background: url(images/nav/nav_my-sport.gif) no-repeat 0px 0px; width: 73px; }
      #nav a#nav_my-sport:hover { background-position: 0px -34px; }
     
      #nav a#nav_about-me { background: url(images/nav/nav_about-me.gif) no-repeat 0px 0px; width: 76px; }
      #nav a#nav_about-me:hover { background-position: 0px -34px; }
      
        #subnav_bundesliga { background: url(images/nav/subnav_bundesliga.gif) no-repeat 0px 0px; width: 127px; }
        #subnav_nationalteam { background: url(images/nav/subnav_nationalteam.gif) no-repeat 0px 0px; width: 127px; }        
        #subnav_beachhandball { background: url(images/nav/subnav_beachhandball.gif) no-repeat 0px 0px; width: 127px; }      
        #subnav_unter-der-lupe { background: url(images/nav/subnav_unter-der-lupe.gif) no-repeat 0px 0px; width: 127px; }        
  
      #nav a#nav_community { background: url(images/nav/nav_community.gif) no-repeat 0px 0px; width: 84px; }
      #nav a#nav_community:hover { background-position: 0px -34px; }
      
        #subnav_forum { background: url(images/nav/subnav_forum.gif) no-repeat 0px 0px; width: 127px; } 
        #subnav_gewinnspiel { background: url(images/nav/subnav_gewinnspiel.gif) no-repeat 0px 0px; width: 127px; }
        #subnav_downloads { background: url(images/nav/subnav_downloads.gif) no-repeat 0px 0px; width: 127px; }                
        #subnav_kontakt { background: url(images/nav/subnav_kontakt.gif) no-repeat 0px 0px; width: 127px; }        
        #subnav_autogrammadresse { background: url(images/nav/subnav_autogrammadresse.gif) no-repeat 0px 0px; width: 127px; }        
        #subnav_links { background: url(images/nav/subnav_links.gif) no-repeat 0px 0px; width: 127px; }        
  
      #nav a#nav_relations { background: url(images/nav/nav_relations.gif) no-repeat 0px 0px; width: 76px; }
      #nav a#nav_relations:hover { background-position: 0px -34px; }

      #nav li#nav_spacer { width: 103px; }
      
      #nav a#nav_forum { background: url(images/nav/nav_forum.gif) no-repeat 0px 0px; width: 93px; }
      #nav a#nav_forum:hover { background-position: 0px -34px; }

      #nav a#nav_fanshop { background: url(images/nav/nav_fanshop.gif) no-repeat 0px 0px; width: 92px; }
      #nav a#nav_fanshop:hover { background-position: 0px -34px; }

      #nav a#nav_bildgalerie { background: url(images/nav/nav_bildgalerie.gif) no-repeat 0px 0px; width: 92px; }
      #nav a#nav_bildgalerie:hover { background-position: 0px -34px; }

/* ------------------------------------------- */ 
/* -----------      SIDEBAR     -------------- */
/* ------------------------------------------- */

#sidebar { /* Sidebar nach rechts verfrachten und Breite festlegen */
  float: right;
  width: 185px;

}

#sidebar p { /* Sidebar-Text formatieren */
  position: relative;
  background: url(images/nav/sidebar_bg.jpg) no-repeat 0px 0px;
  margin-left: 20px;
  width: 140px;
  padding: 5px;
  color: #fff;
  margin-bottom: 25px;
  margin-top: -140px;
}

#sidebar a {
  color: #fff;
  text-decoration: underline;
  font-weight: normal;
}

#sidebar a:hover {
  color: #fff;
  background-color: #000;  
  text-decoration: none;
  font-weight: normal;
}

#sidebar .sport1
{
	position: relative;
  background: none;
  background-image:
  margin-left: 20px;
  padding: 0px;
  width: 150px;
  color: #000;
  
  margin-top: -135px;
  font-weight: bold;
}
      
/* ------------------------------------------- */ 
/* -----------      FOOTER      -------------- */
/* ------------------------------------------- */

ul#footer { /* Footer */ 
  clear: both;
  list-style: none;
  width: 799px;
  height: 71px;
  background: url(images/nav/footer_bg.gif) no-repeat 0px 0px;
  margin-top: 50px;   
  margin-bottom: 10px;
}

#footer a {
  display: block;
}

      #footer a#nav_impressum { background: url(images/nav/footer_impressum.gif) no-repeat 0px 0px; width: 54px; height: 71px; }
      #footer a#nav_creative { margin-left: 160px; background: url(images/nav/footer_creative.gif) no-repeat 0px 0px; width: 127px; height: 71px; }
      #footer a#nav_home { margin-left: 10px; background: url(images/nav/footer_signet.gif) no-repeat 0px 0px; width: 78px; height: 71px; }
      #footer a#nav_hummel { margin-left: 10px; background: url(images/nav/footer_hummel.gif) no-repeat 0px 0px; width: 94px; height: 71px; }
      
#footer li{
  float: left;
}

#footer li a {
  width: 100%;
  height: 100%;
}



/* ------------------------------------------- */ 
/* -----------     CONTENT      -------------- */
/* ------------------------------------------- */
#content {
  float: left;
  width: 535px;
  margin-left: 25px;
  margin-top: 35px;
}


body>div #content {
  margin-left: 50px;
}

h1 {
  font-size:12px;
  font-weight: bold;
  color: #9E7707;
  margin: 0px 0px 25px 0px;
}

h2 {
  font-size:12px;
  font-weight: bold;
  color: #9E7707;
  margin: 25px 0px 15px 0px;
}

p {
  font-size: 10px;
  margin: 10px 0px 0px 0px;
}


#content ul {
  display: block;
  margin: 12px 0px 0px 0px;
  padding: 0px 0px 10px 7px;
  list-style-type: none;
  list-style-position: outside;
}

#content ul li {
  display: block;
  margin: 5px 0px 0px 0px;
  padding: 0px 0px 0px 18px;
  background-image: url(images/nav/bullet.gif);
  background-repeat: no-repeat;
  background-position: 0px 2px;
  clear: both;
}

#content ul li a, #content a {
  font-size: 10px;
  text-indent: 0px;
  text-decoration: underline;
  color: #9E7707;
}

#content ul li a:hover, #content a:hover {
  color: #5A6245;
}

.commentlist {
  border: 0px;
  border-collapse: collapse;
  margin: 0px 0px 25px 0px;
  padding: 0px;
}

.commentNumber1, .commentNumber2 {
  margin: 0px;
  padding: 0px;
  width: 22px;
  height: 18px;
  font-weight: bold;
  font-size: 11px;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  background-color: #9E7707;
}

.commentNumber2 {
  background-color: #C1A145;
}

.commentHead {
  margin: 0px;
  padding: 0px 0px 0px 10px;
  background-color: #EFEFEF;
  font-family:Verdana,Arial,Helvetica, sans-serif;
  font-size: 11px;
  width: 513px;
}

.commentDate {
  color: #bbb;
}

.commentMsg {
  margin: 0px;
  padding: 0px 0px 0px 10px;
}

.commentlist p {
  clear: both;
}

.content_title {
  height: 18px;
  width: 535px;
  background-color: #9E7707;
}

.content_body {
  padding: 25px;
  background-color: #EFEFEF;
}


.contact_input {
  border: 1px solid #BBB;
  width: 470px;
  margin: 5px 0;
}

.contact_textarea {
  border: 1px solid #BBB;
  width: 470px;
  height: 200px;
  margin: 5px 0;
}

.newsHead {
  margin: 0px 0px -10px 0px;
  padding: 0px;
}


:focus { -moz-outline-style: none; }