@charset "utf-8";
/* CSS Document */

/*=====================HTML-TAGS======================*/

body {
	height: 100%;
	background: #322119 url(../img/body_hg.jpg) repeat center top;
	margin: 0;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 13px;
	color: #fff;
	line-height: 1.2em;
	padding: 0px;
	text-align: center;
	}
body strong {
	font-weight: bold;
	}
table {
	font-size: 12px;
	}
img {
	border: 0px;
	padding: 0px;
	margin: 0px;
	}
a, a:link , a:visited{
	color: #E59013;
	text-decoration:underline;
	}
a:hover, a:active {
	color: #E1BF5B;
	}
p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding:0;
	}
h1, h2, h3, h4, h5, h6 {
font-family: Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	color: #E59013;
	}
h1 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 24px;
	margin-bottom: 13px;
	}
h2{
	font-size: 18px;
	margin-bottom: 3px;
	}
h3{
	font-size: 16px;
	margin-bottom: 3px;
	}
h4{
	font-size: 13px;
	}
h5{
	font-size: 16px;
	margin-bottom: 3px;
}
ul {
	margin: 3px 0 0 10px;
	padding: 2px 0 2px 0px;
}
li {
	line-height: 15px;
	padding: 0 0 2px 5px;
	margin: 0 0 0 5px;
	list-style-position: outside;
}
/*---------------------DIV-FORMATIERUNGEN------------------------------*/

#hg-oben {
	width: 100%;
	height: 100%;
	background: url(../img/top_hg.jpg) repeat-x center top;
	}
#balken-oben {
	width: 100%;
	height: 47px;
	}
#hg-balken-oben {
	width: 100%;
	height: 29px;
	padding-top: 18px;
	background: url(../img/navi-hg.jpg) repeat-x center top;
	text-align: left;
	}
#navigation {
	float: left;
	padding: 5px 0 0 21px;
	text-transform: uppercase;
	}
#minianfrage {
	float: right;
	padding: 0 30px 0 0;
	}
#header {
	clear: both;
	width: 990px;
	height: 443px;
	margin: 0 auto;
	padding: 35px 0 0 0;
	}
#header-left {
	width: 294px;
	float: left;
	text-align: left;
	} 
#header-right {
	width: 655px;
	float: right; 
	text-align: center;
	}
#headersmall {
	clear: both;
	width: 900px;
	margin: 0 auto;
	padding: 32px 0 0 0;
	}
#logo {
	width: 255px;
	height: 76px;
	padding: 0 14px 45px 13px;
	}
#buttons {
	width: 282px;
	padding: 0 0 26px 0;
	text-align: center;
	}
#newsticker {
	width: 282px;
	height: 110px;
	font-size: 12px;
	line-height: 1.3em;
	}
#ende {
	clear: both;
	}
#hauptnavi {
	width: 635px;
	height: 33px;
	margin: 0 0 0 10px;
	}
#slideshow {
	width: 655px;
	height: 410px;
	overflow: hidden;
	}
#content {
	width: 990px;
	margin: 0 auto;
	text-align: left;
	padding: 40px 0 120px 0;
	}
#contentsmall {
	width: 872px;
	margin: 0 auto 120px auto;
	/*padding: 40px 0 75px 0;*/
	text-align: left;
	}
#fussleiste { 
	height: 62px;
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	background-color: #fff;
	}
#fussleiste-innen {
	width: 990px;
	padding-top: 10px;
	margin: 0 auto;
	font-size: 11px;
	color: #734933;
	text-align: left;
	}
#fussleiste-innen a, #fussleiste-innen a:visited {
	color: #734933;
	text-decoration: none;
	}
#fussleiste-innen a:hover {	
	color: #E59013;
	text-decoration: underline;
	}
address {
	float: left;
	font-style: normal;
	}
#features {
	float: left;
	width: 368px;
	}
#sprachauswahl {
	float: left;
	padding-right: 50px;
	}


/*---------------------KLASSEN------------------------------*/

.orange {
	font-size: 14px;
	color: #E59013;
	}
.printey { display: none; }
a.button {
	background: url(../img/anreise-balken.jpg) repeat-y center top;
	padding: 6px 3px 0 5px;
	height: 22px;
	display: block;
	text-decoration: none;
	}
a.button:hover {
	color: #fff;
	}
a.button-orange {
	background: url(../img/button-orange-hg.jpg) no-repeat center;
	padding: 3px 2px 3px 0;
	margin-bottom: 7px;
	height: 18px;
	display: block;
	text-decoration: none;
	border: 1px solid #D37A18;
	color: #362118;
	}
