#body
   * {
    margin: 0;
    padding: 0;

}
 
html, body {
    height: 101%;
    background-color: #D6D6BD;
    font-size: 1em; 
}


* html #wrapper {
min-height: 100%;
} 

#wrapper
    {
  width: 960px;
  background-color: white;
  margin-left: auto;
  margin-top: 0px;
  margin-right: auto; /* Abstand rechts */
  margin-bottom: 0px;
  margin-left: auto; /* Abstand links */ 
  box-shadow: 0 0 10px #000;
  border:1px solid #000;
    }

/* Ab hier Kopfbereich */ 

#kopfbereich
    { 
    z-index: 15;
    float: right;
    text-align: center;
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:red;
    background-color: #D6D6BD;
    margin-left: 170px;
    margin-right: 20px;
    margin-top: 20px;
    margin-bottom: 10px; 
    font-size: 0.6em; 
    position: relative;     
    
       }
       
/* Ab hier Navigation */ 
      
#navigation   {
    z-index: 3;
  
    margin-bottom: 50px;
    font-family: "helvetica", "verdana", "arial", sans-serif;
    background-color: #444F9E;   
    margin-left: 20px;
    margin-top: 20px;
        color: #FFFF00;
    font-size: 0.8em;
    box-shadow: 0 0 10px #000;
   border:1px solid #000;
    }
ul#navigation {
		font-family: Arial, Verdana, sans-serif, 10px;
						}
						
    ul#navigation {
    	
		padding: 0px;
		list-style-type: none;
	}
	ul#navigation {
		float: left; 		
		position: fixed;
	}

	ul#navigation li {
		padding: 0px;
		margin: 5px;
		width: 10em;
		font-family: Arial, Helvetica, sans-serif;
		color: yellow;
	}

	ul#navigation li a:link {
		display: block;
		border: 0px solid #000;
		background-color: #00FFCC;
		padding: 4px;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}


	ul#navigation li a:visited {
		display: block;
		border: 0px solid #000;
		background-color: #00FFCC;
		color: #000;
	}
	ul#navigation li a:hover {
		display: block;
		border: 0px solid #54993f;
		background-color: #727165;
		color: yellow;
	}

	ul#navigation li a:active {
		display: block;
		border: 0px solid #54993f;
		background-color: #000077;
		color: yellow;
	}
	
  
#navlogo
   {
   float: left; 
   width: 10em;
   height: 102%;
   margin-bottom: 5em;
   margin-left: 20px;
   margin-top: 25px;
   position: relative;
   background-color: #FFFFFF    
  }  
  
#breadcrumbs

{
   z-index: 6;
   
   margin-left: 170px;
   text-align: center;   
   font-family: "helvetica", "verdana", "arial", sans-serif;
   color: black; 
background-color: #FFFFFF  
}


#letztaenderung

{   
   margin-left: 170px;
   
   height: 10em;
   text-align: center;
   font-family: "helvetica", "verdana", "arial", sans-serif;
   color: white;
   font-size: 0.8em;
   position: relative;
   z-index: 10;
}

	
/* Ab hier Inhalt */    

#inhalt
{
    padding-left: 8px;
    z-index: 5;
    position: relative;
    font-family: "helvetica", "verdana", "arial", sans-serif;
    background-color: #FFFFFF;
    padding-top: 30px;
    margin-left: 170px;
    margin-right: 20px;
    margin-bottom: 100px;
    color:#3C3434;
    font-size: 1em;
    padding-bottom: 3em;  
    }
    
    a:link
    {
    color: #F4F1F1
    }
    a:hover {
    color: #FFC200;
    }
    a:visited {
    color: #FFFF00
    }
    
    
h1  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    margin-left: 0px;
    
    color:orange;
    text-align: center;
    background-color: #E16A6A;
    font-size: 3em;  
    text-shadow: 0.1em 0.1em 0.2em black;     
    }
h2  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:orange; 
    margin-left: 0px;
    
    font-size: 2em;
    text-shadow: 0.1em 0.1em 0.2em black; 
    }
h3  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:orange;
    margin-left: 0px; 
    
    font-size: 1.5em;
    text-shadow: 0.1em 0.1em 0.2em black;
    }
h4  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:orange; 
    margin-left: 0px;
    font-size: 1.2em;
    }
    
h5  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-left: 0px; 
    }

h6  {
     font-size: smaller;
    
    }
ul  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    margin-left: 20px;  
    color: #000077;
    font-size: 1em;
    }
    
li  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    margin-left: 20px;
    color: #000077;
    font-size: 1em;
    }
    
    
    /* Ab hier Obenpfeil */

#obenpfeil
    {
    right: 0;
    bottom: 0;
    position: fixed;
    z-index: 20;
    }
    
#logo_untenlinks  
    { 
    
    margin-left: 20px;
    position: relative;
    bottom: 80px;
 
    z-index: 2;
    
    }
  
    
/* Ab hier Fussbereich */  
  
