* {
	margin:0px;
	padding:0px;
	outline:none;
}

/* --------------------- ALLGEMEIN --------------------- */

body {
	background:url(../images/bg-body.jpg) top center no-repeat;
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#1e1310;
	height:100%;
}

html {
	background:url(../images/bg-html.jpg);
	font-family: "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#1e1310;
	height:100%;
}

#container {
	width:950px;
	margin:0px auto -315px;
	height:auto !important;
	height:100%;
}

/* --------------------- HEADER --------------------- */

#header {
	width:950px;
	height:645px;
	float:left;
	position:relative;
	background:url(../images/bg-header.jpg) no-repeat;
}

	h1#branding a {
		width:175px;
		height:94px;
		display:block;
		position:absolute;
		left:120px;
		top:143px;
		text-indent:-9999px;
		text-decoration:none;
	}
	
	#aktuelles {
		width:273px;
		position:absolute;
		left:111px;
		top:423px;
		font-size:12px;
		color:#1e1310;
		line-height:18px;
	}
	
	#aktuelles a {
		color:#1e1310;
		text-decoration:underline;
	}
	
	#aktuelles a:hover, #aktuelles a.active {
		color:#688b28;
		text-decoration:underline;
	}
	
	#contact {
		width:412px;
		position:absolute;
		left:427px;
		top:423px;
		font-size:12px;
		color:#1e1310;
		line-height:18px;
		float:left;
	}
	
	#contact a {
		color:#1e1310;
		text-decoration:underline;
	}
	
	#contact a:hover, #contact a.active {
		color:#688b28;
		text-decoration:underline;
	}
	
	#contact #contactColumn1 {
		float:left;
		width:200px;
	}
	
	#contact #contactColumn2 {
		float:left;
		width:183px;
		padding:0 0 0 29px;
	}
	
	#headline {
		position:absolute;
		left:111px;
		top:540px;
	}
	
	#language {
		position:absolute;
		left:689px;
		top:515px;
		width:260px;
}

	#language ul {
		list-style:none;
		float:left;
	}
	
	#language li {
		padding:0 45px 0 0;
		float:left;
	}
	
	#language a {
		font-size:12px;
		color:#1e1310;
		text-decoration:underline;
	}
	
	#language a:hover, #language a.active {
		color:#749b1b;
		text-decoration:underline;
	}

	

/* --------------------- NAVIGATION --------------------- */

#navigation {
	position:absolute;
	left:111px;
	top:280px;
}
	
	#navigation ul {
		list-style:none;
	}
	
	#navigation li {
		float:left;
		padding:0 12px 0 0;
		line-height:12px;
	}
	
	#navigation a {
		text-decoration:none;
		font-size:13px;
		color:#fff;
		text-transform:uppercase;
	}
	
	#navigation a:hover, #navigation a.active {
		text-decoration:none;
		color:#e3c124;
	}
	
	#navigationColumn1 {
		padding:0 0 0 25px;
	}
	
	#navigationColumn2 {
		padding:48px 0 0 0;
	}


/* --------------------- METANAVIGATION --------------------- */

#metaNavigation {
	position:absolute;
	left:361px;
	top:47px;
}

	#metaNavigation ul {
		list-style:none;
		float:left;
	}
	
	#metaNavigation li {
		padding:0 12px 0 0;
		float:left;
	}
	
	#metaNavigation a {
		font-size:13px;
		color:#e3c124;
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#metaNavigation a:hover, #metaNavigation a.active {
		color:#fff;
		text-decoration:none;
	}


/* --------------------- CONTENT --------------------- */

#contentContainer {
	width:950px;
	float:left;
	background:url(../images/bg-contentContainer.jpg) repeat-y;
}

#contentMain {
	width:728px;
	float:left;
	padding:0 111px 0 111px;
}
	
	#contentMain a {
		text-decoration:underline;
		color:#1e1310;
	}
	
	#contentMain a:hover {
		text-decoration:underline;
		color:#749b1b;
	}
	
	#contentMain ul {
		list-style:none;
		margin:0 0 0 10px;
	}
	
	#contentMain li {
		margin:0 0 5px 15px;
		list-style-image: url(../images/li.jpg);
	}
	
	#contentMain img {
		border:1px solid #cba641;
		margin:5px 0 20px 0;
	}
	
	#contentMain img.impressionen {
		margin:0 15px 20px 0;
	}
	
	#contentMain #contentColumn1 {
		float:left;
		width:344px;
	}
	
	#contentMain #contentColumn2 {
		float:left;
		width:343px;
		margin:0 0 0 40px;
	}
	

/* --------------------- FOOTER --------------------- */

#footer {
	width:100%;
	height:315px;
	background:url(../images/bg-footer.jpg);
}

	#footerContent {
		width:950px;
		height:315px;
		margin:0px auto;
		background:url(../images/bg-footerContent.jpg) no-repeat;
		position:relative;
		font-size:12px;
		line-height:18px;
	}
	
	#footerContent a {
		color:#1e1310;
		text-decoration:underline;
	}
	
	#footerContent a:hover {
		color:#749b1b;
		text-decoration:underline;
	}
	
	#footerContent #direction {
		position:absolute;
		left:111px;
		top:89px;
		width:230px;
	}
	
	#footerContent #book {
		position:absolute;
		left:497px;
		top:89px;
		width:350px;
	}
	
	/* ----------- Buchungsformular ---------- */
	#footerContent #book form {
		width:350px;
		border:none;
	}
	
	#footerContent #book label, #footerContent #book legend {
		color:#1e1310;
		font-size:12px;
		border:none;
	}
	
	#footerContent #book label {
		display:block;
		border:none;
	}
	
	#footerContent #book fieldset {
		padding:0 0 10px 0;
		border:none;
	}
	
	label#label-naechte, label#label-zimmer,
	label#label-kinder, label#label-erwachsene  {
		float:left;
		width:50px;
	}
	
	select#Anreisetag {
		width:45px;
	}
	
	select#Anreisejahr {
		width:60px;
	}
	
	input#Naechte, input#Zimmer, input#Kinder, input#Erwachsene {
		width:40px;
	}
	
	input#buchen {
		padding:3px 10px;
	}
	
	fieldset#ende {
		padding:0 !important;
		margin:8px 0 0 0;
	}
	
	div#buchen-unten {
		background:url(../images/buchung-unten.gif) no-repeat;
		height:52px;
	}	


#spacer {
	height:315px;
	clear:both;
}

/* --------------------- STYLES --------------------- */

h2 {
	color:#663d2d;
	font-size:23px;
	text-transform:uppercase;
	padding:0 0 5px 0;
}

h3 {
	color:#688b28;
	font-size:28px;
}

h4 {
	color:#663d2d;
	font-size:16px;
	text-transform:uppercase;
	padding-bottom:8px;
}

p {
	margin-bottom:15px;
}

.highlight {
	color:#688b28;
	font-weight:bold;
}

.killfloat {
	clear:both;
	float:none;
}

iframe {
	border:1px dashed #698b28;
}