a.button-orange:hover {
	border: 1px solid #fff;
	background: url(../img/button-orange-hg-hover.jpg) no-repeat center;
	}
.chronik {
	width: 240px;
	padding: 20px;
	margin: 0;
	background: url(../img/chronik-hg.jpg) repeat-y center top;
	border-left: 1px solid #C5A069;
	border-right: 1px solid #C5A069;
	color: #362118;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: center;
	font-style: italic;
	}
.chronik strong {
	color: #362118;
	}
.chronik img {
	padding-bottom: 6px;
	}
.chronik a {
	color: #362118;
	}
.chronik a:hover {
	color: #fff;
	}
.button-pauschalen, .button-facebook, .button-blog,.button-pauschalenEn, .button-facebookEn, .button-blogEn {
	margin-bottom: 6px;
	}
.button-pauschalen {
	background:url(../img/button-pauschalen-sommer-winter.jpg) no-repeat left top;
	}
.button-pauschalen:hover {
	background:url(../img/button-pauschalen-sommer-winter-hover.jpg) no-repeat left top;
	}
.button-blog {
	background:url(../img/button-blog.jpg) no-repeat left top;
	}
.button-blog:hover {
	background:url(../img/button-blog-hover.jpg) no-repeat left top;
	}
.button-facebook {
	background:url(../img/button-facebook.jpg) no-repeat left top;
	}
.button-facebook:hover {
	background:url(../img/button-facebook-hover.jpg) no-repeat left top;
	}
.button-filme {
	background:url(../img/button-film.jpg) no-repeat left top;
	}
.button-filme:hover {
	background:url(../img/button-film-hover.jpg) no-repeat left top;
	}
.button-filme-en {
	background:url(../img/button-movies.jpg) no-repeat left top;
	}
.button-filme-en:hover {
	background:url(../img/button-movies-hover.jpg) no-repeat left top;
	}
/*------------------------*/
.button-pauschalenEn {
	background: url(../img/button-packages-summer-winter.jpg)no-repeat left top;
	}
.button-pauschalenEn:hover {
	background: url(../img/button-packages-summer-winter-hover.jpg) no-repeat left top;
	}
.button-blogEn {
	background: url(../img/button-blog-en.jpg) no-repeat left top;
	}
.button-blogEn:hover {
	background: url(../img/button-blog-en-hover.jpg) no-repeat left top;
	}
.button-facebookEn {
	background: url(../img/button-facebook-en.jpg) no-repeat left top;
	}
.button-facebookEn:hover {
	background: url(../img/button-facebook-en-hover.jpg) no-repeat left top;
	}
	
.hauptnavi-hotel {
	background: url(../img/navi-hotel.jpg) no-repeat center top;
	margin-right: 1px;
	}
.hauptnavi-hotel:hover {
	background: url(../img/navi-hotel-hover.jpg) no-repeat center top;
	}
.hauptnavi-wohnen {
	background: url(../img/navi-wohnen.jpg) no-repeat center top;
	margin-right: 1px;
	}
.hauptnavi-wohnen:hover {
	background: url(../img/navi-wohnen-hover.jpg) no-repeat center top;
	}
.hauptnavi-kulinarium {
	background: url(../img/navi-kulinarium.jpg) no-repeat center top;
	margin-right: 1px;
	}
.hauptnavi-kulinarium:hover {
	background: url(../img/navi-kulinarium-hover.jpg) no-repeat center top;
	}
.hauptnavi-wellness {
	background: url(../img/navi-wellness.jpg) no-repeat center top;
	}
.hauptnavi-wellness:hover {
	background: url(../img/navi-wellness-hover.jpg) no-repeat center top;
	}
.hauptnaviEn-hotel {
	background: url(../img/navi-hotel.jpg) no-repeat center top;
	margin-right: 1px;
	}
.hauptnaviEn-hotel:hover {
	background: url(../img/navi-hotel-hover.jpg) no-repeat center top;
	}
.hauptnaviEn-wohnen {
	background: url(../img/navi-rooms.jpg) no-repeat center top;
	margin-right: 1px;
	}
.hauptnaviEn-wohnen:hover {
	background: url(../img/navi-rooms-hover.jpg) no-repeat center top;
	}
.hauptnaviEn-kulinarium {
	background: url(../img/navi-kulinarium.jpg) no-repeat center top;
	margin-right: 1px;
	}
.hauptnaviEn-kulinarium:hover {
	background: url(../img/navi-kulinarium-hover.jpg) no-repeat center top;
	}
