/* BEGIN TYPOGRAPHY & COLORS */
body {
	margin: 0;
	padding: 0; 
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #222;
	text-align: center;
	background:#fff;
}

a {
	color:#145D1B;
	text-decoration: none;
}

a:hover,a.active {
	text-decoration: none;
	/*border-bottom:1px dotted #145D1B;*/
}
.clear {
	clear:both;
	float:none;
	font-size:0;
	height:0;
	line-height:0;
	margin:0;
	padding:0;
	width:0;
}
.close-link{
	float:right;
}
.pageCover {
	background-color:#fff;
	display:none;
	height:600px;
	left:0;
	opacity:0.6;
	overflow:hidden;
	position:absolute;
	text-align:center;
	top:0;
	width:100%;
	z-index:1001;
	cursor: wait;
}
#content-container{
	width:540px;
	height:95px;
	float:right;
	margin:60px 50px 0 0;
}

#booking-form-container .form-table,
#impressum-container .form-table,
#weather-container .form-table,
#detail-image-container .form-table,
#contact-form-container form
{
	border:1px solid #8190AB;
	background:#fff;
	padding:12px;
}
#booking-form-container .form-table input,#booking-form-container .form-table textarea{
	border:1px solid #8190AB;
	background:#fff;
}
#form-container-light{
	width:100%;
	position:absolute;
	background-color:#fff;
	top:0px;
	left:0px;
	height:2000px;
	z-index:1000;
	opacity:0.6;
	-moz-opacity: 0.6;
	display:none;
	overflow:hidden;	
}


.open-container{
	width:100%;
	text-align:center;
	display:none;
	position:absolute;
	z-index:1002;
	top:50px;
	left:0px;
	overflow:hidden;
	height:800px;
}

.spritebutton{
	background:url('images/search_button_sprite.gif') top left no-repeat;
	border: 1px solid #D9D6D5;
	height:20px;
	cursor:pointer;
}
table{
	margin:0 auto;
}
#contact-form{
	width:442px;
	}
.contact-form-table{
	width:400px;
}
.contact-form-table td{
	padding-bottom:10px;
}
#contact-form-container .spritebutton{
	background:url('images/search_button_sprite.gif') -45px 2px no-repeat;
	width:82px;	
}
#contact-form-container .spritebutton:hover{
	background-position: -45px -15px;
	border: 1px solid #c0c0c0;
}

#contact-form-container{
	display:none;
	z-index:1002;
	top:50px;
	left:0px;
	overflow:hidden;
	height:570px;
	position:absolute;
	margin:0 auto;
}

h1 {
	font-size: 2.2em;
	line-height:0;
}

#header h1,
#lower-menu-container h1
{
	display:none;
}


h2, #slogan-container h2 {
	font-size: 1.6em;
	line-height:1.2em;
}

h3 {
	font-size: 1.3em;
}

h1, h2, h3 {
	font-family: arial, helvetica, sans-serif;
	color: #145D1B;
}

td {
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	padding: 5px;
	text-align:left;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

hr {
	display: none;
	}

a img {
	border: none;
	}

.linkspage_button{
	border:0px;
}

.hidden{
	display:none;
}

/* BEGIN LAYOUT */

#page {
	margin:0 auto;
	padding:0 10px;
	width: 974px;
	text-align: left;
	background:url(images/page_hg.gif) repeat-y 0 0;
	min-height:2000px;
}
#logocontainer{
	background:url(images/logo.jpg) no-repeat 0 0;
	float:left;
}
#logocontainer,
#logocontainer img
{
	width:229px;
	height:82px;
	margin:0;
}
#upper-menu-container{
	float:right;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-size:16px;
	margin:59px 0 0 0;
	height:23px;
	width:705px;
	text-align:right;
}
#upper-menu-container a{

}
.language_menu{
	
}

#slogan-container{
	text-align:right;
	width:400px;
	float:right;
	margin-right:15px;
}

#header{
	width:954px;
	height:82px;
	background:url(images/top_bg.jpg) no-repeat 229px 0;
	position:relative;
}
.top-bar{
	width:954px;
	height:17px;	
	background:url(images/top_schatt.gif) repeat-x 0 0;
}
.top-menu-schatt{
	width:204px;
	height:17px;	
	background:url(images/top_menu_schatt.gif) repeat-x 0 0;
	margin:0 0 0 25px;
}


/* UL NAVIGATION ADDED BY QUE~ */

#navigation{
	font-size: 11px;
	width: 694px;
	height: 22px; 
	position: absolute;
	top: 178px;
	left: 13px;
	list-style: none;
}

