/* -------------------------------------------------------------- 
  
   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;
}

/* 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 { 
	line-height: 1.5em;
/*  font-size: 62.5%; */
/*	font-size: 0.875em; */
	font-size: 0.75em;
	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; }

h3 {
	font-size: 1em;
	border-bottom: 1px solid black;
	padding: 0 0 0.1em 0;
	margin: 0 0 0.6em 0;
	font-weight: bold;
}

h4, h5{
	font-size: 1em;
	padding: 0;	
	margin: 0.8em 0 0 0;
	font-weight: bold;
}

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: #9e4176; text-decoration: none; }
a:focus, 
a:hover     { color: #9e4176; text-decoration: underline; outline:0;}

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%; 
	font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
input.button { 
	font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
	background-color: #9e4176;
	color: #fff; 
	font-weight:bold;
	border: #9e4176 1px solid;
	padding: 0.1em 0.3em; 
	font-size:120%;
}

input.text:focus, input.title:focus, textarea:focus, select:focus {	border:1px solid #666; }
input[readonly] { background-color: #ddd; }

textarea:hover, select:hover { border-color: #666; }
a.action-button { text-decoration:none;  }
a span {cursor:pointer;}


/* 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%; }
.wide		{ width: 100%; }

.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; }
span.invalid	{ font-size: smaller; }
.grey-input { color: #999; }

.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; }
.smaller	{ font-size: 80%; }
/*-----------------------------------------------------------------------------------------------------

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

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

/* html body begin*/
html{ min-height:101%; }
.clearer{clear:both;}

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

body.mceContentBody { text-align:left;}

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

/*page begin*/
#page{
	position:relative;
	background:url(../img/Header-Superhomepage.jpg) no-repeat left top; 
	margin: 0 auto;
	width:960px;
	padding:1px 0 0 0; /* collapsing margins fix */
	overflow:visible;
	text-align:left;
	z-index:0;
}

#logo-home-link {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width: 215px;
	height: 250px;
	z-index: 100;
}
/*page end*/

#translate-links{
	position:absolute;
	right:0;
	top:-124px;
	text-align:right;
	width:172px;
}
.translate-link{ float:left; margin-left:2px; padding-top:3px; }
#translate-links select{
	font-size:7pt;
/*	font-family: Verdana, "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif; */
}
#translate-links-flags {
  position: absolute;
  top:4px; left:3px;
  text-align: left;
}
#google_translate_element{
  right:0; bottom:0;
}

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

/*main begin*/
#main{
	position:relative;
	background: url(../img/background-3-col.gif) repeat 100% 0%;
	height:100%;
	overflow: visible;
}
/*main end*/

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

#col-left{
	display:inline;
	z-index:99;
	float:left;
	width:218px;
	overflow:visible; 
	margin:0;
}

#col-left ul {  list-style: none; margin: 0; padding: 0;}
#col-left ul ul { margin-left: 2em; }
#col-left li a{	display:block; }


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

#maincontent{
	position:relative;
	margin-top:-5px; 
	text-align:left;
	display:inline;
	float:right;
	height:100%;
	width: 732px;
}
#maincontent .slideshow { margin-top: 5px; }

/*maincontent end*/

#col-main {
	width: 700px;
	padding:0 16px;	

}

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

#col-middle{
	position:relative;
	z-index:1;
	display:inline;
	float:left;
	width:470px;
	padding: 0 14px 0 15px;	
}

#col-right{
  display:inline;
  float:right;
  width:210px;
  padding:0 10px 0 10px;
}


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

/*footer begin*/
#footer{
	position:relative;
	padding: 60px 0 10px 0;
	clear:both;
	text-align:center;
	background: #fff url(../img/footer.jpg) right 60px no-repeat;
	height: 200px;
	overflow: visible;
}

#footer-menu{
	position:absolute;
	text-align:left;
	top:78px;
	left: 223px;
	width: 400px;
}

#footer-menu a{
	font-size: 80%; 
	color: black;
	display:block; float:left;
	padding:0 5px 0 5px;
	white-space:nowrap;
}

#footer-text {
	position:relative;
	top:130px;
	width: 60%; 
	margin: 0 auto;
}

#footer-bookmarks {
	position:absolute;
	top:80px;
	right:0;
}
#footer-bookmarks a { display:block; float:left; }
#footer-bookmarks .bmg-icon { float:left; padding:0px 1px; }

