/* ---------------------------------------------------------- Anpassung Standard HTML Tags */
html { overflow-y:scroll;}

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 11px;
	line-height: 17px;
	background-image: url(../images/bg_body.gif);
	background-repeat: repeat-x;
	background-color: #efdaa2;
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color: #fff;
 	scrollbar-arrow-color: #ba1100;
  	scrollbar-base-color: #fef6e0;
  	scrollbar-darkshadow-color: #fff;
  	scrollbar-face-color: #fff;
  	scrollbar-highlight-color: #000;
  	scrollbar-shadow-color: #000;
  	scrollbar-track-color: #f8e8bf;
}
p {
	margin: 7px 0px 7px 0px;
}
h1 {
	color: #3a407a;
	font-size: 20px;
	line-height: 18px;
	margin: 16px 0px 0px 0px;
	font-weight:bold;
}
h2 {
	color: #3a407a;
	font-size: 13px;
	line-height: 18px;
	margin: 16px 0px 0px 0px;
}
h2 span {
	font-size: 12px;
}
ul {
	list-style-type: square;
		list-style-image: url(../images/liste2.gif);
	line-height: 22px;
}
ul.haken {
	list-style-type: square;
	list-style-image: url(../images/liste.gif);
	line-height: 22px;
}
/* ---------------------------------------------------------- Layout-Grundelemente */

#wrapper {
	width: 898px;
	margin: 6px auto 0px auto;
	padding: 11px 11px 11px 11px;
	border: 1px solid #f8f0da;
	background-color: #fffffe;
}
#header {
	height: 172px;
	z-index:-100000565664;
}
#content {
	width: 898px;
	background-image: url(../images/bg_content.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #fef6e0;
	padding: 0px;
}
#inhalt {
	float: left;
	width: 508px;
	height: auto;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	color: #000000;
	overflow: hidden;
}
#text {
	width: 451px;
	margin: 6px 0px 0px 20px;
}
#text-scroll {
	width: 469px;
	height: auto;
	margin: 6px 0px 0px 31px;
	padding: 0px 8px 0px 0px;
	float:left;
}

#text-scroll {
	width: 469px;
	height: auto;
	margin: 6px 0px 0px 20px;
	padding: 0px 8px 0px 0px;
	float:left;
}

#text-scroll2 {
	width: 469px;
	height: 390px;
	overflow-y: scroll;
	overflow-x: hidden;
	margin: 6px 0px 0px 31px;
	padding: 0px 8px 0px 0px;
}
#footer {
	clear: both;
	width: 898px;
	height: 117px;
	overflow: hidden;
	margin: 0px;
	padding: 0px;
}


/* ---------------------------------------------------------- Anfragebox */


#anfragebox {
	float: left;
	font-family: "Trebuchet MS",Arial;
	font-size: 11px;
	width: 195px;
	height: 206px;
	overflow: hidden;
	margin: 17px 0px 0px 0px;
	background-image: url(../images/bg_anfrage.gif);
	background-repeat: no-repeat;
}
#reqbox {
	float: left;
	font-family: "Trebuchet MS",Arial;
	font-size: 11px;
	width: 195px;
	height: 206px;
	overflow: hidden;
	margin: 17px 0px 0px 0px;
	padding-top:20px;
	background-image: url(../images/request.jpg);
	background-repeat: no-repeat;
}
#kalender {
	width: 195px;
	padding: 14px 0px 0px 13px;
}
#kalenderform {
	line-height: normal;
	font-size: 11px;
	margin: 20px 0 0 0;
}

#kalenderform fieldset {
	border: 1px solid #cdb580;
	background: #dec07f;
	width: 160px;
	padding: 2px 0 5px 10px;
}

#kalenderform label {	
	clear: left;
	padding: 1px 0 0 1px;
	margin: 2px 0px 2px 0px;
	line-height: 11px;
	font-size: 11px;
}

#kalenderform input, #kalenderform select {
	background: #fff;
	border: 1px solid #791f19;
	width: 118px;
	height: 13px;
	font-size: 11px;
	line-height: 11px;
	margin: 0px 0px 2px 0px;
	font-family: "Trebuchet MS",Arial;
}


#kalenderform img.imgkalender {
	vertical-align: top;
	margin: 0 0 0 10px;	
	cursor: pointer;
}

#kalenderform fieldset{
	margin: 0 0 15px 0;
}

#kalenderform fieldset.noborder {
	border: none;
	background: none;
	margin: 5px 0 0px 0;
	padding: 0 0 0 11px;
	width: 195px;
}
#kalenderform fieldset.noborder label {
	font-size: 11px;
	letter-spacing: 0px;
	margin: 0px;
	padding: 0px;
}

#kalenderform select.tiny {
	width: 38px;
	height: 16px;
	margin: 0px 1px 0px 2px;
}

#kalenderform p {
	margin-left: 12px;
}