.hauptnaviEn-wellness {
	background: url(../img/navi-wellnessEn.jpg) no-repeat center top;
	}
.hauptnaviEn-wellness:hover {
	background: url(../img/navi-wellness-hoverEn.jpg) no-repeat center top;
	}
.tabelle {
	border-collapse: collapse;
	background: url(../img/anreise-balken.jpg) repeat center top;
	text-align: left;
	margin-bottom: 5px;
	vertical-align: middle;
	}
.tabelle td {
	padding: 5px;
	}
.tabelle-header {
	background-color: #EBD491;
	font-weight: bold;
	color: #7C522E;
	padding: 4px;
	}
.tabelle-hervorhebung {
	background-color: #F4E8C1;
	font-weight: normal;
	padding: 4px;
	}	
.tabellepreise{
	border-collapse: separate;
	text-align: left;
	vertical-align: middle;
	border: none;
	background: url(../img/anreise-balken.jpg) repeat center top;
	margin: 3px 0;
	}	
.tabellepreise td {
	padding: 3px 6px;
	}
.tabellepreise-header {
	background: url(../img/anreise-balken.jpg) repeat center top;
	color: #E59013;
	padding: 6px;
	}	
.tabellepreise-hervorhebung {
	background: url(../img/tabelle-hg-hervorhebung.jpg) repeat center top;
	padding: 3px 6px;
	}	
.EGthumbnail { 
	padding: 5px;
	background: url(../img/anreise-balken.jpg); 
	margin: 0px 0px; 
	}
/*---------------------ANFRAGEFORMULAR-----------------------------*/

#errorMessage {
	background: url(../img/anreise-balken.jpg); 
	border: 1px solid red;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#successMessage {
	background: url(../img/anreise-balken.jpg); 
	border: 1px solid green;
	padding: 3px;
	width: 99%;
	margin-bottom: 10px;
	}
#formular label {
	display: block;
	float: left;
	width: 120px;
	vertical-align: middle;
	padding: 3px 0px 0px 5px;
	}
#formular p {
	clear: left;
	background: url(../img/anreise-balken.jpg) repeat-y center top;
	padding: 5px;
	margin-bottom: 5px;
	width: 99%;
	}
#formular input {
	border: 1px solid #856D63;
	background-color: #705C54;
	font-family: Arial, Tahoma, Verdana;
	font-size: 12px;
	color: #fff;
	}
#formular textarea {
	border: 1px solid #856D63;
	background-color: #705C54;
	font-family: Arial, Tahoma, Verdana;
	font-size: 13px;
	color: #fff;
	}
#formular .pflichtfelder {
	border: 1px solid #BDAFA8;
	}	
#formular #sendenbutton, #formular #loeschenbutton {
	width: 200px;
	height: 25px;
	padding: 3px;
	border: 1px solid #E59013;
	color: #734933;
	background: #E59013 url(../img/button-hg.jpg) repeat-x top;
	}
#formular #sendenbutton:hover, #formular #loeschenbutton:hover {
	border: 1px solid #E59013;
	background: #E59013 url(../img/button-hg-hover.jpg) repeat-x top;
	cursor: hand;
	}

/*---------------------MINI-ANFRAGEFORMULAR-----------------------------*/

#miniformular {
	text-align: center;
	}
#miniformular table { font-size: 11px; }
#kalender1, #kalender2 { vertical-align:top; }
#kalender1:hover, #kalender2:hover { cursor: pointer; }
#datum3, #datum4 {
	background-color: #694432;
	border: 1px solid #694432;
	width: 75px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 11px;
	line-height: 11px;
	color: #fff;
	height: 15px;
	padding-left: 3px;
	margin: 0 3px 0 0;
	vertical-align: top;
	}
*+html #datum3, *+html #datum4 { margin-top: -1px; } /* IE7-Hack */

#abschicken {
	border: 0px;
	width: 19px;
	height: 19px;
	}
	
/*---------------------GOOGLE-MAPS-----------------------------*/

#aussenrahmen {
	width: 950px;
	text-align: center;
	}
#karte {
	width: 950px; 
	height: 320px;
	}
#input-hintergrund {
	background: url(../img/anreise-balken.jpg) no-repeat center top;
	padding: 5px;
	}
#adresseingabe {
	width: 400px;
	padding: 1px;
	height: 20px;
	border: 1px solid #CDD6DD;
	background-color: #fff;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #000;
	}
#mapsButton1 {
	width: 200px;
	height: 25px;
	padding: 3px;
	border: 1px solid #E59013;
	color: #734933;
	background: #E59013 url(../img/button-hg.jpg) repeat-x top;
	vertical-align: bottom;
	}
