/* -- Init styles -- */
/* http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* -- EOF: Init styles -- */

body, td, div, span, h1, h2, h3, h4, h5, p  {
	font: 10px/1.3 Verdana, "Trebuchet MS", Arial, sans-serif;
}

html {
	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #333;
	scrollbar-3dlight-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

body {
	overflow: auto;
	background: #9d7a52 url(/web/media/base/images/bg-wood.jpg) center 330px repeat;

	scrollbar-base-color: #FFFFFF;
	scrollbar-arrow-color: #333;
	scrollbar-3dlight-color: #333;
	scrollbar-darkshadow-color: #333;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
}

body.imageView {
	background-image: 0;
	background: #fff;
}

body.intro {
	background-position: center -50px;
}

#intro_content {
	text-align: center;
	display: block;
	width: 864px;
	height: 530px;
	padding-top: 40px;
	background: transparent url(/web/media/base/images/intro-bg.jpg) 2px 1px no-repeat;
}

#intro_content h1 {
	text-align: left;
	overflow: hidden;
	width: 335px;
	height: 66px;
	background: transparent url(/web/media/base/images/logo.gif) 0 0 no-repeat;
	display: block;
	margin: 0 auto 60px auto;
	padding: 0;
	font: 1px sans-serif;
	text-indent: -999px;
}

#intro_content h2 {
	text-align: left;
	font-weight: normal;
	font: 14px "Century Gothic","Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	color: #000;
	margin: 0 0 8px 0;
}

#intro_content #intro-summer-flash {
	background: white url(/web/media/base/images/intro-summer-photo.jpg) 0 0 no-repeat;
	display: block;
	width: 258px;
	height: 211px;
	float: left;
	margin: 0 0 10px 0;
}

#intro_content #intro-winter-flash {
	background: white url(/web/media/base/images/intro-winter-photo.jpg) 0 0 no-repeat;
	display: block;
	width: 258px;
	height: 211px;
	float: left;
	margin: 0 0 10px 0;
}

#intro_content div.lang {
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	display: block;
	clear: both;
	margin: 0 auto;
	text-align: left;
}

#intro_content div.lang a {
	font: 11px Verdana, Tahoma, Arial, sans-serif;
	text-decoration: none;
	color: #000;
}

#intro_content div.lang a img {
	border: 0;
	vertical-align: middle;
	margin: 0 0 0 3px;
}

#intro_content div.lang a:hover {
	text-decoration: none;
	color: #b00e0e;
}

#intro_content table {
	margin-bottom: 60px;
}

#intro_content #intro_footer {
	width: 663px;
	margin: 0 auto;
	height: 14px;
	text-indent: -999px;
	font: 1px sans-serif;
	overflow: hidden;
	background: transparent url(/web/media/base/images/intro-footer.jpg) 0 0 no-repeat;
}

#intro_content #intro_footer a {
	display: block;
	top: 0;
	text-indent: -999px;
	overflow: hidden;
	width: 115px;
	height: 14px;
	position: relative;
	left: 0;
	float: right;
}

#container {
	width: 100%;
	text-align: center;
}

/* Header */
#headercontainer {
	width: 100%;
	text-align: center;
	background: #fff;
	height: 310px;
	overflow: hidden;
	background: #fff url(/web/media/base/images/bg-wood-header-verlauf.jpg) bottom center repeat-x;
}

#header {
	height: 55px;
	width: 800px;
	background: transparent;
	text-align: left;
	margin: 0 auto;
	clear: both;
}

#header h1 {
	text-align: left;
	overflow: hidden;
	width: 254px;
	height: 46px;
	background: transparent url(/web/media/base/images/logo-small.gif) bottom center no-repeat;
	display: block;
	padding: 0;
	margin: 5px 0 0 0;
	font: 1px sans-serif;
	text-indent: -999px;
}

#header div.right {
	height: 30px;
	width: 500px;
	margin: 0 0 0 0;
}


#header div.right table {
	width: 490px;
	margin-top: 7px;
	float: right;
}

#header div.right td {
	font: 10px Verdana, "Trebuchet MS", Arial, sans-serif;
	color: #333;
}

#header a {
	font-size: 10px;
	text-decoration: none; 
	color: #333;
}

#header a:hover {
	color: #b00e0e;
	text-decoration: none; 
}

#header img {
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 1px;
}

#header a.seasonswitch {
	font-size: 10px;
	color: #B00E0E;
	font-weight: bold;
	padding-bottom: 2px;
	padding-right: 1px;
	overflow: visible;
}

