/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
/*  font-size: 100%; */
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }



/* -------------------------------------------------------------- 
   
   typography.css
   * Sets up some sensible default typography.
      
-------------------------------------------------------------- */

/* Default font settings. 
   The font-size percentage is of 16px. (0.625 * 16px = 10px) */
body { 
  font-size: 62.5%;
  color: #222; 
  font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 220%; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 150%; margin-bottom: 0.75em;  font-weight:bold; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }


h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.0em 0; }
p img       { float: left; margin: 0.5em 1em 0.5em 0; padding: 0; }
p img.right { float: right; margin: 0.5em 0 0.5em 1em; }

a           { color: #009; text-decoration: none; }
a:focus, 
a:hover     { color: #000; text-decoration: underline;}

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; } 


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { width:100%; border-collapse: collapse; }
th          { font-weight: bold; }
th,td       { padding: 4px 10px 4px 5px; border-width:0px; cell-spacing:0px; }
tr.even td  { background: #E5ECF9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }

/* Forms
-------------------------------------------------------------- */

input.text, input.title, textarea, select {
  border:1px solid #bbb;
}
input { margin:0px; }
input.text, textarea { width:95%; }

input.text:focus, input.title:focus, textarea:focus, select:focus {
  border:1px solid #666;
}

textarea:hover, select:hover {
	border-color: #666;
}

/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.invisible	{ visibility:hidden; }
.nowrap		{ white-space: nowrap; }
.center		{ text-align:center; }
.bold		{ font-weight: bold; }
.narrow		{ width: 1%; }

.quiet      { color: #666; }
.loud       { color: #000; }
.red		{ color: #f00; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.invalid 	{ color: red; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.fade		{ filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; }

/*-----------------------------------------------------------------------------------------------------

Das core.css bestimmt das Verhalten der eindeutigen Container
und dient als Grundlage f�r alle weiteren CSS

-----------------------------------------------------------------------------------------------------*/

/* html body begin*/
html{
  min-height:100%;
}

.clearer{clear:both;}

body{
  height:100%;
  text-align:center;
/*  padding-top:115px; */
}
/*html body end*/

/*-----------------------------------------------------------------------------------------------------*/

/*page begin*/
#page{
	position:relative;
	background:url(../img/html_bg_en.png) center top no-repeat;
	margin: 0 auto;
	width:970px;
	padding:0;
	overflow:hidden;
	text-align:left;
}
/*page end*/

#translate-links{
	position:absolute;
	right:33px;
	top:-76px;
	text-align:right;
}
#translate-links select{
	font-size:7pt;
/*	font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; */
}

/*-----------------------------------------------------------------------------------------------------*/

/*main begin*/
#main{
  position:relative;
  width:970px;
  margin:195px 0 0 0;
}
/*main end*/

/*-----------------------------------------------------------------------------------------------------*/
#mainmenu #image-home-link {
	position:absolute;
	top: -180px;
	left: 15px;
	height: 230px;
	width:240px;
	display:block;
	border:none;
}

#mainmenu{
  display:inline;
  z-index:99;
  float:left;
  width:185px;
  overflow:hidden;
  margin:70px 0 0 45px;
}

#mainmenu ul,
#mainmenu li{
  text-align:right;
  padding:0;
  margin:0;
  list-style:none;
/*  zoom:1;
  white-space:nowrap; */
}

#mainmenu a{
  display:block;
  color:#aaa;
  border-bottom:1px solid #aaa;
}

#mainmenu a.nav10,
#mainmenu a.nav9,
#mainmenu a.nav8,
#mainmenu a.nav7{
  height:55px;
  overflow:hidden;
  text-align:left;
  color:white;
  font-size:1%;
  text-indent:-200px;
}

#mainmenu a.nav7,
#mainmenu a.nav2{
  border-bottom:none;
  margin-bottom:10px;
}

#mainmenu a.nav10{
  background:url(../img/nav/en/nav10.png) right no-repeat;
}
#mainmenu a.nav9{
  background:url(../img/nav/en/nav09.png) right no-repeat;
}
#mainmenu a.nav8{
  background:url(../img/nav/en/nav08.png) right no-repeat;
}
#mainmenu a.nav7{
  background:url(../img/nav/en/nav07.png) right no-repeat;
}

#mainmenu ul li ul{
  position:absolute;
  left:-899em;
  z-index:99;
  width:auto;
  background:#fff;
  filter:alpha(opacity=80); 
  -moz-opacity:0.8;
  opacity:0.8;
  border:1px solid #aaa;
}

