/* Klassen f&uuml;r Menues Medaktiv */

/* Version 0.1 - 071002*/ 

/* ----------------------------------------- */ 
/* Stylevorgaben für die Übersichtstabelle */
/* ----------------------------------------- */ 

div#anfahrt		   		{ width:58.2em; height:40.0em; position:absolute; top:2.5em;  left: 0.0em; }
div#adr_sued	   		{ width:26.0em; height:39.2em; position:absolute; top:0.2em;  left: 0.0em;}
div#adr_west	   		{ width:26.0em; height:38.5em; position:absolute; top:0.2em;  left: 30.7em;}

div.but	   				{ width:22.0em; height:2.0em;  position:absolute; top:36.0em; left: 2.5em;}
div#skiz_sued	   		{ width:21.0em; height:17.0em; position:absolute; top:16.0em; left: 2.5em; background-color:#FFFF99;}
div.klick	   			{ width:21.0em; height:1.0em;  position:absolute; top:33.0em; left: 2.5em; }
div.bus 	   			{ width:4.0em;  height:3.5em;  position:absolute; top:11.6em; left: 26.0em; }

div#box					{ width:28.8em; height:39.9em; position:absolute; top:0.0em; left:0.0em; border:#009966 0px solid; }
div#adr_sued2	   		{ width:28.0em; position:absolute; top: 1.2em; left:0.0em; border:0px #FF0000 solid;    }
div.adr_sued3	   		{ width:28.0em; position:absolute; top: 4.8em; left:0.0em; padding-left:0.7em;    }
div#adr_west2	   		{ width:28.0em; position:absolute; top:18.8em; left:0.0em; margin-top:2.0em; border:0px #0000FF solid; }
div.adr_west3	   		{ width:28.0em; position:absolute; top: 4.8em; left:0.0em; padding-left:0.7em;    }

div#box2				{ width:28.0em; height:40.0em; position:absolute; top:0.0em; right:0.0em; border:#009966 0px solid; }
div.butt1  				{ width:22.0em; height:1.8em;  position:absolute; top:9.2em; left: 2.5em;}
div.butt2  				{ width:22.0em; height:1.8em;  position:absolute; top:16.3em; left: 2.5em;}


/* --------------------------------------------------- */
div#anfahrt div.button				{ width:22.0em; height:1.6em;  position:relative; margin-top:0.6em; margin-left:2.5em;}
div#anfahrt div.button a.but 		{ display:block; width:1.0em; height:1.0em; line-height:1.0em; 
						  			  border-top:#CCCCCC 0.2em solid; border-left:#CCCCCC 0.2em solid; border-right:#BBBBBB 0.2em solid; border-bottom:#BBBBBB 0.2em solid; 
						  			  background-color:#EEEEEE; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; text-decoration: none; text-align:center; 
						 			  margin-left:0.0em; float:left; }

div#anfahrt a#rout_sued 		{ background: #DDDDDD; color:#EEEEEE; }
div#anfahrt a#rout_sued:hover 	{ background: #CC0033; color:#CC0033; }
div#anfahrt a#anf_sued 			{ background: #DDDDDD; color:#EEEEEE; }
div#anfahrt a#anf_sued:hover 	{ background: #CC0033; color:#CC0033; }

div#anfahrt a#rout_west 		{ background: #DDDDDD; color:#FFFFFF; }
div#anfahrt a#rout_west:hover 	{ background: #FE7700; color:#FE7700; }
div#anfahrt a#anf_west 			{ background: #DDDDDD; color:#FFFFFF; }
div#anfahrt a#anf_west:hover 	{ background: #FE7700; color:#FE7700; }