#fussbereich
    {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    text-align: center; 
    color:red;
    background-color: #D6D6BD;
    font-size: 0.6em;
    
    position: relative;
    margin-top: -7.5em;
    margin-left: 5px;
    margin-right: 5px;
    }
    


    
 /* Ab hier Startseite */    

 .seitenfelder
 {     
 
 float: right;
 background-color: #F4F1F1;
 width: 12em;
 padding: 5px;
 margin-right: 5px;
 margin-top: 35px;
 position: relative;
 box-shadow: 0 0 10px #000;
   border:1px solid #000;  
 
  }
  
 .seitenfelder
 ul {
    margin-left: 0.1em; padding-left: 0.1em;
    font-family: "helvetica", "verdana", "arial", sans-serif;     
    color: #000077;
    font-size: 0.9em;  
        } 
   
 #counter
 {
 margin-top: 50px;
     }
     
#letzteinfo
{
    width: 350px;
    
    text-align: left;
    margin-top: 50px;
   }

 #linksvorne
 
 {
font-family: "helvetica", "verdana", "arial", sans-serif;
margin-top: 150px;

margin-right: 180px;
margin-bottom: 180px;
margin-left: 1px;
text-align: center; 
position: relative;   
 }


 
/* Ab hier Navigation Unsere Schule */

.nav_quer   
{
           
    font-family: "helvetica", "verdana", "arial", sans-serif;
    background-color: #444F9E;
    margin-left: 0px;
    text-align: center;
        color: #FFFF00;
    font-size: 0.8em;
    box-shadow: 0 0 5px #000;
   
 }  

    
    ul.nav_quer 
    {
		font-family: Arial, Verdana, sans-serif;
				}

    
	ul.nav_quer {
	position: relative;
		
	}

	ul.nav_quer li {
	display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
		padding: 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: yellow;
	}

	ul.nav_quer li a:link {
		display: inline-block;
		border: 0px solid #000;
		background-color: #00FFCC;
		padding: 4px;
		
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}


	ul.nav_quer li a:visited {
		display: inline-block;
		border: 0px solid #000;
		background-color: #00FFCC;
		color: #000;
	}
	ul.nav_quer li a:hover {
		display: inline-block;
		border: 0px solid #54993f;
		background-color: #727165;
		color: yellow;
	}

	ul.nav_quere li a:active {
		display: inline-block;
		border: 0px solid #54993f;
		background-color: #000077;
		color: yellow;
	}
 
   /* Ab hier Navigation Förderverein */

#nav_foerderv  
{

    font-family: "helvetica", "verdana", "arial", sans-serif;
    background-color: #444F9E;
    margin-left: 0px;
    text-align: center;
        color: #FFFF00;
    font-size: 0.8em;
    box-shadow: 0 0 5px #000;

 }


ul#nav_foerderv {
		font-family: Arial, Verdana, sans-serif;
				}


	ul#nav_foerderv {
	position: relative;

	}

	ul#nav_foerderv li {
	display: inline; /* li nebeneinander anzeigen */
    list-style-type: none; /* ohne Aufzählungspunkte */
		padding: 0px;
		margin: 0px;
		font-family: Arial, Helvetica, sans-serif;
		color: yellow;
	}

	ul#nav_foerderv li a:link {
		display: inline-block;
		border: 0px solid #000;
		background-color: #00FFCC;
		padding: 4px;

		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		text-decoration: none;
		font-weight: bold;
	}


	ul#nav_foerderv li a:visited {
		display: inline-block;
		border: 0px solid #000;
		background-color: #00FFCC;
		color: #000;
	}
	ul#nav_foerderv li a:hover {
		display: inline-block;
		border: 0px solid #54993f;
		background-color: #727165;
		color: yellow;
	}

	ul#nav_foerderv li a:active {
		display: inline-block;
		border: 0px solid #54993f;
		background-color: #000077;
		color: yellow;
	}
 
    
   .inhalt-kuenstler
 
{
    padding-left: 8px;
    z-index: 5;
    position: relative;
    font-family: "helvetica", "verdana", "arial", sans-serif;
    background-color: #0000A0;
    padding-top: 30px;
    margin-left: 170px;
    margin-right: 20px;
    margin-bottom: 100px;
    color:white;
    font-size: 1em;
    padding-bottom: 3em;       
    }
    
    
h1  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    margin-left: 0px;
    padding-left: -8;
    color:orange;
    text-align: center;
    background-color: #E16A6A;
    font-size: 3em;
    text-shadow: 0.1em 0.1em 0.2em black;
    }
h2  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:orange;
    margin-left: 0px;
    background-color: white
    font-size: 2em;
    text-shadow: 0.1em 0.1em 0.2em black;
    }
h3  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:orange;
    margin-left: 0px;
    background-color: white
    font-size: 1.5em;
    text-shadow: 0.1em 0.1em 0.2em black;
    }
h4  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    color:orange;
    margin-left: 0px;
    font-size: 1.2em;
    }

h5  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    font-weight: bold;
    font-size: 1em;
    margin-left: 0px;
    }

h6  {
     font-size: smaller;

    }
ul  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    margin-left: 20px;
    color: #000077;
    font-size: 1em;
    }

li  {
    font-family: "helvetica", "verdana", "arial", sans-serif;
    margin-left: 20px;
    color: #000077;
    font-size: 1em;
    }