#mainmenu ul li ul li{
	postition:relative; /* fix for firefox mac? */
	z-index:99; /* fix for firefox mac? */
	text-align:left;
}

#mainmenu ul li:hover ul{
  position:absolute;
  left:206px;
  margin-top:-40px;
}

#mainmenu ul li ul li a{
  font-size:120%;
  color:#721e4f;
  font-weight:bold;
  border:none;
  padding:0 5px 0 5px;
}

#mainmenu ul li ul li a:hover,
#mainmenu ul li ul li a.act{
  color:#000;
  background:#ead7e1;
}

#mainmenu .mainlink a {
	padding:4px 0;
}

/*-----------------------------------------------------------------------------------------------------*/
/* 2 col layout */
/*-----------------------------------------------------------------------------------------------------*/

#maincontent{
  text-align:left;
  display:inline;
  float:right;
  width:597px;
  margin:0 67px 0 0px; 
}

/*maincontent end*/

/*-----------------------------------------------------------------------------------------------------*/
/* 3 col layout */
/*-----------------------------------------------------------------------------------------------------*/

#col-left{
  z-index:1;
  display:inline;
  float:left;
  width:345px;
  overflow:hidden;
}

#col-right{
  display:inline;
  float:right;
  width:215px;
  padding:0 12px; 
}


/*-----------------------------------------------------------------------------------------------------*/

/*footer begin*/
#footer{
  padding:0px 0 10px 0;
  margin-right:5px;
  clear:both;
  text-align:center;
  background:#fff url(../img/footer_bg.png) center top no-repeat;
}

#footer .footermenu{
  text-align:right;
  padding-top:40px;
  margin-right:30px;
  height:137px;
}

#footer .footermenu a{
  color:#666;
  padding:0 5px 0 5px;
}

#footer .footer-text {
	width: 60%; 
	margin: 0 auto;
}

/*footer end*/

/* Fixes */

.right-top { 
	margin-top: -4px; /* aligns the first h4 in the right-hand col on location page */
}

/*-----------------------------------------------------------------------------------------------------*/
/* End of structural styles */
/*-----------------------------------------------------------------------------------------------------*/

.divider,.divider-thick { 
	width:100%; 
	height: 1px; 
	background-color:#aaa; 
	margin: 10px 0; 
	clear:both;
	overflow:hidden; /* for ie6 */
}

.divider-thick{ 
	height: 7px; 
	background-color: black; 
} 


/*-----------------------------------------------------------------------------------------------------*/

/* Search */

/*filtermenu*/
.filtermenu {
	width: 340px;
	font-size: 120%;
	margin-bottom: 0px;
}
.filtermenu .normal-text{
	font-size: 83.3%;	
}
#maincontent .filtermenu table{
	margin: 10px 0 ;
}
#maincontent .filtermenu table.search-availability{
	margin:0 ;
}

.filtermenu th { 
	width: 20%;
	font-weight: normal;
	vertical-align: top;
}
.filtermenu th label { 
	padding-top: 4px;
}

.filtermenu select{	
	width:167px;
	font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.filtermenu input {
	font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.filtermenu #inp_arrival_month, .filtermenu #inp_departure_month {
	width: 113px;
	margin: 0 4px;	
}

.filtermenu #inp_arrival_day, .filtermenu #inp_departure_day {
	width: 50px;	
}

/* List items */

/*room-list-container*/
.room-list-container{
  margin-top:20px;
  margin-bottom: 120px;
  float:left; /* for ie7 margin bug */
  width: 540px;
}

.room-list-item .room-image{
  width:215px;
  display:inline;
  float:left;
}

.room-list-item .info{
  width:305px;
  display:inline;
  float:left;
  margin-left:20px;
}

.room-list-item td, .room-list-item th{
  vertical-align:top;
}

.room-list-item th {
	width:30%;	
	padding-left:0;
}

.room-list-item .info p{
  margin:0;
}

.room-list-item h3 {
	position:relative;
  font-size:200%;
  margin:0 0 5px 235px;
/*  padding:0.5em 0 0.3em 240px;*/
}

.room-list-item h3 a{
  color:#000;
  width:52%;
  display:inline;
}


.room-list-item .links{
  clear:both;
  padding:0.5em 0 0.5em 0;
/*   color:grey;
  border-bottom:1px solid #999; */
}

