/* CSS Document */

.temp{
text-align: center;
font-size: 12px;
margin: 200px auto 0 auto;
padding: 130px 0 0 0;
background: url(Bilder/logo.png) top center no-repeat;}

.temp a{color:#9b0000;}



html{ 
height: 100%;
background: #f4f4f4 url(Bilder/bg_top.jpg) top center repeat-x;}

body{
text-align: center;
padding: 20px 0 0 0;
margin: 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;}
    
a:hover{text-decoration: none;}

img{border: none;}

table{
height: 100%;
width: 100%;
font-size: 80%;
text-align: center;
background: bottom #f5f4f4 url(Bilder/verlauf_unten.jpg) repeat-x;}


#header{
width: 900px;
margin: 0 auto 40px auto;}

 /*.logo {float: left;}*/

        #topnavi{
        text-align: right;
        color: #ffffff;
        font-size: 90%;
        background: url(Bilder/top_navi.jpg) no-repeat center right;
        padding: 60px 14px 26px 0;}

                #topnavi a{
                color: #ffffff;
                margin: 0 4px;
                padding: 7px 0;
                text-decoration: none;
                background: url(Bilder/topnavi_a.jpg) no-repeat top center;}

                #topnavi a:hover{
                color: #5f5f5f;
                background: url(Bilder/topnavi_ahover.jpg) no-repeat top center;
                }


#banner{
padding: 36px 60px 29px 420px;
width: 420px;
margin: auto;
background: url(Bilder/banner.jpg) left top no-repeat;}
	
	 #banner p{
	 text-align: left;
     height: 80px;
     margin: 0;}

     #banner p a{
     background: url(Bilder/mehr.png) left top no-repeat;
     color: #9b0000;
     font-size: 90%;
	 padding: 2px 0;
     padding-left: 10px;}

     #banner p a:hover{
	 text-decoration: none;
	 background: url(Bilder/mehr.png) 0 -17px no-repeat;}

     #banner p span{
     margin: 0 15px 0 0;
     text-align: right;
     display: block;
	 font-size: 90%;}
	 
	 #banner p img {margin: -10px 0 0 -8px;}
	 

#contentwrap{
width: 899px;
margin: 0 auto 2px auto;
padding-bottom: 110px;
text-align: left;
border-right: 1px solid #9b0000; 
background: url(Bilder/content.jpg) left top repeat-y;}

#sidenavi{
	float: left;
	text-align: left;
	font-size: 90%;
	width: 145px;
	padding: 20px 10px 20px 15px;
	*padding: 30px 10px 20px 15px;
	height: 350px;
	background: #a20000 url(neu/Bilder/side_navi.jpg) left top no-repeat;}	 

		#menu {
		  overflow:hidden; 
		  width: 200px;
		  margin: -5px 0 0 -4px;
		  padding: 0; }
		  
		#menu li {
		  list-style-type:none; 
		  float:left; 
		  display:block; 
		  width: 160px; 
		  cursor: pointer; 
		  color:#fff; 
		  font-size: 13px;
		  line-height: 28px;}
			  
			#menu li span {
				display:none; 
				font-size: 11px;
				line-height: 15px;}
						
			#menu li:hover span {
				display:block; 
				margin:0 10px 10px 8px;
				*padding: 0 0 5px 0; }
				
			#menu li span a{				  
				display: block;
				text-decoration: none;
				color: #ffffff;
				margin: 0 0 3px 0;}
						
			#menu li span a:hover{ text-decoration: underline;}
			
			#menu li a {color: #fff; text-decoration: none;}
		
		
	#content{ 
	font-size: 86%;
	margin-left: 170px;
	min-height: 450px;}
	
		#content a{
		color: #9b0000; 
		text-decoration: none;}	
		
		#content a:hover{ text-decoration: underline;}
		
		#content .border{
		background: url(Bilder/border.jpg) no-repeat;
		width: 1px;
		height: 227px;
		position: relative;
		left: 729px;
		margin-bottom: -227px;}
		
		hr{
		color: #9b0000; 
		margin: 20px -15px; }
		
		.head{
		color: #000!important;
		font-weight: bold;
		font-size: 14px;}
		
		.head a{}
		.head:hover{text-decoration: none!important;}

		.sub{margin-left: 10px;}

    	#content .content{
    	padding: 10px 30px 10px 38px;
    	background: url(Bilder/hintergrund_inhalt.jpg) left top no-repeat; }
		
			.content table{
			background: transparent;
			font-size: 110%;
			width: 100%;}
			
				.content thead{font-weight: bold; color: #9b0000; }
				.content table td{padding: 5px 0;}
		
		#content span{*border:1px solid #f4f4f4;}
		
		#content p{margin: 0 0 0 20px;}
		
		#content .top{
		float: right;
		margin: 15px 10px 30px 0;}
			
			#content .top a{
			padding-left: 10px;
			background: url(Bilder/mehr.png) 0 -43px no-repeat;}
			
		#content .zurueck{
		text-align: right;
		margin: 15px 0 0 -5px;
		float: right;}
		
			#content .zurueck a{text-decoration: none;}
			
	
	
	
