/*
  ---------------------------------------------------------------------

  ET420-Online
  
  CSS für den Kopfbereich (Headframe)
  
  Stand: September 2009
  
  ---------------------------------------------------------------------
*/

/*
  ---------------------------------------------------------------------
  central definitions
  ---------------------------------------------------------------------
*/


	
	
/* ID´s  */	
	

	
#Head
	{
	min-width:810px;
	background-image:url('../a_images/0bg_head_tube.gif');
	background-repeat:repeat-x;
	}
	
#Logo
	{
	float:left;
	margin:0px 0px 0px 8px;
	}	
	
#Headtitle
	{
	float:left;
	margin:0px;
	}	
	
#HeadBand
	{
	width:790px;
	height:20px;
	background-image:url('../a_images/0bg_head_band.gif');
	background-repeat:repeat-x;
	background-color:#5939e4;
	border:0px solid blue;
	}
	
	
#HeadsubnaviSpacer
	{
	float:left;
	width:9px;
	height:40px;
	background-image:url('../a_images/0bg_head_band-bottom.gif');
	background-repeat:repeat-x;
	}

#Headsubnavi
	{
	float:left;	
	width:800px;
	height:40px;
	background-color:#FFFFFF
	}
	
	
	
	
		
	
	
	
	
#Headnavi 
	{
	position:absolute;
	top:77px;
	left:312px;
	width:500px;
	height:50px;
	margin:0px;
	z-index:2;
	border:0px solid red;
	}

	
#Headnavi ul 
	{
	margin:0px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}
	
#Headnavi li
	{
	float:left;
	display:inline;
	border:0px solid #cce9f7;
	}
	
	
	

#Headnavi li.einstiegSteckbrief a, li.einstiegSteckbrief a:link, li.einstiegSteckbrief a:visited
	{
	width:104px;
	height:43px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_home_steckbrief.jpg');
	background-repeat:no-repeat;
	}
		

