﻿/********************************/
/*                              */
/*   hotels.stc.ch              */
/*   Styles                     */
/*   (c) Marc Bertschinger      */
/*   V 2.05 - 05.05.2009        */
/*                              */
/********************************/


/*........................................................................................

RELEASE NOTES
-------------
- Korrektur Google Maps Kartenwahl
..........................................................................................*/




/*----------------------------*/
/*       global settings      */
/*----------------------------*/


body, html {
	width:100%;
	height:100%;
}
body {
	margin:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.7em;
	color:#000000;
}
body,
#teaser_details h2 {
background-color:#ffffff;	/*set white background*/
}

/*-------- page sizes --------*/

#search, 
#account_login, 
#no_results, 
#account_login, 
#account_myaccount, 
#myaccount_data, 
#teaser_details, 
.statuspage, 
.status_top,
#reservation {
	width:44.64em; /*small pages*/
}
.footer_4col, 
#result, 
#booking {
	width:53.57em;	/*wide pages*/
}
#Informationen, 
body.popup div#mainwrapper, 
body.popup div#footerwrapper, 
#tab_navi_details {
	width:41.26em;	/*pop up windows*/
	width:41.07em; /*small pages 460px*/
}

/*-------- hyperlinks layout --------*/

a,
a:visited, 
a:active, 
a #Label5, 
a #Label6,
a:visited #Label5,
a:visited #Label6,
a:active #Label5,
a:active #Label6,
fieldset#is_customer label a span,
#result div.hotels_element_body a.details span.h2 span,
#result div.hotels_element_body a.details span,
#forgot_password_form .fieldset a,
#footer a span {
	text-decoration:underline;
	color:#000000;	
}
a:hover, 
a:hover span,
#footerwrapper a:hover span#Label5, 
#footerwrapper a:hover span#Label6, 
fieldset#is_customer label a:hover span,
#result div.hotels_element_body a:hover span.h2 span,
#result div.hotels_element_body a:hover span,
#forgot_password_form .fieldset a:hover,
#footer a:hover span {
	color:#999999;
}

/*-------- headlines font --------*/

h1, h2, h1 span, h2 span {
	font-size:1.3em;
	font-weight:100;
}


/*-------- subtitles font --------*/

#reservation .table_header span,
#account_login .box_body h3 span,
#forgot_password_form h3 span,
#booking .booking_element h3 span,
#booking .wishes_subline h2 span,
fieldset#registered .registered span,
#Hoteldetails h2 span,
#Bewertungen h2 span,
#result .hotels_element_selected  {	/*+++NEU+++*/
	font-size:1.2em;
}


/*-------- headlines + subtitles borders --------*/

h1, h2, h1 span, h2 span {
	margin:0;
}
h2 {
	margin:1em 0 0 0;	
}
#search h1, 
#Informationen h1 {
	margin:0 0 1em 0;
}
#confirmation .hotels_element_body h1 {
	margin-top:1em;
	margin-bottom:1em;
}
h2.einzug, 
#result .hotels_element_body h2, 
#account_login h2, 
#reservation h2 {
	margin-bottom:1em;
}
#booking .booking_element h2 {
	margin-bottom:.6em;
}
#account_login h2 {
	margin-top:0;
}


/*-------- section dividers --------*/

#result .white_line {
	display:none;
}
#search_box_topdestinations_box, 
/*#search */.search_box #travel_data_hotel, 
#wrapper_body .white_line, 
#Hoteldetails .hr,
#Bilder .hr,
#Anreise .hr,
#Bewertungen .hr  {
	border-bottom:0.09em #000000 solid;
	margin:0.9em 0 0.9em 0;
}
#search_box_topdestinations_box, 
#search_box_hotel_box, 
.search_box #travel_data_hotel, 
.hotels_element,
#no_results .roundcorners_content,
#footerwrapper, .resultate_box_options, .footer_buttons {
	border-top:0.09em #000000 solid;
	padding:0.9em 0 0.9em 0;
}
#search_box_tools {
	margin-bottom:0!important;
}
#summary_box_head .hotels_element {
	border:0; 	/*de-activates border-bottom beneath summary headline*/
}


/*-------- input fields --------*/

input, textarea {
	margin:0 0.27em 0 0;
	padding:0.09em 0 0.09em 0.45em;
}
input, select, textarea {
	font-size:1em;
}

/*
#ortregion_data select, 
#hotel_direkt_data select, 
#travel_data_hotel select, 
#ortregion_data input, 
#hotel_direkt_data input, 
#travel_data_hotel input, 
#no_results input, #no_results select, 
#summary_box_head .hotels_element input, 
#summary_box_head .hotels_element select, 
#booking textarea, 
#booking #time input, 
#booking #names input, 
#is_customer input, 
#forgot_password_form input, 
#additional_email_reminder input, 
#new_customer2 input, 
#noexist_customer input, 
#credit_card_data2 input, 
#noexist_customer select, 
#credit_card_data2 select, 
#account_login .box_body input, 
fieldset#customer_change input, 
fieldset#customer_change select, 
.timetableInputFrom, 
.timetableInputTime { 
	border:1px #999999 solid;
	background-color:#eeeeee;
}*/

