/* body konfigurationen */
body 	{
		background-color: #FFFFFF;
		font-family: arial;
		font-size: 11px;
		text-align: center; /* der explorer erfordert es damit der body die seite mittig ausrichtet */
		margin: 0px 0px 0px 0px; /* margin auf 0 um abstand zum browser rand zu vermeiden */
		}

/* !INFO: div tags sind boxen, sie gelten als "ersatz für tabellen" zur positionierung, span tags haben dieselbe funktion allerdings 
werden sie eher innerhalb boxen verwendet um mit texten und bildern zu arbeiten (hat wohl in komplexeren css funktionen einen vorteil)*/

/* main box: sie umspannt die gesammte website (menue- und content box) */
div#main 	{
		width: 940px;
		background-image: url(site_elements/inhalt_bg.jpg);
		
		/* Außenabstand zum Browser: im gegenzug zum explorer benötigt der firefox diese beschreibung um den body mittig auszurichten */
		margin-left: auto;
		margin-right: auto;
		}

/* menue box: Sie stellt den linken Bereich der Seite dar und setzt sich durch "float: left" nach links ab */
div#menue 	{
	 		width: 220px; /* wegen firefox verschiebung werden hier 20px zuwenig angesetzt um dem padding platz zu bieten der im explorer keine probleme macht */
	 		float: left;
	 		text-align: left;
	 		padding: 0px 0px 0px 20px;
			}

/* Abstand um die Unterpunkte abzuheben */
div#menue ul li ul 	{
			padding: 0px 0px 0px 30px;
			}

/* auswahl ist die "menue" klasse des ul tags */

/* deaktiviert die listenpunkte */		
ul.auswahl 	
		{
		list-style-type: none;
		margin: 0px 0px 0px 0px; /* explorer positionierung der liste neutralisieren*/
		padding: 0px 0px 0px 0px; /* firefox positionierung der liste neutralisieren*/
		}

/* innerhalb der liste mit der klasse "auswahl" wird der inhalt des span tags "inaktiv" innerhalb eines links nicht angezeigt */			
ul.auswahl a span.inaktiv 	
		{ 
		display: none;
		} 

/* ist für die darstellung des spans "inaktiv" bei hover verantwortlich;  */		
ul.auswahl a:hover span.inaktiv
		{ 
		display: block; /* stellt den inhalts des spans "inaktiv" dar */
		position: absolute; /* sorgt dafür das er keinen widerstand darstellt als objekt und nicht von margins oder paddings angesprochen wird */		
		margin: 5px 0px 0px 5px; /* höhenkorrektur des spans (der grafik) */
		} 

/* sollte der span tag "aktiv" sein so wird er angezeigt und positioniert */		
ul.auswahl a span.aktiv
		{ 
		position: absolute; /* sorgt dafür das er keinen widerstand darstellt als objekt und nicht von margins oder paddings angesprochen wird */		
		margin: 5px 0px 0px 5px; /* positionierungskorrektur des spans (der grafik) */	
		} 

/* verhindert einen border des bildes im firefox */
ul.auswahl a:hover span img 
		{ 
		border: 0px;
		}

/* eigenschaften des eigentlichen menülinks (text) */
.link {
	position: absolute;
	padding: 0px 0px 0px 30px; /* padding um sich vom pfeil abzusetzen und sich den 30 zusätzlichen pixel der anderen klassen in der  menue box anzupassen */
	cursor: pointer; /* zwingt den cursor zu einer hand, umgeht einen bug im explorer */
	}

