@import "reset.css";



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

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

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: 493px; /* 478 */
	position: absolute;
	top: 203px;
	left: 83px;
	}

#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.ausgezeichnet a, #nav-links li.doentjes a, #nav-links li.gaestebuch a {
	width: 98px;
	background: url(../img/all-nav-hover-98px.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, .ausgezeichnet #nav-links li.ausgezeichnet 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, .gaestebuch #nav-links li.gaestebuch 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;
}



/* ----- Gästebuch ----- */

.gaestebuch textarea {
	width: 96%;
	height: 100px;
}

.gaestebuch .entry {
	margin-bottom: 20px;
}

.gaestebuch #text h4 {
	font-size: 13px;
}

.gaestebuch #text h4 {
	font-size: 12px;
	font-weight: normal;
}

.gaestebuch #text p {
	padding: 0 0 5px 0;
}

.gaestebuch #text p.rating {
	padding: 0;
}

.gaestebuch #text p.error {
	padding: 0 0 5px 0;
	background: #de4c58;
	border: 1px solid #c64f4b;
	padding: 3px 5px;
	margin-bottom: 5px;
}


#text .gallery-upload p.error {
	padding: 0;
	color: #f00;
}

/* --- Admin Toolbar ---- */

#admin {
	background: #777;
	font-size: 14px;
	line-height: 26px;
	background: #de4c58;
	border-bottom: 1px solid #c64f4b;
}

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


/*!
 * jQuery UI Stars v3.0.1
 * http://plugins.jquery.com/project/Star_Rating_widget
 *
 * Copyright (c) 2010 Marek "Orkan" Zajac (orkans@gmail.com)
 * Dual licensed under the MIT and GPL licenses.
 * http://docs.jquery.com/License
 *
 * $Rev: 164 $
 * $Date:: 2010-05-01 #$
 * $Build: 35 (2010-05-01)
 *
 */
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}
.ui-stars-star a,
.ui-stars-cancel a {
  width: 16px;
  height: 28px;
  display: block;
  background: url(/img/stars.gif) no-repeat 0 0;
}
.ui-stars-star a {
  background-position: 0 -32px;
}
.ui-stars-star-on a {
  background-position: 0 -48px;
}
.ui-stars-star-hover a {
  background-position: 0 -64px;
}
.ui-stars-cancel-hover a {
  background-position: 0 -16px;
}
.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}
	

.gallery-item {
	clear: both;
}

.gallery-item h1 {
	font-size: 15px;
	padding: 10px 0 5px 0;
}

.gallery-item h1 span {
	font-size: 12px;
	font-weight: normal;
}
	
.gallery-item a.gallery-link {
	margin: 0 10px 10px 0;
	float: left;
	border: 1px solid #fff;
}

.gallery-item a.gallery-link img {
	line-height: 1;
	margin: 0;
	padding: 0;
	display: block;
}

.gallery-upload h1 {
	font-size: 15px;
	padding: 10px 0 5px 0;

}

.gallery-upload p {
	margin: 10px 0;
}

.gallery-upload span {
	width: 20px;
	display: block;
	float:left;
}

#text .gallery-upload p.permission {
	padding: 0;
}

#text .gallery-upload p.submitbutton {
	padding: 0;
}



/* ----- Buchung ----- */

#booking {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 50%;
	margin-left: -280px;
}

#booking form {
	background: #466737;
	width: 270px;
	padding: 0 10px;
	text-align: left;

}

#booking p {
	line-height: 1.3;
	margin: 0 0 7px 0;
	padding: 0;
}

#booking label {
	display: block;
	line-height: 20px;
	clear: both;
	padding-bottom: 4px;
}

#booking label span {
	float: left;
}

#booking label select {
	float: left;
}

#booking label input {
	float: left;
	margin-left: 5px;
}

#booking label img {
	float: left;
	padding: 3px 0 0 4px;
}

#booking #booking-slider {
	display: block;
	width: 290px;
	height: 32px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 32px;
}

#booking .right {
	float: right;
}

#booking #slider-content {
	position: absolute;
	top: 30px;
}

.datepicker_jqui {
	z-index: 2;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden; 
}
 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }