@import "reset.css";



/* ----- ALLGEMEINES ----- */

body {
	text-align: center;
	background: #174704;
	color: #eee;
	font-size: 12px;
	line-height: 20px;
	font-family: georgia, serif;
	}

a {
	color: #fff;
	font-style: italic;
	}
	
	
	

/* ----- LAYOUT ----- */

#header-wrapper, #content-wrapper, #footer-wrapper { 
	margin: 0 auto; 
	width: 960px; 
	text-align: left;
	}

#content-background {
	background: #325620;
	}

#content-wrapper {
	background: url(../img/all-content-bg.gif) 0 0 repeat-y;
	}

#content {
	background: url(../img/all-content-bg-image.jpg) 0 0 no-repeat;
	text-align: center;
	}
	
#content-inner {
	width: 796px;
	margin: 0 auto;
	padding: 0 0 25px 0;
	text-align: left;
	}




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

#header {
	position: relative;
	width: 960px;
	height: 264px;
	}

.deutsch #header {
	background: url(../img/de-header-bg.jpg) 0 20px no-repeat;
	}

.english #header {
	background: url(../img/en-header-bg.jpg) 0 20px no-repeat;
	}

#header h1 {
	text-indent: -999%;
	}

#header img {
	width: 796px
	height: 161px;
	position: absolute;
	top: 41px;
	left: 82px;
	}



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

#nav-links ul {
	width: 478px;
	position: absolute;
	top: 203px;
	left: 82px;
	}

#nav-links li {
	float: left;
	}

#nav-links li.leer {

	}

#nav-links a {
	display: block;
	width: 89px;
	height: 19px;
	background: url(../img/all-nav-hover-89px.gif) 0 1px no-repeat;
	text-indent: -9999px;
	margin: 0 1px 1px 0;
	line-height: 19px;
	}

#nav-links li.uebernachten a, #nav-links li.arrangements a, #nav-links li.buchen a {
	width: 120px;
	background: url(../img/all-nav-hover-120px.gif) 0 1px no-repeat;
	}

#nav-links li.speisen a, #nav-links li.wellness a, #nav-links li.kontakt a {
	width: 91px;
	background: url(../img/all-nav-hover-91px.gif) 0 1px no-repeat;
	}

#nav-links li.kalender a, #nav-links li.doentjes a {
	width: 83px;
	background: url(../img/all-nav-hover-83px.gif) 0 1px no-repeat;
	}
	
#nav-links li a:hover {
	background-position: 0 -19px;
	}

.uebernachten #nav-links li.uebernachten a, .speisen #nav-links li.speisen a, .feiern #nav-links li.feiern a, .hochzeit #nav-links li.hochzeit a, .aktuelles #nav-links li.aktuelles a, .arrangements #nav-links li.arrangements a, .kalender #nav-links li.kalender a, .tagungen #nav-links li.tagungen a, .catering #nav-links li.catering a, .wellness #nav-links li.wellness a, .doentjes #nav-links li.doentjes a, .buchen #nav-links li.buchen a, .kontakt #nav-links li.kontakt a, .jobs #nav-links li.jobs a, .partner #nav-links li.partner a {
	background-position: 0 -19px;
	}

#nav-rechts ul {
	width: 85px;
	position: absolute;
	top: 203px;
	left: 793px;
	}

#nav-rechts li {
	padding: 0 0 1px 0;
	}
	
#nav-rechts a {
	display: block;
	width: 85px;
	height: 19px;
	text-indent: -9999px;
	}
	
	
	
	
	
/* ----- CONTENT ----- */

img.headline {
	margin: 35px 0 25px 25px;
	float: left;
	}

ul.links {
	float: right;
	padding: 25px 0 25px 0;
	}

ul.links li {
	list-style-type: none;
	padding: 5px 0 0 0;
	line-height: 10px;
	}

ul.links-kalender {
	float: right;
	padding: 25px 0 0 0;
	}

ul.links-kalender li {
	list-style-type: none;
	padding: 5px 0 0 0;
	line-height: 10px;
	} 



/* ----- TEXT-BOXEN ----- */


#text {
	clear: both;
	}

#text h2 {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
}

#text h3 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
}

#text ul {
	padding-bottom: 13px;
}
#text li {
	list-style-type: disc;
	margin-left: 30px;
	padding-bottom: 5px;
}

#text p {
	padding: 0 0 18px 0;
	}