.room-list-item .links a{
  color:grey;
  padding:0 0.5em 0 0.5em;
}

.room-list-item .icons{
  border-top:8px solid #000;
  padding:8px 0 0 0;
  margin:16px 0 0 0; 
  height: 16px;
  float:left; /* shrink-to-fit div */
}

.room-list-count { font-size: 50%; float:right; }

.room-list-paging a { display:block; float:right;  }
.room-list-nextpage { padding: 15px 0px 15px 60px; margin-left:5px; background: url( '../img/hand_right_small_web.gif' ) no-repeat left top; }
.room-list-prevpage { padding: 10px 35px 0px 0; background: url( '../img/hand_left_mini_web.gif' ) no-repeat right top; }

.landing-page-links {
	position: absolute;
	bottom:190px;	
}
.landing-page-links ul{
	width:225px;
	float:left;
	list-style:none;
	margin:0px;
	padding:0 10px 0 0;
}
.landing-page-links li{
	list-style:none;
	margin:0px;
	padding:0px;
}

.search-error{ color:red; }

/*-----------------------------------------------------------------------------------------------------*/
/* Location objects */
/*-----------------------------------------------------------------------------------------------------*/

/* Icons */

.icons{
  position:relative;
  height:16px;
}

.icon{
  position:relative;
  float:left;
}

.icons .icon .helptext{
  position:absolute;
  width:78px;
  height:66px;
  overflow:hidden;
  background:url(../img/icons/bubble.png);
  text-align:center;
  padding-top:28px;
  font-size:90%;
  color:white;
  visible:hidden;
    top:-94px;
  left:-999px;  /* NOTE: for ie6 see ie-hacks.js */
  display:none;
}

.icons .icon:hover .helptext{
	left:-29px; /* NOTE: for ie6 see ie-hacks.js */
	display:block;
}

.vdivider { 
	background-color: #aaa; 
	float:left;
	position:relative;
	width:1px; 
	height:16px; 
	margin: 0 6px;	
}

#mainmenu  .room-single-backlink{
	display:block;
	background: url( '../img/hand_left_small_web.gif' ) no-repeat right;
	padding: 20px 10px 0px 5px;
	width: 170px;
	margin-top: 40px;
	border-width:0px;
	text-align:bottom;
}

/* Location Right-column */

.details td, .details th {
	padding:0;
}

/*-----------------------------------------------------------------------------------------------------*/

.pricecalculator { 
	padding-bottom: 10px;
}
.pricecalculator .invalid { 
	color:red; 
}
.pricecalculator .invalid span {
	font-weight:normal; 
	display:block;
}
.pricecalculator th, .pricecalculator td { 
	vertical-align: top; 
	padding:2px 0;
}
.pricecalculator td { text-align:right; }
.pricecalculator .info td { text-align:left; white-space:wrap;}

.pricecalculator select { 
	font-size:100%;
}

.pricecalculator .promocode-code { width: 146px; margin-right:5px; }
.pricecalculator .promocode-find { width: 60px; }

.pricecalculator .tosecure td {
	padding-top:6px;
	vertical-align: middle;
}

.number { 
	width:2em; 
}

.ui-datepicker-trigger {
	vertical-align: bottom;
	padding-bottom:1px;
}

