@media all
{
	/* alles auf 0 */
	* { margin:0; padding: 0; } 

	/* Das zuruecksetzen der Innen- und Aussenabstaende verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option { padding-left: 0.4em }
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen */
	html { height: 101% } 
	body { 
		min-height: 100.01%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgroessen im Opera sowie Standardformatierungen */
		font-size: 100%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Groesse des Browser Fensters geaendert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left;
	} 
	
	/* Standardrahmen zuruecksetzen */
	fieldset, img { border: 0; }
	
	/* Anpassung fuer Safari Browser. font-size:100% ist fuer den Safari in Formularen zu gross */ 
	select, input, textarea { font-size: 99% }
	
/* ######################################################################################################
** ### DIV-Container des Basislayouts ###################################################################
** ######################################################################################################
*/
	
	#header { position:relative }

	#topnav {
		position:absolute;
		top: 10px;
		right: 10px;
		color: black;
		background: transparent;
		text-align: right; /* Erforderlich, damit im Opera 6 wirklich rechts plaziert ! */
	}
	
	#nav { clear:both; width: auto; }
	#main {	clear:both; width: auto; }
	
	
	#col1 {
		float: left;
	}
	
	#col2 {
		float:right; 
	}
	
	#col3 {
		/*text-align: justify;*/
		width:auto;
	}
	
	#footer { clear:both; }	/* Backup f�r IE-Clearing */
	
div#footercontent a {
	font-size: 10px;
	color: #422513;
	text-transform: uppercase;
} 
div#footercontent a:hover {
	font-size: 13px;
	color: #422513;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	background: none;
} 

	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 0;}
	#col2 {z-index: 5;}
	#col3 {z-index: 1;}
	#col1_content {z-index: 0;}
	#col2_content {z-index: 6;}
	#col3_content {z-index: 2;}
	
	#col1_content, #col2_content, #col3_content { position:relative; }

/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Loesungen ###########################################################
** ######################################################################################################
*/

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

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gr�nden der 
** Abw�rtskompatibilit�t des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}

/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 0em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  {
		padding: 0 1.5em 0 1.5em;
		border-left: 1px solid #ebebeb;
		overflow: hidden;
	}
	.subcl {
		padding: 0 1.5em 0 0;
		overflow: hidden;
	}
	.subcr {
		padding: 0 0 0 1.5em;
		border-left: 1px solid #ebebeb;
		overflow: hidden;
	}
	
	
	.subcolumns_33_33_33 {
		width: 105%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		
	}
	
	.subcolumns_33_33_33 .left {
		float: left;
		width: 313px;
		border-right: 1px solid #ebebeb;
	}
	
	.subcolumns_33_33_33 .middle {
		float: left;
		width: 318px;
	}
	
	.subcolumns_33_33_33 .right {
		float: left;
		width: 318px;
		border-left: 1px solid #ebebeb;
	}
	
	
	.subcolumns_33_33_33 .subcl {
		padding: 0 10px 0 0;
		margin: 0 0 0 0;
		border-left: 0;
		border: 0px solid #000000;
	}
	
	.subcolumns_33_33_33 .subc {
		padding: 0 0px 0 0px;
		margin: 0 13px 0 13px;
		border-left: 0;
		
	}
	
	.subcolumns_33_33_33 .subcr {
		padding: 0 0 0 13px;
		margin: 0 0 0 0;
		border-left: 0;
	}
	

	
	.subcolumns_25_25_25_25 {
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		float: left;
		border: 0px solid #000000;
	}
	
	.subcolumns_25_25_25_25 .sub1 {
		width: 230px;
		float: left;
	}
	
	.subcolumns_25_25_25_25 .sub2 {
		width: 230px;
		float: left;
	}
	
	.subcolumns_25_25_25_25 .sub3 {
		width: 230px;
		float: left;
	}
	
	.subcolumns_25_25_25_25 .sub4 {
		width: 230px;
		float: left;
	}
	
	.subcolumns_25_25_25_25 .sub1 .subcl {
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #ebebeb;
	}
	
	.subcolumns_25_25_25_25 .sub2 .subc {
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border-right: 1px solid #ebebeb;
		border-left:0;
	}
	
	.subcolumns_25_25_25_25 .sub3 .subc1 {
		padding: 0 10px 0 0;
		margin: 0 10px 0 0;
		border: 0px solid #ebebeb;
	}
	
	.subcolumns_25_25_25_25 .sub4 .subr {
		padding: 0 0 0 0;
		margin: 0 0 0 0;
		border: 0px solid #ebebeb;
	}
	
	
	
	
	
	
	
	
	
	
}

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

}