#text-breit {
	background: url(../img/all-content-text-bg.png) 0 0 repeat;
	padding: 0 25px 0 25px;
	}

#text-breit #spalte-links {
	float: left;
	width: 360px;
	padding: 18px 0 0 0;
	}

#text-breit #spalte-rechts {
	float: right;
	width: 360px;
	padding: 18px 0 0 0;
	}	
	
#text-links {
	float: left;
	width: 494px;
	background: url(../img/all-content-text-bg.png) 0 0 repeat;
	padding: 18px 0 0 0;
	}

#text-links p {
	padding: 0 25px 18px 25px;
	}

#text ul.arrangements {
	float: right;
	width: 277px;
	padding: 0;
	margin: 0;
	}

#text ul.arrangements li {
	padding: 0 0 5px 0;
	margin: 0;
	line-height: 10px;
	list-style-type: none;
	}

#foto {
	float: right;
	}

#foto img {
	padding: 0 25px 0 0;
	}

/* ----- FOTOS ----- */



.fotos {
	padding-left: 25px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-top: 0px;
	margin: -1px;
	clear: both;
	}

.fotos ul {
	padding-left: 10px;
	padding-bottom: 0;
	padding-right: 0;
	padding-top: 0px;
	clear: both;
	}
	
.fotos li {
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-top: 0px;
	list-style-type: none;
	line-height: 1px;
	font-size: 1px;
	width: 170px;
	height: 110px;
	float: left;
	}
	
.fotos li.breit {
	width: 362px;
	}

.beschreibung {
	padding-left: 40px;
	padding-bottom: 20px;
	padding-right: 0;
	padding-top: 0;
	clear: both;
	}
	
.beschreibung li {
	padding-left: 8px;
	padding-bottom: 0;
	padding-right: 0px;
	padding-top: 0;
	list-style-type: none;
	line-height: 1px;
	font-size: 1px;
	width: 170px;
	float: left;
	}

.beschreibung li.breit {
	width: 362px;
	}

.beschreibung p {
	font-size: 11px;
	line-height: 18px;
	}
	
	



/* ----- FORMULAR ----- */


#formular {
	background: url(../img/all-content-text-bg.png) 0 0 repeat;
	clear: both;
	}

#spalte-1 {
	float: left;
	width: 282px;
	}

#spalte-2 {
	float: left;
	width: 232px;
	}

#spalte-3 {
	float: left;
	width: 282px;
	}

#spalte-1 .innertube, #spalte-3 .innertube {
	margin: 10px 25px 15px 25px;
	}

#spalte-2 .innertube {
	margin: 10px 0 15px 0;
	}


input.text {
	width: 207px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px 5px;
	}

input.zeitraum {
	width: 155px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px 5px;
	}

input.personen {
	margin-right: 15px;
	width: 20px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px 5px;
	}

input:focus {
	background: #efd;
	}

#formular dt {
	padding: 8px 0 0 0;
	line-height: 14px;
	}

#formular li {
	padding: 8px 0 0 0;
	line-height: 14px;
	}
	
.linie {
	width: 232px;
	border-top: 1px solid #eee;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 20px 0 10px 0;
	}

textarea {
	width: 207px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px 5px;
	}

#buttons {
	text-align: right;
	}

#buchen {
	background: url(../img/all-content-text-bg.png) 0 0 repeat;
	clear: both;
	padding: 0 100px 0 100px;
	}

#buchen fieldset {
  	border: 1px solid #fff;
  	padding: 5px 15px 10px 15px;
  	margin-bottom: 25px;
	}

#buchen legend {
	padding: 0 5px;
	font-size: 14px;
	}

#buchen label {
	width: 120px;
	display: block;
	float: left;
	text-align: left;
	line-height: 20px;
	}
	
#buchen input {
	font-size: 12px;
	}
	
#buchen .error_message_medium {
	color: #a00;
	font-weight: bold;
	}



/* ----- Kalender ----- */

ul.kalender {
	float: right;
	padding: 25px 0 25px 0;
}

ul.kalender li {
	list-style-type: none;
	font-size: 14px;
}

ul.kalender li a {
	margin: 0 0 4px 12px;
}


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

#footer {
	clear: both;
	background: url(../img/all-footer-bg.gif) 0 100% no-repeat;
	text-align: center;
	}	

#footer p {
	padding: 8px 0 50px 0;
	margin: 0 auto;
	width: 776px;
	font-size: 10px;
	}



.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	}

.hide {
	display: none;
	}