@import "reset.css";
@import "jqtransform.css";
@import "grid.css";
@import "preistabelle.css";
@import "home_slider.css";
@import "ausstattung.css";
@import "modules.css"; 

@import "../module/tooltip/css/jquery.powertip.css";
@import "../module/thumb_slider/css/settings.css";
@import "../module/imageBox/css/prettyPhoto.css";


figure,#footer,#header,nav,#contents { display:block; }

body {
	font:14px/20px Arial, sans-serif;
	color:#786f78;
	background: url(../images/layout/bg.jpg) no-repeat;
	background-attachment:fixed;
	background-size: 100% 100%;
	margin: 0;
	padding: 0; 
	}


.spinner {
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	z-index:9999;
	background:url( "../images/layout/ajax-loader.gif") 50% 50% no-repeat #383238;
	}


#loader {
	min-height: 200px;
	width:100%;
}

.loading-indicator {
	height: 80px;
	width: 80px;
	background: url( '../images/layout/loading.gif' );
	background-repeat: no-repeat;
	background-position: center center;
}



a { color:#786f78; text-decoration:none; }
a:hover { color:#786f78; text-decoration: underline; }


h1 {
	position: relative;
	margin-left: -3px;
	top: 30px;
	}

h1>a {
	position:relative;
	display:inline-block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	width: 100%;
	height: 80px;
	background: url(../images/layout/header_logo.png) 0 no-repeat;
	}

h2 {
	font: 700 25px/20px 'Philosopher', cursive;
	font-style: italic;
	color: #383238;
	letter-spacing: -1px;
	padding: 5px 0 28px;
	}
	
.h2_home {
	font: 700 25px/20px 'Philosopher', cursive;
	font-style: italic;
	color: #383238;
	letter-spacing: -1px;
	padding: 5px 0 28px;
}

.h2_informationen {
	font: 700 25px/20px 'Philosopher', cursive;
	font-style: italic;
	color: #383238;
	letter-spacing: -1px;
	padding: 20px 0 28px;
	}

.h2_buchung {
	font: 700 22px/17px 'Philosopher', cursive;
	font-style: italic;
	color: #383238;
	letter-spacing: -1px;
	padding: 5px 0 10px;
	}

h3 {
	font: 700 16px/20px 'Open Sans', cursive;
	/* font-style: italic; */
	color: #8e7e8e;
	padding-bottom: 13px;
	}
	
p { padding-bottom: 18px; }

figure {
	position: relative;
	display: inline-block;
	border: 5px solid #d0cdd0;
	}



#container {
	width: 80%;
	max-width: 1020px;
	margin: 0 auto;
	display:block; 
}




/*** start header ***/

#header {
	position: relative;
	width:100%;
	z-index:100;
	 height:199px;
	}

#headerTop, #headerBottom { width: 100%; } 
#headerTop { height: 137px; }
#headerBottom {	
	height: 62px;
	background: url(../images/layout/menu_bg.jpg) 0 repeat-x;
	bottom: 0;
	left: 0;
	border-top-left-radius: 7px;
	-moz-border-top-left-radius: 7px;
	-webkit-border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	-moz-border-top-right-radius: 7px;
	-webkit-border-top-right-radius: 7px;
	box-shadow: 0 4px 9px rgba(0,0,0,0.53);
	-moz-box-shadow: 0 4px 9px rgba(0,0,0,0.53);
	-webkit-box-shadow: 0 4px 9px rgba(0,0,0,0.53);
	}

/**header-navigation-quicklinks**/

/*
.callInfo{
position: relative;
float: right;
font: 12px/1.2em Arial, sans-serif;
color: #aca5ac;
padding: 3px 0 0;
}
.callInfo>span{
position: relative;
display: inline-block;
font: 700 20px/1.2em 'Philosopher', sans-serif;
color: #d7d5d7;
text-shadow: rgba(0,0,0,0.53) 0 4px 9px;
letter-spacing: -1px;
margin: -5px -1px 0 16px;
}
*/

