@media all {
	/* 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 { 
		min-height: 101%;
		/* Schriftarten */
		font-family: verdana, helvetica, arial, sans-serif;
		/* 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: #000;        
		background: #fff;
		text-align: left; 
	}

	/* Formatierung der Seite */
	body {
		background: #fff;
		padding-right: 40px;
		padding-left: 40px;
		padding-top: 30px;
		font-size: small;
	}	
	
	/* 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% }
	
	area { cursor: default; }
	
	/* iehacks */
	#page_margins, #page, .page_margins, .page, #header, #nav, #main, #footer { zoom: 1; }
	#page_margins, #page .page_margins, .page { height: 1%; }
	* html #header, * html #nav, * html #main, * html #footer { width: 100%; }
	* html #header, * html #nav, * html #main, * html #footer { width: auto; }
	
	/* Fadenkreuzmauszeiger */
	/* * { cursor: crosshair; } */
	
	/* ===============================================================================================  */
	/* Markupfreie CSS-Floatclearing-Lösungen */ 
	/*================================================================================================ */

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }
	
	/* =============================================================================================== */
	
	/* DIV-Container der Startseite */
	div.back {	
		width: 1024px;
		height: 768px;
		top: 50%;
		left: -512px;
		margin-left: 50%;
		margin-top: -414px;
		position: absolute;
	}
	
	div.skip_intro {
		width: 100px;
		height: 20px;
		top: 50%;
		left: 315px;
		margin-left: 50%;
		margin-top: 255px;
		position: absolute;
	}
	
	/* Hier kann ein umlaufender Rand um die gesamte Webseite erzeugt werden */
	div.page_margins {
		border: 2px #eee solid;
		min-width: 756px;
		max-width: 65em;
		margin:auto;
	}

	div.page {
		border: 1px #000 solid;
	}
	
	/* Linker DIV-Container des Menus */
	div.main { 
		clear: both;
		width: auto;
		color: #000; 
		margin: 0; 
		padding: 0; 
		background: #fff;
	} 
	
	/* Navigation */
	#navi_left {	
		float: left;
		width: 38%;
		text-align: left;
		min-height: 500px;
		height: auto !important;
		height: 500px;
	}

	#navi_right {
		margin-left: 62%; 
		border-left: 0px dotted #ddd;
		border-right: 0px dotted #ddd;
		text-align: right;
	}	

	#navi_content {	
		padding-top: 3.3em; 
		margin-left: 50px; 
		margin-right: 50px;
		background: inherit; 
		font-size: large;
	}
		
	/* Vertikale Linie */
	#line {
		float: left;
		margin-top: 50px;
		margin-bottom: 50px;

	}
	
	/* Inhalt */
	#content_right {
	  margin-left: 38%; 
		border-left: 0px dotted #ddd;
		border-right: 0px dotted #ddd;
	}
	
	#content_left {
		float: left;
	  width: 62%; 
		min-height: 500px;
		height: auto !important;
		height: 500px;

	}

	#content_content {
		padding-top: 3.3em;
		margin-left: 10px;
		margin-right: 10px;
		text-align: center;
	}
	
	#content_content img { 
		border: 1px #000 solid;
	}
		
	/* Tabellen */
	table { 
		margin-bottom: 1em;
		margin-top: .5em;
	}
	
	table th { 
		padding: 0.5em; 
		border-bottom: 1px #fff solid; 
		border-right: 1px #fff solid;
	}

	table td {
		padding: 0.5em; 
		border-bottom: 1px #fff solid; 
		border-right: 1px #fff solid;
	}

	td.oben { vertical-align:top }

	/* iFrame */
	.abstand_iframe {
		width: 220px;
		height: 420px;
		text-align: center;
		font-size: medium;
	}

	.abstand_iframe1 {
		width: 440px;
		height: 360px;
		margin-left: 30px;
		margin-right: 30px;		
	}

	.scrollbereich {
		overflow: auto;
		width: 250px;
		height: 400px;
	}

	.scrollbereich1 {
		overflow: auto;
		width: 470px;
		height: 420px;
	}

	.scrollbarabstand {
		padding-right: 3px;
	}
	
	.scrollbarabstand1 {
		padding-right: 30px;
	}  
}