#navigation li{
	background: none;
 	display: inline;
}

/* END UL NAVIGATION */

.language{
	float:left;
	width:28px;
	height:26px;
	padding:0;
	cursor:pointer;
	background-image:url("images/language_button_sprite.png");
	background-repeat:no-repeat;
}

#German{
	background-position: 0px -60px;	
}
#German:hover{
	background-position: 0px -29px;	
}
#French{
	background-position: -55px -60px;
}
#French:hover{
	background-position: -55px -29px;
	}
#English{
	background-position: -25px -60px;
}

#English.highlight{
	background-position: -25px 0px;
}
#French.highlight{
	background-position: -55px 0px;
}
#German.highlight{
	background-position: 0px 0px;	
}
#English:hover{
	background-position: -25px -29px;
}
#menu-container{
	font:  1.6em Arial, Helvetica, Sans-Serif;
	padding:0 15px;
	color: #fff;
	height:320px;
	overflow : auto;
	position:absolute;
	width:371px;
	top:85px;
	
}
#menu-container div{
	width:369px;
}

#lower-left-text-container{
	text-shadow: 1px 1px 2px #007071, 0 0 0.1em #007071, 0 0 0.1em black;
	font:  1.8em Arial, Helvetica, Sans-Serif;
	color:#fff;
	padding:85px 0 0 50px;
}
.cpage_body{
	margin:0;
	padding:0;
	border:0;
}
.cpage_body img{
	cursor:pointer;
}
.column-container{
	float: left;
	padding: 0;
	margin: 0;
	width: 954px;
	min-height:400px;
}
.narrowcolumn {
	float: left;
	padding: 0;
	margin: 0;
	width: 229px;
	height:558px;
	background:url(images/left_menu_hg.jpg) 25px 0 no-repeat;
}
.narrowcolumn ul{
	margin:38px 0 0 0;
}
.narrowcolumn li{
	float: left;
	text-align:center;
	margin: 0 0 10px -3px;
	width: 177px;
	height:68px;
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
	font-size:22px;
	list-style:none;
	background:url(images/left_menu_sign_sprite.png) 0 0 no-repeat;
	cursor:pointer;
	color:#145D1B;
	text-shadow: 1px 0px 2px #fff, 0 0 0.3em #fff;
	padding:8px 0 0 0;
}
.narrowcolumn li:hover,
.narrowcolumn li.active
{
	background:url(images/left_menu_sign_sprite.png) 0 -82px no-repeat;
	text-shadow: 1px 0px 2px #000, 0 0 0.2em #fff;
	color:#fff;
}
#languageform{
	float:right;
}
.widecolumn {
	float: left;
	padding: 0 15px;
	margin: 0;
	width: 695px;
	line-height: 1.6em;
	font-size: 1.2em;
}
.widecolumn .entry {
	line-height: 1.4em;
}

.widecolumn h1{
	font-family:"Palatino Linotype","Book Antiqua",Palatino,FreeSerif,serif;
}

#footer {
	clear: both;
}

#lower-menu-container{
	width:930px;
	margin: 5px auto 0px auto;
	height:50px;
}
.top-links{
	color:#aaa;
	margin-right:20px;
	float:right;
}
#lower-menu-container li a{
	font-weight:bold;
	font-size:12px;
}
/* END LAYOUT  */

/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next five rules are required for Slideshow to work correctly.
	Override at your own risk.
*/

.slideshow {
	display: block; position: relative; z-index: 0;
}
.slideshow-images {
	display: block; overflow: hidden; position: relative;
}		
.slideshow-images img {
	display: block; position: absolute; z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}