#inpagedatepicker .ui-datepicker{ font-size:1.3em; margin:auto; }
.pricecalculator .info input, .pricecalculator .promocode-find { border: 2px solid #721e4f; background-color: #fafaf9;}

/*-----------------------------------------------------------------------------------------------------*/

/* Arrows */

.arrow-box { 
	width: 3.5em; 
	position:relative; 
	font-size:150%; 
}

.arrow-box input { 
	display:block; 
	float:left;
}

.value_arrows{ 
	display: block; 
	margin-left: 2.3em;
	position: relative;
	top: 4px;
}
.value_arrows a{ 
	cursor:default; 
	display:block;
}
.value_arrows a:active,.value_arrows a:focus,.value_arrows a:visited {
	outline: none;
	text-decoration: none;
	cursor:default;
} 

.arrow_up {
	width: 10px;
	height: 7px;
	background-image: url(../img/arrow_up_big.gif);
	background-repeat: no-repeat;
	line-height: 7px;
	padding-bottom: 1px;
}

.arrow_down {
	width: 10px;
	height: 7px;
	background-image: url(../img/arrow_down_big.gif);
	background-repeat: no-repeat;
	line-height: 7px;
	padding: 0px;
}

/*-----------------------------------------------------------------------------------------------------*/

/* Thumbmails */
.thumbnails { 
  padding: 20px 0;
}

.thumbnails a {
	margin-right: 10px;
}

/* BaseLinks */

.links{
  clear:both;
  color: #666;
}

.links a{
	white-space:nowrap;
  color: #666;
  margin: 0 0.7em;
}
.links a.first { margin-left: 0; padding-left:0; }
.links a.last { margin-right:0; }

.slideshow {
	margin-bottom: 30px;
}

/*-----------------------------------------------------------------------------------------------------*/
/* Booking Form */
/*-----------------------------------------------------------------------------------------------------*/

.booking-form-step {
	color: #000000;
	margin-right:2em;
}

.booking-form-step.act {
	color: #ee0000;
}

.booking-pricecalculator, .col-right {
	display:inline;
	width: 215px; 
	float:right;
	margin-right:30px;
}
.col-left { 
	width:340px; 
}
.col-right {
	margin-top: -15px;
}
.booking-form .col-right h4.guests {
	margin-top: 30px;
}

.booking-form h4 {
	margin-top: 15px;	
}
.booking-form table { 
	width:100%; padding:0;
}
.booking-form td, .booking-form th { 
	padding: 1px; margin:0; 
}

table{ padding:0; }

.booking-form th {
 	width: 30%;
}
.booking-form .col-right th {
	width: 25%;
}
.booking-form .wideth {
	margin-top:20px; 
}
.booking-form .wideth th {
	width: auto;
}

/*-----------------------------------------------------------------------------------------------------*/
/* Homepage */
/*-----------------------------------------------------------------------------------------------------*/


.room-latest-container h2{
  margin-right:25px;
  border-bottom:8px solid;
}

.room-latest-item h3{
font-size:100%;
margin:0.5em 0 0.7em 0;
}

.room-latest-item h3 a{
  color:black;
}

.room-latest-item h3 img{
}


/*-----------------------------------------------------------------------------------------------------*/
/* Social Bookmarks */
/*-----------------------------------------------------------------------------------------------------*/
.socialbookmarks {
	margin: 0 0 10px 0;
	padding: 0;
}
.socialbookmarks a.follow {
	padding: 5px 5px 3px 5px;
	margin-left: 5px;
	display: inline-block;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: top left;
}
a.follow:hover,a.focus,a.follow:active{ text-decoration:none;}
a.social-facebook { background-image: url('socialbookmarks/facebook.gif'); }
a.social-digg { background-image: url('socialbookmarks/digg.gif'); }
a.social-delicious { background-image: url('socialbookmarks/delicious.gif'); }
a.social-reddit { background-image: url('socialbookmarks/reddit.gif'); }
a.social-stumbleupon { background-image: url('socialbookmarks/stumbleupon.gif'); }
a.social-twitter { background-image: url('socialbookmarks/twitter.gif'); }


/*-----------------------------------------------------------------------------------------------------*/
/* Availability & Datepicker */
/*-----------------------------------------------------------------------------------------------------*/
#ui-datepicker-div { margin-left:-20px; }
body .ui-datepicker, body .ui-datepicker .ui-datepicker-title { color: #721e4f; }
body .ui-datepicker .ui-state-disabled span {  background-color: #c0c0c0; color: #721e4f; text-decoration: line-through; }
body .ui-widget-content .ui-datepicker-unselectable.ui-state-disabled {border-color: #721e4f;  opacity: 1; filter:Alpha(Opacity=100); }
body .ui-datepicker .ui-state-default { background-image:none; background-color:white; }
body .ui-datepicker .ui-state-active { background-color:#721e4f; color:#ffffff; }

body .ui-datepicker table tr .available-start * { background: #ffffff url('images/bg-diag-tl.gif') no-repeat center center; }
body .ui-datepicker table tr .available-end * { background: #ffffff url('images/bg-diag-br.gif') no-repeat center center;  }
body .ui-datepicker table tr .available-start *.ui-state-active, body .ui-datepicker table tr .available-end *.ui-state-active { background-color: #721e4f; color:#ffffff; }

body .availability-key { margin: 30px auto 0 auto; width: 300px; }
body .availability-key div.ui-datepicker { margin: 0 auto; width:20px; }
body .availability-key div.ui-datepicker td * { width:20px; height:20px; }
body .availability-key  td { width: 50%; text-align:center; }