p.anf_txt 			{ color:#333333; margin-left: 2.5em; margin-right: 0.1em; margin-top: 0.2em; margin-bottom:0.0em; line-height:1.3em; }
p.anf_txt_ueber 	{ color:#CC0033; font-weight:bold; margin-left:2.5em; margin-right: 0.2em; margin-top:0.3em; margin-bottom:0.0em; line-height:2.0em;}


p.tabtxt 			 { color:#000000; margin-left: 0.4em; margin-right: 0.4em; margin-top: 0.0em; margin-bottom:0.0em; line-height:1.0em; }
p.tabtxtu 			 { color:#666666; margin-left: 0.4em; margin-right: 0.4em; margin-top: 0.0em; margin-bottom:0.0em; line-height:1.0em; }



/* -----------------------------------------*/ 
/* Vorgaben für die Anfahrtsseite */ 
/* -----------------------------------------*/ 


/* Menu für Kartenbedienung */
div#kmu 				{ position:absolute; top:1.8em; right:0.6em; width:7.2em; height:6.2em; text-align:center; z-index:20; background-color:#CCCCCC;  }
div#kmu_back   			{ position:absolute; top:0.0em; left: 0.0em; width:6.8em; height:5.8em; text-align:center;  background-color:#DDDDDD; 
						  border: #CCCCCC 0.2em solid; border-top:#DDDDDD 0.2em solid; border-left:#DDDDDD 0.2em solid; -moz-opacity:1.0; filter: alpha(opacity=100); opacity:1.0;   }
div#kmu_ul   			{ position:absolute; top:0.2em; left: 0.2em; width:6.8em; height:5.8em; text-align:center;  background-color:transparent;  }
div#kmu_ul ul 			{ position:relative; width:6.8em; height:5.8em; margin:0.0em; padding:0.0em; list-style-type: none; }
div#kmu li 				{ position:relative; margin:0.0em; padding:0.0em; }  
div#kmu li p			{ line-height:1.2em; }  

/* Geometrie eines normalen Menüpunktes im rechten Menu für Sued */ 
div#kmu	ul a			{	display:block; width:6.4em; height:1.8em; line-height:1.8em; 
							background-color: #FEEABC; color:#CC0033; text-align:center; text-decoration:none;
							border:0.0em; border-bottom:0.2em #DDDDDD solid;  
							font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; 
							padding-left:0.4em; padding-right:0.0em; cursor:pointer; 
							-moz-opacity:1.0; filter: alpha(opacity=100); opacity:1.0;   }

div#kmu ul a:hover				{	background-color:#FFFFFF; color:#CC0033; font-weight:normal; 
					  		   		 -moz-opacity:1.0; filter: alpha(opacity=100); opacity:1.0;  }


div#dsl_hinw 					{ position:relative; }
div#dsl_hinw div#hinw_dsl 		{ position:absolute; left:-17.4em; top:-2.2em; width:17.0em; height:5.7em; text-align:center; 
								  color:#CC0033; background-color:#FFFFFF; border:#DDDDDD 0.2em solid;  visibility:hidden;}
div#dsl_hinw:hover div#hinw_dsl { visibility:visible;}
div#hinw_dsl:hover a			{ color:#666666; }

div#std_hinw 					{ position:relative; }
div#std_hinw div#hinw_std 		{ position:absolute; left:-17.4em; top:-0.2em; width:17.0em; height:5.7em; text-align:center; 
								  background-color:#FEEABC; border:#DDDDDD 0.2em solid;  visibility:hidden;}
div#std_hinw:hover div#hinw_std { visibility:visible;}

/*
div#kmu	 a#asu			{	background-color:#FEEABC; color:#CC0033; } 
div#kmu	 a#asu:hover	{	background-color:#FFFFFF; color:#CC0033; } 
div#kmu	 a#awe			{	background-color:#FEEABC; color:#CC0033; } 
div#kmu	 a#awe:hover	{	background-color:#FFFFFF; color:#CC0033; } 
*/

/* --- Kartenelemente und Buttons, die Image-Map-Areas ersetzen  --- */ 
/* Image Maps gehen wegen Skalierung im FF nicht; die Area Positionen sind leider absolute Pixel-Positionen */

div#div_map_we							{ 				 width:5.8em; height:1.8em; position:absolute; top:12.4em; left:4.6em; z-index:22; line-height:1.4em;}
div#div_map_we a#a_map_we 				{ display:block; width:1.4em; height:1.4em; position:absolute; top:0.0em; right:0.0em; background-color:#FE7700; border:#CCCCCC 0.2em solid; }
div#div_map_we a#a_map_we:hover 		{ background-color:#FEEABC; }

div#div_map_we a#mp_map_we				{ display:block; width:3.4em; height:1.4em; position:absolute; top:0.1em; left:0.0em; line-height:1.4em; background-color:#FFFFFF; color:#FE7700; 
								          border: #FE7700 0.1em solid; text-decoration:none; text-align:center; font-weight:bold; }
div#div_map_we div#info_map_we			{ width:20.0em; height:5.0em; position:absolute; top:-6.0em; left:0.0em; background-color:#FFFBDD; color:#333333; visibility:hidden; 
										  padding-left:0.6em; padding-top:0.6em; }
div#div_map_we a#mp_map_we:hover		{ background-color:#FE7700; color:#FFFFFF; }
div#div_map_we:hover div#info_map_we	{ visibility:visible; }
a#a_map_we:hover div#info_map_we		{ visibility:visible; }



div#div_map_su							{ 				 width:5.8em; height:1.8em; position:absolute; top:19.6em; left:14.5em; z-index:22; line-height:1.4em; }
div#div_map_su a#a_map_su 				{ display:block; width:1.4em; height:1.4em; position:absolute; top:0.0em; left:0.0em; background-color:#CC0033; border:#CCCCCC 0.2em solid; }
div#div_map_su a#a_map_su:hover 		{ background-color:#FEEABC; }

div#div_map_su a#mp_map_su				{ display:block; width:3.4em; height:1.4em; position:absolute; top:0.1em; right:0.0em; line-height:1.4em; background-color:#FFFFFF; color:#CC0033; 
								          border: #CC0033 1px solid; text-decoration:none; text-align:center; font-weight:bold; }
div#div_map_su div#info_map_su			{ width:17.8em; height:5.0em; position:absolute; top:2.0em; left:-14.5em; background-color:#FFFBDD; color:#333333; visibility:hidden; 
										  padding-left:0.6em; padding-top:0.6em; }
div#div_map_su a#mp_map_su:hover		{ background-color:#CC0033; color:#FFFFFF; }
div#div_map_su:hover div#info_map_su	{ visibility:visible; }
a#a_map_su:hover div#info_map_su		{ visibility:visible; }

div.ort { position:absolute; height:2.0em; background-color:transparent; color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold; border:0.0em; }
div.ort span { font-size:12px; }


div#ort1  { left:  4.4em; top: 3.0em; width:10.0em; }
div#ort2  { left: 20.0em; top: 0.1em; width: 6.0em; }
div#ort3  { left: 21.4em; top:14.4em; width: 6.0em; }
div#ort4  { left: 22.8em; top:25.9em; width: 5.2em; }
div#ort5  { left: 20.9em; top:33.1em; width: 6.0em; }
div#ort6  { left: 19.8em; top:38.4em; width: 6.0em; }
div#ort7  { left: 11.5em; top:35.1em; width:10.0em; }
div#ort8  { left:  3.1em; top:32.4em; width:10.0em; }
div#ort9  { left:  2.9em; top:16.8em; width:10.0em; }
div#ort10 { left:  0.0em; top:15.2em; width:10.0em; }
div#ort11 { left:  3.0em; top:10.1em; width:10.0em; }