/*-------- red buttons --------*/

div.button {
	background:url(../images/btn_search_right.gif) no-repeat right top;
	float:right;
	height:17px;
	padding:0 3px 0 0;
	width:auto;
	margin-right:0px;
}
.button a {
	background:url(../images/btn_search_left.gif) no-repeat left top;
	display:block;
	float:left;
	width:auto;
	height:17px;
	padding:0 2px 0 15px;
}
.button a, .button a span {
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:11px;
	font-weight:bold;
	color:#ffffff!important;
	text-decoration:none!important;
}
.button a:hover, .button a:active, .button a:visited {
	text-decoration:none!important;
	color:#ffffff!important;
}

/*-------- other links/buttons --------*/

.button_back_button {
	float:left;	/*move back links to left hand side*/
	margin-right:.45em;
}
.button_print {
	margin-right:0.45em;
}
#Label6 {
	float:right;
}
#Label5 {
	float:right;
	margin-left:1.8em;
}

/*-------- error messages --------*/

.search_box_error, #no_results .box_head  {
	background-color:#FBE5E7;
	padding:0.7em;
	/*margin:0.7em 0 0.7em 0;*/
	margin:0;
	border-top:1px solid #fff;
}
.search_box_error h1 span, #no_results .box_head  {
	font-size:.9em;
	font-weight:bold;
	color:#ff0000;
}

/* sb error box: visibility off */ /*+++NEU+++*/ 
div.search_box_error {
   display:none;
}

/*-------- mandatory field --------*/

.mandatory_field {
	color:red;	/*icon color red*/
}

/*-------- breadcrump navigation --------*/

div#booking_navigation {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px!important;
	height:20px;
	background-color:#FF0000;
	border-bottom:0.09em solid #FFFFFF;
	font-weight:bold;
	color:#FFFFFF;
	padding-left:12px;
}
div#booking_navigation div {
	float:left;
	display:block;
	height:18px;
}
div#booking_navigation .tab_active {
	color:#000000;
	background-color:#FAE5E5;
	padding-top:2px;
}
div#booking_navigation .tab_active a {
	text-decoration:none;
}
div#booking_navigation .tab_inactive {
	color:#FFFFFF;
	padding-top:2px;
}
div#booking_navigation .tab_link {
	padding-top:0.17em;
}
div#booking_navigation .tab_link a span {
	font-family:Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	text-decoration:underline;
}
div#booking_navigation .tab_link a:hover span {
	color:#000000;
	text-decoration:underline;
}
div#booking_navigation img {
	width:20px;
	height:20px;
}
div#booking_navigation .arrow_inactive_active {
	background:url('../images/ic_arrow_red_pink.gif') no-repeat right bottom;
	width:20px;
	height:20px;
}
div#booking_navigation .arrow_active_inactive {
	background:url('../images/ic_arrow_pink_red.gif') no-repeat right bottom;
	width:20px;
	height:20px;
}
div#booking_navigation .arrow_inactive {
	background:url('../images/ic_arrow_red.gif') no-repeat right bottom;
	width:20px;
	height:20px;
}

/*-------- footer --------*/

.footer_3col {
	width:44.85em;
	margin-top:1.79em;
}
.footer_4col {
	width:53.82em;
	margin-top:1.79em;
}
#footer {
	text-align:center;
	font-size:1em;
}

/*-------- round corners --------*/

.w630 {
	display:none;
}


/*-------------------------*/
/*       search page       */
/*-------------------------*/


/*-------- global settings--------*/

#search {
	padding-bottom:2em;
}
#search #headline {
	padding-bottom:1em;
}
#search #headline, #search_top  {
	background-color:#fff;
}
.search_box {
	margin:0.9em 0 0.9em 0;
	width:100%;
}
.search_top_icons {
	float:right;	/*move language icons to right border*/
}
.search_top_icons img {
	width:1.602em;
	height:1.157em;
}
.search_box_top {	/*subline*/
	margin:0.7em 0 0.7em 0;
}
.wlv_searchoptions label {
	padding-right:1.8em;	/*space between advanced search options*/	
}
#search_box_hotel_box {
	display:none; 	/*advanced search options invisible on first call*/
}
#account_tools {	/*login/cancel links*/	
	font-size:0.9em;
	text-align:right;
	margin-bottom:0.9em;
}
#search .search_button .nofloat {
	display:none;	/*disable unused spacer*/
}


/*-------- advanced search option --------*/

#travel_choice_Hotel input {
	position:relative;
	margin:auto 0.63em auto;
	top:0.3em;
}


/*-------- topdestinations box --------*/

#search_box_topdestinations_box {
	padding:0.9em 0 0.9em 0;
	margin-top:0!important;
}
#search_box_topdestinations_box table {
	width:100%;
}
#search_box_topdestinations_box table td {
	width:33%;
	padding:0;
	margin:0;
}
.search_box_topdestinations_spalten input {
	position:relative;
	margin:0 0.63em;
  	padding:0;
	top:0.3em;
}


/*-------- travel data section --------*/