.slideshow-thumbnails ul {
	left: 0; position: absolute; top: 0; width: 100000px;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-images {
	height: 300px; width: 400px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0;
}
.slideshow-images-next { 
	opacity: 0;
}
.slideshow-images img {
	float: left; left: 0; top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow {
	height: auto; margin: left; /**0 auto;**/ width: 400px;
}
.slideshow a img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-captions {
	background: #000; bottom: 0; color: #FFF; font: normal 12px/22px Arial, sans-serif; left: 0; overflow: hidden; position: absolute; text-indent: 10px; width: 100%; z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0; opacity: 0;
}
.slideshow-captions-visible {
	height: 22px; opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-controller {
	background: url(Slideshow/css/controller.png) no-repeat; height: 48px; left: 50%; margin: -24px 0 0 -122px; overflow: hidden; position: absolute; top: 50%; width: 244px; z-index: 10000;
}
.slideshow-controller * {
	margin: 0; outline: none; padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	background: url(Slideshow/css/controller-controls.png) no-repeat -47px 0; cursor: pointer; display: block; height: 18px; left: 112px; overflow: hidden; position: absolute; top: 15px; width: 20px;
}
.slideshow-controller a.active {
	background-position: -47px -18px;
}
.slideshow-controller li {
	list-style: none;
}			 
.slideshow-controller li.first a {
	background-position: 0 0; left: 36px; width: 19px;
}
.slideshow-controller li.first a.active {
	background-position: 0 -18px;
}
.slideshow-controller li.prev a {
	background-position: -19px 0; left: 68px; width: 28px;
}
.slideshow-controller li.prev a.active {
	background-position: -19px -18px;
}
.slideshow-controller li.play a {
	background-position: -67px 0;
}
.slideshow-controller li.play a.active {
	background-position: -67px -18px;
}
.slideshow-controller li.next a {
	background-position: -87px 0; left: 148px; width: 28px;
}
.slideshow-controller li.next a.active {
	background-position: -87px -18px;
}
.slideshow-controller li.last a {
	background-position: -115px 0; left: 189px; width: 19px;
}
.slideshow-controller li.last a.active {
	background-position: -115px -18px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-loader {
	background: url(Slideshow/css/loader.png); height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-thumbnails {
	bottom: -55px; height: 55px; left: 0; position: absolute; width: 100%;
}
.slideshow-thumbnails * {
	margin: 0; padding: 0;
}
.slideshow-thumbnails li {
	float: left; list-style: none;
}
.slideshow-thumbnails a {
	display: block; float: left; outline: none; margin: 5px 5px 0 0; padding: 5px;
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important; opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-hidden {
	background-color: #FFF; opacity: 0;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF; opacity: .5;
}
.slideshow-thumbnails-active {
	background-color: #9FF; opacity: 1;
}


/* BEGIN E107 CORE CLASSES MAINTAINER QUE~ */

.button{
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	text-align:center;
	background-color:#ddd;
	border:1px solid #222222;
	color:#007071;
	font-size:1.4em;
}
.button:hover{
	color:#35B7B8;
}

.tbox.chatbox {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}

.spacer {
	padding: 2px 0 2px 0;
}


.indent{
	padding:4px;
	border: 1px solid #06c;
}

.smalltext {
	font: 1em 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.mediumtext {
	font: 12px 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

.tbox{
	background-color: #F4F7FA;
	border: #5e5d63 1px solid;
	color: #000000;
	font: 10px verdana, tahoma, arial, helvetica, sans-serif;
}

.helpbox {
	border: 0px;
	background-color: transparent;
	color:#000;
	font: 9px tahoma, verdana, arial, helvetica, sans-serif;
}

.fborder {
	border: #ededed 1px solid;
	background-color: #fff;
	
}

.forumheader{
	background-color: #EBEFF2;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 11px;
	color:#000;
	padding: 4px;
	border: 1px solid #ededed;
}

.forumheader2{
	background-color: #fff;
	font-family: verdana, tahoma, arial, helvetica, sans-serif;
	font-size: 10px;
	color:#000;
	padding: 4px;
	border: #ededed 1px solid;
}

.forumheader3{
	background-color: #fff;
	font: 9px verdana, tahoma, arial, helvetica, sans-serif;
	color:#000;
	padding: 4px;
	border: #ededed 1px solid;

}

.forumborder{
	border:  #000080 1px solid;
	background-color: transparent;
}

.fcaption {
	height:35px;
	border: #ededed 1px solid;
	padding: 2px 0 2px 8px;
	background-color: #68ADE5;
	font: 12px verdana, tahoma, arial, helvetica, sans-serif;
	color:#fff;
	font-weight:bold;
	background-image: url("images/tileage.jpg");

}
.fcaption a{
	padding-right:4px;
	color:#fff;

}



/* NICETITLE ADDED BY QUE~*/

.nicetitle {
	font-weight: bold;
	color: #3C3C3C;
	text-align: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 35em;
	z-index: 20;
	max-width: 60%;
}
.nicetitle-content{
	overflow: hidden;
	background: white;
	border: 1px solid #333;
	padding: 7px;
	opacity: 0.9;
}
.nicetitle p{
	margin: 0;
	line-height: 120%;
}
.nicetitle p.destination {
	font-weight: normal;
	font-size: 10px;
	color: #5E7743;
}
div.nicetitle p span.accesskey {
	color: #FF7200;
}