body {
	
	background:  #41a5de url(img/blue_grd.png) repeat-x;
    	font-size: 100.1%;
    	font-family: Helvetica,Arial,sans-serif;
    	margin: 0 auto; padding: 0em;
    	text-align: left;
    	min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
  }

/*Zentraler Inhaltsbereich mit 48em (ca. 800px Breite bei Firefox mit normaler 
  Schriftgrösse) */
#container {
	background:  #E6F2F6 url(img/rect3132.png) repeat;
	font-size: 0.95em;
	line-height:1.4em;
	width: 49em;
	min-width: 756px;
	margin: 0 auto;
	padding: 0.5em 1em 2em 1em;
	border-top: 0;
	border-right: 2px solid #b0b0b0;
	border-bottom: 0;
	border-left: 2px solid #b0b0b0;
}

/*Überschriftendefinitionen */
h1{
	font-size: 24px;
	font-family: Georgia, Palatino, serif;
	font-style: italic;	
	text-align: center;
	color: #000;
	clear:both;
	display: block;
}

h2{     font-family: Georgia, Palatino, serif;
	font-size: 18px;
	text-align: center;
	color: #000;
	clear:both;
	display: block;
}
/*Diese Überschrift hat eine Trennlinie */
h3 {	font-size: 16px;
	border-bottom: 1px solid #666666;
	line-height:1.2em;
	color: #000066;
	clear:both;
	display: block;
	padding-top:0.5em;
}
h4 {font-size: 14px;
	text-align: center;
	line-height:1.2em;
	color: #000066;
	clear:both;
	display: block;
}
h5 {font-size: 10px;
	text-align: left;
	color: #000066;
	clear:both;
	display: block;
}

/*Links */
a{
	color: #ff6600;
	text-decoration: none;
}


a:hover{
	color: #4400FF;
	text-decoration:underline; 
}



p{
	color: #191970;
	
}


ul{
	color: #191970;
	margin-left:1em;
	margin-right:0em;
	line-height:1.4em;
}



/*Blaue Titelzeile für alle Seiten*/
#header {
	background-image: url(img/header-neu.png);
	height: 44px;
	border-bottom: 2px solid white;
	
}

/*Text der Titelzeile, wird derzeit nicht benutzt*/
#header h1
{
	margin: 0px;
	font-size: 26px;
	font-family: Georgia, Palatino, serif;	
	font-style: italic;
	font-weight: normal;
	color: white;
	
}


/*Definition des bunten vertikalen Hauptmenüs auf der Startseite */
#nav{
	float:left;width:130px;
	margin-top:0em;
	margin-right:4em;
	margin-left:1em;
	padding-right:2px;
	padding-top:0em;
	padding-left:0em;
	padding-bottom:0em;
	font-size: 0.9em;
	font-family:  Helvetica,Lucida,Verdana,Arial;
	text-align: center;
	

}

#nav ul{
	display: inline;
	text-align: center;
	padding-top:0em;

	
}

#nav ul li{
	list-style: none;
	width: 130px;	
	border:1px solid #41a5de;
	line-height:1.1em;
	}

#nav ul li#schule a{
	background: #FCDD28;
	text-decoration: none;
	/*color: #ffffff;*/
	display: block;
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#nav ul li#schule a:hover{
	color: #000000;
	background:  #ffff99 url(img/but_yel_br.png) no-repeat;
}

#nav ul li#aktuelles a{
	background: #3cb371; 
	text-decoration: none;
	color: #ffffff;
	display: block;
	
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#nav ul li#aktuelles a:hover{
	color: #000000;
	background:  #b4eeb4 url(img/but_gn_br.png) no-repeat;
}

#nav ul li#schulprogramm a{
	background: #ee3b3b;
	text-decoration: none;
	color: #ffffff;
	display: block;
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#nav ul li#schulprogramm a:hover{
	color: #000000;
	background:  #ffc651 url(img/but_br_br.png) no-repeat;
}

#nav ul li#foerderverein a{
	background: #5751c7;
	text-decoration: none;
	color: #ffffff;
	display: block;
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#nav ul li#foerderverein a:hover{
	color: #000000;
	background:  #ffec8b url(img/but_bl_br.png) no-repeat;
}
#nav ul li#ogs a{
	background: #5751c7;
	text-decoration: none;
	color: #ffffff;
	display: block;
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#nav ul li#ogs a:hover{
	color: #000000;
	background:  #9999ff url(img/but_bl_br.png) no-repeat;
}