#header a.seasonswitch img{
	vertical-align: middle;
}

#header a.seasonswitch:hover {
	font-size: 10px;
	text-decoration: none; 
	color: #b00e0e;
}

#header input#searchString {
	border: 1px solid #333;
	background: #fff;
	font: 9px/11px Verdana, "Trebuchet MS", Arial, sans-serif;
	height: 11px;
	padding:0px;
	width: 98%;
	display: block;
	color: #333;
}

/* Menu */

#menu {
	width: 100%;
	text-align: center;
}

#menu #menu-wrapper {
	text-align: left;
	margin: 0 auto;
}

#menu #menu-content {
	display: block;
	margin-top: 5px;
	width: 277px;
	height: 244px;
	background: #f1e8dd url(/web/media/base/images/menu-bg.jpg) bottom center repeat-x;
	
}

#menu #menu-content #menu-content-inner {
	margin: 0;
	padding: 10px 0 0 50px;
}

#menu #menu-content #menu-content-inner td {
	height: 20px;
	line-height: 20px;
	padding: 1px 3px;
}


#menu #menu-content #menu-content-inner a {
	font: 14px/20px "Century Gothic","Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

#menu #menu-content #menu-content-inner a.active {
	color: #b00e0e;
}

#menu #menu-content #menu-content-inner a:hover {
	text-decoration: none;
	color: #b00e0e;
	font-weight: normal;
}

#header-flash-image {
	width: 502px;
	float: right;
	display: block;
	height: 272px;
	margin: 0 0 0 0;
	background: #fff url(/web/media/base/images/flash-backdrop-main.jpg) center center no-repeat;
}

#menu span.amp {
   font-family: Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
   font-size:110%;
   font-style:italic;
}

/* Sidebar */
#content  table.sidemenu {
	border-bottom: 1px solid #9b9b9b;
	width: 155px;
}

#content  table.sidemenu td {
	background: #fff url(/web/media/base/images/menu-side-bg.gif) bottom left repeat-y;
	padding: 3px 1px 3px 1px;
}

#content table.newsteaser td {
	padding: 0px 1px;
}

#content  table.sidemenu td.headline {
	border-left: 0;
	border-right: 0;
	padding: 3px 1px;
	background: #fff url(/web/media/base/images/menu-top-border.gif) bottom left no-repeat;
	text-align: center;
}

#content  table.sidemenu div.line {
	font-size: 1px;
	line-height: 1px;
	border-bottom: 1px solid #9b9b9b;
	width: 130px;
	margin: 4px auto;
	display: block;
}

#content  table.sidemenu a {
	font: 10px/1 Verdana, "Trebuchet MS", Arial, sans-serif;
	display: block;
	background: white url(/web/media/base/images/menu-arrow.gif) 0 -5px no-repeat;
	text-align: left;
	color: #000;
	padding: 0 7px 0 12px;
	margin: 0 0 0 10px;
	text-decoration: none;
}

#content table.sidemenu .menudate {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: left;
	display: block;
	margin: 0 0 0 25px;
}


#content table.sidemenu a.menuSelected,
#content table.sidemenu a:hover {
	color: #B00E0E;
	background: white url(/web/media/base/images/menu-arrow.gif) 0 -25px no-repeat;
}



/* Content */

#contentScroller {
	width: 800px;
	margin: 0 auto;
	background: transparent url(/web/media/base/images/bg-trans-shadow.png) bottom right no-repeat;
}

#content {
	padding: 10px 10px 10px 10px;
	overflow: auto;
	overflow-x: hidden;
	color: black;
	margin: 0 11px 9px 0;
}


#contentScroller .left {
	float: left;
}
#contentScroller .right {
	float: left;
}


#contentScroller div.homeLeft {
	float: left;
	width: 595px;
}


#contentScroller div.homeRight {
	float: left;
	width: 160px;
}

table.gallery img {
	border: 1px solid #333;
}

td.gallerySelect {
	padding-top: 3px;
	padding-right: 3px;
}

img.content {
	border: 1px solid black;
}

#content ul li,
#content li {
	padding-left: 14px;
	margin: 6px 0px;
	list-style-type: none;
	background: #fff url(/web/media/base/images/bullet.gif) 0 2px no-repeat;
}

#content ol, #content ol li {
	list-style-type: decimal;
	margin: 6px 0px 6px 10px;
	padding: 0;
}

#content .highlight-red {
	color: #B00E0E;
}

#content .highlight-red-bold {
	color: #B00E0E;
	font-weight: bold;
	font-style: italic;
}

