body {
    color: black; background-color: white;
    font-size: 100.01%;
    font-family: Helvetica,Arial,sans-serif;
    margin: 0; padding: 1em 0;
    text-align: center;  /* Zentrierung im Internet Explorer */
				
		background-image:url(images/Rasen.jpg); /* Hintergrundbild*/
		background-repeat:repeat;
	
  }
		
	div#Seite {
    /*text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
		padding: 0 0 0 0;
		margin-bottom:0;
    width: 1022px;
		min-height: 800px;
    border: 1px green;
		border-style: solid;
		-moz-border-radius: 15px;
		-khtml-border-radius: 15px;
		background:#fff;
  }
	
	/* Beginn Banner Zeile */
	#Banner {
		margin-left: 0;
  	margin-top:0;
  	padding: 0 0em;
  	width: 1020px; 
		min-width: 1022px; 
		height: 230px; 
		background: #fff; 
		background-image: url(images/HeidePanorama.jpg); /* Bild des Banners */
		background-repeat: no-repeat;
		background-position: 0px 0px;
		font-size: 1em; 
		z-index: 25; 
	}
	
	/* Beginn Banner Zeile */
	#BannerIndex {
		margin-left: 0;
  	margin-top:0;
  	padding: 0 0em;
  	width: 1020px; 
		min-width: 1022px; 
		height: 130px; 
		background: #fff; 
		background-image: url(images/HeidePanoramaOben.jpg); /* Bild des Banners */
		background-repeat: no-repeat;
		background-position: 0px 0px;
		font-size: 1em; 
		z-index: 25; 
	}
	
	/* Bild links oben in der Ecke */
  /* unterschiedliche Darstellung für IE und andere Browser (Opera, Firefox) 
	   im IE wird der obere Abstand margin: [erster Wert] anders interpretiert
	*/

	/* alle Browser ausser IE */
	#leftbanner {height:120px; width:180px; padding:0px; margin:0px 1px 0px 10px; text-align:center;vertical-align:middle;}
	   
		
		/* für IE */ 
	*html #leftbanner {
	margin: 0px 1px 0px 10px;
	}
	/* Ende Banner-Zeile */
	
	/* Beginn Inhalts-Block */
	
  #Inhalt {
    text-align: middle;
		margin-left: 2px;
		margin-top:2px;
    padding: 0 1em;
	}
		
	td#borderright {
	border-right: 1px solid green;
	}
	td#borderleft {
	border-left: 1px solid green;
	}
	
	td#spielergalerieLeft {
	width: 50%;
	text-align: right;
	vertical-align: top;
	}
	td#spielergalerieRight {
	width: 50%;
	text-align: left;
	vertical-align: top;
	}
	td#spielergalerieRight li {
	list-style-position:inside;
	}
	
	/* Ende Inhalts-Block */
	
	/* Willkommen oben */
	#Willkommen {
    font-size: 27pt;
		margin: 0 auto; 
		width:1022px;
		height:50px;
    text-align: center;
		font: Arial;
		color: white;
		background-image: url(images/HeidePanoramaMitte.jpg); /* Bild des Banners */
	}
	/* Sprachen oben */
	#LanguagesOben {
    font-size: 15pt;
		margin: 0 auto; 
		width:1022px;
		height:50px;
    text-align: center;
		font: Arial;
		color: white;
		background-image: url(images/HeidePanoramaUnten.jpg); /* Bild des Banners */
	}
	
	/* Linkleiste oben */
	#LinksOben {
    font-size: 8pt;
		margin: 0 auto; 
		padding: 0.1em;
		width:1013px;
		height:25px;
    text-align: left;
		background-color:green;
		color: #ffffff;
		border: 4px double black;
	}
	
	/* Beginn Überschriftszeile */
	
	/* Überschrift */
	#headline {
    text-align:center;
		height: 40px;
		padding-top: 4px;
		padding-bottom: 8px;
		margin-top: 8px;
		margin-left: 8px;
		margin-right: 8px;
		font-size: 16pt;
		font-family: Arial;
		color: black; 
    font-weight: bold;
		background-color:#ffffff;
		border-bottom: 1px solid green
  }
	/* Ende Überschriftszeile */
	
  /* Beginn Inhalts-Block */
  div#Inhalt {
    text-align: left;
		margin-left: 2px;
		margin-top:2px;
    padding: 0 1em;
  }
	
	#newsticker {
		float:left;
		margin-top: 25px;
		width: 420px;
		height: 340px;
		}
		
	#randbilder1 {
	  float:right;
		margin-top: 25px;
		margin-right: 2px;
		width: 600px;
		height: 340px;
		}
		
	#tbk_link {
	  float: left;
		margin-top: 5px;
		width: 170px;
		height: 130px;
		}
		
	#aktuelles {
	  float: left;
		margin-top: 5px;
		width: 265px;		
		height: 130px;
		}
		
	#besucherzaehler {
		float: left;
		margin-top: 5px;
		width: 151px;
		height: 130px;
		}	
		
	#mitglied_werden {
		float: left;
		margin-top: 5px;
		width: 265px;		
		height: 130px;
		}
		
	#logo_heidebube {
  	float: left;
		margin-top: 5px;
		width: 170px;
		height: 130px;
		}
	
			
	/* Beginn Fusszeile (wird für Links und Webmaster-Link, bzw. Copyright verwendet */
	#Fusszeile {
    font-size: 8pt;
		margin: 0 auto; 
		padding: 0.1em;
		width:1014px;
 		height:25px;
    text-align: left;
		background-color:green;
		border: 4px double black;
	}
	
	/* Beginn Fusszeile (wird für Links und Webmaster-Link, bzw. Copyright verwendet */
	#FussStartseite {
    font-size: 8pt;
		margin: 0 auto; 
		padding: 0,1em;
		width: 1014px;
 		height: 25px;
    text-align: left;
		background-color: green;
		border: 4px double black;
		clear:both;
		
	}
		
	#Fuss_Webmaster {
    float: left; width: 190px;height:24px;
    margin: 0 auto; padding: 0.1em 0.1em 0.1em 0.5em;
		text-align: right;
		font-size: 7.5pt; color:lightgrey;
		boder:0;
	}
	
	#Fuss_Webmaster a:link, a:visited {
		/*text-decoration:none;*/
		color:lightgrey;
		}
		
	#Fuss_copyright {
    margin: 0 auto; padding: 0.1em 0.1em 0.1em 0.5em;
		width:300px;height:24px;
    text-align: left;
		font-size: 7.5pt; color:lightgrey;
		border:0px;
	}
	#Fuss_impressum {
    margin: 0 auto; padding: 0.1em 0.1em 0.1em 0.5em;
		width:300px;height:24px;
    text-align: left;
		font-size: 7.5pt; color:lightgrey;
		border:0px;
	}
	#Fuss_impressum a:link, a:visited {
		/*text-decoration:none;*/
		color:lightgrey;
		}
	/* Ende Fusszeile */	
  	