#footer{
height: 127px;
font-size: 70%;
width: 900px;
margin: auto;
padding-top: 20px;
background: url(Bilder/footer.jpg) top center no-repeat;}

	 #footer a{
     color: #404040;
     font-weight: bold;
     text-decoration: none;}
	  
     #footer p{height: 95px;}
	 
	 #footer p.left{ float: left; width: 255px; margin : -2px 0 0 -10px; }
	 #footer p.middle{margin: -4px 0 0 275px; *margin: -2px 275px 0 0; width: 350px;  }
	 #footer p.right{ float: right; margin-top: -95px; *margin-top: -100px; width: 245px; }
	 
	 
/**********************************************************************
Einzeldefinitionen(gesonderte Überschriften, einzelne Bilder etc)*/

/*Überschriften*/
/*Gröoßte Überschrift mit roten Hintergrund*/
#content h1{
background: #9b0000; 
color: #fff;
font-size: 18px;
letter-spacing: 1px;
padding: 5px;
margin: 50px -10px 25px -10px;}
		
	/*Datumsanzeige bei Aktuelles*/	
	h3 span{
	font-weight: normal; 
	margin: 0 0 0 5px;
	font-size: 70%;}
		
#content h2{
color: #9b0000; 
font-size: 17px;
letter-spacing: 1px;
margin: 20px 0 8px -10px;}
		
#content h3{
color: #9b0000; 
font-size: 15px;
margin: 25px 0 5px 0;}

/*Kennzeichnung von 1. Buchstaben z.B. Leitbilder unter Schulprogramm*/
#content .first{
display: block;
margin: 0 0 15px 0 ;}
		
#content .first:first-letter{
font-size: 15px; 
font-weight: bold;
color:#9b0000; }
		
#content .first i{
font-size: 15px; 
font-weight: bold;
color:#9b0000; 
font-style: normal;}
		
#content .list{
display: block;
margin: 0 0 5px 0 ;}
		
#content .list:first-letter{
font-size: 15px; 
font-weight: bold;
color:#9b0000;}

/*Hervorhebung einzelner Elemente in rot*/
/*einzelne Zeile*/
#content  em{
color:#9b0000; 
font-style: normal;
display: block;
margin: 5px 0 0 0 ;}

/*einzelne Elemente*/
#content .red{color: #9b0000;}

/*Listen mit Pfeil als Aufzählungszeichen*/
#content ul{
margin: 10px 0 20px 0;}
		
	#content ul li{
	margin: 0 0 0 -15px;
	*margin: 0 0 0 30px;
	list-style: none;
	padding: 3px 0 3px 10px;
	background: url(Bilder/mehr.png) no-repeat 0 -15px;}
		

/*Für Fotos, Bildersammlungen*/
.fotos{
margin: 70px 0 0 0;
text-align: center;}

	.fotos img{
	border: 1px solid #9b0000;
	margin: 0 0 20px 0;}
	
	
.fotos2{
margin: 20px 0 0 0;
text-align: center;}

	.fotos2 img{
	border: 1px solid #9b0000;
	margin: 0 0 20px 0;}
	
	
.foto{
margin: 30px 0 0 0;
text-align: center;}

	.foto img{
	border: 1px solid #9b0000;
	margin: 0 0 20px 0;}
	
	
/*Für Seitenuntermenüs z.B. Galerie*/
.subnavi {margin: 0 5px; font-weight: bold;}

/*Einzlbild Rudolf Harbig*/
.rharbig{
margin: 10px 20px 0 0;
float: right;}