﻿@charset "UTF-8";

@media all
{
	/* Globales Zurcksetzen der Innen- und Auenabstnde fr alle HTML-Elemente */
	* { margin:0; padding: 0; }

	/* Korrektur: Das Zurcksetzen der Abstnde verursacht zu kleine Selectboxen. */
	option { padding-left: 0.4em; } /* LTR */
	select { padding: 1px; }

	/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6 */
	* 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 Schriftgren in lteren Opera Versionen */
		font-size: 100.01%;
	
		/* Vorgabe der Standardfarben und Textausrichtung */
		color: #000;
		/* Zentrierung des Layouts in alten IE-versionen */
		text-align: center;
		
		font-family: Tahoma, Arial, Helvetica;
		font-size: 11px;
		/*line-height: 16px;*/
		background: #f0dfc1;
		padding: 0;
	}
	/* Rahmen fr <fieldset> und <img> Elemente löschen */
	fieldset, img { border: 0 solid; }

	/* Neue Standardwerte fr Listen */
	/*ul, ol, dl { margin: 0 0 1em 1em }
	li {
		margin-left: 0.8em;
		line-height: 1.5em;
	}*/

	/* Aussenrahmen */
	#rahmen {
		text-align:left;
		margin: 10px auto;
		width: 971px;
		background: url(../img/back.jpg) #ffffff;
		border: 2px solid #7a1824;
	}

/*
#Rahmen{
	position: relative;
}
*/

/*------------------------------------------------------------------------------------------------------*/
	/* Basislayout
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #col1   | #col2     |    |
	* | 196 px  | Auto    |    |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/

	#header { position:relative; height: 126px; }

	/* Absicherung korrekte Positionierung */
	#header, #nav, #main, #footer { clear:both; }

	/* Rahmen fr 3-Spalten-Hauptbereich */
	#main {
		padding: 0;
	}

	/* Standard: 200 Pixel */
	#col1 {
		float: left;
		width: 230px;
		margin: 0;
	}
	/* Standard: 200 Pixel */
	/*#col2 {
		float: left;
		width: 558px;
		margin: 0;
	}*/
	/* Standard: Flexible mittlere Spalte */
	#col2 {
		width: 558px;
		margin: 0 0 0 343px;
	}
	/* Vorbereitung fr absolute Positionierungen innerhalb der Inhaltsspalten */
	#col1_content, #col2_content, #col3_content { position:relative; }

	#col1_content { margin:  0; padding: 0 }
	#col2_content { margin:  0; padding: 18px 0; }

	#footer {
		background: url(../img/footer.png) no-repeat #d9dadb;
		height: 28px;
	}

	#col1_content .Trenner, #col2_content .Trenner{
		background: url(../img/trenner.gif) repeat-x;
		display: block;
	}
	#col2_content p, #col2_content a{
		font-size: 100%;
	}

/*------------------------------------------------------------------------------------------------------*/

	/* Clearing der Floats */
	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	.clearfix:after {
		content: ".";
		display: block;
		font-size:0;
		height: 0;
		clear: both;
		visibility: hidden;
	}
	/* Diese Angabe bentigt der Safari-Browser zwingend !! */
	.clearfix { display: block; }
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }

	/* IE-Clearing: Bentigt nur der Internet Explorer und ber iehacks.css zugeschaltet */
	#ie_clearing { display: none; }

/*------------------------------------------------------------------------------------------------------*/
	
	/* Versteckte Elemente */
	/* Klassen fr unsichtbare Elemente im Basislayout */
	.skip, .hideme, .print, dfn {
		position: absolute;
		left: -1000em; /* LTR */
		top: -1000em;
	}
	/* Skip-Links fr Tab-Navigation sichtbar schalten */
	.skip:focus, .skip:active {
		position: static;
		left: 0;
		top:0;
	}

	/* Alle Schriftgren auf Standardgre (16 Pixel) zurcksetzen */
	html * { font-size: 100.01%; }

	/* Schriftgre von monospaced Elemente in allen Browsern auf 16 Pixel setzen */
	
	textarea, pre, code, kbd, samp, var, tt {
		font-family: Tahoma, Arial, Helvetica;
	}
	
	/* Basis-Layout erhlt Standardschriftgre von 11 Pixeln */
	body {
		font-family: Tahoma, Arial, Helvetica;
		font-size: 69.00%;
		color: #000;
	}


/*------------------------------------------------------------------------------------------------------*/

	/* Header Elemente */
	#header #Fotoleiste{
		position: absolute;
		top: 0px;
		left: 189px;
		z-index: 3;
	}
	#header #Fotoleiste img{
		margin-right: 5px;
	}
	#header h1{
		color: #ffffff;
		font-size: 24px;
		letter-spacing: 1px;
		position: absolute;
		top: 89px;
		left: 343px;
		width: 558px;
		text-align: right;
		z-index: 3;
		padding: 0px;
		margin: 0px;
		display: block;
	}

/*------------------------------------------------------------------------------------------------------*/

	#logo { 
		position: absolute;
		top: 0;
		left: 32px;
	}


/*------------------------------------------------------------------------------------------------------*/

	#col2_content h2{
		font-family: Arial;
		color: #e4c189;
		font-size: 14px;
		font-weight: bold;
		border-bottom: 1px solid #7a1824;
		margin-top: 0px;
	}
	#col2_content h3{
		color: #e4c189;
		font-size: 12px;
		font-weight: bold;
		/*border-bottom: 1px solid #7a1824;*/
	}
	#col2_content p{
		line-height: 15px;
		margin-top: 11px;
		margin-bottom: 11px;
		text-align: justify;
	}
	#col2_content p.norm{
		text-align: left;
	}
	#col2_content a{
		color: #9f3c40;
	}
	#col2_content a:hover{
		color: #7f7f7f;
	}
	#col2_content a.Zeile{
		color: #9f3c40;
		display: block;
		padding: 2px 2px 2px 10px;
		margin-bottom: 5px;
		margin-top: 0;
		text-decoration: none;
	}
	#col2_content a.Zeile:hover{
		color: #ffffff;
		background: #9f3c40;
	}
	#col2_content a.Zeile img{
		margin-right: 10px;
		vertical-align: middle;
		border: none;
	}
	#col2_content .rechts{
		float: right;
		margin: 11px 0px 10px 15px;
	}
	#col2_content .zurueck{
		float: right;
	}
	#col2_content .links{
		float:left;
		margin-top:4px;
		margin-bottom: 10px;
		margin-right: 15px;
	}
	#col2_content .fussnote{
		font-size: 10px;
		font-weight: bold;
		line-height: 12px;
	}

/*------------------------------------------------------------------------------------------------------*/

	#Menue{
		position: absolute;
		top: 0;
		left: 5px;
		z-index: 5;
	}
	#Sprachen{
		position: absolute;
		top: 400px;
		left: 5px;
		z-index: 5;
	}
	#Sprachen img{
		border: none;
	}
	#Sprachen p{
		margin: 0px 0px 5px 0px;
		padding: 0px;
	}
	#Sprachen a{
		-moz-opacity: 0.5;
		filter: alpha(opacity=50);
		color: #9f3c40;
		font-weight: bold;
		text-decoration: none;
	}
	#Sprachen a:hover{
		-moz-opacity: 1;
		filter: alpha(opacity=100);
	}
	#HomeLink{
		position: absolute;
		top: -63px;
		left: 150px;
		z-index: 5;
	}
	
	
}