#headerTop ul {
	font: 700 12px/1.2em 'Open Sans', sans-serif;
	text-transform: uppercase;	
	list-style-type: none;
	position: absolute;
	padding: 3px 15px 0 0;
	top:5px;
	right:0px;
	
	}

#headerTop ul li {
	display: inline;
	}

#headerTop ul li a { 
	color: #aca5ac;
	text-shadow: rgba(0,0,0,0.53) 0 4px 9px;
	padding: 0 1px 0 0; 
	}

#headerTop ul li a:hover {
	text-decoration:underline;
	}


.reservBlock_header {
	text-align: right;
	display: inline-block;
	position: absolute;
	margin-top: -1px;
	right:0px;
	}
	

	.button_header {
		position: relative;
		display: inline-block;
		background: url(../images/layout/more_sprite_1.png) center top repeat-x;
		font: 700 12px/40px 'Open Sans', sans-serif;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		height: 36px; 
		padding: 0 19px;
		} 
		
	.button_header:hover { text-decoration: none; }

	
/*Navigation*/
.menu {
	position: relative;
	display: inline-block;
	margin-left: 0px;
	}

#menu>li {
	display: inline-block;
	position: relative;
	background: url(../images/layout/menu_divider.jpg) 0px center no-repeat;
	float: left;
	}
	
#menu>li:first-child { display: none; }
#menu>li:first-child+li { background: none; }

#menu>li>a {
	position: relative;
	display: inline-block;
	font: 700 25px/63px 'Philosopher', cursive;
	text-transform: none;
	text-decoration:none;
	color: #383238;
	z-index: 10;
	text-align: center;
	padding: 0 30px;
	left: 0px;
	width: 280px;
	}



#menu>li>strong {
	display: inline-block;
	position:absolute;
	height: 72px;
	width: 100%;
	top: -10px;
	left: 0px;
	right:0px;
	z-index: 3;
	border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.22);
	-moz-box-shadow: 0 1px 4px rgba(0,0,0,0.22);
	-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.22);
	background: #958b95;
	background: -moz-linear-gradient(top, #958b95, #3f3a3f);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#958b95), color-stop(100%,#3f3a3f));
	background: -webkit-linear-gradient(top, #958b95, #3f3a3f);
	background: -o-linear-gradient(top, #958b95, #3f3a3f);
	background: -ms-linear-gradient(top, #958b95, #3f3a3f);
	background: linear-gradient(top, #958b95, #3f3a3f);
	height: 0;
	}	
	

/*** ende header ***/



.container {
	position: relative;
	width: 1020px;
	}

.wrapper {
width:100%;
position: relative;
}

.bg {
	position: relative;
	height: 360px;
	background: #fff;
	background: -moz-linear-gradient(top, #fff, #dbdadb);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#dbdadb));
	background: -webkit-linear-gradient(top, #fff, #dbdadb);
	background: -o-linear-gradient(top, #fff, #dbdadb);
	background: -ms-linear-gradient(top, #fff, #dbdadb);
	background: linear-gradient(top, #fff, #dbdadb);
	background: url(../images/layout/content_bg_small.png) 0 repeat-x;	
	}


.pad1 { padding: 20px 0px 20px 0px; }
.pad2 { padding: 40px 0px 20px 0px; }
.pad3 {  width:960px; } 


.mar1 { margin: 3px 20px 0px 2px; }
.fleft { float: left; }

hr{width:100%;height:1px;background:#f0eff0;position:relative;top:3px;margin:0 0 19px;display:block;}

.vline1{
background: url(../images/layout/vline2.png) right 5px no-repeat;  
}
.vline2{
background: url(../images/layout/vline3.png) right 5px no-repeat;  
}

.vline3{
background: url(../images/layout/vline3_2x620.png) right 5px no-repeat;  
}

/*** start content ***/
#content_home {
	width: 100%;
	position: relative;
	background: url(../images/layout/content_bg.png) 0 repeat-x;
	}

#content_content {
	width: 100%;
	height: 550px;
	position: relative;
	background: url(../images/layout/content_bg.png) 0 repeat-x;
	}

#content_charlotte {
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/layout/content_bg1x1200.png) 0 repeat-x;
	}

#content_lisa {
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/layout/content_bg1x1000.png) 0 repeat-x;
	}
	
#content_elfriede {
	width: 100%;
	height: auto;
	position: relative;
	background: url(../images/layout/content_bg1x1000.png) 0 repeat-x;
	}

#content_informationen {
	width: 100%;
	height: 800px;
	position: relative;
	background: url(../images/layout/content_bg1x1200.png) 0 repeat-x;
	}

#content_buchungen {
	width: 100%;
	height: 800px;
	position: relative;
	background: url(../images/layout/content_bg1x1200.png) 0 repeat-x;
	}

.outside {
width: 905px;
}



.block_btns  {
	float:right;
	margin-right:-17px;
	}

.block_btns li {
	display: inline;
	list-style: none;
	padding-right: 2px;
	}


.button_block_btns {
		position: relative;
		display: inline-block;
		background: url(../images/layout/more_sprite_1.png) center top repeat-x;
		font: 700 12px/40px 'Open Sans', sans-serif;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		height: 36px; 
		padding: 0 16px;
		} 
		
	.button_block_btns:hover { text-decoration: none; }
/*** ende content ***/






/*** start footer ***/
#footer {
	position: relative;
	/* padding: 1px 0; */
	border-top:1px #666666 solid;
	width: 100%;
	height:168px;
	bottom: 0;
	left:0;
	margin-bottom:30px; 
	clear: both;
	}



