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, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: 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; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

div#clearer { width:1px; height:50%; margin-bottom:-356px; float:left; }

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:16px; }
h1 { margin-bottom:2px; }

h1, h2, h3, h4, p, li, address, td, label { }
h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:18px; color:#fff; }
.colorblack * { color:#000; }

.beige h1, .beige h2, .beige h3, .beige h4, .beige p, .beige li, .beige address, 
.beige td, .beige label, .beige span, .beige div { color:#a29159; }

h1, h2, h3, h4, th { font-size:14px; line-height:21px; }
h1 { margin-bottom:8px; }
h2 { font-size:11px; margin-bottom:8px; }
h3 { font-size:11px; }
h4 { font-size:11px; font-style:italic; }
p, li, th, td, label, address, span { font-size:11px; }
address { font-style:normal; font-size:10px; text-align:left; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:square; margin-left:15px; }
ul li li{ list-style-type:circle; }
table ol, table ul { margin:0; }

table { width:100%; }
th { text-align:left; }
th, td { padding:1px 8px 1px 0; vertical-align:top; }

.hr { display:block; border-top:1px solid #e6e5e5; margin:16px 0; }
.hr hr { display:none; }

/********** Links */

a { color:#fff; text-decoration:underline; }
a:hover, a.focus { color:#ece9de; text-decoration:none; }

.beige a { color:#a29159; }
.beige a:hover, .beige a.focus { text-decoration:underline; }

/*************************************************** Formulare generell */

div#contact
{ width:622px;
  height:442px;
  float:left;
  display:block;
  padding:30px 20px 0px 20px;
  background:#897f7d;
  overflow:auto;}
fieldset 
{ margin:0; 
  padding:0p;
  border:0 none;}

legend 
{ display:none; }

.line 
{ overflow:hidden;  
  display:block; 
  margin-bottom:6px; }

label 
{ display:block; 
  padding-top:4px; 
  margin-bottom:4px; }
  
.line label 
{ float:left; 
  width:160px; 
  margin-bottom:0; 
  color:#FFFFFF; }
  
/*.textarea label { float:none; width:auto; }*/
.line input[type="text"], .line input[type="password"], 
.line textarea, 
.line select, 
.line .ie6textinput, 
.testchanger select 
{ display:block; 
  margin-left:80px; 
  width:310px; 
  float:none; 
  background:#fff; 
  padding:2px 2px; 
  font-size:12px; }
  
.line input[readonly="readonly"] 
{ background:transparent; 
border:0 none; 
cursor:default; }

.line textarea 
{ height:150px; 
  width:310px; 
  margin:0;
  margin-left:80px; }
 
.line select, 
.testchanger select 
{ width:auto; 
  padding: 0 0 0 0;
  height:23px; }

.line input#plz, .line input#plztp { width:40px; margin-right:5px; float:left; margin-left:0; }
.line input#ort, .line input#orttp { width:247px; }

.checkbox label, .radio label { float:none; margin-left:20px; display:block; padding:0; width:auto; }
.checkbox input, .radio input { float:left; margin-top:1px; }

form .group { overflow:hidden; }

.text .group input { float:left; width:20px; margin:0; clear:left; margin-bottom:10px;}
.text .group label { float:none; margin-left:40px; width:auto; line-height:24px; padding:0; margin-bottom:10px; }

form button, .btn a { position: relative; cursor: pointer; overflow: visible; color:#000; }
form button::-moz-focus-inner { border: none; }
form button span  { position: relative; display: block; white-space: nowrap; color:#000;	}

form div.btn { margin-bottom:6px; }

form p.info, form p.info a { font-weight:normal; margin:0; }

form p.required { color:#b2b2b2; font-size:10px; float:right; }
p.register { padding-left:120px; font-size:11px; }

form .bf_message, #newsletter p.msg { padding:4px 8px; color:#fff; margin:0 0 15px; border:3px double #fff; }
form .bf_message p, #newsletter p.msg, form .bf_message li, form .bf_message ul { font-size:11px; margin-bottom:0; color:#fff !important; }
form .error, #newsletter p.msg { background:#EE1F26; }
form .success { background:#1F1F1F; }


@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari and Google Chrome only - fix margins */ button span {	margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	



form div.btn 
{ padding-left:160px; }
  
form button, .btn a
{ background:#fff; 
  font-weight:bold; 
  font-size:11px; 
  text-align:center; 
  border:0 none; 
  color:#000; 
  border:1px solid #897F7D; 
  padding:3px 2px 2px 2px; }
  
form div.btn:hover, 
form div.btn:hover button, 
form button:hover 
{color:#FFFFFF; }

.btn a { float:right; text-decoration:none; padding:3px 6px; font-size:11px; }

#trivago_opinions_internationalopinions, #trivago_affirm { float:left; margin:6px 6px 0 0; }
#trivago_opinion_headline, #trivago_opinion_text, trivago_review_widget_captcha { background:#fff; }
#widgetBox { width:100% !important; }

/*************************************************** newsletter */


div.newsletter 
{ 
  display:block;
  padding:32px 16px 16px;}
  
div.newsletter p
{ color:#000000;
  font-size:11px; 
  margin-right:10px;}  
  
div.newsletter fieldset 
{ 
  margin:0;}

div.newsletter label { width:100px; }

  
div.newsletter .line input 
{ width:140px;
  display:block;
  margin:0;}

div.newsletter .line select { margin:0; }
  
div.newsletter form div.btn
{ padding-left:100px; }


/*************************************************** Buchung Bluecity */

form#booking
{ padding:32px 16px;
  }

input#arrive,
input#depart
{ width:110px;
  background:#FFFFFF;}
  
form#booking fieldset
{ padding-bottom:10px;
  border-bottom:#FFFFFF 1px solid;}  

form#booking .field { overflow:hidden; margin-bottom:4px; }	
form#booking .field label { float:left; width:94px; }
  
form#booking div.buttons  
{ 
  border:0 none; 
  overflow:hidden;
  padding-top:8px;
	}
	
form#booking div.buttons div.btn 
{ overflow:hidden; }
  
#booking button { float:right; }

#ratingbutton { position:absolute; right:0; bottom:0; }
#CDSWIDSSP { width:645px !important; }

/*************************************************** layout */

body { background:#ece9de; }
html, body { height:100%; }
html, body#intro, #intro .flashcontent { padding:0; width:100%; height:100%; }
#intro .flashcontent { display:block; float:none; }

.wrapper { margin:0 auto; width:1000px; height:683px; padding-top:30px; display:block; background:url(bg.png) 0 30px no-repeat; clear:left; }

/****** Header */

#header { height:115px; position:relative; }

#header .logo { float:left; }
#header .logo h1 { margin:0; }
#header .logo a { width:130px; height:108px; display:block; }

#langnav { position:absolute; right:0; top:0; padding-top:0; }
#langnav span, #langnav a { font-size:10px; color:#b6961d; text-transform:uppercase; font-weight:normal; }
#langnav .active { color:#7E5A36; }

/*************************************************** Content */

/****** Allgemein */

#content { overflow:hidden; }

#content .flashcontent, #content .floatbox { float:left; height:472px; }
#content .floatbox { width:331px; overflow:auto; position:relative; }
#content .boxwide { width:662px;}
.floatbox .tinytxt { padding:32px 16px 16px; }



/****** Content */

.lage { position:relative; }
.lagepdf { position:absolute; left:351px; bottom:0; }
.lagepdf a { color:#897F7D; }
.lagepdf a:hover, .lagepdf a:focus { color:#000; }

.reservation { overflow:hidden; }
.reservation li { margin:0; list-style-type:none; float:left; margin-right:4px; }
.reservation a { display:block; padding:2px 9px; background:#A29159; border:1px solid #A29159; color:#fff; text-decoration:none; }
.reservation a:hover, .reservation a:focus { background:#fff; color:#A29159; text-decoration:none; }

div#content div.inner div.reservationlemon { background:#B4A06D; width:662px; height:472px; position:absolute;}
div#content div.inner div.reservationlemon div#LivebookingsDirect { position:absolute; display:block;}
div#LivebookingsDirect, div#LivebookingsDirect embed { height:472px !important; width:331px !important; } 
div#LivebookingsDirect object#LBDirect {}
div#content div.reservationlemon div.boxwidelemon { position:absolute;
                                                    width:662px;
													display:block;
							                        left:331px;
													height:472px;}
/****** Footer */

#footer { padding:14px 0 0 1px; }
#footer p, #footer a { font-size:11px; color:#b3a06c; }

/****** Kalender */

#ui-datepicker-div { background:#fff; border:1px solid #ecedea; z-index:2000; padding:10px; display:none; }
#ui-datepicker-div .ui-datepicker-title { text-align:center; }
#ui-datepicker-div table { margin:0; width:100%; border:1px solid #cecece; border-collapse:collapse; }
#ui-datepicker-div th, #ui-datepicker-div th.ui-datepicker-week-end { background:#000; text-align:center; color:#fff; font-weight:normal; }
#ui-datepicker-div th, #ui-datepicker-div td { padding:4px; }

#ui-datepicker-div .ui-datepicker-title span, #ui-datepicker-div th, #ui-datepicker-div th span, #ui-datepicker-div td { color:#000; font-size:12px; }
#ui-datepicker-div th, #ui-datepicker-div th span { color:#fff; }

#ui-datepicker-div td a, #ui-datepicker-div .ui-datepicker-header a { text-decoration:none; color:#B3A06C; display:block; cursor:pointer; }
#ui-datepicker-div td a.ui-state-active { text-decoration:underline; }

#ui-datepicker-div table td { border-bottom:0; border-right:1px solid #cecece; border-top:1px solid #cecece; }
#ui-datepicker-div table td, #datepicker table td a { font-weight:normal; text-align:center; }

#ui-datepicker-div .ui-datepicker-today { background:#ecedea; }

#ui-datepicker-div .ui-datepicker-other-month { color:#cecece; }

#ui-datepicker-div .selectable { background:#ecedea; }

#ui-datepicker-div .ui-datepicker-header { padding:0 0 3px; }

#ui-datepicker-div .ui-datepicker-header a span { color:#B3A06C; font-size:14px; line-height:10px; }
#ui-datepicker-div .ui-datepicker-header a { padding:0 6px 4px; }
#ui-datepicker-div .ui-datepicker-prev { float:left; }
#ui-datepicker-div .ui-datepicker-next { float:right; }

#ui-datepicker-div .ui-datepicker-current-day, #ui-datepicker-div .ui-datepicker-current-day a { font-weight:bold; }

/***************************************************  Navs */

/****** Hauptnav */

#nav { overflow:hidden; padding:79px 1px 0 0; }
#nav ul { float:right; margin:0; }
#nav li { float:left; list-style-type:none; margin:0; margin-left:28px; line-height:22px; }
#nav #navbtn0 { margin:0; }
#nav a { display:block; text-transform:lowercase; color:#b3a06c; font-weight:normal; font-size:14px; padding:4px; text-decoration:none; }

#nav a:hover, #nav a:focus { text-decoration:none; }

#navbtn0 a:hover, 
#navbtn0 a:focus, 
#navbtn0 a.active,
#navbtn0 li a { color:#b6961d; }

#navbtn1 a:hover, 
#navbtn1 a:focus, 
#navbtn1 a.active,
#navbtn1 li a  { color:#7E5A36; }

#navbtn2 a:hover, 
#navbtn2 a:focus, 
#navbtn2 a.active,
#navbtn2 li a  { color:#626E7B; }

#navbtn3 a:hover, 
#navbtn3 a:focus, 
#navbtn3 a.active,
#navbtn3 li a  { color:#AE6D33; }

#navbtn4 a:hover, 
#navbtn4 a:focus, 
#navbtn4 a.active,
#navbtn4 li a  { color:#7B844D; }

#navbtn5 a:hover, 
#navbtn5 a:focus, 
#navbtn5 a.active,
#navbtn5 li a  { color:#897F7D; }

#navbtn6 a:hover, 
#navbtn6 a:focus, 
#navbtn6 a.active,
#navbtn6 li a  { color:#B28CA3; }

#nav ul ul { float:none; position:absolute; bottom:32px; }
#nav li li { margin:0; float:none; display:block; }
#nav li li a { padding:0 4px; }

#nav li li a:hover, #nav li li a:focus { color:#b3a06c; }
#nav li li a.active { font-weight:bold; }