#ortregion_data label,
#ortregion_data input,
#ortregion_data select,
#hotel_direkt_data label,
#hotel_direkt_data input,
#hotel_direkt_data select,
#travel_data_hotel label/*,
#travel_data_hotel span */ {
	display: block;
}
#travel_data_hotel span > span { 
	display: inline;
}
#travel_data_hotel label > input, #travel_data_hotel label > select { 
	display: block;
}
#ortregion_data select,
#hotel_direkt_data select,
#travel_data_hotel select {
	width:22.42em;
}
#ortregion_data input,
#hotel_direkt_data input,
#travel_data_hotel input {
	width:21.71em;
}
#ortregion_data input,
#ortregion_data select,
#hotel_direkt_data input {
	margin-bottom:0.9em;
}
#travel_data_hotel {
	width:100%;
}
#travel_data_hotel * div, 
#travel_data_hotel div, 
.zimmer, 
.kinder {
	float:left;
	width:33%;
	padding:0!important;
	margin-bottom:0.44em;
}
.nofloat {
	clear:both;
	height:0;
	width:100%!important;
}
#travel_data_hotel input, 
#travel_data_hotel select{
	width:50%;	/*width of imput fields*/
}
.zimmer select {
	margin-top:0.27em;
}
#travel_data_hotel input.qantity {
	width:25%;	/*width of nbr of rooms input*/
	margin-top:0.27em;
}
#category_room {
	width:66%;	/*width of room category selection*/
}
#category_room br {
	display:none;
}
img.PopcalTrigger {	/*calendar icon*/
	position:relative;
	top:0.27em;
	padding:0;
	width:1.61em;
	height:1.43em;
}

/*-------- swiss map --------*/

div#search_box_ortregion{ 
    position:relative; 
}
div#search_box_ortregion #swissmapbutton{
	position:absolute;
	left:25em;
	top:1.5em;
	width:10.8em;
	height:4.8em;
}

/*-------- pax --------*/

.kinder span {
	display:inline!important;
}
.kinder input {
	display:block;
}
.kinder {
	margin-top:0.45em;
}

/*-------- search button --------*/

/* --> Diese zwei Klassen entfernen, sobald die width:130px vom HTML des Suchformulars entfernt wurde <-- */
#search .search_button {
	margin-top:4.48em;
}
* html #search .search_button { /* IE hack */
	margin-top:1.34em;
}
/* ------------------------------------------------------------------------------------------------------ */


/*---------------------------*/
/*       polling page        */
/*---------------------------*/


.statuspage {
	margin-top:1.8em;
}
.statuspage #logo img {
	width:40em;
}
.statuspage #footerwrapper_status {
	display:none;
}
.statuspage h1 span {
	font-size:.9em!important;
	color:#000000;
	font-weight:bold;
}


/*--------------------------*/
/*       result page        */
/*--------------------------*/


/*-------- search summary --------*/

#summary_box_head {
	padding-bottom:1em;
}
#summary_box_head .hotels_element_body, 
#summary_box_head .hotel_options_text {
	margin:0; 	/*align labels left*/
}
#summary_box_head .hotels_element_image {
	display:none;	/*hide image section for search summary*/
}
#result h2.einzug {
	background-color:#fff;
	margin:0;
	margin-bottom:1em;
	padding:1em 0;
}
table.search_option_summary {
	width:100%;
}
table.search_option_summary th {
	vertical-align:top;
	width:30%;
	padding:0;
}
table.search_option_summary td {
	vertical-align:top;
	position:relative;
}
#result #summary_box_head .hotels_element {
	padding-top:0;	/*space between summary headline and formfield*/
}
#summary_box_head .hotels_element input, 
#summary_box_head .hotels_element select {
	margin-bottom:0.27em;
}
#ctl00_ContentPlaceHolder1_tbCheckIn, 
#ctl00_ContentPlaceHolder1_tbCheckOut { 
	width:8em;
}
div.hotels_element_body input.inputsmall{
	width:2.78em;
}
#result img.PopcalTrigger { /*calendar icon position*/
	position:relative;
	top:0.09em;
	width:1.61em;
	height:1.43em;
}
#result .search_button { /*search button in search summary*/
	padding-bottom:1.79em;
	margin-top:0.45em;
}

/*-------- hotel options header --------*/

#resultate_box_options {
	margin:1.79em 0 0.9em 0;
}
.hotel_options_icon {
	display:none;
}
.hotel_options input {
	position:relative;
	top:0.09em;
	margin-right:20px;
}

/*-------- hotel result sort options --------*/

div.hotel_options label {
	padding-right:1.79em;
}
.hotel_options input {
	margin-left:0;
	position:relative;
	margin:auto .3em auto 0;
	top:.3em;
	margin-right: 20px; /* +++NEU+++*/
}

/*-------- result google karte --------*/

#result div.hotel_element_googlemap > div, /*+++NEU+++*/
#result div#subgurim_GMapOverview {
	width:597px!important;
}

/*-------- result google hotellist --------*/

#result div.hotels_element_resultlist { 
    height:90px;
    overflow:auto;
    float:left;
    width:597px;
	margin-bottom:20px;
}

.google_click { 
    float:right;
	position:relative;
    margin:0px -3px 2px 2px
}

