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

	body
	{
		font-family: Verdana, Arial, Helvetica, sans-serif; 
	    font-size: 12px;
		text-align: center; 
		color: #000;
		background-color: #FFFFFF;
		background-image: url(./images/textur2.jpg);  
	}
	
	a:link  {   /* Hintergrundfarbe und Schriftfarbe obere Navileiste, Impressum, sonstige Links */
    color: #9F9F9F;
	background-color: #FFFFFF;
    text-decoration: none;
  }
  
    a:visited  {  /* Schriftfarbe, Größe, Dicke für alle Navileisten, Copyright Bereich */
    font-size: 12px; 
	color: #9F9F9F;
	background-color: #FFFFFF;
    text-decoration: none;
  }      
      	
	a:hover {  /* Hovereffekt für obere Navileiste, Impressum und Copyright Bereich */  
    font-size: 12px; 
	color: #333333;
	background-color: #FFFFFF;
	
	/*border-bottom: 1px #970404 solid;   Funktion unterstreichen */
    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: 202px;
	  border-bottom: 3px solid #737373;
 	}
	
    #headertop {  /* Oberer Farbblock als Hintergrundbild für die obere Navigationsleiste */
   	text-align: right;
	margin-right: 40px; 
	background-image: url(./images/headertop2.gif); 
	background-repeat:no-repeat;
	}
	
	#headerbottom {
    height: 90px;
  }
  
    #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: 357px;
	  vertical-align: bottom;
	  background-color: #FFFFFF;
	}
	
	.navi	{  /* Header Menüleiste : grau / weiss */
	  background-color:#737373;
	  display: block;
	  color: #FFF;
	  vertical-align: middle;
	  padding: 3px 20px 3px 10px;
	  width: 170px;
	  height: 14px;
	  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 #737373;
  	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;
    color: #CCCCCC;
	background-color: #E5E7E5;	
	vertical-align: middle;
    width: 170px;
  	font-size:12px;
	font-weight: bold;
  	text-decoration: none;
  }  
  
    a.active2	 {  /* Färbung nach Auswahl der Option, Rücksprung für Navileiste links*/ 
   	display: block;
    color: #FFFFFF;
	background-color: #AB7A89;	
	vertical-align: middle;
  	padding:3px 10px 3px 20px;
    border-bottom: solid 1px #344444;	
	width: 170px;
  	height: 15px;
  	font-size:12px;
	text-decoration: none;
  }  	
	
	
	a.navi:link  {   /* Hintergrundfarbe und Schriftfarbe Navileiste links */
    color: #666666;
	background-color: #E5E7E5;
    text-decoration: none;
  } 

    a.navi:visited  {  /* Schriftfarbe, Größe, Dicke für Navileiste links */
  	background-color:#E5E7E5;
	color: #666666;
	display: block;
  }
  	
    a.navi:hover  {  /* Hover Effekt in der Menüleiste (Hintergrund + Hervorhebungsfarbe) */
  	background-color:#CCCCCC;
	color: #000000;
	display: block;
  }
  
	#content {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  /index.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
  }
  
    #content2 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite   Über uns   /wir.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
  }
  
    #content3 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Ballettkurse /ballettkurse.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
	  background: url(images/kurse.jpg) no-repeat top right;
  }
	
	#content4 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite   Aktuelles  /aktuell.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 	 
  }
    
	#content5 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Chronologie /chronologie.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
  }
	
	#content6 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Förderverein /foerderverein.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
  }
	
	#content7 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Vorankündigung /vorankuendigung.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 30px;
	  height: 345px;
	  overflow:auto; 
	  background: url(images/nussknacker.jpg) no-repeat top left;
  }

    #content8 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  So finden Sie uns /lageplan.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
	  background: url(images/karte.jpg) no-repeat top left;
   }
     
     #content9 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Kontakt /kontakt.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
  }

    #content10 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Gästebuch /gaestebuch.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto; 
   }

    #content11 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Fotoarchiv /fotos.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
	  overflow:auto;        
   }

    #content12 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Sponsoren /sponsoren.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      overflow:auto;
	  background: url(images/thanks.jpg) no-repeat top right; 
   }
     
     #content20 {  /* Hintergrundbild des Mittelframes / Infoteil der Webseite  Impressum /impressum.php*/
	  margin: 20px 0px 0px 0px;
	  padding-left: 20px;
	  height: 345px; 
      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 #666666;
  }
	
	#copyright
	{
    text-align: center;
	font-size:12px;
  }
  
    label, input, select, textarea { /* Alle Labels UND Formularelemente auswählen */

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

    .error {
    color: #FE030F;
  }

    .success {
    color: #295F05;
  }