@charset "iso-8859-2";
/* CSS Document */

 body {
    	font: 100% Arial, Arial, Helvetica, sans-serif;
    	background: url(images/back_body.gif) #ffeebd repeat-y right fixed;
    	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
    	padding: 0;
		text-align: center; 
    	color:#666666;
		height: 100%; /* wichtig */
		min-height:100%
    }
    .oneColElsCtrHdr #container {
    	width: 982px;
		background-image:url(images/back_container.gif);
		background-position:left;
		background-repeat:repeat-y;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	border-left: 1px solid #004d2a;
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
    }
    .oneColElsCtrHdr #header { 
    	padding: 0; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
		text-transform:uppercase;
		text-align:right;
		font-size: 11px;
		word-spacing:8px;
		padding-top:2px;
		} 
    .oneColElsCtrHdr #mainContent {
    	padding: 10px  0 0 24px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		margin: 10px 24px 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		clear:left;
    }
	.maintext {
		padding-left:260px;
		}
		.maintext2 {
		padding-left:275px;
		}
		
	    .oneColElsCtrHdr #mainContent2 {
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		margin: 10px 24px 0 0;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
    }
		.bilderleiste {
    	padding-right: 1px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
    }
		.bilderleiste_left {
    	padding-right: 1px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		clear:left;
    }
		#B1 {
		clear:left;
 		margin-bottom:10px;
		font-size:12px;
	}
		.D1, .D2, .D3 {
		min-width:12em;
 		padding:14px 26px 14px 16px;
		width:225px;
	}		
		#B1 div{
		float:left;
		width:225px;
	}


    .oneColElsCtrHdr #footer { 
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
		text-align:right;
		background-image:url(images/back_container.gif);
		background-position:left;
		background-repeat:repeat-y;
		background-color:#ffeebd;


    } 
    .oneColElsCtrHdr #footer p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0px 10px 0px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		font-size:11px;
		color:#000;
    }
	    .oneColElsCtrHdr #address { 
		background-image:url(images/back_address.gif);
		background-position:left;
		background-repeat:repeat-y;
    	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
    	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		background-color:#fff7de;
    } 
    .oneColElsCtrHdr #address p {
    	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
    	padding: 10px 0px 10px 70px; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
		font-size:12px;
		color:#666666;
		line-height:18px;
    }
	.logos {
		padding-right: 26px;		
	}
	.logos-en {
		padding-right: 21px;		
	}
	.logofeld {
		background:#ffeebe;
		border-top:1px #FFF solid;
		padding: 3px 0 0 0;
		text-align:center;
	}
	.buchungsfeld {
		text-align:left;
		text-transform:none;
		padding: 0;
		word-spacing:1px;
		border-bottom: 1px #666666 solid;
		border-left: 1px #666666 solid;
		border-right: 1px #666666 solid;
}
	.buchungsfeld_form {
		background:#8aba13;
		color:#fff;
		border:#FFF 0px solid;
		padding:2px;
		height:13px;
		font-size:11px;
		text-align:center;
}
.oneColElsCtrHdr #sidebar1 {
    	float: right; 
    	width: 180px; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
    	padding: 15px 0 0 0; /* Durch die Auffüllung oben und unten entsteht in diesem div ein visueller Leerraum. */
		font-size:11px;
		background-color:#ffeebd;

    }
.oneColElsCtrHdr #sidebar1 h3, .twoColElsRtHdr #sidebar1 p {
    	margin-left: 10px; /* Für jedes Element, das in den seitlichen Spalten platziert wird, sollten ein linker und ein rechter Rand angegeben werden. */
    	margin-right: 10px;
    }
	    .fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }
		.fltlft_img { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: left;
    	margin-right: 34px;
		border:solid #f4a905 4px;
		margin-bottom:18px;

	}
		.fltrt_img { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
		margin-right:24px;
		margin-bottom:18px;
		margin-top:18px;
		border:solid #f4a905 4px;
	}
	    .fltlft_logo { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
    	float: left;
    	margin-right: 100px;
    }
.fltrt_img2 { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
    	float: right;
    	margin-left: 8px;
		margin-right:24px;
		margin-bottom:18px;
		margin-top:18px;
	}

 h1 {
 	font-size:14px;	
	font-weight: bold;
	color:#f4a905;
 	}
	
 a, a:link  {
 	color:#004d2a;
	font-weight:bold;
	text-decoration:none;
 	}
	
	.panoramabild {
	margin-left:20px;
	border-left:4px #f4a905 solid;
	border-bottom: 4px #f4a905 solid;
	clear:left;
	}

.back_white {
	background-color:#FFF;}
	
	.table_zimmer {
	font-size:12px;
	border:#004d2a 1px solid;
	margin:0 0 0 20px;
	background-color:#FFFBC1;
	padding: 4px;}
	
	 h2 {
 	font-size:12px;	
	font-weight: bold;
	color:#f4a905;
 	}
	
.oneColElsCtrHdr #mainContent3 {
    	padding: 0; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
		margin: 10px 24px 0 15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
    }
	.table_preise {
	font-size:12px;
	border:#004d2a 1px solid;
	margin:0 0 0 20px;
	background-color:#004d2a;
	padding: 0;
	}
	
	.td_preise {
		background:#ffeebe;
	}
		#B2 {
		clear:left;
 		margin-bottom:10px;
		font-size:12px;
	}
		.D4, .D5  {
		min-width:325px;
 		padding:14px 16px 14px 16px;
		margin-right:25px;
		width:325px;
		border: #f4a905 solid 1px;
		background-color:#ffeebd;
	}		
		#B2 div{
		float:left;
		width:325px;
	}
		#B2 h1, h2, h3{
		padding:0px;
	} 
	
	h3 {
	font-size:12px;
	color:#666;
	font-stretch:expanded;
	font-weight:bold;
	}
	
	ul {
	list-style:url(images/star2.gif);
	margin-left:8px;
}	
.a_normal {
    	font: 100% Arial, Arial, Helvetica, sans-serif;
    	color:#666666;
		text-decoration:none;
		font-style:normal;
		font-weight:normal;
    }
	
	.table_normal {
		font-size:12px;
	margin:0 px;
	padding: 0;
}

.red {
	color:#C00;
	font-weight:bold;}
	
.tabelle {
	background-color: #030;
	}
	
.td1 {
	background-color:#edb470;
	text-align:center;}
.td2 {
	background-color:#f5d1a7;
	text-align:center;}
.td_titelfeld {
		background-color:#e5993c;
		color:#fff;
		font-weight:bold;
		text-align:center;}
.td_titelfeld ul{
		list-style:square;
		margin-left:10px;
		text-align:left;}

.td_white {
	background-color:#FFF;
	text-align:center;}
	
li {text-align:left;}