/* ############################################################## */
/* ###################### Hauptzeugs zuerst ##################### */
/* ############################################################## */
/* ##Farben: #aa190a =dunkelrot, Navi links: DDA49A, hellrose-box: EFE3E3, Hintergrund: 003333, dD7D7D7, grau  ######### */
/* ###Navigation waagerecht ##################################### */
* { padding:0; margin:0; }  


body {
	margin: 0;
	padding: 0;
	font-size:90%;
	color:#000000; /* Schriftfarbe*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #003333;
	}
	
a {text-decoration: underline;}

a:link {color:#000000; /* #003399;*/ }

a:visited {color:#003399;}

a:hover {text-decoration: underline;}

span { text-decoration:underline;}

 
p, ul, li, ol {
	font-size:100%;
	color: #000000;
	
}

h1 {
	  font-size:110%;
      color: #000000;
}

 h2 { font-size:110%; margin-bottom:1em; color: #000000; }

 h3, h4, h5 {
	  font-size:100%;
      color: #000000;
}

	#frame {
		width:1002px;
		margin-right:auto;
		margin-left:auto;
		margin-top:15px;
		margin-bottom:1em;
		padding:0;
		text-align:left;
	background-color:#FFFFFF;
		}	

	#contentheader {
	   width:1000px;
        height:158px;
		background-image:url(/bilderx/neukopf.jpg);
		background-repeat:no-repeat;
		margin:0px;
		padding:0px;
		float:right;
					
		}
		
	#contentleft {
		width:19%;
		height:auto;
		float:left;
		border-right:1px solid #DDBCAB;
		padding:0;
		margin:0;
		margin-bottom:1.5em;

		}

	p,h1,pre,img {
		margin:0;
		
	}
		
	#contentleft p, h1, h2 {
		font-size:90%;
		padding:0.6em 0 0.5em 1.2em;
		margin:0;
	}
	

	#contentleft ul li {
	
	font-size:115%;
	padding:0 0.5 0 1.2;
	line-height:0.8;
	margin:0;
	}	
	
	.box_email {
		width:97%;
		padding:0px;
		margin-top:4px;
		margin-bottom:2px;
}	
	
	  .box_email p img {
	  margin-top:6px;
	}
		
	.box_li  {
	    width:97%;
		padding:0px;
		padding-bottom:2px;
		float:right;
		margin-top:4px;
		margin-right:1px;
		margin-bottom:5px;
		border:1px solid #ccc;
	} 

    .box_li  p {
		padding:6px 2px 3px 2px;
		margin-left:0.8em;
		margin-right:0.8em;
		padding-bottom:0.5em;
	}
	
	.box_li  a:hover  img {
	    background-color:#CCCCCC;
		color:#FFFFFF;
   }
   
    .box_li img {
		 border:1px solid #aa190a;
		 margin-left:20%;
   }
	
	
	.box_li table {
		margin:1px;
	}
	 
	#content {
	    width:79%;
		height:auto;
		padding:0px;
		float:right;
		background:#fff;
		margin-left:1px;
		margin-right:1px;
	  	
	}
	
	#content p { 
	    font-size:90%;
		margin-left:1.5em;
	}
	
	#content h1 { 
	    font-size:100%;
		font-weight:bold;
		margin-left:0.1em;
		padding-top:1.5em;
		
	} 
	
	#content h2 { 
	    font-size:100%;
		font-weight:bold;
		margin-left:0.1em;
	}
	
	#content h3 { 
	    font-size:120%;
		font-weight:bold;
		margin-left:0.9em;
	}
	
	#content h4 { 
	    font-size:130%;
		font-weight:bold;
		margin-left:0.9em;
	}
	
	 #content ul li {
	font-size: 90%;
	margin-left:2.6em;

	}
	
	#content img {
	float:right;
	margin-right:2em;
		margin-bottom:2.0em;
		border:1px solid black;
	}
	
	#content a {
		color: #003399;
		text-decoration:underline;
	}
	
	#content a:hover {
		text-decoration:underline;
		background-color:#FFFFFF;
		
	}
	
	#contentmitte {
		width:75%;
		height:auto;
		padding:0px;
		float:left;
		margin-left:1px;
		margin-right:5px;
		background:#fff;
		}
		
	#leitung_tab {  /*Tabelle für Schulleitung*/
	background-color:#F7F1F1;
	
	} 

	#content_news {  /*Hintergrund für News */
		border:1px solid #EFE3E3;
	}

		#contentmitte p,h1,h2 { margin-right:5px;		}
		
		#contentmitte table {
		font-size:0.8em;		
		
		}
		
		#contentmitte_sonder img { /*Bild ohne Rahmen */
		border:none;
		
	}
		
		#contentmitte table {
		width:90%; 
		background-color:#ffffff;
		margin-left:20px;
		margin-bottom:20px;
		border:1px solid #ad1f11;
 }

	#contentmitte  a {text-decoration:underline;}

	#contentmitte  a:hover {text-decoration:underline; background-color:#FFFFFF; }

	#c_formular {
	width:90%;
	}

	#c_formular p { background-color:#DDA49D;
	margin-bottom:4px;
	}

	#contentmitte ul li {
	margin-left:5em;

	}

	#contentmitte ul ul li {
	margin-left:8em;
	
	}

	#contentmitte  img {
	float:right;
	margin-right:15px;
	
	}


	#contmitte_fachkab img {
	float:right;
	margin-right:15px;
	margin-bottom:30px;
	
	}
	
	#contmitte_fachkab h2 {
	margin-bottom:210px;
	}

	.class_si {
	margin-top:5px;
	margin-bottom:3px;
	font-weight:bold;
	
	}


	#contentrechts {
	width:24%;
	float:right;
	
	}

	#contentrechts p {
	margin-left:7px;
	margin-right:5px;
	margin-bottom:15px
	
	}

	#contentrechts h1 {
	margin-left:7px;
	margin-right:5px;
	margin-bottom:2px;
	
	}


	/* für Bilder im Content - zentriert*/
	.box0  {
			width:70%;
			padding-bottom:2px;
			float:left;
			margin-left:5em;
			margin-top:4px;
			margin-right:3px;
			margin-bottom:5px;
	}

	.box1  {
	    width:95%;
		background-color:#EFE3E3;
		padding:0px;
		padding-bottom:2px;
		float:right;
		margin-top:4px;
		margin-right:3px;
		margin-bottom:10px;
		border:1px solid #ccc;
		
	} 

	
	.box1 h1 {color:#990000; padding-left:2px;	}
	
	.box1  a:hover {background-color: #CCCCCC; color: #000033; }

	.box2  {
	    width:95%;
		background-color:#EFE3E3;
		padding:0px;
		padding-bottom:2px;
		float:right;
		margin-top:4px;
		margin-right:3px;
		margin-bottom:5px;
		border:1px solid #ccc;
		
	} 

    .box2 p {
		padding:6px 2px 3px 2px;
		margin-left:0.6em;
		margin-right:0.6em;
		padding-bottom:0.5em;
	
	}
	
	.box2 h1 {color:#990000; padding-left:2px;	}
	
	.box2  a:hover { background-color: #CCCCCC;	color: #000033;	}
	
	/*.box2 table { margin:2px;}*/

	#footer {
		width:100%;
		margin-right:auto;
		margin-left:auto;
		margin-top:0px;
		padding-top:0.5em;
		padding-bottom:0.5em;
		text-align:center;
		font-size:75%;

		}

	.address {  /*adresse im Fuss */
	    width:100%;
		height:2.4%;
		margin-right:auto;
		margin-left:auto;
	    text-align:center;
		padding-top:0.2em;
		padding-bottom:0.2em;
		background-color:#aa190a;
		color:#FFFFFF;
		font-size:80%;
	    font-weight:bold;
		
	}
	
	
	#nav  {
	    width:92%;
		margin:0;
		padding:0;
		float:left;
		
	}
	
	#nav h1 {
	    width:100%;
		border-bottom:1px solid #3366FF;
		background-color:#AA190A;
		color: #FFFFFF;
		font-size:85%;
		text-align:left;
		margin:0;
		padding:0.1em 0 0 1.2em;
		font-weight:bold;
	
		}
		
		
		#nav h2 {
		width:100%;
		height:auto;		
		background-color:#DDA49D;
		color: #000000;
		font-size:85%;
		margin:0;
		padding:0.5em 0 0.4em 1.2em;
		font-weight:bold;
		border-bottom:1px solid white;
		}
		
		#nav h2 a{
			text-decoration: none;
		}
	
		#nav h2 a:hover {
			text-decoration: underline;
		}
		
		
		#nav ul {
			list-style:none;
			padding:0;
			margin:0;
			text-align:left;
			font-size:70%;
		}
	
	#nav ul li a {
		text-decoration:none;
		/*width:120%;*/
		width:101%;
		display:block;
		padding:0.7em 0 0.8em 1.2em;
		border-bottom:1px solid #ccc;
		color: #000033;
	}


	
	#nav ul a:hover{
		background-color: #CCCCCC;
		color: #000033;
	}
	
	#nav ul ol img{
	     width:100%;
	 	 height:auto;		
	     background-color:#DDA49D;
		margin:0;
		padding:0.5em 0 0.4em 1.2em;
		border-bottom:1px solid white;
	
	}
	

	
	.img {
		text-align:center;
		
 
	}
	
	.img img {
        border:1px solid black;
		margin-bottom:0.5em;
	    
	}


 	
	#content_frame  p { /*über ganze Seite */
		font-size:80%;
		margin-left:1.0em;
		margin-right:1.0em;
		
	}

	#content_frame p img {
	margin-right:0.5em;
	margin-left:1.0em;
		
	}

	#content_frame  img  {
	margin-left:1.0em;
	margin-top:1.2em;
	margin-bottom:1.0em;
	margin-right:0.5em;
		 border:1px solid #CCCCCC;

	 }
	 
	 #content_frame h2 {
	 float:right;
	 margin-right:2.5em;
	 
	 }
	 


.bildabstand20  {
margin-bottom:20em;

} 

.bildabstand10 { margin-bottom:10em;}