/*
---------------------------------------------------------
| container -> kopf		-> bild1						|
|						-> bild2						|
|           -> suche	-> text							|
|                    	-> senden						|	     
|           -> content	-> eins/all						|
|						-> zwei/all						|
|						-> drei/all						|
|						-> vier/all						|
|			-> fuss										|
|														|
| � CSS & HTML - Jan Pietruska, im September 2006 � 	|
| � CSS - Daniel Gercke, im Januar 2007 � 	|
---------------------------------------------------------
*/

HTML, BODY {
	margin: 0; 
	padding: 0;
	width: 100%;
	height: 100%;
	/*background-color: #B2D6E6;*/
	background-image: url('bilder/folge_body-bg_schule.png');
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
/*
�������������������� VERTIKALE AUSRICHTUNG ��������������������
*/
#abstand {
	height: 50%; 
	width: 100px;
	margin-bottom: -265px; 
	float: left; 
	}

/*
�������������������� CONTAINER ��������������������
*/
#container {
	width: 771px;
	height: 521px;
	margin: auto;
	clear:left;
	}
/*
�������������������� KOPF ��������������������
*/
	#container .kopf {
		position: relative;
		height: 90px;
		/*background-color: #0077A9;*/
		background-image: url('bilder/folge_bg_schule.png');
	}
		#container .kopf .bild1 {
			position: absolute;
			top: 0;
			left: 0;
		}
		#container .kopf .bild2 {
			position: absolute;
			top: 0;
			right: 0;
		}
/*
�������������������� SUCHE ��������������������
*/
	#container .suche {
		height: 38px;
		background-color:#FFFFFF;
		font-size: 0.7em;
		padding-left: 5px;
		color: #797978;
	}
		#container .suche FORM {
			margin: 0;
			padding: 0;			
		}
			#container .suche FORM INPUT{
				font-family: Verdana, Arial, Helvetica, sans-serif;			
				color: #797978;	
				border: 1px solid #797978;
			}		
			#container .suche FORM INPUT.text {
				padding: 0;
				height: 15px;
				margin: 9px 4px 1px 4px; _margin-bottom: 0;
				font-size: 0.95em;
				_font-size: 1em;
			}
			#container .suche FORM INPUT.senden {
				height: 17px;
				font-size: 0.9em;
				_font-size: 1em;
				margin: 0; padding: 0;
				background-color: #FFFFFF;
				}
/*
�������������������� CONTANT/MITTE ��������������������
*/
	#container .content {
		height: 372px;
	}

/*
�������������������� EIGENSCHAFTEN F�R ALLE BUTTONS ZEITER EBENE ��������������������
*/
			#container .content .all UL {
				margin: 0; padding: 0;
			}
			#container .content .all UL LI {
				list-style: none;
			}
			/*fuer IE*/
			#container .content .all UL LI A:HOVER {
				background-position: 0 -51px;
			}	
			/*fuer FF*/
			#container .content .all UL LI:HOVER A {
				background-position: 0 -51px;
			}	
			#container .content .all UL LI A:HOVER UL 	{
				position: absolute;
				display: block;
				top: 51px;
				left: 0px;
			}		
			#container .content .all UL LI A {
				background-repeat:no-repeat;
				display:block;
				height:51px;
				width: 192px;
			}			
			#container .content .eins UL LI A {
				background-image: url(bilder/buttons/schule.jpg);
			}
			#container .content .zwei UL LI A {
				background-image: url(bilder/buttons/schueler.jpg);
			}
			#container .content .drei UL LI A {
				background-image: url(bilder/buttons/lehrer.jpg);
			}
			#container .content .vier UL LI A {
				background-image: url(bilder/buttons/news.jpg);
			}		
/*
�������������������� HG FUER ZWEITE EBENE ENTFERNEN ��������������������
*/									
				#container .content .all UL LI UL LI A {
					background-image: none;
					height: 34px;
				}
				#container .content .all UL LI UL LI A IMG {
					border: 0;
				}				
/*
�������������������� HOVER F�R KRASSES MOUSEOVER LISTEN MENUES ��������������������
*/			
				ul#Navigation {
					margin: 0; padding: 0;
					text-align: center;
				}
				/*Table, damit MouseOver bei Listenansicht aktiv bleibt (IE). Nicht schoen - geht aber net anders*/
				table {
					margin:-1px; 
					border-collapse:collapse;
				}
				ul#Navigation li {
					list-style: none;
					float: left;
					position: relative;
				}
				ul#Navigation ul li ul {
					margin: 0; padding: 0;
					position: absolute;
					top: 3.2em; left: 2em;
				}
				* html ul#Navigation li ul {
					left: -1.5em;
					lef\t: -0.4em;
				}
				ul#Navigation li ul li {
					float: none;
					display: block;
					margin: 0; padding: 0;
					_margin-bottom: -3px;
				}
				ul#Navigation li ul li a {
					margin: 0;
					padding: 0;
				}
				ul#Navigation li ul li a img {
					margin: 0;
					padding: 0;
				}
				ul#Navigation ul li ul li a {
					/*height: 20px;*/
				}
				ul#Navigation ul li ul li a img{
					border: 0;
				}
				/* dynamisches Ein-/Ausblenden */
				ul#Navigation li ul {
					display: none;
				}
				ul#Navigation li:hover ul {
					display: block;
				}
/*
�������������������� FUSS ��������������������
*/
	#container .fuss {
		height: 36px;
		border-top: 5px solid white;
		/*background-color: #0077A9;*/
		background-image: url('bilder/folge_bg_schule.png');
		color: #BBECB3;
		font-size: 0.65em;
		text-align:right;
	}
		#container .fuss UL {
			list-style: none;
			margin: 10px 5px 0 0;
		}
		#container .fuss UL LI {
			display: inline;
			margin-left: 30px;
		}
		#container .fuss UL LI A {
			text-decoration: none;
			color: #ffffff;
		}
.logo{
position: relative;
top: 4px
}