@media all
{
/* ######################################################################################################
** ### Vorbereitende Maßnahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	{ margin:0; padding: 0; }

	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
	html { height: 100% } 
	body { 
	
	/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Größe des Browser 
			Fensters geändert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #333333;        
		background: #ffffff;
		text-align: center;
		padding-top: 10px; 
		font-family: Arial, Verdana, Helvetica;
		font-size: 12px;
	} 
	
	/* Standardrahmen zurücksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++ DIV-CONTAINER +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/
	#page_margins {
		width: 970px; 
		margin: auto;	
	}

	#page {
		width: 930px;
		height: 500px; 
		border: 1px solid #004588; 
		z-index: 1;
		text-align: left;
		vertical-align: top;
		position: relative;
		top: 45px;
		background-image: url(../images/hintergrund_nav.gif);
		background-repeat:repeat-y;
	}
	
	#logo {
		position: relative;
		left: 460px;
		top: -53px;
		z-index: 2;  
		width: 253px;
		heigth: 101px;	
	}
	
	#content {
		position: relative;
		right: -16px;
		bottom: 40px;
		z-index: 2; 
		width: 722px;
		height: 420px;
		overflow: auto;	
	}
	
	#nav { 
		width: 206px;
		height: 500px;
		z-index: 1;
		border-right: 1px solid #004588;
		float: left;		
	}
	
	#navimage {
		position: absolute; 
		width: 200px; 
		height: 115px; 
		z-index: 5;
	}
	
	#navtext {
		position: absolute; 
		width: 215px; 
		height: 115px; 
		z-index: 6;
		padding-top: 135px;
	}
	
	#picture {
		position:absolute; 
		left: 760px; 
		top: 340px; 
		z-index: 1;
	}
	
	#text2 {
		width: 440px;
	}
	

	
/* 
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ Formatierung Elemente +++++++++++++++++++++++++++++
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

	a {color: ##004588; text-decoration:none;}
	a:hover {color: ##004588; text-decoration:underline;}
	a:focus {color: ##004588; text-decoration:underline;}

	
	a.navhorizontal a:hover { }
	
	a.nav  { 
		display: block;
		width: 190px;  
		text-decoration:none;
		padding: 5px 0px 5px 15px;
		border-bottom: 1px solid transparent;
		border-top: 1px solid transparent;
		border-left: 1px solid transparent;
		boder-right: 1px solid transparent;
		font-size: 12px;
		font-weight: 500;
		color: #FFFFFF;
		letter-spacing: 0.1em;
	}

	a:hover.nav { 
		display: block;
		text-decoration:none; 
		background-color: #004588;
		border-bottom: 1px solid #FFFFFF;
		border-top: 1px solid #FFFFFF;
		border-left: 1px solid transparent;
		boder-right: 1px solid transparent;
		color: #ffffff;
	}
	
	a.navactive  { 
		display: block;
		width: 190px;
		text-decoration:none;
		padding: 5px 0px 5px 15px; 
		background-color: #004588;
		border-bottom: 1px solid #004588;
		border-top: 1px solid #004588; 
		border-left: 1px solid transparent;
		boder-right: 1px solid transparent;
		color: #ffffff;
		letter-spacing: 0.1em;
	}
	
	a:hover.navactive  { 
		display: block;
		width: 190px;
		text-decoration:none;
		padding: 5px 0px 5px 15px; 
		background-color: #004588;
		border-bottom: 1px solid #004588;
		border-top: 1px solid #004588; 
		border-left: 1px solid transparent;
		boder-right: 1px solid transparent;
		color: #ffffff;
		letter-spacing: 0.1em;
	}
	
	p.title {
		font-size: 18px;
		color: #004588;
		margin: 0px 0px 20px 0px;
	}
	
	.contenttable {
		border-right: 1px solid #004588;
		width: 705px;
	}
	
	.contenttd {
		font-size: 12px;
		text-align: left;
		vertical-align: top;
		padding-right: 40px;
		line-height: 150%;
	}
	
	li {
		line-height: 150%;
	}
	
	blockquote {
		margin-top: 0px;
	}
	
	ul {
		margin-top: 10px;
		list-style-position:inside;
	}

}