* {
    margin:0;
    padding:0;
    border:0
    }
	
	body
	{
		font-family: Arial, Helvetica, sans-serif; 
	    font-size: 11px;
		text-align: center; 
		color: #000;
		background-color: #F0F0EF;
		background-image: url(./images/textur.jpg);  
	}
	
	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: 11px; 
	color: #314184;
	background-color: #FFFFFF;
    text-decoration: none;
  }    
  
    a:active {  /* Färbung nach Auswahl der Option, Rücksprung */ 
    font-size: 11px;
	color: #007DB5;
	background-color: #FFFFFF;
    text-decoration: none;
  }
      	
	a:hover {  /* Hovereffekt für obere Navileiste, Impressum und Copyright Bereich */  
    font-size: 11px; 
	color: #FF6600;
	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: 11px;
	  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: 15px; 
	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: #CEEFFF;
	}
	
	.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:11px;
	  text-decoration: none;
  }

      .filler	{  /* untere Menübegrenzung / Farbbalken*/
	  background-color:#FFCC00;
	  display: block;
	  color: #000000;
	  vertical-align: middle;
	  padding: 1px 20px 1px 10px;
	  width: 170px; 
  }


	
	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 #007DB5;
  	width: 170px;
  	height: 15px;
  	font-size:11px;
  	text-decoration: none;
  }

    a.navi:link  {   /* Hintergrundfarbe und Schriftfarbe Navileiste links */
    color: #314184;
	background-color: #CEEFFF;
    text-decoration: none;
  }

    a.navi:visited  {  /* Schriftfarbe, Größe, Dicke für Navileiste links */
  	background-color:#CCCCCC;
	color: #314184;
	display: block;
  }

  	a.navi:active {  /* Färbung nach Auswahl der Option, Rücksprung für Navileiste links*/ 
    font-size: 11px;
	color: #CC6600;
	background-color: #FAE6AF;
    text-decoration: none;
  }

    a.navi:hover  {  /* Hover Effekt in der Menüleiste (Hintergrund + Hervorhebungsfarbe) */
  	background-color:#FF6600;
	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/back.gif) no-repeat bottom left; */
  }
  
    #content2 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /üeber_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; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }
    
	#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  /gewinnspiel.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: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

    #content7 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /spargelmarkt.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  /burgfestival.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  /altstadtfest.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  /weihnachtsmarkt.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  /aussteller.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  /werben.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  /mitglieder.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  /presse.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
	  background: url(images/back3.gif) no-repeat bottom left;
  }

     #content16 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /virtuelles_brueggen.php*/
	  margin: 5px 0px 0px 0px;
	  padding-left: 20px;
	  overflow:auto;	  
  }
  
    #content20 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /kontakt.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
  }
  
    #content21 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /impressum.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
  }
  
    #content30 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /renewsletter.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
  }
  
    #content31 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /renewsletter2.php*/
	  margin: 20px 20px 0px 0px;
	  padding-left: 20px;
	  height: 340px; 
      overflow:auto; 
  }
  
	#content32 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /renewsletter3.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;
  }
  
    label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */

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

    .error {
    color: #FE030F;
}

    .success {
    color: #295F05;
}