#mapsButton1:hover {
	border: 1px solid #E59013;
	background: #E59013 url(../img/button-hg-hover.jpg) repeat-x top;
	cursor: hand;
	}
.sprechblase {
	color: #000;
	font-size: 12px;
	}
	
/*----------------------- FLASHÜBERSCHRIFTEN ---------------------------------------*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	/*display: block;*/
	overflow: hidden;
	}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
	visibility: hidden;
	line-height: 27px;
	}

/*---------------------Accordion Menü-----------------------------*/

.applemenu{
	margin: 0;
	padding: 0;
	width: 100%;
	font-size: 13px;
	line-height: 1.2em;
	}
.applemenu div.silverheader {
	background: url(../img/anreise-balken.jpg) repeat-x left top;
	height: 25px;
	margin-bottom: 1px;
	}
.applemenu div.silverheader a{
	background: url(../img/accordeon-icon.gif) no-repeat left center;
	color: #FFFFFF;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 3px 0 3px 22px;
	text-decoration: none;
	font-weight: bold;
	font-size: 13px;
	line-height: 19px;
	}
.applemenu div.silverheader a:visited {
	}
.applemenu div.selected a{
	background: url(../img/accordeon-icon-active.gif) no-repeat left center;
	color: #fff;
	}

div.silverheader a:hover, .applemenu div.silverheader a:active{
	background-color: #E59013;
	color: white;
	}
.applemenu div.submenu{ /*DIV that contains each sub menu*/
	/*background: white;*/
	padding: 5px 6px 10px 6px;
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	}
	
/*---------------------SLIDER-SLIDESHOW-----------------------------*/	
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
#container {
	margin: 0;
	padding: 10px;
	background: #fff;
	width: 635px;
	position:relative;
	}
#slider{}	
#slider ul, #slider li {
		margin:0;
		padding:0;
		list-style:none;
		}
#slider li { 
		width:635px;
		height:390px;
		overflow:hidden; 
		background:#fff;
		}											
p#controls{
		margin:0;
		position:relative;
		} 	
#prevBtn, #nextBtn{ 
		display:block;
		margin:0;
		overflow:hidden;
		text-indent:-8000px;		
		width:26px;
		height:390px;
		position:absolute;		
		top:-215px;
		z-index: 30;
		}	
#nextBtn{ 
		left:609px;
		}
#prevBtn {
		left: 0;
		}														
#prevBtn a, #nextBtn a{  
		display:block;
		width:26px;
		height:45px;
		background: url(../img/slideshow/links.png) no-repeat 0 0;	
		}	
#nextBtn a{ 
		background:url(../img/slideshow/rechts.png) no-repeat 0 0;	
		}
/*#prevBtn a:hover { background: url(../img/arrowbutton-left-hover.jpg) no-repeat 0 0; }
#nextBtn a:hover { background: url(../img/arrowbutton-right-hover.jpg) no-repeat 0 0; }	*/
.foto {
	position: relative;
	top: 0;
	left: 0;
	z-index: 10;
	}
* html .foto, * +html .foto {
	position: static;
	}
.fototext {
	width: 605px;
	height: 21px;
	padding: 15px;
	background: url(../img/slideshow/slide-streifen-hg.png) repeat-y left;
	color: #fff;
	font-size: 16px;
	font-family: "Century Gothic", Arial, sans-serif;
	text-align: left;
	position: relative;
	top: -51px;
	left: 0;
	z-index: 20;
	}
* html .fototext, * +html .fototext {
	position: static;
	}	

/*----------------------- BANNER ---------------------------------------*/
#banner {
	color: #000;
	position: absolute;
	top: 15px;
	right: 15px;
	z-index: 1000;
	background: #fff;
	min-width: 260px;
	min-height: 320px;
	max-width: 600px;
	text-align: left;
	padding: 15px;
	border: 1px solid #D9E2F0;
	-webkit-box-shadow: 5px 5px 10px #000;
-moz-box-shadow: 5px 5px 10px #000;
box-shadow: 5px 5px 10px #000;
	}
#bannerclosebutton {
	width: 47px;
	height: 18px;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1010;
	}
	
/*----------------------- NEWSTICKER ---------------------------------------*/

#marqueecontainer{
	position: relative;
	width: 180px; /*marquee width */
	height: 90px; /*marquee height */
	background-color: none;
	overflow: hidden;
	border: 0px ;
	padding: 0px;
	}
#vmarquee {
	position: relative; 
	width: 180px;
	}