@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 { min-height: 101%;	
	/* 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:#313131; background: #ffffff; text-align: left; } 
	/* 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 des Basislayouts ###################################################################
** ################################################################################################### */
	#header { position:relative }
	#toplogo {position:absolute; bottom: 0px; right: 10px; color: #fff; background: transparent; 
	text-align: right;  /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */ }
	#nav { clear:both; width: auto; }
	#teaser { clear:both; width: auto; }
	#nav_main { clear:both; width: auto; }
	#main {	clear:both; width: auto;}
	#col1 {float: left;}
	#col2 {float: left;}
	#footer { clear:both;}	/* Backup für IE-Clearing */
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col4 {z-index: 7;}
	#col1_content {z-index: 4;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}
	#col4_content {z-index: 8;}
	#col1_content, #col2_content, #col3_content, #col4_content { position:relative; }

/* ######################################################################################################
** ### 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 }

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ################################################################################################### */
	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

.seventhlinks a,
.seventhlinks a:hover, 
.seventhlinks a:link,
.seventhlinks a:visited,
.seventhlinks a:active  {
	color: #000000;
	text-decoration: none;
}