.hotels_element_allhotel {
     margin-left:20px;
}

/*-------- hotel selection --------*/

#result .hotels_element_selected {	/*+++NEU+++*/
	font-weight:bold;
}

/*-------- hotel details --------*/

#result div.nofloat {
	visibility:hidden;
}
.hotels_element .button {	/*button in hotel details*/
	/*margin-bottom:0.9em;*/
}
.wrapper_background .hotels_element_image {
	float:left;	/*set left col for hotel images*/
}
.wrapper_background .hotels_element_image img {
	border: 0px solid #ffffff;	/*remove black hotel image border*/
	position:relative;
	top:.2em;
/*	width:5.56em!important;
	height:5.56em!important;*/
	width:7.5em!important;	/*set hotel image size*/   
	height:7.5em!important;   
}
#result .wrapper_background .hotels_element_image br  + a { /*Hotelbewertung Formatierung*/
	text-decoration:none;
}
#result .wrapper_background .hotels_element_image br  + a > span { /*Hotelbewertung Formatierung*/
	text-decoration:underline;
}
#result .wrapper_background .hotels_element_image br  + a  > br + span { /*Hotelbewertung Formatierung*/
	font-weight:bold;
	font-size:1.3em;
	text-decoration:none;
}
.wrapper_background .hotels_element_body {
	float:right;	/*set right col for hotel description*/
	/*width:46.28em;*/
	width:44.5em;  
}
#result div.hotels_element_body span.h2 span {	/*hotel name format*/
	font-size:1.2em;
	font-weight:bold;	
}

/*--------ab-Preis Box --------*/

.wrapper_background .hotels_element_fromprice { 
	float: right;
	margin: 0 0 .9em .9em;
	padding: .45em;
	font-weight: normal;
	border:.1em solid #999;
	background-color:white;
	color:#000;
	font-size:1.1em;
}
.wrapper_background .hotels_element_fromprice { 
	text-align: center;
}
.wrapper_background .hotels_element_fromprice .fromprice { 
	font-weight:bold;
	font-size:1.1em;
}

/*-------- hotel price table --------*/

.table_hotel {
	margin:0.9em 0 0.9em 0;
	width:99%
}
.table_hotel th.pricetable_roomtype {
	width:17.8em;
}
.table_hotel th.pricetable_board {
	width:11.57em;
}
.table_hotel th.pricetable_price {
	width:10.68em;
}
.table_hotel tr th {
	font-weight:bold;
	white-space:nowrap; 
	padding-bottom:0.27em;
}
.table_hotel tr th {
	font-weight:bold;	
	font-size:11px;
}
.table_hotel td {
	padding-left:0;
	vertical-align:bottom;
	padding-bottom:0.27em;
	height:2em;	
}
.table_hotel tbody tr td{
	background-color:#eeeeee;
	border-top:0.1em solid #999999;
	border-bottom:0.1em solid #999999;
}
input.info {
	position:relative;
	top:0.27em;
	left:0.628em;
	height:1.16em!important;
	width:1.16em!important;
}
.table_hotel a.infoSpecial { /*Special Link*/
	padding-left:5px;
}
#result .hotels_element_body div.hotelmerken + div.button {  /*Auswählen-Button Position auf gleiche Höhe wie Hotel merken Checkbox*/
	position:relative;
	top:-1.3em;
}

/*-------- further hotels search polling clearfix --------*/

#result .hotels_element {
	padding-bottom:0;	/*set bottom padding to 0*/
}
#result .hotels_element:after {	/*clearfix for hotel polling*/
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	padding-bottom:0.9em;	/*reset bottom padding invisible for Internet Explorer*/
}
#result .hotels_element { display:inline-block;}
/* Hide from IE Mac \*/
html #result .hotels_element { display:block;}
/* End hide from IE Mac */

/*-------- hotel results paging --------*/

div.pagenos, div.angebote {	
	position:relative;
	top:-0.27em;
}
div.hotels_element_body div.pagenos a {	
	padding: 0 0.45em 0 0.45em;
}
.hotels_element .nofloat {
	display:none;
}

/*-------- hide items --------*/ /*NEU*/
#search_button_result2{
	display:none;
}


/*------------------------------*/
/*       no results page        */
/*------------------------------*/


/*-------- global settings --------*/

#no_results .box_head {
	font-size:1.2em;
	font-weight:bold;
	margin:.9em 0;	
}	
#no_results * label, 
#no_results * input, 
#no_results * select {
	display:block;
}

/*-------- input fields no results page --------*/

#no_results input, 
#no_results select {
	margin-bottom:.27em;
}
#no_results input {
	padding:.09em 0 .09em .45em;
}

/*-------- sections --------*/

#no_results .roundcorners_content {
	margin:0;
	padding-top:.9em;
}
#no_results .roundcorners_content:after {	/*clearfix for floating divs*/
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
	content: " ";
	clear: both;
}
* html #no_results .roundcorners_content { display: inline-block; }
/* hide from ie mac \*/
* html #no_results .roundcorners_content { height: 1%; }
/* end hide from ie mac */


#no_results .box_body_new, #no_results .box_body_noresult  {	/*padding-hack for ie*/
	padding-bottom:2em;
}