#kalenderform input.radio {
	width: auto;
	margin: 0 8px 0 0;
	font-size: 11px;
	padding: 0;
	background: none;
	border: none;
}

#kalenderform label.radio {
	vertical-align: top;
	margin: 0 2px 0 0;
}

#kalenderform input.submit {
	background: url(../images/anfrage_starten.gif);
	width: 130px;
	height: 24px;
	margin: 15px 0 0 10px;
	border: none;
	text-indent: -5000px;
	cursor: pointer;
}
#kalenderform input.submit:hover {
background-position: 0px -24px;
}
#kalenderform p.free {
	margin-top: 15px;
}
/*DateTimePicker*/
/* the div that holds the date picker calendar */
.dpDiv {
	background: #791f19;
	padding: 1px;
	/*border: 1px solid #791f19;*/
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-size: 11px;
	text-align: center;
	color: #505050;
	background-color: #fff;
	border: 2px solid #fff;
	width: 152px;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	color: #791f19;
	font-weight: bold;
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR td{
	border-bottom: 2px solid #fff !important;
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid transparent;
	width: 20px;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	color: #cbcbcb;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	border: 1px solid #b5a05f;
	cursor: pointer;
	width: 20px;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	background: #791f19;
		
	
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	background: #791f19;
	
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	background: #bbbbba;
	text-align: right;
	border-bottom: 2px solid #fff;
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #b5a05f;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: #fff !important;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #fff;
	background-color: #791f19;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: none;
	border: none;
	cursor: pointer;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000;
	background: #bbbbba;
	border: none;
	cursor: pointer;
	font-weight: bold;
	}


/* ----------------------------------------------------------Inhaltsgestaltung */

h1#strandlanschaft {
	width: 451px;
	height: 22px;
	text-indent: -9000px;
	background-image: url(../images/h_strandlandschaft.gif);
	margin: 30px 0px 0px 0px;
}
h1#polar {
	width: 451px;
	height: 22px;
	text-indent: -9000px;
	background-image: url(../images/h_polarstern.gif);
	margin: 30px 0px 0px 0px;
}
h1#raeume {
	width: 451px;
	height: 22px;
	text-indent: -9000px;
	background-image: url(../images/h_raeume.gif);
	margin: 30px 0px 0px 0px;
}
h1#rooms {
	width: 451px;
	height: 22px;
	text-indent: -9000px;
	background-image: url(../images/h_rooms.gif);
	margin: 30px 0px 0px 0px;
}
h1#eintreten {
	width: 324px;
	height: 22px;
	text-indent: -9000px;
	background-image: url(../images/h_eintreten.gif);
	margin: 30px 0px 0px 0px;
}
h1#entry {
	width: 324px;
	height: 22px;
	text-indent: -9000px;
	background-image: url(../images/h_entry.gif);
	margin: 30px 0px 0px 0px;
}
h1#zimmerpreise07 {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_zimmer.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#rates {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_rates.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#apartments07 {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_apartment.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#apartments-en {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_apartment-en.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#penthouse07 {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_penthouse.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#penthouse-en {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_thepenthouse.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#genuss {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_genuss.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#restaurant {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_restaurant.gif);
	background-repeat: no-repeat;
	margin: 30px 0px 0px 0px;
}
h1#bistro {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_bistro.gif);
	background-repeat: no-repeat;
	margin: 30px 0px 0px 0px;
}
h1#genussvoll {
	width: 451px;
	height: 56px;
	text-indent: -9000px;
	background-image: url(../images/h_genussvolle-aufenthalte.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#freegarden {
	width: 451px;
	height: 56px;
	text-indent: -9000px;
	background-image: url(../images/h_freegarden.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#einmalig {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_einmalig.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_veranstaltungen {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_veranstaltungen.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h-grillarium {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_grillarium.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h-grillarium-en {
	width: 451px;
	height: 40px;
	text-indent: -9000px;
	background-image: url(../images/h_grillarium-en.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#tagungenhead {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_tagungen.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#mice {
	width: 451px;
	height: 40px;
	text-indent: -9000px;
	background-image: url(../images/h_mice.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_feierlichkeiten {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_feierlichkeiten.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_galerie {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_galerie.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_kunst {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_kunst.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_fruehling {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_fruehlingsgefuehle.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_wandern {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_wandern.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_ostern {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_ostern.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_pfingsten {
	width: 451px;
	height: 56px;
	text-indent: -9000px;
	background-image: url(../images/h_pfingsten.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_sommer {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_sommer.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_herbststimmung {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_herbststimmung.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_winterzauber {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_winterzauber.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_silvester {
	width: 451px;
	height: 53px;
	text-indent: -9000px;
	background-image: url(../images/h_silvester.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_maltwhisky {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_maltwhisky.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_medien {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_medien.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_partner_en {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_partner_en.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h1#h_weihnachten {
	width: 451px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_weihnachten.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

h1#z_weihnachten {
	width: 476px;
	height: 137px;
	text-indent: -9000px;
	background-image: url(../images/zitat_weihnachten.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}

h1#h_downloads {
	width: 107px;
	height: 35px;
	text-indent: -9000px;
	background-image: url(../images/h_downloads.gif);
	background-repeat: no-repeat;
	margin: 17px 0px 0px 0px;
}

h2#z_wandern {
	width: 350px;
	height: 120px;
	text-indent: -9000px;
	background-image: url(../images/zitat_wandern.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h2#z_hiking {
	width: 407px;
	height: 223px;
	text-indent: -9000px;
	background-image: url(../images/hiking.gif);
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px;
}
h2#z_ostern {
	width: 399px;
	height: 101px;
	text-indent: -9000px;
	background-image: url(../images/zitat_ostern.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}
h2#z_easter {
	width: 431px;
	height: 173px;
	text-indent: -9000px;
	background-image: url(../images/easter.jpg);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}
h2#z_herbst {
	width: 447px;
	height: 104px;
	text-indent: -9000px;
	background-image: url(../images/zitat_herbst.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}
h2#z_autumn {
	width: 382px;
	height: 143px;
	text-indent: -9000px;
	background-image: url(../images/autumn.jpg);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}
h2#z_winter {
	width: 317px;
	height: 146px;
	text-indent: -9000px;
	background-image: url(../images/zitat_winter.gif);
	background-repeat: no-repeat;
	margin: 20px 0px 0px 0px;
}

.wichtig {
	font-weight: bold;
	font-size: 14px;
	color: #3a407a;
}
p#zweitkarte {
	position: absolute;
	top: 300px;
	left: 50%;
	margin: 0px 0px 0px 0px;
	z-index: 200;
}

/* ---------------------------------------------------------- Galerien */
img.galerie {
	float: left;
	margin: 0px 6px 5px 0px;
	padding: 1px;
	border: 2px solid #ecd8a2;
}
p.galerie img {
	float: left;
	margin: 10px 6px 0px 0px;
	padding: 1px;
}
p.galerie a img {
	border: 2px solid #ecd8a2;
}
p#zweitkarte.galerie a img {
	border: 2px solid #ba1100;
	background-color: #FFFFFF;
}
.galerie a:hover img {
	border: 2px solid #7d1d1c;
	
}
p#zweitkarte.galerie a:hover img {
	border: 2px solid #000;
}

/* ---------------------------------------------------------- Preislisten */

p.tabelle {
	float: left;
	width: 442px;
	height: auto;
	font-size: 11px;
	line-height: 22px;
	font-weight: normal;
	margin: 5px 0px 5px 0px;
	padding: 0px 4px 0px 4px;
	text-align: right;
	background-image: url(../images/be_tabelle.gif);
	background-repeat: repeat-y;
}
p.tabelle label {
	float: left;
	width: 350px;
	text-align: left;
	font-size: 11px;
}
p.tabelle label.dreispalten {
	width: 300px;
}
p.tabelle span {
	float: left;
	width: 80px;
	text-align: left;
}
p.tabelle br {
	clear: left;
}


/* ---------------------------------------------------------- Routenplaner */

#route {
	font-size: 11px;
	left: 410px;
	width: 222px;
	height: auto;
	overflow: hidden;
}
#route table {
	width: 99%;
}
p.routentext {
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 3px 240px;
}

form {
	margin: 0px;
}
input#submit {					/* Gestaltung des Submit-Buttons */
	padding:2px;
	background:#e9681f;
	color: #fff;
	cursor:pointer;
	border: 1px solid #919191;
	margin: 5px 0px 10px 0px;
}

input#submit:hover {
	background-color: #e9681f;
	border: 1px solid #000;
	color: #fff;
}
.route-start td, .route-ziel td{
	background-color: #CCCCCC;
	border: 1px solid #ccc;
	color: #fff;
	letter-spacing: 3px;
}


/* ---------------------------------------------------------- Allgemeine Styles */
p.unten {
	width: 449px;
	margin: 5px 0px 5px 0px;
	padding: 4px;
	text-align: right;
	border-top: 1px solid #f3e5c1;
	border-bottom: 1px solid #f3e5c1;
}
.unten a, .unten a:link, .unten a:visited {
	font-size: 11px;
	color: #ba1100;
}
.unten a:hover {
	color: #000;
}
:focus {
 outline: 0;
}
.close {
	float: right;
	margin: 5px;
}
.clearer {
	clear: both;    
	display: block; 
    height: 0; 
}
.clearer2 {
	clear: both;    
	display: block; 
    height: 10px; 
	margin-bottom: 8px;
	border-bottom: 1px solid #eb680b;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

a, a:link, a:visited, a:active {
	color: #3d4983;
	text-decoration: underline;
	font-weight: normal;
}
a:hover {
	color: #000000;
}

.anker {
	float: right;
	margin-top:5px;
}