/*header.css 
Autor: Michael Hinze 
Datum: 2010-03-11 
*/ 
 
#header { 	
	/*margin-top: 5px; 	
	height: 80px; 	
	margin: 5px; 	*/
	margin: 0px;
	height: 138px;
	background-color:#FFF;
	background: url(../images/header.png) no-repeat;
	border-top: 5px solid #fff;
	/*border-bottom: 1px solid #0AE; */
}   


#preheader { 	
	margin: 0 auto auto auto; 	
	text-align:right;  	
}   

#preheader div { 	
	padding: 4px 6px 0 0; 
}   

#preheader div a { 	
	padding-left: 10px;
	text-decoration: none;
}   

#header_safe { 	
	margin-top: 5px; 	
	margin-left: 5px; 	
	height: 63px; 	
	background: url(../images/header_safe.png) no-repeat; 
}   

#header_noBG { 	
	margin-top: 39px; 	
	height: 133px; 
}   

#logo { 	
	position:absolute; 	
	/*margin-top: 15px;  	
	margin-left: 22px; 	*/
	margin-top: 40px; 
	margin-left: 22px;
	float:left; 	
	/*width:100%;*/ 
}   


#menuMain{ 	
	position:absolute; 	
	/*width: 100%;*/ 	
	display:block; 	
	/*height:20px; 	
	margin-top: 59px;  	
	margin-left: 22px;	 */
	height:26px;
	margin-top: 104px; 
	margin-left: 10px;		
}   

#state{ 	
	float: right; 	
	text-align:right; 	
	margin-top: 61px;  	
	margin-right: 0; 
}   

#state select { 	
	background:  #FFF; 	
	border: 1px#0AE solid; 	
	border-color:#0AE; 	
	color: #369; 	
	height: 20px; 
}   

#search{ 	
	display:block; 	

	margin-top: 100px; 
	margin-right: 10px;
	float:right; 	
	/*width:100%;*/  
}   

#search_query {
	float:left;
	height:19px;
	width:150px;
	border:solid 1px #999;
	background:url(../images/search_bg.png) repeat-x;
	margin-right:6px;
	padding:3px 0 0 25px;
}

#search_submit {
	height:24px;
	padding: 0 5px;
	background:url(../images/button_neutral.gif) repeat-x;
}

#menuMain ul { 	
	margin:0; 	
	padding:0; 	
	list-style-type:none; 	
	width:auto; 
}   

#menuMain ul li { 	
	display:block; 	
	float:left; 	
	width: 140px; 	
	/*width: 100px; 	*/
	text-align: center; 	
	margin-left: 1px;		 	
	height:26px; 	
	/*height:20px; 	*/
	background:transparent url(../images/button_neutral.gif) no-repeat top right;	 	
	/*background-color: #fff; 	
	border: 1px solid#0AE; */
}    

#menuMain ul li a{ 	
	/*color: #369; 	
	display:block; 	
	float:left; 	
	height: 20px; 	
	width: 100%; 	
	text-decoration:none; 	
	text-align: center; 	
	font-size: 11px; */	
	padding-top: 6px;
	padding-bottom: 0;
	color:#336699;
	display:block;
	float:left;
	height: 26px;
	width: 100%;
	text-decoration:none;
	text-align: center;	
}  

#menuMain ul li a:hover, #menuMain ul li a.current {		 	
	/*display:block; 	
	float:left; 	
	width: 100px; 	
	text-align: center;	 	
	height: 20px; 	
	width: 100%; 	
	background:transparent url(../images/button_active.gif) no-repeat top right; 	
	color: #FFF; 	 	
	background-color:#0AE; */
	display:block;
	float:left;
	width: 140px;
	text-align: center;	
	height:26px;
	background:transparent url(../images/button_active.gif) no-repeat top right;
}   

#menuMain ul li a.current { 	
	font-weight: bold; 	/*color: #FFF; */
}   

#secondMenu { 	
	width: 100%; 	
	height: 80px; 	
	margin: 0; 	
	cursor:pointer;
	/*width: 100%;
	height: 80px;
	margin: 0 0 0 20px;
	cursor:pointer;*/
}   

#secondMenu ul { 	
	margin:0; 	
	padding:0; 	
	list-style-type:none; 	
	width:auto; 
}   

#secondMenu ul li { 	
	float:left; 	
	width: 105px; 	
	text-align: center;	 	
	height:80px; 	
	font-size: 9pt; 	
	/*background:transparent url(../images/button_neutral.gif) no-repeat top right;*/ 
}   

#secondMenu ul li a{ 	
	padding-top: 50px; 	
	display:block;
	line-height: 9pt;
}   

#secondMenu ul li#digitaleslernen a{
	background:transparent url(../images/secondMenu/digitallernen.gif) no-repeat top center;
}


#secondMenu ul li#planung a{
	background:transparent url(../images/secondMenu/planung.gif) no-repeat top center;
}

#secondMenu ul li#itschulloesung a{
	background:transparent url(../images/secondMenu/itschulloesungen.gif) no-repeat top center;
}