/*-----------------------------------*/
/*       complete booking page       */
/*-----------------------------------*/


/*-------- global settings --------*/

#booking .nofloat {
	height:0.9em;
}
#booking .booking_footer {
	height:1.79em;
}
#booking #result #summary_box_head  {
	background-color:#fff;
}

/*-------- booking summary --------*/

#booking #summary_box_head {
	padding-bottom:2.24em;	/*space after booking summary*/
	border-bottom:0;
}
/* Hides from IE-mac \*/
* html #booking #summary_box_head {
	padding-bottom:2.69em;
}
/* End hide from IE-mac */
#booking th.booking_summary {
	width:auto;	/*horizontal space between hotel: and hotelname*/
}
.price_final {	/*total price font*/
	font-weight:bold;
	font-size:1.2em;
}
#booking a.link {
	float:right;	/*moves change hotel link to right border*/
}

/*-------- global settings --------*/

#bookingdata {
	margin-top:1em;
}
#booking .booking_element p {
	margin-bottom:1em;	/*space after p*/
}
#booking .booking_element .fieldset {
	margin-bottom:1em;	/*space after handy reminder text*/
}

/*-------- gloabl input fields settings --------*/

fieldset#new_customer label span.new_customer_form, 
fieldset#is_customer label span, 
fieldset#additional_email_reminder label span.new_customer_form, 
fieldset#new_customer2 label span.new_customer_form, 
fieldset#credit_card_data2 label span.new_customer_form {
	width:15em;
	float:left;
}
fieldset#time input, 
fieldset#names input, 
fieldset#is_customer label, 
fieldset#new_customer label, 
fieldset#additional_email_reminder label, 
fieldset#credit_card_data2 label {
	display:block;
}
fieldset#names input {
	width:30em; /*set width of input fields*/
}
fieldset#time input, 
fieldset#is_customer input, 
fieldset#new_customer input, 
#forgot_password_form input, 
fieldset#additional_email_reminder input, 
fieldset#new_customer2 input, 
fieldset#new_customer2 input, 
fieldset#credit_card_data2 input {
	width:20em; /*set width of short input fields*/
}
fieldset#credit_card_data2 input.inputsmall{
	width:2.78em;
}
#wishes textarea {
	width:98%; /*set width of wish textarea*/
}
#time input, 
fieldset#is_customer input, 
fieldset#new_customer input, 
fieldset#new_customer select,  
fieldset#additional_email_reminder input, 
fieldset#credit_card_data2 input, 
fieldset#credit_card_data2 select {
	margin-bottom:0.4em; /*set space between input fields*/
}

/*-------- wishes to the hotel --------*/

#booking .wishes_subline h2 span {
	font-size:.9em!important;
	font-weight:bold;
}
#booking .wishes_subline h2 {
	margin-bottom:0.3em;
}
.wisheslist {
	margin-bottom:1em;
}
.wisheslist table tr td label {
	margin-right:2em;
}

/*-------- registered user selection --------*/

fieldset#registered {
	margin:2.2em 0 2.2em 0;	
}
fieldset#registered .registered span {
	float:left;
	font-size:1.2em;
	font-weight:bold;
}
fieldset#radiobuttonregistred {
	padding-left:2em;
}
fieldset#radiobuttonregistred label {
	margin-right:3em;
}
fieldset#radiobuttonregistred input {
	position:relative;
	margin:auto 0.63em auto;
	top:0.2em;
}


/*-------- login --------*/

#booking .booking_element h3 {
	font-weight:bold;
	margin-bottom:0.45em;
}
#booking .booking_element h3 span {
	font-size:1.2em;
}
fieldset#is_customer label a span {
	padding-left:15em;
}
fieldset#is_customer label a span br {
	display:none;
}

/*-------- forgot password form --------*/

#forgot_password_form {
	display:none; /*hide on first call*/	
}
#forgot_password_form input {
	margin-top:0.45em;
	float:left;
}
#booking #forgot_password_form .fieldset input {
	position:relative;
	left:15em;
}
#forgot_password_form h3 span, 
#forgot_password_form p span {
	color:#FF0000!important;
}
#forgot_password_form input {
	background-color:#FBE5E7!important;
	border:1px #FF0000 solid!important;
}
#forgot_password_form .fieldset a {
	float:left;
	margin:0.6em 0 0 0.2em;	
}
#booking #forgot_password_form .fieldset a {
	display:block;
	position:relative;
	top:0.2em;
	left:15em;	
}

/*-------- credit card form --------*/

#credit_card_data2 br {
	display:none;
}

#ssl_logo {
	float:right;
}
#ssl_logo img {
	width:60px;
	height:60px;
}

/*-------- terms and conditions --------*/

#terms_2 .booking_footer {
	display:none;	/*remove space between last section and book button*/
}

/*-------- footer --------*/

.footer_buttons {
	margin-top:1.79em;
}
.footer_buttons .nofloat {
	display:none;
}


/*--------------------------------*/
/*       confirmation page        */
/*--------------------------------*/


/*-------- global settings --------*/