#nav ul li#links a{
	background: #DF6067;
	text-decoration: none;
	color: #ffffff;
	display: block;
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
}

#nav ul li#links a:hover{
	color: #000000;
	background:  #ffb6c1 url(img/but_pn_br.png) no-repeat;
}


#nav ul li#impressum a{
	background: #7D7D7D;
	text-decoration: none;
	color: #ffffff;
	display: block;
	max-height:1px;
	padding-top: 1em;
	padding-bottom: 3em;
	clear:left;
}

#nav ul li#impressum a:hover{
	color: #000000;
	background:  #b9b9b9 url(img/but_gr_br.png) no-repeat;

}


/*Ankerpunkte für "zurück zum Seitenanfang" */
.minilinks{
	font-style: italic;
	font-size: 0.8em;
	float: right;
	clear:left;
	
}

.minilinks a{
	color: #cd3700;
	/*border-right:1px solid gray; */
	margin:1px;
}

.minilinks a:hover{
	color: #ffffcc;
	background: #666699;
}

.headline {font-size: 16px;
	text-align: left;
	color: #000066;
}

/*Definition der kleinen horizontalen Links zur Binnennavigation unter der Titelzeile */
 ul#SubNavigation {
	
	font-style: italic;
	font-size: 0.8em;    	
	line-height:1.2em;
	/*background: #B0B0B0;*/
	margin: 0; padding: 1px;
	margin-right: 1.4em;
	clear: left;
	float: right;
   
  }
  ul#SubNavigation li {
    	list-style: none;
     	margin-left: 1px; 
	padding: 1px;
	float: left;	
	text-align: center;
	border-right:1px solid gray; 
	
  }

  ul#SubNavigation a, ul#SubNavigation span {
    	padding: 0px 4px;
    	text-decoration: none; 
    	color: #cd1700;
    	float: left; 
	width: auto;
    	max-height:0.1px;
	padding-top: 0em;
    	padding-bottom: 1.2em;

	
  }
 
  ul#SubNavigation a:hover, ul#SubNavigation span {
	padding: 0px 4px;	
	color: #ffffcc;
	background: #666699;
	padding-bottom: 1.2em;
    
  }


#startmitte {
	margin-left:0px; 
	padding-top: 0px; 
	padding-right:10px; 
	
}
/*#info {position:absolute; margin-left:180px; padding-right: 10 px; padding-top: 10px; font-size: 16 px
}*/

/*Klasse, die Fotos mit einer Bildlegende darstellt*/
dl.fotolinks {
	float: left;
	margin: 15px 20px 10px 20px;
	padding: 4px;	
	border:1px solid #AAAAAA; 
	background-color: #fff;
	
	}
dl.fotorechts {
	float: right;
	margin: 15px 20px 10px 20px;
	padding: 4px;
	border:1px solid #AAAAAA; 
	background-color: #fff;
	
	}

dl.fotolinks dd, dl.fotorechts dd { 
	/*background-color: #C7C5BE; /*Hintergrundfarbe der Bildlegende*/
	padding: 6px 3px 3px 3px;
	position: relative;
	font-style: italic;
	font-size: 0.8em;
	line-height:1.2em;
	color: #000000;
	margin: 0; 
} 

/*Dieser Container speichert Bilder in einer Galerie, ohne von Text umflossen zu werden */
#bildcontainer {
	clear:both;
	width: 48em;
	margin: 0 auto;
	overflow:hidden;
}

/*Skalierbare Bilder: klein b13.5, mittelgroß b18 und groesser b19_6, koennen mit der Klasse fuer die Bildlegende kombiniert werden */
img.b13_5 { width:13.5em;
		height:9.2em;
}


img.b18 { width:18em;
		height:12.5em;
}

img.b19_6 { width:19.6em;
		height:14.4em;
}

/*Fußzeile */
#footer {
  	color: rgb(51,51,102);
  	font-size: 0.8em;
  	text-align: center;
  	line-height: 1.25em;
  	clear: left;
	border-top: 2px solid #b0b0b0;
	border-bottom: 2px solid #b0b0b0;
	
}

/*auf dem Bildschirm unsichtbar, nur zum ausdrucken*/
@media screen {
#onlyprt {display:none}
	}