#footer-bookmarks .bookmark-container { display:block; float:left; position:relative; }
#footer-bookmarks .bookmark-dropdown { display:none; position:absolute; top: 24px; left:-1px; padding-top:2px; text-align: left; background-color: white; border: 1px solid #bfbfbf; line-height:115%;  }
#footer-bookmarks .bookmark-dropdown a { font-weight:bold; display: block; float:none; padding: 2px 1em 2px 2px ;  }
#footer-bookmarks .bookmark-container:hover .bookmark-dropdown { display:block; }
#footer-bookmarks .bookmark-helper { height: 20px; position:relative; top:-1px; left:-1px; border: 1px solid white; background-color:white; z-index:1; }
#footer-bookmarks .bookmark-container:hover .bookmark-helper, #footer-bookmarks .ie-6-fix { height: 24px; border-color:#bfbfbf; border-bottom-color: white; }
/*footer end*/

/*-----------------------------------------------------------------------------------------------------*/
.main-header { position:absolute; text-indent:-2000px; }

#title-box{
	position:relative;
	margin: 150px 0 1em 243px;
	height: 140px;
	background: url(../img/Header-Text-Line-Berlin-Amsterdam-Edinburgh.png) no-repeat 100% 2px ;
}
#title-box h1 { font-size: 160%; font-weight:bold; }
#title-box-content{ position:absolute; bottom:0; left:0; width:470px; }
#navigation {
	position:absolute;
	top:33px;
	font-weight:bold;
}
#navigation a { color: black; }

#title-bookmarks {
	position: absolute;
	top: -45px;
	right:0;
	z-index: 1000;
	clear: both;
}
#title-bookmarks .bmg-icon { float:left; margin-left:5px; }
#title-bookmarks .bmg-addthis { float:left; margin:4px 0 0 5px;}

/* Top links */

#top-links{
	position:absolute;
	right:0px;
	top:123px;
	width:715px;
	overflow:hidden;
	border-bottom: 1px solid #bfbfbf;
	padding: 2px 0;
	vertical-align: middle;
/*	height: 21px; */
	background-color:white;
}
#top-links .bmg-text { float:left; }
#top-links-right a {
	padding: 2px 5px;
	color: black;
	white-space:nowrap;
}
#top-links-right a.top-links-first { font-weight: bold; }
#top-links-right {
	float:right;
	display:inline;
	text-align:right;
	width:auto;
	max-width:470px;
	margin-top:1px;
}
#top-links-left {  }
#top-links .bmg-text:hover { background-color: #f6f0f4; }




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


/* 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:#bfbfbf; 
	margin: 10px 0; 
	clear:both;
	overflow:hidden; /* for ie6 */
}

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

li.divider { margin:0; padding:0; }

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

/* Search Filter */

.search-filter .divider{ margin-bottom: 20px; }
#col-left .search-filter { margin-top: -5px; width:100%; }
.search-filter-submit {	margin: 2em 0 2em 0; padding:0; }
.search-filter form { margin-bottom : 2em; overflow:hidden /* IE8 bug missing margins bug */; }
.search-filter form .divider { margin-bottom:0; }

.search-filter ul {  padding: 0; }
.search-filter li{  margin :0; padding: 0.85em 0 0 0; }
.search-filter ul a { font-weight: bold; }
.search-filter .search-filter-links { padding-top: 4em; }
.search-filter ul.search-filter-landing-links li{ padding: 0.2em 0 0 0; font-size: 90%;	line-height: 133%; padding:0; }

.search-filter select { width: 195px; }
.search-filter select.select-day { width: 24%; }
.search-filter select.select-month { width: 64%; }
.search-filter .search-filters div{ margin: 0 0 3px 0; }
.search-filter .bmg-icon { float:left; margin-top:2px; margin-right: 3px; }
.search-filter .bmg-icon-xbox { float: right;  margin-right: 5px; margin-top:4px; }