#confirmation .hotels_element {
	padding-top:2.24em;
}
#confirmation #summary_box_head {
	border-bottom:0;
	background-color:#fff;
}

/*-------- summary table --------*/

#confirmation table.search_option_summary {
	width:100%;
}
#confirmation table.search_option_summary th {
	vertical-align:top;
	width:30%;
}
#confirmation table.search_option_summary td {
	vertical-align:top;
	padding-bottom:0.45em;
}
#confirmation ul li {
	margin-left:1.34em;
	list-style-type:square;	
}
.thanks {
	font-size:1.2em;
	font-weight:900;
	margin-top:0.9em;
}


/*---------------------------------*/
/*       account login page        */
/*---------------------------------*/


/*-------- input fields --------*/

#account_login {
	padding-bottom:1em;
}
#account_login .box_head {
	background-color:#fff;
	padding-bottom:1em;
}
#account_login .box_body {
	margin-bottom:2.7em;
	padding-top:1em;
}
#account_login .box_body label span {
	width:15em;
}
#account_login .box_body input {
	display:block;
	margin-bottom:0.3em;	/*set space between input fields*/
	width:20em;
}

/*-------- sections --------*/

#account_login .round_box {
	margin-bottom:1em;
}
#account_login .box_body h3 span {
	font-weight:bold;
	font-size:1.2em;
	margin-top:2em;
	margin-bottom:0.5em;
}


/*------------------------------*/
/*       my account page        */
/*------------------------------*/


#account_myaccount {
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	font-weight:normal;
	line-height:1.4;
}
#account_myaccount .roundcorners_content {
	padding-bottom:1em;
}


/*-------- sections --------*/

#account_myaccount .button {
	margin-bottom:2.69em;
}
#account_myaccount .round_box h2 {
	clear:both;
	margin-bottom:.6em;
}


/*-------- input fields --------*/

fieldset#customer_change label {
	clear:left;
	float:left;
	display:block;	/*set order of input fields*/
	width:15em;	/*width of labels*/
	line-height:2em;
}
fieldset#customer_change label.onlinelabel {
	width:auto;
	float:left;
	clear:none;
}
fieldset#customer_change input, 
fieldset#customer_change select {
	margin-top:0.4em;
}
fieldset#customer_change input {
	width:18em;	/*set width of input fields*/
}
fieldset#customer_change select {
	margin-right:5em;
}
#account_myaccount a.button_back_button {
	position:relative;	/*align back link*/
	top:0;
}
#account_myaccount .button {
	margin:0;	/*space after red button = 0*/
	position:relative;
	top:0;
}
#account_myaccount .roundcorners_content:after {	/*clearfix for floating divs*/
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
	content: " ";
	clear: both;
}
* html #account_myaccount .roundcorners_content { display: inline-block; }
/* hide from ie mac \*/
* html #account_myaccount .roundcorners_content { height: 1%; }
.roundcorners_content { display: block; }
/* end hide from ie mac */
#account_myaccount .roundcorners_content {
	margin-bottom:1em;
}
.box_body_margin {
	float:left;
	width:30px;
	margin-right:10px;	
}
.box_body_content div {
	float:left;	
	margin-right:10px;
}
.box_body_content .booking_number {
	width:110px;
}
.box_body_content .booking_number a {
	font-family:Arial,Helvetica,sans-serif!important;
	font-weight:normal!important;
}
.box_body_content .booking_date {
	width:130px;
}
.box_body_content .booking_place {
	width:190px;
	margin-right:0;
}
.box_body_content .booking_number img {
	width:8px!important;	
	height:8px!important;
}
#account_myaccount .footer_buttons {
	padding-top:10px;
}
#account_myaccount #myaccount_data input, 
#account_myaccount #myaccount_data select, 
#account_myaccount #myaccount_data a, 
#account_myaccount #myaccount_data span, 
#account_myaccount .box_body_content a, 
#account_myaccount .box_body_content span, 
#account_myaccount a.button_back_button span {
	font-size:11px!important;	/*hardcode font size of booking details*/
}


/*--------------------------------------*/
/*       my booking details page        */
/*--------------------------------------*/


#reservation {
	margin:0;
}
#reservation h3 {
	font-weight:bold;
	margin-top:1.8em;
}
#reservation .table_header {
	margin-bottom:.9em;
}
#reservation .table_header span {
	font-weight:bold;
	font-size:1.1em;
}
#reservation .table_header span.mandatory_field {
	font-size:1em;
	color:#FF0000!important;	
}
#reservation .search_option_summary {
	margin-bottom:.9em;
}


/*-------------------------------*/
/*       room info pop up        */
/*-------------------------------*/


#Informationen {
	/*margin:0.9em 0.9em 0 0.9em;*/
	margin:0;	
}
#footerwrapper {
	margin:1.79em 0.9em 0.9em 0.9em;
}


/*-----------------------------------*/
/*       hotel details pop up        */
/*-----------------------------------*/


/*-------- global settings --------*/