#content a {
	font: 10px/1 Verdana, "Trebuchet MS", Arial, sans-serif;
	display: inline;
	background: white url(/web/media/base/images/menu-arrow.gif) 0 -3px no-repeat;
	text-align: left;
	color: #000;
	padding: 0 0 0 12px;
	text-decoration: none;
}

#content a:hover {
	color: #B00E0E;
	background: white url(/web/media/base/images/menu-arrow.gif) 0 -23px no-repeat;
}

#content a.image {
	background: 0;
	padding: 0;
	margin: 0 ;
}

#content a.media-link,
#content a.media-download {
	background: 0;
	padding: 0 0 0 20px;
	display: block;
	height: 22px;
	line-height: 22px;
	font-weight: bold;
}

#content a.media-download {
	background: white url(/web/media/base/images/media-download.gif) 0 0 no-repeat;
}

#content a.media-link {
	background: white url(/web/media/base/images/media-link.gif) 0 0 no-repeat;
}

#content a.media-link:hover,
#content a.media-download:hover {
	padding: 0 0 0 20px;
	font-weight: bold;
}

#content a.link-inklusivleistung {
	background: 0;
	padding: 0 0 0 24px;
	display: block;
	height: 22px;
	margin-bottom: 5px;
	line-height: 22px;
	font-weight: normal;
	background: white url(/web/media/base/images/icon-home.gif) 0 0 no-repeat;
}

#content a.link-anfrage {
	background: 0;
	padding: 0 0 0 24px;
	display: block;
	height: 22px;
	line-height: 22px;
	font-weight: normal;
	background: white url(/web/media/base/images/icon-mail.gif) 0 0 no-repeat;
}

#content a.link-pano {
	background: 0;
	padding: 0 0 0 24px;
	display: block;
	height: 25px;
	line-height: 25px;
	font-weight: normal;
	background: white url(/web/media/base/images/pano.gif) 1px 0 no-repeat;
}

#content table.flatRatePrice {
	border-top: 1px solid #333; 
	width: 400px;
	margin: 0 auto;
	margin-top: 9px;
}

#content table.flatRatePrice td,
#content table.flatRatePrice th {
	border-bottom: 1px solid #333; 
	padding: 2px 8px;
}

#content table.flatRatePrice td a.trans,
#content table.flatRatePrice th a.trans {
	background: 0;
	padding: 0;
}

#content .beautyTreat a.beauty {
	background: 0;
	padding: 0 0 0 22px;
	display: block;
	height: 20px;
	margin: 0 0 3px 0;
	line-height: 20px;
	font-weight: normal;
	background: white url(/web/media/base/images/icon-beauty.gif) 0 0 no-repeat;
}

#content table.beautydetails {
	border: 1px solid #333;
	margin: 5px 0;
}

#content table.beautydetails td.beautyTreatHeadline {
	border-bottom: 1px solid #333;
	text-align: center;
	padding: 5px;
}

#content table.beautydetails td.beautyTreatHeadline a {
	background: 0;
	padding: 0;
	color: #b00e0e;
	text-align: center;
}


#content a.logolink {
	font: 10px/1 Verdana, "Trebuchet MS", Arial, sans-serif;
	display: inline;
	background: 0;
	text-align: left;
	color: #000;
	padding: 0;
	text-decoration: none;
}


#content table.beautyPrices td {
	padding: 5px;
	text-align: left;
	color: #fff;
	background: #333;
}

/* Added after the fact */
h1 {
	border-color:#333;
	color:#b00e0e;

	border-bottom-style:solid;
	border-bottom-width:0;
	font-weight:bold;
	padding-bottom:2px;
	padding-top:2px;
}
table.recommend {
	width:450px;
}
table.recommend td {
	padding: 4px 4px 4px 0;
	vertical-align:middle;
}

table.couponTable th,
table.couponTable td {
	text-align: left;
}


table.coupon td input,
table.coupon td textarea,
table.coupon select.coupon {
	width: 250px;
	margin-top: 5px;
}

div.roomButton, div.buttonBookingRequest {
	border-color:#333;
}
div.buttonBookingRequest {
	background-position:right center;
	background-repeat:repeat-y;
	border-style:solid;
	border-width:1px;
	height:14px;
	padding-bottom:3px;
	padding-top:1px;
	text-align:center;
	width:100px;
	line-height: 16px;
}
#content div.buttonBookingRequest a {
	line-height: 14px;
	background-color: transparent;
}


