/*-----------------------------------------------------*/
/*----------------------- Haupt -----------------------*/
/*-----------------------------------------------------*/


* {
	
	margin: 0;
	padding: 0;
	border: 0 none;
	
}

html, body {
	
	height: 100.1%;
	
}

body {
	
	background: #f5fae9;
	
}

#wrapper {
	
	width: 940px;
	margin: 0 auto;
		
}

#lang-menu {
	
	width: 50%;
	text-align: right;
	padding: 10px 0 5px 0;
	float: right;
	list-style-type: none;
	
}

#menu {
	
	height: 35px;
	background: #988f6d;
	margin: 34px 0 1px 0;
	list-style-type: none;
	clear: both;
	
}

#teaser {
	
	height: 313px;
	margin: 0 0 1px 0;
	
}

#header h1 {
	
	background: #edeacc;
	padding: 15px 0;
	
}

#header h1 a {
	
	width: 940px;
	height: 70px;
	
	text-indent: -5000px;
	
	background: transparent url('./../layout/villa-sayang-gilo-meno.png') no-repeat scroll center;
	
	margin: 0 auto;
	
	display: block;
	overflow: hidden;
	
}

#content {
	
	margin: 30px 0 0 0;
	padding: 0 0 30px 0;
	
}


/*-----------------------------------------------------*/
/*--------------------- Schrift -----------------------*/
/*-----------------------------------------------------*/


body {
	
	color: #817058;
	font-family: Georgia, Garamond, Serif;
	font-size: 100%;
	
}

a {
	
	color: #f76013;
	text-decoration: none;
	
}

a:hover, a:focus {
	
	color: #b9c910;
	
}

.skip, .skip:hover {
	
	color: #f5fae9;
	text-decoration: none;
	
}

.skip:focus {
	
	color: #b9c910;
	
}

#lang-menu li {
	
	font-size: .75em;
	font-family: Helvetica, Arial, Sans-Serif;
	text-transform: uppercase;
	
}

#lang-menu li a {
	
	color: #817058;
	
}

#lang-menu li.chosen a {
	
	font-weight: bold;
	
} 

#lang-menu li a:hover, #lang-menu li a:focus {
	
	color: #b9c910;
	
}

#menu li {
	
	line-height: 2em;
	
}

#menu li a {
	
	color: #fff;
	
}

#header h2 {
	
	color: #fff;
	text-align: center;
	font-weight: normal;
	line-height: 1.4em;
	text-transform: uppercase;
	
}

#kontakt #content h2,
#kontakt-en #content h2 {
	
	font-size: .875em;
	font-weight: bold;
	line-height: 1em;
	
}

#content h3,
#kontakt #content h1,
#kontakt-en #content h1 {
	
	color: #f76013;
	font-size: .875em;
	line-height: 1.4em;
	text-transform: uppercase;
	
}

#content h3 {

	margin-bottom: .5em;
	
}

#gaestehaus-sasiba #content h3,
#gaestehaus-sasiba-en #content h3 {
	
	color: #b9c910;
	
}

#kontakt #content h1,
#kontakt-en #content h1 {
	
	color: #0095df;
	margin-bottom: 1.6em;
	
}

#kontakt #content h1 span,
#kontakt-en #content h1 span {
	
	color: #817058;
	
}

#content h3:before {
	
	content: '> ';
	
}

#content h3 span,
#content h3 a {
	
	color: #817058;
	text-transform: none;
	
}

#content p {
	
	font-size: .875em;
	line-height: 1.6em;
	
	margin-bottom: 1.6em;
	
}

#content .masthead {
	
	font-size: .75em;
	
}

#gbwrapper #GBForm input,
#gbwrapper #GBForm textarea {
	
	color: #817058;
	font-family: Georgia, Garamond, Serif;
	font-size: .875em;
	font-style: italic;
	
}


/*-----------------------------------------------------*/
/*----------------------- Teil ------------------------*/
/*-----------------------------------------------------*/


#lang-menu li {
	
	padding-left: 5px;
	display: inline;
	
}

#lang-menu li:first-child:after {
	
	content: '|';
	padding-left: 5px;
	
}

#menu li {
	
	height: 35px;
	border-right: 1px solid #f5fae9;
	float: left;
	
}

/*#menu li:last-child {
	
	border-right: 0 none;
	
}*/

#menu li a {
	
	height: 35px;
	text-indent: -5000px;
	background: transparent url('./../layout/menu-de.png') no-repeat scroll;
	display: block;
	overflow: hidden;
	
}

#villa-sayang-en #menu li a,
#gaestehaus-sasiba-en #menu li a,
#kontakt-en #menu li a {
	
	background-image: url('./../layout/menu-en.png');
	
}