body.popup div#footerwrapper {
	clear:both;
	margin:0 15px;	/*+++NEU+++*/
	padding:8px 0 0 0;	/*+++NEU+++*/
	width:450px;	/*+++NEU+++*/
}
body.popup div#mainwrapper {
	width:475px; 	/*+++NEU+++*/
}
body.popup div.content {
	width:auto;
	padding:10px 0 13px 13px;	/*+++NEU+++*/
}
body.popup div.content h1 span {
	font-size:1em!important;
	margin:0 0 10px 0;	/*+++NEU+++*/
}
body.popup div.content h1 {
	font-size:1.6em!important;
	margin:0 0 10px 0;	/*+++NEU+++*/
}
body.popup div.content h2 {
	font-size:1.1em; /*+++NEU+++*/
	font-weight:bold;
	background-color:#fff!important;
	color:#000!important;
	margin:0 0 3px 0; /*+++NEU+++*/
}
body.popup div.content img {
	float:left;
	margin:0 8px 8px 0; /*+++NEU+++*/
}
body.popup div.content p {
	margin:0 0 6px 0; /*+++NEU+++*/
}
body.popup img.imgmap_static {
	padding-bottom:10px; /*+++NEU+++*/
}

/*-------- tab navigation --------*/

#tab_navi_details { 
	position:relative;
	clear:both;
	overflow:hidden;
	background-color:#eee;
	width:460px; /*+++NEU+++*/
	margin-top:5px; /*+++NEU+++*/
	margin-left:14px; /*+++NEU+++*/
	margin-bottom:6px; /*+++NEU+++*/
}
#tab_navi_details ul {
	margin:0;
	padding:0;
	list-style:none;	
}
#tab_navi_details li {
	float:left;
	padding:0;
	margin:0;
	background-color:#eee;
	border-right:.09em solid #fff;
}
#tab_navi_details li a {
 	color:#000;
	text-decoration:none;
	font-weight:bold;
}
#tab_navi_details li a:hover span{
 	color:#fff;
}
#tab_navi_details li.menu_tab {
	padding:4px 8px; /*+++NEU+++*/
	/*font-size:.9em;*/
	font-size:1em; 
}
/* active / hover */
#tab_navi_details li#active, 
#tab_navi_details li.menu_tab:hover { 
	padding:4px 8px; /*+++NEU+++*/
	text-decoration:none;
	background-color:#999;
	color:white!important;
}
#tab_navi_details li#active a, 
#tab_navi_details li.menu_tab a:hover { 
	text-decoration:none;
	color:white!important;
}
#tab_navi_details li.divider {
 	display:none;
}
div.detail_tab {
	display:none; /*hide images/timetable on first call*/
}

/*-------- hotel description --------*/

#Hoteldetails h2 span#lbtext2 {
	clear:both;
}
#Hoteldetails h2 span {
	font-size:1em;
	font-weight:bold;
}
#Hoteldetails img#imgHotel {
	width:62px!important; /*+++NEU+++*/
	height:62px!important; /*+++NEU+++*/
}
#Hoteldetails .hr {
	clear:both;
}

/*-------- hotel images --------*/

#Bilder .detail_img_big {
	/*height:16em;*/
	height:auto; 
}
#Bilder img {
/*	height:6.675em!important;
	width:6.675em;*/
	border:0;
	height:35px; 
	width:auto; 
}
#Bilder .detail_img_big img {
	/*height:14em!important;*/
	clear:left;
	height:auto; 
	width:auto;
	border:0;
}
div.detail_tab img.imgmap_static {
	width:38.27em;
	height:26.7em;
	border:0;
	position: relative;
	top:.9em;
}
#Bilder .detail_img_button { 
	padding-bottom:2em;
}
#Bilder .detail_img_button input { 
	float:left;
	background-color:#eee;
	border:1px solid #999;
	color:#000;
	font-weight:bold;
}
#Bilder .detail_img_button  input:hover { 
	background-color:#999;
	color:#fff;
	cursor:pointer;
}
div.detail_tab div.detail_img_small a {
	border:.09em solid #000;
}
body.popup .detail_tab .nofloat img {
	display:none;	/*remove space img left hand side*/
}

/*-------- sbb timetable --------*/

#timetableSBB { 
	margin:0;
	padding:0;
}
#timetableSBB img { 
	float:right;
}
.timetableTitle {
    width:450px; /*+++NEU+++*/
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    background-color:#003399; /*+++NEU+++*/
    padding:3px; /*+++NEU+++*/
}
.timetableLogo img {
	width:137px; /*+++NEU+++*/
	height:15px; /*+++NEU+++*/
}
.timetableRow {
	padding:3px 5px; /*+++NEU+++*/
} 
.timetableButton {
	padding:5px;  /*+++NEU+++*/
	margin-bottom:30px; /*+++NEU+++*/
}
.timetableInputFrom {
    width:200px; /*+++NEU+++*/
	background-color:#eee;
	border:1px #999 solid; /*+++NEU+++*/
}
.timetableInputTime {
    width:50px; /*+++NEU+++*/
	background-color:#eee;
	border:1px #999 solid; /*+++NEU+++*/
}
.timetableLabel {
    margin-right:20px; /*+++NEU+++*/
}
body.popup #lbtext7, 
body.popup #lbtext8, 
body.popup #lbtext9, 
body.popup #lbtext10 {
	font-weight:bold;
}
.timetableInputFrom, 
.timetableTo, 
.timetableDate, 
.timetableInputTime {
	position:absolute;
	left:80px; /*+++NEU+++*/
}
#rltimetableoption {
	display:block;
	position:relative;
	left:70px; /*+++NEU+++*/
	top:10px; /*+++NEU+++*/
}
#rltimetableoption input {
	position:relative;
	top:2px; /*+++NEU+++*/
}
#rltimetableoption label {	/*position of arrival/departure selection*/
	line-height:20px; /*+++NEU+++*/
	vertical-align:middle;
	margin-right:20px; /*+++NEU+++*/
}