li.popup { position:relative; }
li.popup ul { z-index: 2000; margin:0; left:-988em; position:absolute; background-color:white; border: 1px #bfbfbf solid; width:auto; white-space:nowrap; top: 2.5em;  }
li.popup ul li {  padding: 0.1em 0.3em; }
li.popup:hover ul { left:8em; }

.search-filter li:hover{ background-position: 0 0;  /* ie7 sticky suckerfish */}

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

/* List items */

/*room-list-container*/
.room-list-container{
	margin-bottom: 120px;
	margin-top: 20px;

}
.room-list-item{  margin:0; padding:0; width:100%;	position:relative; }

.room-list-item .room-image{
	width:190px; 
	margin-bottom:2px;
}
.room-list-item .room-image img {
	width:190px;
}

.room-list-item .info{
	width:260px;
	 margin:0; padding:0;
	display:inline;
	float:right;
	margin-left:0px;
}

.room-list-item td, .room-list-item th{ padding:0; vertical-align:top; }
.room-list-item td { font-weight: bold; text-align:right; }
.room-list-item th {font-weight: normal; text-align: left; }

.room-list-item h3 {
	float:right;
	display:inline;
	width:260px;
	font-size:120%;
	margin: 0;
	border: none;
}
.room-list-total-price table {
	font-size:120%;
	margin-top: 5px; 
}

.room-list-item h3 a{
	font-weight:bold;
}

.room-list-item .links{
	clear:both;
	font-size:80%;
	padding:0.5em 0 0.5em 0;
	white-space:nowrap;
	text-align:right;
}

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

.room-list-count { font-size: 55%; float:right; display:inline; font-weight:normal; margin-left:0.5em; color: grey; }
a.special-offer { display:block; text-decoration:none; position: absolute; left: 140px; top:100px; width:53px;}

.room-list-paging { text-align: right; font-weight: bold; margin: -8px 0; }
.room-list-paging a,.room-list-paging span  { padding: 0 0.3em; }
.paging-top { margin-bottom: -8px; }
.room-list-paging span { color: grey; }
span.v-divider { padding:0; margin:0; height: 0.8em; width:1px; vertical-align: baseline; background-color:#9e4176; display:inline-block; }


.landing-page-links {
	position: absolute;
	bottom:0px;
	z-index: 1;
	font-size: 90%;
	line-height: 133%;
	font-weight: bold;
	width:470px; /* For IE7 !!!*/
}
.landing-page-links ul{
	list-style-type:none;
	margin: 0px;
	padding: 0px;
}
.landing-left-col { float:left; display:inline; width:225px; padding-right:9px; border-right: 1px solid #bfbfbf; }
.landing-right-col { position:relative; left:-1px; float:right; display:inline; width:225px; padding-left:9px; border-left: 1px solid #bfbfbf; }
.landing-page-links ul li{
	margin: 0px;
	padding: 0px;
}

.search-error{ color:red; height: 300px; }

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

/* Icons */

.icons{ 
	height:20px;
	width: 170px;
	float:left;
	display:inline;
}

.icon{
	position:relative;
	zoom:1;
	float:left;
	margin-right:5px;
}

.icons .icon .helptext{
	position:absolute;
	width:80px;
	height:90px;
	overflow:hidden;
	background: url(../img/Symbols1.png) no-repeat -79px -68px;
	text-align:center;
	padding:28px 10px 0 10px;
	font-size:90%;
	color:white;
	top:-124px;
	left:-40px; 
	display:none;
	z-index:100;
}

.icons .icon:hover .helptext{
	display:block;
}

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

/* Location Right-column */

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

.location-book-button { text-align: right; margin: 20px 0;}
.location-book-button-top { float:right; width: 70px; text-align: right; margin: 5px 0 0 0;}


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

#pricecalculator { 
	padding-bottom: 10px;
}
#pricecalculator .invalid { 
	color:red; 
}
#pricecalculator div.invalid {
	font-weight:normal; 
	font-size:smaller;
	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: normal;}
#pricecalculator #pc_price_details th { font-weight: normal; }
#pc_total_table { margin-top:1em; }

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

#pricecalculator .promocode-code { width: 136px; margin-right:5px; }
#pricecalculator .promocode-find { width: 60px; }
#pricecalculator .promocode-step2 { white-space:nowrap;}

#pricecalculator .tosecure td {
	padding-top:6px;
	vertical-align: middle;
}
#pci_departure_day,#pci_arrival_day { width: 4em; }
#pci_departure_month,#pci_arrival_month { width: 11.2em; }

#pc_total td, #pc_total th { border-bottom: 1px dotted #bfbfbf;border-top: 1px solid #bfbfbf; }
#pc_cash th,#pc_cash td { padding-top:30px; }


.number { width:2em; }

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

#inpagedatepicker .ui-datepicker{ font-size:1.3em; margin:auto; }
.ui-datepicker { z-index: 10000; }

