@charset "UTF-8";

@media all
{
 /*------------------------------------------------------------------------------------------------------*/

	/* Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
	* { margin:0; padding: 0; }

	/* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
	option { padding-left: 0.4em; }

 /**
	* Globale Korrektur des Italics Bugs des IE 5.x und IE 6
	*
	* @bugfix
	* @affected   IE 5.x/Win, IE6
	* @css-for    IE 5.x/Win, IE6
	* @valid      yes
	*/
	* html body * { overflow:visible; }
	* html iframe, * html frame { overflow:auto; }
	* html frameset { overflow:hidden; }

	/* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
	html { height: 100%; margin-bottom: 1px; }
	body {
		/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
		font-size: 100.01%;

		/* Vorgabe der Standardfarben und Textausrichtung */
		color: #000;
		background: #fff;
		text-align: left;
	}

	/* Rahmen für <fieldset> und <img> Elemente löschen */
	fieldset, img { border: 0 solid; }

	/* Neue Standardwerte 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 { margin: 0 0 1em 1.5em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
	*
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #col1   | #col3     | #col2   |
	* | 200 px  | flexible  | 200px   |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/

	#header { position:relative; }

	/* Textausrichtung für #topnav Inhalte */
	#topnav { text-align: right; } 

	/* Absolute Positionierung erfolgt nur innerhalb von #header */
	#header #topnav {
		position:absolute;
		top: 10px;
		right: 10px;
	}

	/* Absicherung korrekte Positionierung */
	#header, #nav, #main, #footer { clear:both; }

	/* Standard: 200 Pixel */
	#col1 { 
		height:300px; 
		width: 225px; 
		float: left; 
		background: #ffffff url(../../images/bg-navi-2.gif) no-repeat top left; 
		background-color: transparent; 
		border:0px solid #ff0000; 
	}
	/* Standard: 200 Pixel */
	#col2 { 
		width: 225px; 
		margin-top:-190px; 
		float:right; 
		border:0px solid #ff0000; 
		background-color:#00ff00; 
		position:relative; 
		background: #ffffff url(../../images/sidebar/bild-left-1.jpg) repeat-x top left;
		padding-top:443px;
	}
	/* Standard: Flexible mittlere Spalte */
	#col3 { width:auto; margin: 0 225px }

	/* Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
	#col1_content, #col2_content, #col3_content { position:relative; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
	* @section Generische Klassen zur Layoutumschaltung
	*
	* .hidecol1 -> 2-column-layout (using #col2 and #col3)
	* .hidecol2 -> 2-column-layout (using #col1 and #col3)
	* .hideboth -> single-column-layout (using #col3)
	*/

	.hideboth #col3 { margin-left: 0; margin-right: 0; }
	.hidecol1 #col3 { margin-left: 0; margin-right: 200px; }
	.hidecol2 #col3 { margin-left: 200px; margin-right: 0; }

	.hideboth #col1, .hideboth #col2, .hidecol1 #col1, .hidecol2 #col2 { display:none; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
	* @section clearing methods
	*/

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

 /*------------------------------------------------------------------------------------------------------*/

 /**
	* @section subtemplates
	*/

	.subcolumns { width: 100%; overflow:hidden; }

	/* Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */
	.subcolumns_oldgecko { width: 100%; float:left; }

	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

	.c25l, .c25r { width: 25%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 50%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 75%; }
	.c38l, .c38r { width: 38.2%; }
	.c62l, .c62r { width: 61.8%; }

	.subc  { padding: 0 0.5em; }
	.subcl { padding: 0 1em 0 0; }
	.subcr { padding: 0 0 0 1em; }

 /*------------------------------------------------------------------------------------------------------*/

 /**
	* @section Versteckte Elemente
	*
	* Skip-Links und versteckte Inhalte
	*/

	/* Klassen für unsichtbare Elemente im Basislayout */
	.skip, .hideme, .print {
		position: absolute;
		top: -1000em;
		left: -1000em;
		height: 1px;
		width: 1px;
	}

	/* Skip-Links für Tab-Navigation sichtbar schalten */
	.skip:focus, .skip:active {
		position: static;
		top: 0;
		left: 0;
		height: auto;
		width: auto;
	}



}