/*-------- customer ratings/Bewertungen --------*/    

#Bewertungen .detail_tab_hcbewertungen img {
	padding-bottom:120px;
}
#Bewertungen h2 span {
	font-size:1em;
	font-weight:bold;
}
#Bewertungen .detail_tab_hcbewertungen table, #Bewertungen .detail_tab_hcbewertungen p { 
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
}
#Bewertungen table#tblbewertungen {
	margin:10px 0 20px 0; 
	width:340px; 
}
#Bewertungen table#tblbewertungen td {
	width:auto;
}
#Bewertungen table#tblbewertungen td,
#Bewertungen table#tblbewertungen td + td + td + td {
	padding-right:5px; 
	font-weight:normal;
}
#Bewertungen table#tblbewertungen td + td,
#Bewertungen table#tblbewertungen td + td + td + td + td {
	padding-right:5px; 
	font-weight:bold;
}
#Bewertungen table#tblbewertungen td + td + td {
	padding-right:15px; 
}
#Bewertungen table#tblbewertungen td + td + td + td + td + td  {
	padding-right:0;
}
#Bewertungen .detail_tab_lbbewertungsdata, 
#Bewertungen.detail_tab_lbbewertungsdata {
	padding-right:20px; /*+++NEU+++*/
}
#Bewertungen .detail_tab_hcbewertungenfooter {
	margin-top:20px; /*+++NEU+++*/
}
#Bewertungen .detail_tab_hcbewertungenfooter span#Label13, #Bewertungen .class_tab_hcbewertungenfooter img.detail_tab_imgpowered {
	float:left;
	padding-right: 5px;
}

/*-------- footer links --------*/

#footerwrapper a:hover span#Label5, 
#footerwrapper a:hover span#Label6 {
	color:#999999;	/*reset hover effect*/
}


/*-----------------------------*/
/*       hotel mini ibe        */
/*-----------------------------*/


#teaser_details .box_body {
	background-color:#fff;
}


/*-------- hotel image --------*/

#teaser_details .hotels_element_image img {
	border:0px solid #ffffff;	/*remove black hotel image border*/
	position:relative;
	top:.2em;
	/*width:5.56em!important;
	height:5.56em!important;*/
	width:7em!important;	/*set hotel image size*/ 
	height:auto!important;
}

/*-------- hotel description --------*/

#teaser_details h2 {
	margin-top:0;	/*move title to left top*/
	float:left;
}
#teaser_details #search_box_tools {
	float:right;	/*move language icons to right border*/
	margin-top:0;
	padding-bottom:.9em;
}
#teaser_details #search_box_tools img {
	width:1.602em;	/*size of language icons*/
	height:1.157em;
}
#teaser_details #account_tools {
	clear:both;
	margin-bottom:1.78em;
}
#teaser_details .offer_main .h2 {
	font-size:1.2em;	/*font hotel title*/
	font-weight: bold;
}
#teaser_details .nofloat {
	display:none;
}
#teaser_details .box_body {
	margin:0;
	padding:0;
}
#teaser_details .hotels_element_image {
	float:left;
}
#teaser_details .box_body_content2 {
	width:37.5em;	/*= search form size - 80px*/
	float:right;
	margin-bottom:1em;
}
#teaser_details .offer_onlycontent {
	clear:both;
}

/*-------- Room selection --------*/

#result div.hotels_element_body table + div.button {  /*Auswählen-Button Position normale Position für Hotel Mini IBE*/
	top:0em;
}

/*-------- message no rooms --------*/

#teaser_details fieldset#NoDirectResult {
    clear:both;
	font-weight:bold; 
    color:#FF0000;
    padding:1em 0 1em 0;
    margin-right:0;
}

/*-------- travel date --------*/

#teaser_details .zimmerdirect {
	clear:both;
}
#teaser_details #travel_data_hotel select{
	width:auto;	/*reset width of nbr of rooms select*/
}
#teaser_details .roundcorners_content {
	margin-bottom:.9em;
}

/* --- alternate offers --- */

#travel_data_hotel div.float_data_hotel_offersdirect {
	width: 100%;
}
#travel_data_hotel div.float_data_hotel_offersdirect label span {
	margin-bottom:0.44em;
}
label.offersdirect span {
	color:red;
	font-weight:bold;
}
label.offersdirect select {
	border:2px solid red!important;
	background-color:#FFD5D5!important;
}

/* --- calendar availablitity --- */

.calfooter {
     margin-top: 5px;
     margin-bottom: 10px;
     margin-left:5px;
}