/* Link-Stil für alle Links im Content */
a:link { font-family: verdana; font-size: 11px; font-weight:normal; color:#0086cb; text-decoration:none;}
a:visited { font-family: verdana; font-size: 11px; font-weight:normal; color:#0086cb; text-decoration:none;}
a:active { font-family: verdana; font-size: 11px; font-weight:normal; color:#0086cb; text-decoration:none;}
a:hover { font-family: verdana; font-size: 11px; font-weight:normal; color:#0086cb; text-decoration:underline;}

/* H-Stile: H1: Überschrift im Content; H2: Blaue Fett-Schrift (Menübereich); H3: Text im Content; H4: Graue Schrift (Menübereich); H: Schrift im footer */
h1 { font-family: verdana; font-weight:bold; color: black; font-size: 11px; text-decoration:none; margin-left: 30px; margin-right: 30px;}
h2 { font-family: verdana; font-weight:bold; color: #0086cb; font-size: 11px; text-decoration:none; margin-left: 30px; margin-right: 0px;}
h3 { font-family: verdana; font-weight:normal; color: black; font-size: 11px; text-decoration:none; margin-left: 30px; margin-right: 40px;}
h4 { font-family: verdana; font-weight:normal; color: #818181; font-size: 11px; text-decoration:none; margin-left: 30px; margin-right: 0px;}
h5 { font-family: verdana; font-weight:normal; color: black; font-size: 9px; text-decoration:none; text-align: center;}			

/* Link-Stil für das Hauptmenü */
ul.auswahl a:link { font-family: verdana; font-size: 14px; font-weight:normal; color:#02579c; text-decoration:none;}
ul.auswahl a:visited { font-family: verdana; font-size: 14px; font-weight:normal; color:#02579c; text-decoration:none;}
ul.auswahl a:active { font-family: verdana; font-size: 14px; font-weight:normal; color:#02579c; text-decoration:none;}
ul.auswahl a:hover { font-family: verdana; font-size: 14px; font-weight:normal; color:silver; text-decoration:none;}

/* Link-Stil für die Unterpunkte des Hauptmenüs */
ul.auswahl li ul a:link { font-family: verdana; font-size: 11px; font-weight:normal; color:#02579c; text-decoration:none;}
ul.auswahl li ul a:visited { font-family: verdana; font-size: 11px; font-weight:normal; color:#02579c; text-decoration:none;}
ul.auswahl li ul a:active { font-family: verdana; font-size: 11px; font-weight:normal; color:#02579c; text-decoration:none;}
ul.auswahl li ul a:hover { font-family: verdana; font-size: 11px; font-weight:normal; color:silver; text-decoration:none;}

/* Link-Stil, speziell für die emailadresse im grauen Menütext (h4) */
h4 a:link { font-family: verdana; font-size: 9px; font-weight:normal; color:#818181; text-decoration:none;}
h4 a:visited { font-family: verdana; font-size: 9px; font-weight:normal; color:#818181; text-decoration:none;}
h4 a:active { font-family: verdana; font-size: 9px; font-weight:normal; color:#818181; text-decoration:none;}
h4 a:hover { font-family: verdana; font-size: 9px; font-weight:normal; color:#818181; text-decoration:underline;}

/* content box: neben der menue box stellt sie die rechte seite der website dar und floatet rechts */					
div#content	{
			width: 700px;
			float:right;
			text-align: left;
			}

/* box der bilderleiste innerhalb des contents */        		      		
.box_picture 	{
			display:block;
			width: 239px;
			float: left;
			text-align: right;
			}

/* box der textleiste innerhalb des contents */			
.box_text 	{
			display:block;
			width:461px;
			float:right;
			text-align: left;
			}

/* habt jegliche float einstellung wieder auf (um nachfolgende boxen eine neue float verteilung zu ermöglichen) */
div#clear {clear: both;}
 
/* Link-Stil für die footer box, email und linknavigation */
div#footer a:link { font-family: verdana; font-size: 9px; font-weight:normal; color: black; text-decoration:none;}
div#footer a:visited { font-family: verdana; font-size: 9px; font-weight:normal; color: black; text-decoration:none;}
div#footer a:active { font-family: verdana; font-size: 9px; font-weight:normal; color: black; text-decoration:none;}
div#footer a:hover { font-family: verdana; font-size: 9px; font-weight:normal; color: #02579c; text-decoration:none;}