input, textarea, select {
	border-style:solid;
	border-width:1px;
	border-color:#333;
	font-size:10px;
}

select.contact {
	border-style:solid;
	border-width:1px;
	border-color:#333;
	font-size:10px;
	width: 170px;
}

table.jobApp td,
table.jobApp th {
	text-align: left;
	padding: 2px 3px;
	vertical-align: top;
}

table.jobApp .dropDownMiddle {
	width: 140px;
}

table.jobApp .textSmall {
	width: 70px;
}

table.jobApp .textNormal {
	width: 60px !important;
}

table.jobApp .textMiddle {
	width: 140px;
}

table.jobApp textarea {
	width: 230px;
}

table.jobApp h1 {
	margin-top: 10px;
}

#content table.jobApp a {
	background: 0;
	padding: 0;
}

#content table.jobApp div.buttonBookingRequest {
	float: right;
	margin: 0 !important;
	height: 15px !important;
	margin-right: 15px !important;
}

#content table.jobApp div.buttonBookingRequest a {
	background: 0;
	padding: 0 0 0 12px;
	background: white url(/web/media/base/images/menu-arrow.gif) no-repeat scroll 0 -3px;
}

table.contactAddress td,
table.contact td {
	text-align: left;
}


table.contact td {
	padding: 2px 0;
}

#content div.buttonBookingRequest.alignright {
	margin-right: 56px;
}

#content div.buttonBookingRequest.buttonCouponRequest {
	float: right;
	margin: 8px 172px 0 0 !important;
}


/* Brochure Request */

table.brochureRequest td {
	text-align: left;
}

table.brochureRequest td input {
	margin: 5px 0;
}

table.pressReg {
	width: 480px;
}

/* ++++++++ Booking Request ++++++++ */

table.bookingRequest
{
	width:510px; 
}

#content table.bookingRequest div.buttonBookingRequest {
	margin: 0 !important;
}

#content table.jobsTable th,
#content table.jobsTable td,
#content table.jobApp th,
#content table.jobApp td {
	text-align: left;
}

table.bookingRequest td,
table.bookingRequestSub td,
table.bookingRequestSub th
{
	padding:4px;
	margin: 3px 0;
	text-align: left;
}

table.bookingRequest th
{
	padding:4px;
	padding-top:6px;
	text-align: left;
}

table.bookingRequestSub th
{
	padding:0;
	padding-top:2px;
	padding-bottom:4px;
	padding-right:4px;
	text-align: left;
}

table.liste td, 
table.liste th {
	text-align: left;
}

table.bookingRequest input.small
{
	width:47px;
	margin-bottom: 5px;
	text-align:center;
}

table.bookingRequest input.large
{
	width:180px;
}

table.bookingRequest select.room
{
	width:183px;
}

table.bookingRequest select.day { width:50px; }
table.bookingRequest select.month { width:85px; }
table.bookingRequest select.year { width:52px; }


table.bookingRequest select.flatRate
{
	width:240px;
}

table.bookingRequest select.salutation
{
	width:184px;
}

table.bookingRequest textarea.note
{
	width:230px;
	height:50px;
}

table.bookingRequest textarea.dateAltText
{
	width:230px;
	height:36px;
}

table.bookingRequest td.spacer
{
	font-size:0;
	line-height:0;
}

table.bookingRequestSub td
{
	padding:0;
	padding-bottom:4px;
	padding-right:4px;
}

div.errorMsg
{
	width:180px;
	padding-top:4px;
	color:red;
	text-align:left;
}

div.buttonBookingRequest
{
	border-width:1px;
	border-style:solid;
	background-position:right;
	background-repeat:repeat-y;
	width:100px;
	height:14px;
	text-align:center;
	padding-top:3px;
	padding-bottom:1px;

}

div.siteMap
{
	border-width:0px;
	border-style:solid;
	padding:4px;
}

table.recommend
{
	width:450px;
}
table.recommend td
{
	padding:4px;
	padding-bottom:12px;
	vertical-align:middle;
}

table.contact table td, table.contact table th
{
	padding:4px 0 3px 1px; 
}

table.contact table th
{
	padding-left:0;
	padding-top:7px;
	padding-right:0px;
}

select.contact, table.contact table input
{
	width:150px;
}
table.contact div.errorMsg
{
	width:150px;
}

table.contactAddress table td
{
	padding:2px;
}

div.flatRateBookingButton
{
	float:left;
	margin-top:4px;
	margin-left:158px;
}