#Headnavi li.einstiegSteckbrief a:hover
	{
	background-image:url('../a_images/2nav_home_steckbrief_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
		
	
	
#Headnavi li.einstiegFahrzeugliste a, li.einstiegFahrzeugliste a:link, li.einstiegFahrzeugliste a:visited 
	{
	width:123px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_home_fahrzeugliste.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.einstiegFahrzeugliste a:hover 
	{
	background-image:url('../a_images/2nav_home_fahrzeugliste_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
#Headnavi li.einstiegEinsatzgebiete a, li.einstiegEinsatzgebiete a:link, li.einstiegEinsatzgebiete a:visited 
	{
	width:93px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_home_einsatz.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.einstiegEinsatzgebiete a:hover 
	{
	background-image:url('../a_images/2nav_home_einsatz_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
	
#Headnavi li.einstiegMehr a, li.einstiegMehr a:link, li.einstiegMehr a:visited 
	{
	width:99px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_home_mehr.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.einstiegMehr a:hover 
	{
	background-image:url('../a_images/2nav_home_mehr_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}
	


	
#Headnavi li.einstiegMail a, li.einstiegMail a:link, li.einstiegMail a:visited 
	{
	width:57px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_home_mail.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.einstiegMail a:hover 
	{
	background-image:url('../a_images/2nav_home_mail_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}
	

	
	
	
/* ## Navi für Kapitel STECKBRIEF ## */	



#Headnavi li.steckbriefSteckbrief a, li.steckbriefSteckbrief a:link, li.steckbriefSteckbrief a:visited
	{
	width:104px;
	height:43px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_daten_steckbrief.jpg');
	background-repeat:no-repeat;
	}
		

#Headnavi li.steckbriefSteckbrief a:hover
	{
	background-image:url('../a_images/2nav_daten_steckbrief_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
		
	
	
#Headnavi li.steckbriefFahrzeugliste a, li.steckbriefFahrzeugliste a:link, li.steckbriefFahrzeugliste a:visited 
	{
	width:123px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_daten_fahrzeugliste.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.steckbriefFahrzeugliste a:hover 
	{
	background-image:url('../a_images/2nav_daten_fahrzeugliste_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
#Headnavi li.steckbriefEinsatzgebiete a, li.steckbriefEinsatzgebiete a:link, li.steckbriefEinsatzgebiete a:visited 
	{
	width:93px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_daten_einsatz.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.steckbriefEinsatzgebiete a:hover 
	{
	background-image:url('../a_images/2nav_daten_einsatz_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
	
#Headnavi li.steckbriefMehr a, li.steckbriefMehr a:link, li.steckbriefMehr a:visited 
	{
	width:99px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_daten_mehr.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.steckbriefMehr a:hover 
	{
	background-image:url('../a_images/2nav_daten_mehr_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}
	
	


	
#HeadsubnaviSteckbrief
	{
	margin:0px;
	padding:0px;
	}

	
#HeadsubnaviSteckbrief ul 
	{
	margin:3px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}
	
#HeadsubnaviSteckbrief li
	{
	display:inline;
	border:0px solid #cce9f7;
	}
	
	
#HeadsubnaviSteckbrief li.steckbriefAllgemein a, li.steckbriefAllgemein a:link, li.steckbriefAllgemein a:visited 
	{
	height:18px;
	padding-left:60px;
	margin:0px 3px 0px 20px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	background-image:url('../a_images/2subnav_kurzzug-vorne.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
	border:0px solid red;
	}	
		
#HeadsubnaviSteckbrief li.steckbriefAllgemein a:hover, li.steckbriefAllgemein a:active  
	{
	text-decoration:underline;
	background-image:url('../a_images/2subnav_langzug.gif');
	filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
	}



#HeadsubnaviSteckbrief li.steckbriefElektrisch a, li.steckbriefElektrisch a:link, li.steckbriefElektrisch a:visited 
	{
	height:18px;
	padding-left:60px;
	margin:0px 3px 0px 28px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	background-image:url('../a_images/2subnav_kurzzug-mitte.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
	}	
		
#HeadsubnaviSteckbrief li.steckbriefElektrisch a:hover, li.steckbriefElektrisch a:active 
	{
	text-decoration:underline;
	background-image:url('../a_images/2subnav_langzug.gif');
	filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
	}



#HeadsubnaviSteckbrief li.steckbriefMechanisch a, li.steckbriefMechanisch a:link, li.steckbriefMechanisch a:visited 
	{
	height:18px;
	padding-left:60px;
	margin:0px 3px 0px 28px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	background-image:url('../a_images/2subnav_kurzzug-hinten.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
	}	
		
#HeadsubnaviSteckbrief li.steckbriefMechanisch a:hover, li.steckbriefMechanisch a:active  
	{
	text-decoration:underline;
	background-image:url('../a_images/2subnav_langzug.gif');
	filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
	}



#HeadsubnaviSteckbrief li.steckbriefLexikon a, li.steckbriefLexikon a:link, li.steckbriefLexikon a:visited 
	{
	height:18px;
	padding-left:60px;
	margin:0px 3px 0px 28px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	background-image:url('../a_images/2subnav_vollzug-mitte.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
	}	
		
#HeadsubnaviSteckbrief li.steckbriefLexikon a:hover, li.steckbriefLexikon a:active 
	{
	text-decoration:underline;
	background-image:url('../a_images/2subnav_langzug.gif');
	filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
	}





/* ## Navi für Kapitel FAHRZEUGLISTE ## */	




#Headnavi li.listeSteckbrief a, li.listeSteckbrief a:link, li.listeSteckbrief a:visited
	{
	width:104px;
	height:43px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_liste_steckbrief.jpg');
	background-repeat:no-repeat;
	}
		

#Headnavi li.listeSteckbrief a:hover
	{
	background-image:url('../a_images/2nav_liste_steckbrief_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
		
	
	
#Headnavi li.listeFahrzeugliste a, li.listeFahrzeugliste a:link, li.listeFahrzeugliste a:visited 
	{
	width:123px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_liste_fahrzeugliste.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.listeFahrzeugliste a:hover 
	{
	background-image:url('../a_images/2nav_liste_fahrzeugliste_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
#Headnavi li.listeEinsatzgebiete a, li.listeEinsatzgebiete a:link, li.listeEinsatzgebiete a:visited 
	{
	width:93px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_liste_einsatz.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.listeEinsatzgebiete a:hover 
	{
	background-image:url('../a_images/2nav_liste_einsatz_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
	
#Headnavi li.listeMehr a, li.listeMehr a:link, li.listeMehr a:visited 
	{
	width:99px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_liste_mehr.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.listeMehr a:hover 
	{
	background-image:url('../a_images/2nav_liste_mehr_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}
	






	
#HeadsubnaviListe
	{
	margin:0px;
	padding:0px;
	}

	
#HeadsubnaviListe ul 
	{
	margin:3px 0px 0px 0px;
	padding:0px;
	list-style-type:none;
	}
	
#HeadsubnaviListe li
	{
	float:left;
	display:inline;
	margin:0px 1px 0px 4px;
	cursor:pointer;
	display:block;
	color:#000000;
	font-weight:bold;
	border:0px solid #cce9f7;
	}
	
	
#HeadsubnaviListe a, #HeadsubnaviListe a:link, #HeadsubnaviListe a:visited 
	{
	cursor:pointer;
	color:#000000;
	font-weight:bold;
	border:0px solid red;
	}	
		
#HeadsubnaviListe a:hover, #HeadsubnaviListe a:active  
	{
	text-decoration:underline;
	filter:alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80;
	}



/* ## Navi für Kapitel EINSATZGEBIETE ## */	




#Headnavi li.einsatzSteckbrief a, li.einsatzSteckbrief a:link, li.einsatzSteckbrief a:visited
	{
	width:104px;
	height:43px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_einsatz_steckbrief.jpg');
	background-repeat:no-repeat;
	}
		

#Headnavi li.einsatzSteckbrief a:hover
	{
	background-image:url('../a_images/2nav_einsatz_steckbrief_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
		
	
	
#Headnavi li.einsatzFahrzeugliste a, li.einsatzFahrzeugliste a:link, li.einsatzFahrzeugliste a:visited 
	{
	width:123px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_einsatz_fahrzeugliste.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.einsatzFahrzeugliste a:hover 
	{
	background-image:url('../a_images/2nav_einsatz_fahrzeugliste_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
#Headnavi li.einsatzEinsatzgebiete a, li.einsatzEinsatzgebiete a:link, li.einsatzEinsatzgebiete a:visited 
	{
	width:93px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_einsatz_einsatz.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.einsatzEinsatzgebiete a:hover 
	{
	background-image:url('../a_images/2nav_einsatz_einsatz_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
	
#Headnavi li.einsatzMehr a, li.einsatzMehr a:link, li.einsatzMehr a:visited 
	{
	width:99px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_einsatz_mehr.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.einsatzMehr a:hover 
	{
	background-image:url('../a_images/2nav_einsatz_mehr_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}
	


	
#Headnavi li.einsatzMail a, li.einsatzMail a:link, li.einsatzMail a:visited 
	{
	width:57px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_einsatz_mail.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.einsatzMail a:hover 
	{
	background-image:url('../a_images/2nav_einsatz_mail_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}
	



/* Subnavi */
 
 
 
 

.Uebersicht
	{
	float:left;
	padding:0px 0px 4px 0px;
	width:100px;
	font-weight:bold;
	background-color:#88aaff;
	border:0px solid red;
	}

.Uebersicht ul 
	{
	margin:3px 0px 0px 0px;
	padding:0px;
	list-style-type:square;
	}
	
.Uebersicht li
	{
	float:left;
	display:inline;
	margin:0px 0px 0px 6px;
	cursor:pointer;
	position:relative;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
	border:0px solid #cce9f7;
	}

.Uebersicht li.einsatzUebersicht a, li.einsatzUebersicht a:link, li.einsatzUebersicht a:visited 
	{
	padding:0px;
	margin:0px 0px 0px 0px;
	color:#FFFFFF;
	border:0px solid red;
	}	
		
.Uebersicht li.einsatzUebersicht a:hover, li.einsatzUebersicht a:active  
	{
	text-decoration:underline;
	}






#HeadsubnaviEinsatz
	{
	float:left;
	margin:0px;
	padding:0px;
	border:0px solid red;
	}

	
#HeadsubnaviEinsatz ul 
	{
	margin:3px 0px 0px 0px;
	padding:0px;
	list-style-type:square;
	}
	
#HeadsubnaviEinsatz li
	{
	float:left;
	display:inline;
	margin:0px 0px 0px 20px;
	cursor:pointer;
	display:block;
	color:#000000;
	font-weight:bold;
	border:0px solid #cce9f7;
	}
	


#HeadsubnaviEinsatz li.einsatzMuenchen a, li.einsatzMuenchen a:link, li.einsatzMuenchen a:visited 
	{
	padding:0px;
	margin:0px 30px 0px 0px;
	color:#000000;
	border:0px solid red;
	}	
		
#HeadsubnaviEinsatz li.einsatzMuenchen a:hover, li.einsatzMuenchen a:active  
	{
	color:#0f00a4;
	text-decoration:underline;
	}
	
	
#HeadsubnaviEinsatz li.einsatzStuttgart a, li.einsatzStuttgart a:link, li.einsatzStuttgart a:visited 
	{
	padding:0px;
	margin:0px 30px 0px 0px;
	color:#000000;
	border:0px solid red;
	}	
		
#HeadsubnaviEinsatz li.einsatzStuttgart a:hover, li.einsatzStuttgart a:active  
	{
	color:#cc0000;
	text-decoration:underline;
	}
	
	
#HeadsubnaviEinsatz li.einsatzRheinmain a, li.einsatzRheinmain a:link, li.einsatzRheinmain a:visited 
	{
	padding:0px;
	margin:0px 30px 0px 0px;
	color:#000000;
	border:0px solid red;
	}	
		
#HeadsubnaviEinsatz li.einsatzRheinmain a:hover, li.einsatzRheinmain a:active  
	{
	color:#ff9900;
	text-decoration:underline;
	}


#HeadsubnaviEinsatz li.einsatzRheinruhr a, li.einsatzRheinruhr a:link, li.einsatzRheinruhr a:visited 
	{
	padding:0px;
	margin:0px 30px 0px 0px;
	color:#000000;
	border:0px solid red;
	}	
		
#HeadsubnaviEinsatz li.einsatzRheinruhr a:hover, li.einsatzRheinruhr a:active  
	{
	color:#ff6600;
	text-decoration:underline;
	}


#HeadsubnaviEinsatz li.einsatzStockholm a, li.einsatzStockholm a:link, li.einsatzStockholm a:visited 
	{
	padding:0px;
	margin:0px 30px 0px 0px;
	color:#000000;
	border:0px solid red;
	}	
		
#HeadsubnaviEinsatz li.einsatzStockholm a:hover, li.einsatzStockholm a:active  
	{
	color:#002e49;
	text-decoration:underline;
	}
	
	
	
	
/* ## Navi für Kapitel MEHR VIER-20! ## */	




#Headnavi li.mehrSteckbrief a, li.mehrSteckbrief a:link, li.mehrSteckbrief a:visited
	{
	width:104px;
	height:43px;
	padding:0px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_mehr_steckbrief.jpg');
	background-repeat:no-repeat;
	}
		

#Headnavi li.mehrSteckbrief a:hover
	{
	background-image:url('../a_images/2nav_mehr_steckbrief_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
		
	
	
#Headnavi li.mehrFahrzeugliste a, li.mehrFahrzeugliste a:link, li.mehrFahrzeugliste a:visited 
	{
	width:123px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_mehr_fahrzeugliste.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.mehrFahrzeugliste a:hover 
	{
	background-image:url('../a_images/2nav_mehr_fahrzeugliste_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
#Headnavi li.mehrEinsatzgebiete a, li.mehrEinsatzgebiete a:link, li.mehrEinsatzgebiete a:visited 
	{
	width:93px;
	height:43px;
	padding:0px;
	margin-left:4px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_mehr_einsatz.jpg');
	background-repeat:no-repeat;
	}
	
	
#Headnavi li.mehrEinsatzgebiete a:hover 
	{
	background-image:url('../a_images/2nav_mehr_einsatz_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}	
	
	
	
	
#Headnavi li.mehrMehr a, li.mehrMehr a:link, li.mehrMehr a:visited 
	{
	width:99px;
	height:43px;
	padding:0px;
	margin-left:3px;
	position:relative;
	display:block;
	float:left;
	cursor:pointer;
	background-image:url('../a_images/2nav_mehr_mehr.jpg');
	background-repeat:no-repeat;
	}	
		
#Headnavi li.mehrMehr a:hover 
	{
	background-image:url('../a_images/2nav_mehr_mehr_o.jpg');
	filter:alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90;
	}