#secondMenu ul li#schulnetzwerke a{
	background:transparent url(../images/secondMenu/schulnetzwerke.gif) no-repeat top center;
}

#secondMenu ul li#peripherie a{
	background:transparent url(../images/secondMenu/peripherie.gif) no-repeat top center;
}

#secondMenu ul li#endgeraete a{
	background:transparent url(../images/secondMenu/endgeraete.gif) no-repeat top center;
}

#secondMenu ul li#lernplattformen a{
	background:transparent url(../images/secondMenu/lernplattformen.gif) no-repeat top center;
}

#secondMenu ul li#digitalemedien a{
	background:transparent url(../images/secondMenu/digitalemedien.gif) no-repeat top center;
}

#secondMenu ul li#digitaleslernen a:hover,#secondMenu ul li#digitaleslernencurrent a{
	background:transparent url(../images/secondMenu/digitallernen_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#planung a:hover,#secondMenu ul li#planungcurrent a{
	background:transparent url(../images/secondMenu/planung_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#itschulloesung a:hover,#secondMenu ul li#itschulloesungcurrent a{
	background:transparent url(../images/secondMenu/itschulloesungen_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#schulnetzwerke a:hover,#secondMenu ul li#schulnetzwerkecurrent a{
	background:transparent url(../images/secondMenu/schulnetzwerke_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#peripherie a:hover,#secondMenu ul li#peripheriecurrent a{
	background:transparent url(../images/secondMenu/peripherie_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#endgeraete a:hover,#secondMenu ul li#endgeraetecurrent a{
	background:transparent url(../images/secondMenu/endgeraete_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#lernplattformen a:hover,#secondMenu ul li#lernplattformencurrent a{
	background:transparent url(../images/secondMenu/lernplattformen_hover.gif) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#digitalemedien a:hover,#secondMenu ul li#digitalemediencurrent a{
	background:transparent url(../images/secondMenu/digitalemedien_hover.gif) no-repeat top center;
	color:#e2007a;
}


#secondMenu ul li#schulpraxis a{
	background:transparent url(../images/secondMenu/schulpraxis.png) no-repeat top center;
}

#secondMenu ul li#schulpraxis a:hover,#secondMenu ul li#schulpraxiscurrent a{
	background:transparent url(../images/secondMenu/schulpraxis_hover.png) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#netzpolitik a{
	background:transparent url(../images/secondMenu/netzpolitik.png) no-repeat top center;
}

#secondMenu ul li#netzpolitik a:hover,#secondMenu ul li#netzpolitikcurrent a{
	background:transparent url(../images/secondMenu/netzpolitik_hover.png) no-repeat top center;
	color:#e2007a;
}


#secondMenu ul li#kinder-jugendschutz a{
	background:transparent url(../images/secondMenu/kinder-jugendschutz.png) no-repeat top center;
}

#secondMenu ul li#kinder-jugendschutz a:hover,#secondMenu ul li#kinder-jugendschutzcurrent a{
	background:transparent url(../images/secondMenu/kinder-jugendschutz_hover.png) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#technik a{
	background:transparent url(../images/secondMenu/technik.png) no-repeat top center;
}

#secondMenu ul li#technik a:hover,#secondMenu ul li#technikcurrent a{
	background:transparent url(../images/secondMenu/technik_hover.png) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#vermischtes a{
	background:transparent url(../images/secondMenu/vermischtes.png) no-repeat top center;
}

#secondMenu ul li#vermischtes a:hover,#secondMenu ul li#vermischtescurrent a{
	background:transparent url(../images/secondMenu/vermischtes_hover.png) no-repeat top center;
	color:#e2007a;
}


#secondMenu ul li#chronologisch a{
	background:transparent url(../images/secondMenu/chronologisch.png) no-repeat top center;
}

#secondMenu ul li#chronologisch a:hover,#secondMenu ul li#chronologischcurrent a{
	background:transparent url(../images/secondMenu/chronologisch_hover.png) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#nach-themen a{
	background:transparent url(../images/secondMenu/nach-themen.png) no-repeat top center;
}

#secondMenu ul li#nach-themen a:hover,#secondMenu ul li#nach-themencurrent a{
	background:transparent url(../images/secondMenu/nach-themen_hover.png) no-repeat top center;
	color:#e2007a;
}

#secondMenu ul li#a-z a{
	background:transparent url(../images/secondMenu/a-z.png) no-repeat top center;
}

#secondMenu ul li#a-z a:hover,#secondMenu ul li#a-zcurrent a{
	background:transparent url(../images/secondMenu/a-z_hover.png) no-repeat top center;
	color:#e2007a;
}


#secondMenu ul li a{
	color:#336699;
	text-decoration:none;
	font-size: 8pt;
}
#secondMenu ul li a:hover {			
	color:#e2007a;
	/*background:transparent url(../images/button_active.gif) no-repeat top right;*/
}

#menuMain ul li a.current {	
	font-weight: bold;
	color:#114477;
}

#secondMenu ul li a.current {
	font-weight: bold;
}