#pricecalculator .damage-deposit { position:relative; cursor: default; text-align:left; }
#pricecalculator .damage-deposit-popup {
	position: absolute; right:-1px; top:24px; width: 190px; z-index: 1;
	border: #aaa 1px solid; padding: 8px 10px; background-color: white;
	text-align:left;
	display: none;
}
.damage-deposit-icon {
	padding: 2px 9px;
	background: url(../img/questionmark.gif) no-repeat;
}
/*
#pricecalculator .info input, #pricecalculator .promocode-find { border: 2px solid #721e4f; background-color: #fafaf9;}
*/
/*-----------------------------------------------------------------------------------------------------*/


/* 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;
}

.map-image { margin-top: 2em; font-weight: bold; }
.map-image img { border: 1px solid #bfbfbf;}

#col-left ul.ticked { margin-bottom: 1em; }
#col-left ul.ticked .bmg-icon { margin-top:2px; float:left; margin-right: 7px; }
#col-left ul.ticked li { clear:left; padding: 5px 0 5px 0; }
#col-left .details{ margin-bottom: 1em; }

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

.booking-steps span {
	font-weight:bold;
	background-color: #babbbd;
	color: #fff;
	display:inline-block;
	width:224px;
	padding: 4px
}
.booking-steps span.booking-step-first { background: #babbbd url(../img/booking-bar-arrow-gp.gif) no-repeat right center;}
.booking-steps span.booking-step-act { background: #cd9eb9 url(../img/booking-bar-arrow.gif) no-repeat right center; }
.booking-steps span.booking-step-next {	background: #babbbd url(../img/booking-bar-arrow-gg.gif) no-repeat right center;}
.booking-backlink { margin: 2em 0 0.5em 0; font-weight:bold; }
.booking-note { margin-top: 0.66em; color: grey; font-size: 80%; width: 350px; line-height: 133%;}

.booking-pricecalculator, .col-right {
	display:inline;
	width: 320px; 
	float:right;
	margin-right:10px;
}
.booking-pricecalculator td, .booking-pricecalculator th { padding:0; vertical-align:top; }
.booking-pricecalculator td { font-weight:bold; text-align:right; }
.booking-pricecalculator th { font-weight:normal; }
.booking-pricecalculator .button { margin: 2em 0 0.5em 0; }

.col-right {
	display:inline;
	width: 330px; 
	float:right;
	margin-right:0px;
	padding-bottom: 1.5em;
}
.col-left, .col-left-step2 { 
	display:inline; 
	float: left; 
	width:360px;
	padding-bottom: 1.5em;
}
.col-left-step2 { width: 480px; }


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

.booking-form th { width: 35%; font-weight: normal;  }
.booking-form .step2 th label { width: 180px; display:block; }
.booking-form .step2 { margin-bottom: 1em; }
.booking-form .col-right th { width: 35%; }
.booking-form .col-right select { width: 80%; }
.booking-form .wideth td { width: 1%; }
.booking-form .step2-book-button th { font-weight:bold; width:100%;}
.booking-form .step2-book-button th label { width: auto; }

table .table-divider-arrival { height: 4.9em; } 
table .table-divider-visit { height: 1.7em; } 
table .table-divider-findus { height: 0.87em; }
.button-payment { width: 9em; }

.booking-required { font-weight: bold; }
.booking-cancel { float:right; display:inline; font-weight:bold; }
.booking-tncs { font-weight:bold; }
.cvv2 { width: 4em; }
#cvv2-container { position:relative; }
#cvv2-info{ z-index:1; border: #aaa 1px solid; padding: 1em; position:absolute; background-color:white; width: 400px; right:3em; }
#cvv2-info img{ width:240px; height:151px; float:right; margin-left: 1em; }

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


.room-latest-container h4{
 margin-bottom:1em;
}

.room-latest-item a{
	font-weight: bold;
	font-size:100%;
	margin:0.5em 0 0.7em 0;
}
.room-latest-item div{ line-height:133%; }

.bmg-button-list {list-style-type: none; margin:0; padding:0; }
.bmg-button-list li{ float:left; clear:left; display:block;  padding:0; margin:0; }
.bmg-button-list span { display:block;  }
.bmg-button-list a { display:block; padding:5px 0; }
.bmg-button-list .bmg-text:hover { background-color: #f6f0f4; }
.bmg-button-list li.divider{ background-color: #bfbfbf; padding:0; margin:0; }

/*-----------------------------------------------------------------------------------------------------*/
/* Right Buttons */
/*-----------------------------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------------------------*/
/* 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; outline:0; }
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 .ui-datepicker table tr .unavailable * { background-color: #bfbfbf;  }


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; }


.ui-multiselect li.ui-state-default { overflow:hidden; white-space:nowrap;}



#home-panel { margin:1em 0 0 0; }
#home-panel .bmg-panel { height:18em; margin:0; padding:0; }
.bmg-panel-highlight a{	color: black;  }
ul.bmg-panel-navigation { list-style-type:none; margin:0;padding:0; font-weight:bold; padding:0.5em 0; border-top:1px solid #bfbfbf;border-bottom:1px solid #bfbfbf; }
ul.bmg-panel-navigation li { 
	padding: 0.25em 0; zoom:1; width: 49%; display:inline-block; 
	zoom: 1; *display:inline; /* for IE7 */
}