/* Teaser */
table.teaserBg {
	width: 274px;
	height: 174px;
	background: #fff url(/web/media/base/images/teaser-bg.jpg) top left no-repeat;
	margin-right: 5px;
}

table.teaserBg tr td {
	padding: 3px 10px 5px 10px;
}

table.teaserBg tr td table tr td {
	padding: 0;
}

table.teaser {
}



table.teaser .teaserText {
	overflow: hidden;
	height: 105px;
	width: 130px;
}

#content .teaserImage img {
	border: 1px solid #333;
}

#content table.snapShotGallery img.content {
	margin: 3px 5px 5px 0;
}

#content a.teaserMoreinfo {
	padding: 0 0 0 12px;
	display: inline;
	background: 0;
	text-align: right;
	padding-right: 30px;
	background: transparent url(/web/media/base/images/teaser-arrow.gif) 0 -3px no-repeat;
}

#content a.teaserMoreinfo:hover {
	background: transparent url(/web/media/base/images/teaser-arrow.gif) 0 -23px no-repeat;
}

div.newsTeaserContent {
	padding: 0 5px;
	text-align: left;
}

div.newsTeaserContent div {

	text-align: left;
}

div.newsTeaserMore {
	text-align: right;
	border-top: 1px solid #ABABAB;
	padding: 3px 0 3px 0;
	margin-left: 0px;
	width: 155px;
	border-bottom: 1px solid #ABABAB;
}


#content a.newsTeaserMore {
	font: 10px/1 Verdana, "Trebuchet MS", Arial, sans-serif;
	display: inline;
	background: white url(/web/media/base/images/menu-arrow.gif) 0 -3px no-repeat;
	text-align: left;
	color: #000;
	padding: 0 5px 0 12px;
	text-decoration: none;
}

#content a.newsTeaserMore:hover {
	color: #B00E0E;
	background: white url(/web/media/base/images/menu-arrow.gif) 0 -23px no-repeat;
}

/* Rooms */
#content div.room-size {
	display: block;
	font-weight: bold;
	border-bottom: 1px solid black;
	padding: 0 0 3px 0;
}

#content .roomPrice {
	margin: 10px 0;
}

#content div.room-description {
	text-align: left;
}

#content tr.room-price-line td {
	border-bottom: 1px solid black;
	height: 5px;
}

#content tr.room-price-header td {
	width: 25%;
	font-weight: bold;
	color: #B00E0E;
	text-align: left;
	border-left: 1px solid black;
	padding-left: 4px;
}


/* Weather detail */

table.weatherDetail
{
	margin-top:1px;
	 width:500px;
	 border-width:1px;
	 border-style:solid;
	border-color:#ABABAB;
}

table.weatherDetail td, table.weatherDetail th
{
	background-color:white;
	padding:6px;
	vertical-align:middle;
	text-align:center;
	font-weight: normal;
}

table.weatherDetail td.border, table.weatherDetail th.border
{
	border-top-width:1px;
	border-top-style:dotted;
	border-top-color:#ABABAB;
}

/* Footer */
#footer {
	color: #fff;
	font: 11px/20px "Century Gothic","Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	font-weight: bold;
	display: block;
	width: 100%;
	clear: both;
	text-align: center;
	margin-top: -10px;
}

#footer a {
	color: #fff;
	font: 11px/20px "Century Gothic","Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	text-decoration: none;
	font-weight: bold;
}

#footer img {
	vertical-align: middle;
}

#content a.nolink,
a.nolink {
	padding-left: 0px;
	background: 0;
}
#content a.nolink:hover,
a.nolink:hover {
	color: inherit;
}

#content strong a.nolink,
strong a.nolink {
	padding-left: 0px;
	background: 0;
	font-weight: bold;
	color: black;
}

#content strong a.nolink:hover,
strong a.nolink:hover {
	color: inherit;
}
#content .highlight-red-bold a.nolink,
.highlight-red-boldf a.nolink {
	padding-left: 0px;
	background: 0;
	color: #B00E0E;
	font-weight: bold;
	font-style: italic;
}




/*******************************************************************************************/
/*                                           HACKS                                         */
/*******************************************************************************************/
/* These are page wide hacks, curtesy of Alex - better ask him what this stuff is good for */
/*******************************************************************************************/


/* Yeah, I love that one. It's really pretty nice and applies only to ie8 */
html:first-child [id|=menu-content] div { 
	height: 22px;
}

html:first-child [id|=menu-content] img { 
	vertical-align: top;
}

.calendar {
	width: 210px;
	overflow: hidden;
}