@charset "utf-8";
/* CSS Document */

body
{
font-family:"Comic Sans MS";
background-color:  #CCCCCC;
color:#000000;
font-size:14px;

}




div.banner table
{
	background-color:#CC0000;
	font-size:36px;
	color:#CCCCCC;
	text-align:center;
	height:18px;
	width:100%;


}

div.hnav 
{
	
	width:100%;
	height:30px;
	background-color: #999999;
}	

div.hnav ul
{
	list-style:none;
	margin:0;
	height:30px;  
	/*vertical-align:middle; */
	

	
}

div.hnav li
{
	
	text-align:center;
	text-decoration:none;
	font-size:14px; /*vorher 16px*/
	float: right;
	width:14%;	
	border-left-style: solid;
	border-left-color: #999999;
	border-right-color:#999999;
	border-bottom-color: #999999;
	border-left-width:2px;
	border-right-width:2px;
	margin-top:3px;
	margin-bottom:6px;
	display: block;
	background-color: #006633;
	
	
}

div.hnav a
{
	text-decoration:none;
	background-color:#CCCCCC;
	
	
	height:25px; 
	display:block; 
	padding-top:3px; 
	margin-bottom:-3px;
	
	color: #333333;

}




div.hnav a:hover
{
	text-decoration:none;
	color: #CC0000;
	margin:0;
	padding:0;
	

	
}
	
div.vnav
{
	background-color:#CC0000;
	
	width:200px; 
	height:350px;
	float:left;
	padding-top:20px;
	padding-left:5px;
	margin-top:30px;
	border-right-color:#333333;
	border-right-style:solid;
		
	
}  


div.vnav ul
{
	
	border-right-width:2px;
	margin-top:-20px; /*damit rutscht der  Text nach oben*/
	padding-top:10px;
	float:left;
	margin-left:2px; /*vorher 5px*/
	
	
}






div.vnav li
{

	list-style:none;
	border-bottom-color:#333333;
	border-left-color:#333333;
	border-bottom-style:solid;
	border-left-style:solid;
	border-bottom-width:1px;
	border-left-width:1px;
	height:25px;
	padding-left:3px;
	width:88%;
	padding-top:10px;
	display:block;
	margin-left:5px;
	
		
}



div.vnav a
{
text-decoration:none;
color: #000000;
font-size:14px; /*vorher 16px*/
display:block;
height:25px;

}



div.vnav a:hover
{
background-color:#CCCCCC;
color: #CC0000;
display:block;
font-size: 14px;/*vorher 16px*/
display:block;


	


	
}



div.inhalt
{
	
		
	margin-top:30px;
	margin-left:15px;
	height:400px;
	
	float:left;
	width:auto;
		
}







p.index
{
	text-align:center;

}

div.inhalt table
{
text-align:left;
width:auto;
height:auto;


}


div.inhalt table col left
{
	text-align:left;
	width:auto;
	height:auto;



}

div.inhalt table col right
{
	text-align:center;
	background-position:center;
	width:150px;
	
}


div.inhalt li
{
	
	list-style:none;
	
}

div.inhalt p 1
{
	float:left;
	width:300px;
	height:auto;


}


div.inhalt p 2
{
	float:left;
	width:200px;
	height:300px;
	overflow:scroll;
	border:thin;
	border-color:#CC0033;
	background-color:#666666;
	
	margin:50px;
	position: absolute;
	top:250px;
	left:500px;
	
}





p.Schulgeschichte1
{

width: 310px;
height:270px;
overflow: scroll;
margin:0px;
padding-right:10px;

}




p.Schulgeschichte3
{

width: 310px;
height:150px;
overflow: scroll;
margin:0px;
padding-right:10px;

}


p.Schulgeschichte2
{

width:300px;
height:220px;
overflow: scroll;
margin:0px;
padding-right:10px;

}


p.Schulgeschichte4
{

width:280px;
height:250px;
overflow: scroll;
margin:0px;
padding-right:10px;

}


p.BilderKollegium
{
width:150px;
height:205px;
overflow: scroll;
float:right;
padding-top:0;



}

div.inhalt a
{
text-decoration:none

}


div.Regenwald-Aktionen
{

width:240px;
height:250px;
overflow: scroll;
margin:0px;
padding-right:10px;

}

p.Schulfest1
{

width:250px;
height:150px;
overflow: scroll;
margin:0px;
padding-right:10px;
}


p.Schulfest2
{

width:300px;
height:250px;
overflow: scroll;
margin:0px;
padding-right:10px;
}

div.ZirkusSchulfest1
{

width: 240px;
height:150px;
overflow: scroll;
margin:0px;
padding-right:10px;

}

div.maerchen1 
{
background-image:
url(../pics/pics%20maerchen/Tanzende%20Prinzessin08%20hell%20100px.jpg);
background-repeat:inherit; 
margin-left:250px; margin-top:25px;
}

div.maerchen2 
{
background-image:
url(../pics/pics%20maerchen/Tanzende%20Prinzessin09%20hell%20100px.jpg);
background-repeat:inherit; 
margin-left:250px; margin-top:25px;
}

div.maerchen3 
{
background-image:
url(../pics/pics%20maerchen/Tanzende%20Prinzessin07%20hell%20100px.jpg);
background-repeat:inherit; 
margin-left:250px; margin-top:25px;
}


div.maerchen4 
{
background-image:
url(../pics/pics%20maerchen/Drosselbart03.jpg);


margin-left:250px; margin-top:25px;
}





div.inhalt2
{margin-left:250px}