* {
    margin:0;
    padding:0;
    border:0
    }

	body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	    font-size: 12px;
		text-align: center; 
		color: #000;
		background-color: #F0F0EF;
		background-image: url(./images/textur.gif);  
	}
	
	a:link  {   /* Hintergrundfarbe und Schriftfarbe obere Navileiste, Impressum, sonstige Links */
    color: #314184;
	background-color: #FFFFFF;
    text-decoration: none;
  }
  
    a:visited  {  /* Schriftfarbe, Größe, Dicke für alle Navileisten, Copyright Bereich */
    font-size: 12px; 
	color: #314184;
	background-color: #FFFFFF;
    text-decoration: none;
  }      
      	
	a:hover {  /* Hovereffekt für obere Navileiste, Impressum und Copyright Bereich */  
    font-size: 12px; 
	color: #FC130E;
	background-color: #FFFFFF;
    text-decoration: none;
  }
  	
	img {
    margin: 0px;
    border: 0px;
    padding: 0px;
  }
	
	#container {  /* Gesamtbreite der Internetseite, hier 845 pixel, Hintergrundfarbe des Mittelframes */
		margin: auto;
		width: 845px;
		text-align: left;
		background-color: #FFFFFF;
	}
	
	#header {  /* Farbe der oberen Linie unter dem Logo */
	  font-size: 12px;
	  text-align: center;
	  height: 199px;
	  border-bottom: 3px solid #314184;
 	}
	
    #headertop {  /* Oberer Farbblock als Hintergrundbild für die obere Navigationsleiste */
   	text-align: right;
	margin-right: 40px; 
	background-image: url(./images/headertop.gif); 
	background-repeat:no-repeat;
	}
	
	#headerbottom {
    height: 134px;
  }
  
    #headerbottom img {
    vertical-align: bottom;
  }
  
	#menu	{  /* Farbblock zwischen Logo, Linie und 1.Header der Menüleiste / Hintergrund Menüleiste */
	  padding-top: 20px;
	  float: left;
	  width: 200px;
	  height: 359px;
	  vertical-align: bottom;
	  background-color: #CE9A00;
	}
	
	.navi	{  /* Header Menüleiste : dunkelblau / weiss */
	  background-color:#314184;
	  display: block;
	  color: #FFF;
	  vertical-align: middle;
	  padding: 3px 20px 3px 10px;
	  width: 170px;
	  height: 15px;
	  font-size:12px;
	  text-decoration: none;
  }    

 	a.navi {  /* Linienfarbe, -stärke und sonstige Definition der Menüleiste */
	display: block;
  	vertical-align: middle;
  	padding:3px 10px 3px 20px;
  	border-bottom: solid 1px #FC130E;
  	width: 170px;
  	height: 15px;
  	font-size:12px;
  	text-decoration: none;
  }  

    .active {  /* Färbung nach Auswahl der Option, Rücksprung für Navileiste links*/ 
   	display: block;
  	vertical-align: middle;
  	padding:3px 10px 3px 20px;
  	border-bottom: solid 1px #FC130E;
  	width: 170px;
  	height: 15px;
  	font-size:12px;
	font-weight: bold;
  	text-decoration: none;
  }  
  	
	a.navi:link  {   /* Hintergrundfarbe und Schriftfarbe Navileiste links */
    color: #314184;
	background-color: #FFFD15;
    text-decoration: none;
  } 

    a.navi:visited  {  /* Schriftfarbe, Größe, Dicke für Navileiste links */
  	background-color:#FFFD15;
	color: #314184;
	display: block;
  }
  	
    a.navi:hover  {  /* Hover Effekt in der Menüleiste (Hintergrund + Hervorhebungsfarbe) */
  	background-color:#FC130E;
	color: #FFFFFF;
	display: block;
  }
  
	#content {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /index.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/born.gif) no-repeat top right; 
  }
  
    #content2 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /über_uns.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }
  
    #content3 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /aktuelles.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
  }
    
	#content4 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /termine.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }
	
	#content5 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /bornhatzukunft.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }
	
	#content6 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /fotos.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 345px;
	  overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content7 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /vorstand.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

     #content8 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /vereinssatzung.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

     #content9 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /mitglied.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content10 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /kontakt.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content11 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /links.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content12 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /gaestebuch.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content13 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /partner.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content14 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /presse.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

     #content15 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /rundgang.php*/
	  margin: 5px 20px 0px 0px;
	  padding-left: 22px;
	  height: 340px; 
 }

     #content16 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /impressum.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }
  
    #content20 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /archiv.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
  }
      	 	    	
	#footer	{  /* Footer der Webseite, Linienfarbe oberhalb Impressum und Hintergrund Impressum */
	clear: both;
	background-color:#FFFFFF;
    text-align: right;
	font-weight: bold;
    padding-right: 11px;
    padding-bottom: 2px;
 	border-top: solid 3px #314184;
	}
	
	#copyright
	{
    text-align: center;
	font-size:12px;
  }
  
    label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */

    background-color: #FFFECE;
    color:black;
    border: 1px solid #666;
}

    .error {
    color: #FE030F;
}

    .success {
    color: #295F05;
}