#footer>div {
	height: 100%;
	background: url(../images/layout/footer_bg.jpg) 0 repeat-x;
	bottom: 0;
	left: 0;
	border-bottom-left-radius: 7px;
	-moz-border-bottom-left-radius: 7px;
	-webkit-border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
	-moz-border-bottom-right-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
	box-shadow: 0 4px 9px rgba(0,0,0,0.53);
	-moz-box-shadow: 0 4px 9px rgba(0,0,0,0.53);
	-webkit-box-shadow: 0 4px 9px rgba(0,0,0,0.53);
	}
	
.pad_footer { padding: 10px 23px; }	

	.footer_copy_txt {
		font: 700 14px/1.2em 'Open Sans', sans-serif;
		color: #383238;
		text-transform: none;
		}

/**footer-navigation**/
#footer ul {
	font: 700 12px/1.2em 'Open Sans', sans-serif;
	text-transform: uppercase;
	float:right;
	list-style-type: none;
	display: inline-block;
	position: relative;
	}

#footer ul li {
	display: inline;
	}

#footer ul li a { 
	color: #383238;
	padding: 0 1px 0 0; 
	}

#footer ul li a:hover {
	text-decoration:underline;
	}


/*
#footer p {
	position: relative;
	color: #514951;
	}

	
#footer p>span:first-child{
	font: 700 12px/1.2em 'Open Sans', sans-serif;
	color: #383238;
	text-transform: uppercase;
	top: 4px;
	padding-right: 3px;
	position: relative;
	display: inline-block;
	}
	
#footer p a { color: #514951; }
*/
/*
.divider {
	position: relative;
	display: inline-block;
	margin: 1px 4px 0;
	}
*/	
.reservBlock {
	text-align: right;
	display: inline-block;
	position: absolute;
	margin-top: 45px;
	right:30px;
	}
	

	.button_footer {
		position: relative;
		display: inline-block;
		background: url(../images/layout/more_sprite_1.png) center top repeat-x;
		font: 700 12px/40px 'Open Sans', sans-serif;
		color: #fff;
		text-transform: uppercase;
		text-align: center;
		height: 36px; 
		padding: 0 19px;
		} 
		
	.button_footer:hover { text-decoration: none; }

/*** ende footer ***/

/*end scroll*/

.readMore {
	position:relative;
	display:inline-block;
	background:url(../images/layout/more_sprite_1.png) center top repeat-x;
	font:700 12px/40px 'Open Sans',sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-align:center;
	height:36px;
	padding:0 19px;
	}
	
.readMore:hover { text-decoration:none; }