/* Generelles Design der Seite -------------------------------------------------------------------------------------------*/

* {
   margin: 0;
   padding: 0;
}

body {
	 color: black; 
	 font-size: 100%;
	 width: 900; height: 450;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 text-align: middle;
 	 background-image: url("./Images/hg-schrift.gif"); 
	 margin-top: -225px;
	 margin-left: -450px;
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 visibility: visible;	
	}

/* verwendete Elemente ---------------------------------------------------------------------------------------------------*/

#Main, #Main_Intro, #Main_Start
						{ visibility: visible; position: absolute; top: 0px; width: 900px; height: 450px; color: black;
						  font-size: 1em; text-align: left; margin: auto; padding : 0px;}

#Main  		 	{ background-image: url("./Images/Hintergrund-leer_1.jpg"); }
#Main_Start { background-image: url("./Images/Hintergrund-3_buttons_1.jpg"); }


#Menue, #links, #mitte, #rechts, #logo, #postlogo
						{ visibility: visible; position: absolute; } 
						
#Menue			{	top: 180px; left: 690px; width: 150px; height: 200px; padding: 5px; float: right }
#links  		{ background-image: url("./Images/");	top: 117px; left: 173px; width: 108px; height: 108px;}
#mitte  		{ background-image: url("./Images/"); top: 117px; left: 342px; width: 108px; height: 108px;}
#rechts 		{ background-image: url("./Images/"); top: 117px; left: 510px; width: 108px; height: 108px;}
#logo				{ background-image: url("./Images/beklogo-klein-tr.gif"); top:  80px; left: 740px; width: 100px; height:  73px;}
#postlogo 	{ background-image: url("./Images/postlogo.jpg"); 				top: 330px; left: 345px; width: 100px; height:  35px;}

/* Inhalte ----------------------------------------------------------------------------------------------------------------*/

#Inhalt, #Inhalt_Scr, #weg-bild, #right-text, #left-text
						{ visibility: visible; font-size: 0.9em; position: absolute; 
						  color: black; text-align: left; padding : 0px; line-height: 1.5em; }	
							

#Inhalt			{	left:  7em; top: 5em; width: 550px; height: 270px; } 
#Inhalt_Scr	{ left:  7em; top: 48px; width: 550px; height: 292px; overflow: scroll; }
#weg-bild 	{ left:   5px; top: 55px; width: 240px; height: 260px; background-image: url("./Images/anfahrt1.jpg"); }
#right-text { left: 260px; top:  2px; width: 250px; height: 295px; }
#left-text  { left:  10px; top:  2px; width: 250px; height: 295px; }

/* Navigationselemente ----------------------------------------------------------------------------------------------------*/

ul#Navigation { position: absolute; bottom: 0.8em; right: 10px; font-size: 0.9em; text-align: right; line-height: 1.8em;}

ul#Navigation li 		  		{list-style: none; margin: 0em; padding: 0em;}
/*ul #Navigation a 				{display: block; padding: 0.3em; font-weight: bold;}*/
ul#Navigation a 					{padding: 0.3em; font-weight: bold;}
ul#Navigation a:link  		{text-decoration: none; color: black;}
ul#Navigation a:visited 	{text-decoration: none; color: #666;}
ul#Navigation a:hover 		{text-decoration: none; color: white; background-color: #015;}
ul#Navigation a:active  	{text-decoration: none; color: white; background-color: gray;}


/* Navigationselemente Mitte ----------------------------------------------------------------------------------------------*/


ul#navlist_left { position: absolute; top: 230px; left: 173px; width: 108px; font-size: 0.8em; font-weight: bold; 
									text-align: center;	margin-left: 0;	padding-left: 0; white-space: nowrap; text-decoration: none; 
									display: inline block; list-style: none; }

ul#navlist_left li  				{list-style: none; margin: 0; padding: 0em;}
ul#navlist_left a 					{display: block; padding: 0.3em; font-weight: bold;}
ul#navlist_left a:link  		{text-decoration: none; color: black;}
ul#navlist_left a:visited 	{text-decoration: none; color: #666; } 
ul#navlist_left a:hover 		{text-decoration: none; color: #015;}

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

ul#navlist_middle {	position: absolute; top: 230px; left: 342px; width: 108px; font-size: 0.8em; font-weight: bold; 
										text-align: center;	margin-left: 0;	padding-left: 0; white-space: nowrap; text-decoration: none;
										display: inline block; list-style: none; }


ul#navlist_middle li  				{list-style: none; margin: 0; padding: 0em;}
ul#navlist_middle a 					{display: block; padding: 0.3em; font-weight: bold;}
ul#navlist_middle a:link  		{text-decoration: none; color: black;}
ul#navlist_middle a:visited 	{text-decoration: none; color: #666; } 
ul#navlist_middle a:hover 		{text-decoration: none; color: #015;}

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

ul#navlist_right  { position: absolute; top: 230px; left: 510px; width: 108px; font-size: 0.8em; font-weight: bold; 
										text-align: center; margin-left: 0;	padding-left: 0; white-space: nowrap; text-decoration: none;
										display: inline block; list-style: none; }

ul#navlist_right li 				{list-style: none; margin: 0; padding: 0em;}
ul#navlist_right a  				{display: block; padding: 0.3em; font-weight: bold;}
ul#navlist_right a:link   	{text-decoration: none; color: black;}
ul#navlist_right a:visited  {text-decoration: none; color: #666; } 
ul#navlist_right a:hover 	  {text-decoration: none; color: #015;}


/* ---Auswahl unten  ------------------------------------------------------------------------------------------------------- */

/* #auswahl {position: absolute; top: 360px; left: 80px; color:#aaa; background:transparent;
		      height:1,5em; font-size: 0.8em; font-weight:bold;}*/

#auswahl {position: absolute; bottom: 70px; left: 85px; color:#aaa; background:transparent;
		      height:1em; font-size: 0.8em; font-weight:bold;}

#auswahl a 					{padding: 0.3em;}
#auswahl a:visited 	{text-decoration:none; color:#000;}
#auswahl a:hover 		{text-decoration:none; color:#005;}
/* #auswahl a span 	{display:none;} */
/* #auswahl li 			{display: block; padding: 0.3em;} */
#auswahl li 				{padding: 0.3em;} 

/* #auswahl a:hover 		  {position:relative; top:2px; left:2px; text-decoration:none; color:#bbb;} */ 
/* #auswahl a:hover span {display:block; position:absolute; top:3px; left:-2px; color:#000; cursor:pointer;} */