.scroll-pane{
	overflow:auto;
	height: 300px;
}
#page .jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}
#page .jScrollPaneTrack {
	width:30px;
	right: 12px;
	overflow: visible;
	background: white url(../img/track.gif) repeat-y center;
}
#page .jScrollPaneDrag { width:10px; background: #000; }
#page .jScrollPaneDragTop {	height: 0px; }
#page .jScrollPaneDragBottom { height: 0px; }
#page a.jScrollArrowUp {
	height: 17px;
	display:block;
	width:35px !important;
	overflow: visible;
	background:  url(../img/Symbols1.png) no-repeat -306px -96px;
}
#page a.jScrollArrowDown {
	height: 17px;
	display:block;
	width:35px !important;
	overflow: visible;
	background:  url(../img/Symbols1.png) no-repeat -306px -118px;
}

.homepage-table a:hover{ text-decoration:none !important; }

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

.bmg-icon {
	width: 12px; 
	height: 12px;
	background: url(../img/Symbols1.png) no-repeat;
	overflow: hidden;
	display: block;
	text-indent: -2000px; 
}

.bmg-icon-xbox {	vertical-align:middle; background-position: -73px -276px; width: 15px; height: 15px; }
.bmg-icon-add { background-position: -146px -276px; }
.bmg-icon-arrow-down { background-position: -100px -276px; width: 15px;}
.bmg-icon-arrow-right { background-position: -117px -276px; width: 15px; }
.bmg-icon-tick { background-position: -245px -158px; height: 20px; width: 20px; }
.bmg-icon-small-tick { background-position: -273px -161px; height: 16px; width: 16px; }
.bmg-icon-special { background-position: -218px -88px; width: 53px; height:53px; }

.bmg-icon-bab { background-position: -130px -201px; height: 20px; width: 20px;  } 	
.bmg-icon-children { background-position: -189px -184px; height: 20px; width: 20px;  } 	
.bmg-icon-pets { background-position: -130px -201px; height: 20px; width: 20px;  } 	
.bmg-icon-smoking { background-position: -130px -201px; height: 20px; width: 20px;  }  
.bmg-icon-tv { background-position: -189px -158px; height: 20px; width: 20px;  } 
.bmg-icon-wifi { background-position: -214px -158px; height: 20px; width: 20px;  }
.bmg-icon-family { background-position: -294px -184px; height: 20px; width: 20px;  }
.bmg-icon-balcony { background-position: -270px -184px; height: 20px; width: 20px;  }
.bmg-icon-gf { background-position: -214px -184px; height: 20px; width: 20px;  }
.bmg-icon-lift { background-position: -245px -184px; height: 20px; width: 20px; }

.bmg-icon-welcome {background-position: -71px -8px; height: 32px; width: 160px;}
.bmg-icon-ryanairmag { background-position: -14px -337px; height: 20px; width: 140px; }
.bmg-icon-tip-berlin { background-position: -195px -328px; height: 30px; width: 110px;}
.bmg-icon-petit-fute { background-position: -347px -326px; height: 33px; width: 97px;}

.bmg-icon-paypal { background: url(../img/bookmark-icons.gif) 0 -2px; height: 26px; width: 85px; }
.bmg-icon-facebook { background: url(../img/bookmark-icons.gif) -106px -2px; height: 26px; width: 20px; }
.bmg-icon-twitter { background: url(../img/bookmark-icons.gif) -135px -2px; height: 26px; width: 17px; }
.bmg-icon-myspace { background: url(../img/bookmark-icons.gif) -161px -2px; height: 26px; width: 21px; }
.bmg-icon-studivz { background: url(../img/bookmark-icons.gif) -190px -2px; height: 26px; width: 20px; }
.bmg-icon-print { background: url(../img/bookmark-icons.gif) -216px -2px; height: 26px; width: 20px; }
.bmg-icon-youtube { background: url(../img/bookmark-icons.gif) -242px -2px; height: 26px; width: 48px; }