/* Navigationsmenu */
	

	
	/* NavOben - Navigationsleist Oben -> Untermenus öffnen bei Hover nach unten */
	ul#NavOben {
    margin: 0; padding: 0;
    text-align: center;

  }

  ul#NavOben li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-bootom: 0.4em; padding: 0;
		text-decoration:none; font-size:8pt; font-weight:bold; font-family:verdana, arial, sans-serif;
  }
  * html ul#NavOben li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: 0.4em;
  }
  *:first-child+html ul#NavOben li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 0em;
  }

  ul#NavOben li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.6em; left: 0em;
    /*top: 1.6em; left: -0.4em;*/
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#NavOben li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
  *:first-child+html ul#NavOben ul {  /* Workaround fuer den IE 7 */
    background-color:green; padding-bottom:0.4em;
  }
  ul#NavOben li:hover ul {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#NavOben li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
  }

  ul#NavOben a, ul#NavOben span {
    display: block;
    width: 11.5em;  /* Breite den in li enthaltenen Elementen zuweisen */
		padding: 0.5em 0 0.5em 0em;
    text-decoration: none; font-weight: bold;
    /*border: 1px solid black;
    border-left-color: green; border-top-color: green;*/
    color: #fff; background-color: green;
  }
  * html ul#NavOben a, * html ul#NavOben span {
    width: 11.5em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 11.5em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  
	/*Markierung bei MouseOver */
	ul#NavOben a:hover, ul#NavOben span { 
    color: white; background-color: purple;
  }
  
	/*Markierung der aktuellen Auswahl */	
	ul#NavOben li a#aktuell { 
    border: 1px solid white;
    color: white; background-color: purple;
  }
  ul#NavOben li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: maroon;
  }
	
	/* Ausgegraute Menüelemente */
	ul#NavOben li#grey {
		color: grey;
	}
	
	/* Ende NavOben */

	/* NavUnten - Navigationsleist Unten -> Untermenus öffnen bei Hover nach oben -> Daher muss der Top-Wert abhängig von der Länge des Menus durch Klassen in unterschiedlich belegt werden 
	   Für den IE6 ist keine besondere Belegung möglich, da dieser Untermenüs nicht unterstützt
  */
	ul#NavUnten {
    margin: 0; padding: 0;
    text-align: center;

  }

	ul#NavUnten li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin-bootom: 0.4em; padding: 0;
		text-decoration:none; font-size:8pt; font-weight:bold; font-family:verdana, arial, sans-serif;
  }
  * html ul#NavUnten li {  /* Korrektur fuer den IE 5 und 6 */
    margin-bottom: 0.4em;
  }
  *:first-child+html ul#NavUnten li {  /* Korrektur fuer den IE 7 */
    margin-bottom: 0em;
  }

	/* Ende der DropDown-Menu-Positionierung */
  /* Unternavigation für "Verein" */
  ul#NavUnten li ul { /* IE8, Firefox 1-2 */
    margin: 0; padding: 0;
    position: absolute;
		top: -5.2em; left: 0em;
    display: none;  /* Unternavigation ausblenden */
  }
  * html ul#NavUnten li ul {  /* Korrektur fuer IE 5.x */
    left: -1.5em;
    lef\t: -0.4em;
  }
	
	/* Ausgegraute Menüelemente */
	ul#NavUnten li#grey {
		color: grey;
	}
	/* Firefox */
  @-moz-document url-prefix()
  {
    ul#NavUnten li ul { /* Firefox */
      margin: 0; padding: 0;
      position: absolute;
  		top: -5.3em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }  
  }
	
	/* Safari */
  @media screen and (-webkit-min-device-pixel-ratio:0) 
  { 
    ul#NavUnten li ul { /* Safari */
      margin: 0; padding: 0;
      position: absolute;
  		top: -5.2em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }  
  }
	
	/* Opera */
  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
  {
    ul#NavUnten li ul { /* Opera, Firefox 1-2 */
      margin: 0; padding: 0;
      position: absolute;
  		top: -5.7em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }
  }

	*:first-child+html ul#NavUnten li ul {  /* Korrektur fuer den IE 7 */
    top: -5.8em;
  }
	
	/* Unternavigation für "Fußball" */
  ul#NavUnten li ul.Navi1 { /* IE8, Firefox 1-2 */
    color:blue;
		margin: 0; padding: 0;
    position: absolute;
		top: -10.8em; left: 0em;
    display: none;  
  }
	
	/* Firefox */
  @-moz-document url-prefix()
  {
    ul#NavUnten li ul.Navi1 { /* Firefox */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -10.8em; left: 0em;
      display: none;  
    }  
  }
	
	/* Safari */
  @media screen and (-webkit-min-device-pixel-ratio:0) 
  { 
    ul#NavUnten li ul.Navi1 { /* Safari */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -10.6em; left: 0em;
      display: none;  
    }  
  }
	
	/* Opera */
  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
  {
    ul#NavUnten li ul.Navi1 { /* Opera */
      margin: 0; padding: 0;
      position: absolute;
  		top: -11.5em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }
  }

	*:first-child+html ul#NavUnten li ul.Navi1 {  /* Korrektur fuer den IE 7 */
    top: -11.3em;
  }
	
	/* Unternavigation für "Abseits" */
  ul#NavUnten li ul.Navi2 { /* IE8, Firefox 1-2 */
    color:blue;
		margin: 0; padding: 0;
    position: absolute;
		top: -9.8em; left: 0em;
    display: none;  
  }
	
	/* Firefox */
  @-moz-document url-prefix()
  {
    ul#NavUnten li ul.Navi2 { /* Firefox */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -9.8em; left: 0em;
      display: none;  
    }  
  }
	
	/* Safari */
  @media screen and (-webkit-min-device-pixel-ratio:0) 
  { 
    ul#NavUnten li ul.Navi2 { /* Safari 1-2 */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -9.6em; left: 0em;
      display: none;  
    }  
  }
	
	/* Opera */
  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
  {
    ul#NavUnten li ul.Navi2 { /* Opera */
      margin: 0; padding: 0;
      position: absolute;
  		top: -10.5em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }
  }

	*:first-child+html ul#NavUnten li ul.Navi2 {  /* Korrektur fuer den IE 7 */
    top: -10.3em;
  }
	
	/* Unternavigation für "Gäste" */
  ul#NavUnten li ul.Navi3 { /* IE8, Firefox 1-2 */
    color:blue;
		margin: 0; padding: 0;
    position: absolute;
		top: -6.3em; left: 0em;
    display: none;  
  }
	
	/* Firefox */
  @-moz-document url-prefix()
  {
    ul#NavUnten li ul.Navi3 { /* Firefox */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -6.3em; left: 0em;
      display: none;  
    }  
  }
	
	/* Safari */
  @media screen and (-webkit-min-device-pixel-ratio:0) 
  { 
    ul#NavUnten li ul.Navi3 { /* Safari */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -6.1em; left: 0em;
      display: none;  
    }  
  }
	
	/* Opera */
  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
  {
    ul#NavUnten li ul.Navi3 { /* Opera */
      margin: 0; padding: 0;
      position: absolute;
  		top: -6.7em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }
  }

	*:first-child+html ul#NavUnten li ul.Navi3 {  /* Korrektur fuer den IE 7 */
    top: -6.7em;
  }
	
	/* Unternavigation für "Kontakt" */
  ul#NavUnten li ul.Navi4 { /* IE8, Firefox 1-2 */
    color:blue;
		margin: 0; padding: 0;
    position: absolute;
		top: -7.1em; left: 0em;
    display: none;  
  }
	
	/* Firefox */
  @-moz-document url-prefix()
  {
    ul#NavUnten li ul.Navi4 { /* Firefox */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -7.1em; left: 0em;
      display: none;  
    }
  }
	
	/* Safari */
  @media screen and (-webkit-min-device-pixel-ratio:0) 
  { 
    ul#NavUnten li ul.Navi4 { /* Safari */
      color:blue;
  		margin: 0; padding: 0;
      position: absolute;
  		top: -6.9em; left: 0em;
      display: none;  
    }
  }
	
	/* Opera */
  @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
  {
    ul#NavUnten li ul.Navi4 { /* Opera */
      margin: 0; padding: 0;
      position: absolute;
  		top: -7.7em; left: 0em;
      display: none;  /* Unternavigation ausblenden */
    }
  }

	*:first-child+html ul#NavUnten li ul.Navi4 {  /* Korrektur fuer den IE 7 */
    top: -7.5em;
  }
	
  
  ul#NavUnten li:hover ul, 
	ul#NavUnten li:hover ul.Navi1, 
	ul#NavUnten li:hover ul.Navi2, 
	ul#NavUnten li:hover ul.Navi3, 
	ul#NavUnten li:hover ul.Navi4 {
    display: block;  /* Unternavigation in modernen Browsern einblenden */
  }
  ul#NavUnten li ul li, 
	ul#NavUnten li ul.Navi1 li, 
	ul#NavUnten li ul.Navi2 li, 
	ul#NavUnten li ul.Navi3 li, 
	ul#NavUnten li ul.Navi4 li {
    float: none;
    display: block;
    margin-bottom: 0em;
  }
	/* Ende der DropDown-Menu-Positionierung */
	
  ul#NavUnten a, ul#NavUnten span {
    display: block;
    width: 11.5em;  /* Breite den in li enthaltenen Elementen zuweisen */
		padding: 0.5em 0 0.5em 0em;
    text-decoration: none; font-weight: bold;
    /*border: 1px solid black;
    border-left-color: green; border-top-color: green;*/
    color: #fff; background-color: green;
  }
  * html ul#NavUnten a, * html ul#NavUnten span {
    width: 11.5em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 11.5em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
	
		/*Markierung bei MouseOver */
	ul#NavUnten a:hover, ul#NavUnten span { 
    color: white; background-color: purple;
  }
  
	/*Markierung der aktuellen Auswahl */	
	ul#NavUnten li a#aktuell { 
    border: 1px solid white;
    color: white; background-color: purple;
  }
	
	*:first-child+html ul#NavUnten ul {  /* Workaround fuer den IE 7 */
    background-color:green; padding-bottom:0.4em;
  }
	
  /* aktuelle Unterseite kennzeichnen */