#header h2 {
	
	height: 35px;
	background: #988f6d url('./../layout/urlaub-auf-der-indonesischen-insel-gili-meno.png') no-repeat scroll center;
	
	text-indent: -5000px;
	
}

#teaser ul {
	
	list-style-type: none;
	
}

#teaser li {
	
	display: none;
	
}

#teaser li:first-child {
	
	display: block;
	
}

#content .masthead {
	
	border-top: 1px dashed #817058;
	margin-top: 50px;
	padding: 5px 0 0 0;
	
}


/*-----------------------------------------------------*/
/*---------------------- Detail -----------------------*/
/*-----------------------------------------------------*/


.skip {
	
	top: 10px;
	display: block;
	position: absolute;
	
}

#menu li.villa-sayang a {
	
	width: 194px;
	background-position: 40px 10px;
	
}

#menu li.gaestehaus-sasiba a {
	
	width: 243px;
	background-position: -153px 10px;
	
	
}

#menu li.kontakt a {
	
	width: 146px;
	background-position: -398px 10px;
	
}

#menu li.gaestebuch a {
	
	width: 163px;
	background-position: -546px 10px;
	
}


#menu li.villa-sayang a:hover, #menu li.villa-sayang a:focus,
#menu li.villa-sayang.chosen a {
	
	background-color: #f76013;
	
}

#menu li.gaestehaus-sasiba a:hover, #menu li.gaestehaus-sasiba a:focus,
#menu li.gaestehaus-sasiba.chosen a,
#menu li.gaestehaus-sasiba-en a:hover, #menu li.gaestehaus-sasiba-en a:focus,
#menu li.gaestehaus-sasiba-en.chosen a {
	
	background-color: #b9c910;
	
}

#menu li.kontakt a:hover, #menu li.kontakt:focus,
#menu li.kontakt.chosen a {
	
	background-color: #0095df;
	
}

#menu li.gaestebuch a:hover, #menu li.gaestebuch:focus,
#menu li.gaestebuch.chosen a {
	
	background-color: #e20916;
	
}

#gaestehaus-sasiba #header h1 a {
	
	background-image: url('./../layout/gaestehaus-sasiba-lombok.png');
	
}

#gaestehaus-sasiba-en #header h1 a {
	
	background-image: url('./../layout/guesthouse-sasiba-lombok.png');
	
}

#gaestebuch #header h1 a {
	
	background-image: url('./../layout/gaestebuch.png');
	
}

#villa-sayang-en #header h2 {
	
	background-image: url('./../layout/holiday-on-the-indonesian-dream-island-gili-meno.png');
	
}

#gaestehaus-sasiba #header h2 {
	
	background-image: url('./../layout/urlaub-auf-der-indonesischen-insel-lombok.png');
	
}

#gaestehaus-sasiba-en #header h2 {
	
	background-image: url('./../layout/holiday-on-the-indonesian-island-lombok.png');
	
}

#gaestebuch #header h2 {
	
	background-image: url('./../layout/wir-freuen-uns-ueber-ihr-feedback.png');
	
}


/*-----------------------------------------------------*/
/*--------------------- CSS-Hacks ---------------------*/
/*-----------------------------------------------------*/


.clearfix:after,
#menu:after {
	
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	
}


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


#gbwrapper #GBForm {
	
	background: #edeacc;
	padding: 20px;
	
}

#gbwrapper #GBForm legend {
	
	margin-bottom: 1.4em;
	display: none;
	
}

#gbwrapper #GBForm label,
#gbwrapper #GBForm input,
#gbwrapper #GBForm textarea {
	
	width: 900px;
	display: block;
	
}

#gbwrapper #GBForm input,
#gbwrapper #GBForm textarea {
	
	background: #e0dcbe;
	border-bottom: 1px dotted #988f6d;
	
	padding: 5px 10px;
	
}

#gbwrapper #GBForm input:focus,
#gbwrapper #GBForm textarea:focus {
	
	color: #f26200;
	border-bottom-color: #f26200;
	
}

#gbwrapper #GBForm p.last {
	
	margin-bottom: 0;
	
}

#gbwrapper #GBForm #gbeintrag {
	
	color: #fff;
	font-style: normal;
	
	width: auto;
	
	background: #f26200;
	border: 0 none;
	
	margin: 0 auto;
	padding: 5px 50px;
	
}

#gbwrapper #GBForm #gbeintrag:hover,
#gbwrapper #GBForm #gbeintrag:focus {
	
	background: #988f6d;
	cursor: pointer;
	
}

#gbwrapper #messages {
	
	margin: 30px 0 0 0;
	list-style-type: none;
	
}

#gbwrapper #messages h3 {
	
	font-weight: normal;
	text-transform: none;
	
}

#gbwrapper #messages h3:before {
	
	content: '';
	
}

#gbwrapper .gbpagerlinksunten {
	
	font-weight: bold;
	
}