.bmg-icon-flag-de { background: url(../img/flags-language-tool.gif) 0px 0px; height: 12px; width: 18px; }
.bmg-icon-flag-fr { background: url(../img/flags-language-tool.gif) -31px 0px; height: 12px; width: 18px; }
.bmg-icon-flag-es { background: url(../img/flags-language-tool.gif) -61px 0px; height: 12px; width: 18px; }

.bmg-text {
	width: 210px; 
	height: 35px;
	background: url(../img/texts-right-column.png) no-repeat;
	overflow: hidden;
	display: block;
	text-indent: -2000px; 
}
.bmg-text-family { background-position: -5px -4px; }
.bmg-text-group { background-position: -5px -50px; }
.bmg-text-specials { background-position: -5px -94px; }
.bmg-text-business { background-position: -5px -140px; }
.bmg-text-monthly { background-position: -5px -186px; }
.bmg-text-longer { background-position: -5px -232px; }
.bmg-text-mitte { background-position: -5px -280px; }
.bmg-text-prenzlauer-berg { background-position: -5px -330px; height: 57px; }
.bmg-text-kreuzberg { background-position: -5px -401px; }
.bmg-text-schoeneberg { background-position: -5px -1213px; }
.bmg-text-friedrichshain { background-position: -5px -446px; }
.bmg-text-charlottenburg { background-position: -5px -492px; }
.bmg-text-tiergarten { background-position: -5px -538px; }
.bmg-text-shopping-in-berlin { background-position: -5px -600px; height: 57px; }
.bmg-text-sightseeing { background-position: -5px -672px; }
.bmg-text-bars { background-position: -5px -718px; }
.bmg-text-art-galleries { background-position: -5px -764px; }
.bmg-text-museums { background-position: -5px -810px; }
.bmg-text-restaurants-and-cafes { background-position: -5px -858px; height:57px; }
.bmg-text-clubs { background-position: -5px -930px; }
.bmg-text-yoga-and-wellness { background-position: -5px -978px; height: 57px; }
.bmg-text-getting-around { background-position: -5px -1050px; }
.bmg-text-events { background-position: -5px -1095px; }
.bmg-text-christmas-markets { background-position: -5px -1143px; height:57px; }
.bmg-text-gay { background-position: -5px -1256px; }
.bmg-text-centrum-red-district { background-position: -7px -1302px; height:57px; }
.bmg-text-oost-havens { background-position: -5px -1377px; height: 57px; }
.bmg-text-jordaan-westerpark { background-position: -5px -1452px; height: 57px; }
.bmg-text-de-pijp { background-position: -5px -1523px; }
.bmg-text-ouid-zuid { background-position: -5px -1570px; }
.bmg-text-canal-belt { background-position: -5px -1615px; }
.bmg-text-moving-to-berlin { background-position: -5px -1660px; }

.bmg-text-guide { background-image: url(../img/text-guide.png); height:21px; width: 61px; }
.bmg-text-which-area { background-image: url(../img/text-which-area.png); height:21px; width: 121px; }
.bmg-text-blog { background-image: url(../img/text-blog.png); height:21px; width: 53px; }
.bmg-text-berlin { background-image: url(../img/text-homepage-berlin.png); background-position:center top; height:28px; width: 71px; }
.bmg-text-amsterdam { background-image: url(../img/text-homepage-amsterdam.png); background-position:center top; height:28px; width: 150px; }
.bmg-text-edinburgh { background-image: url(../img/text-homepage-edinburgh.png); background-position:center top; height:36px; width: 142px; }


.bmg-text-west-end-edin { background-image: url(../img/text-right-column-edinburgh.png); background-position: -5px -7px; }
.bmg-text-old-town-edin { background-image: url(../img/text-right-column-edinburgh.png); background-position: -5px -50px; }
.bmg-text-new-town-edin { background-image: url(../img/text-right-column-edinburgh.png); background-position: -5px -93px; }
.bmg-text-leith-edin { background-image: url(../img/text-right-column-edinburgh.png); background-position: -5px -137px; }
.bmg-text-stockbridge-edin { background-image: url(../img/text-right-column-edinburgh.png); background-position: -5px -181px; }
.bmg-text-shopping-in-edinburgh { background-image: url(../img/text-right-column-edinburgh.png); background-position: -5px -400px;  height: 64px;  }