/*  ul#FussNavigation2 li ul span {  
    background-color: maroon;
  }
	*/
	
	/* Ende NavUnten */	
	

	
	
	
	
	
	
	/* *** Ende der Struktur Layout-Elemente *** */
	
	/* Veränderung der Link-Farben -> aktuell auf standard gesetzt. */	
		
	a:link { color:purple; font-weight:bold;}
	a:visited { color:purple; font-weight:bold;}
	
	
	a.graylink:link {color:gray; font-weight:normal;text-decoration:none;}
	a.graylink:visited {color:gray; font-weight:normal;text-decoration:none;}

	
	p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i, small
     { font-family:Verdana,sans-serif; font-size:10pt; }
		 

  small { font-size:8pt;}
  
  /* font-family = Schriftart fuer Textelemente */
  /* Arial,sans-serif = Arial und serifenlose Schrift, Wert aenderbar */
  
  
  h1 { font-size:16pt;font-weight: bold; }
	
	li {
	list-style-position:inside;
	}

	table#bordergreen	{
		border: 3px solid green;
		text-align: center;
		margin-left:auto; 
		margin-right:auto;
	}
	
	table#bordergreen	td{
	  border: 1px solid green;
	}
	
	table#borderpurple	{
		border: 3px solid purple;
		text-align: center;
		margin-left:auto; 
		margin-right:auto;
	}
	
	table#borderpurple	td{
	  border: 1px solid purple;
	}