/* anonymer Text (Anzeige in Schwarz)*/

body{
	color:#000000;
}

html,body,#wrapper_content {
/*	width:100%;
	height:100%; */
	overflow:auto;
}

#bg {
	position:fixed;
	width:100%;
	height:100%;
	overflow-y:hidden;
}

#bg img {
	min-width:100%;
  	width:auto !important;
  	width:100%;
	min-height:100%;
  	height:auto !important;
  	height:100%;
	margin:0 auto;
	display:block;
}

div#wrapper_content img#img_header {
    margin-bottom: 2px;
    height:150px;
}

#wrapper_content #logo_plus_navigation{
	position:absolute;
	top:0;
	left:0;
	z-index:70;
	overflow:auto;
}
#wrapper_page{
	position:relative;
}
p#copyright{
	position:relative;
}

legend {
	color:#000000;
}

div#heading_plus_description p {
	color:#000000;
	}
div#wrapper_quick_search form#quick_search legend {
	color:#000000;
}
body#template_unterkuenfte_ferienhaeuser-wohnungen ul#offers span.price {
	color:#000000;
}
div#offer_col_right div#offer_price p span.price {
	color:#000000;
}

strong { font-weight:bold; }
em     { font-weight:bold !important;
		font-style:normal; }
		



 .tag {
 	color:#4D4D4D;
	font-size:22px;
	font-weight:bold;
	vertical-align:middle;
	}


/* Abweichung von der Layout.css um neues h1 wie altes h2 aussehen zu lassen*/

h1 {
	color:#0056A6;
	font-family:Georgia,Times,Serif;
	font-size:170%;
	font-weight:bold;
	margin-bottom:0.2em;
	margin-top:0.4em;
}
h1 span {
	font-family:Georgia,Times,Serif;
}
h1 span.hinweis {
	color:#F4C100;
}
h1 span.error {
	color:#FD0103;
}
div.error span.errorMessage {
	font-weight: bold;
	font-size: 125%;
	font-family:Georgia,Times,Serif;
	color:#FD0103;
}

div#heading_plus_description h1 {
	margin-bottom:0.2em;
	margin-top:0.4em;
}


 /* �nderungen um neues h2 wie altes h3 aussehen zu lassen*/
h2 {	
	color:#0056A6;
	font-family:Georgia,Times,Serif;
	font-size:123.1%;
	font-weight:bold;
	margin-bottom:0.2em;
	margin-top:0.4em;
}

div#logo_plus_navigation div#wrapper_quick_search h2 {
	margin-bottom:0.5em;
}

div#wrapper_contact h2 {
	margin-bottom:0.5em;
}

div.wrapper_contact div.old_h2 {
	margin-bottom:0.5em;
}

div.wrapper_contact p {
    font-size: 85%;
    line-height: 160%;
    margin-bottom: 0.5em;
}

div#logo_plus_navigation div.wrapper_contact {
    margin-top: 15px;
    padding: 10px;
    width: 170px;
}

div.wrapper_contact a {
	display: block;
	font-size: 108%;
	font-weight: bold;
	padding-left: 20px;
}

ul#offers li h2 {
	padding-left:5px;
}

ul#offers.small li h2 {
	font-size:116% !important;
}

ul#offers li div.kasten_blue h2 {
	padding:0;
}

div#offer_col_right h2 {
	font-size:116%;
}
/*  Änderung des linken Menüs  */
ul#navigation li a:link, ul#navigation li a:visited, 
ul#navigation li.active ul a {
	font-weight:bolder;
}


/*  Die Höhe des Inhalts auf der Seite  */
div#wrapper_content div#content.min_height {
	/*min-height:570px !important;*/
	min-height:1100px !important;
	padding: 1px 15px 40px 20px;
}


/* Links zu SocialNetworks */
div#social_network_links{
	margin:10px;
}

img#facebook_img{
	height:30px; 
	width:100px; 
	margin:2px;	
}

img#twitter_img{
	height:26px; 
	width:97px; 
	margin:2px;
}

 /* Button "Anfrage absenden", "Bestellung absenden" usw */
 
fieldset#search_accommodation_submit_wrapper button#search_accommodation_submit {
	/*background:url(http://static.travelling-britain.com/images/tb-website/bg_leerer_button_submit.gif) no-repeat;
	*/
	width:205px;
	height:25px;
	border:0;
	color:#FFF;
	font-size:108%;
	cursor:pointer;
	font-weight:bold;
	padding-right:15px;
	}
	
/* Button 'zahlungspflichtig buchen' lt. ButtonPflicht Gesetz */
fieldset#buy_or_book_accommodation_submit_wrapper button#buy_or_book_accommodation_submit {
	width:205px;
	height:25px;
	border:0;
	color:#FFF;
	font-size:108%;
	cursor:pointer;
	font-weight:bold;
	padding-right:15px;
}

/* ---------- Datepicker Positionierung der Tourenanfrage ---------- */

img.t-calendar-trigger{
	position: relative; 
    left: 190px;
    bottom: 20px; 
    }
    
div.calendar {
	position:relative;
	z-index:20
}    

.calendar TFOOT .ttip{
	width: 190px !important;
}
    
    
    
/*------------- Anfrage -------------*/
.anfragekasten {
	 width:180px;
}



.anfragebutton {
	/* background:#0056A6; */  /* Hintergrund Farbe des Buttons geändert Platz für Farbwechsel-Grafik-1*/
	/*background:url(http://static.travelling-britain.com/images/tb-website/leerer_button_gespiegelt.gif) no-repeat;
	*/
	border:1px solid #4D4D4D;
	color:#FFEE66;  /* gelbe Schrift #FFEE66 rote Schrift #FD0103 Farbe hinzugefügt */
	width:100%;
	font-weight:bolder;
	}
       
.anfragebutton:hover{   
  	  display:block;
      color:#FFEE66;
    /*  float:center;*/
      width:100%;
      /*background:url(http://static.travelling-britain.com/images/tb-website/leerer_button.gif) no-repeat;
      */
      border:1px solid #4D4D4D;
	}


/* ------- Bed and Breakfast  Liste etwas zur Seite verschoben -------- */
	
.auflistung li {
	margin-left:23px;
	list-style-type:decimal;
	margin-bottom:5px;
	}
	
	
/* ------------- Faehren Übersicht  ------------- */
	
	
ul#offers li div.kasten_2{
	width:214px;
	height: 270px;
	position:relative;
	background:#FFF;
	border:1px solid #C3CBD1;
	padding:5px;
	min-height:203px;
	padding-bottom:30px;
	}
	
th{
	text-align:left;
}	
	
* html ul#offers li div.kasten_2 { height:203px; } /* IE 5.x + 6.0 */	

ul#offers li div.kasten_2 p {
	font-size:85%;
	line-height:150%;
	margin-bottom:0;
	}
	
ul#offers li div.kasten_2 img {
	margin-bottom:10px;
	width:214px;
	height:108px;
	}

 ul#offers li div.kasten_2 h4 {
	margin-bottom:0.4em;
}

ul#offers li div.kasten_2 h4,
ul#offers li div.kasten_2 p {
	padding:0 5px;
	width:204px;
}

ul#offers li div.kasten_2 p {
	font-size:85%;
	line-height:150%;
	margin-bottom:0;
}

ul#offers li div.kasten_2 p span.price {
	color:#FD0103;
	font-size:1.3em;
	font-weight:bold;
}

/* -----------Angleich des Designs an die Startseite */

span.price{
	color:#FD0103;
	font-size:1.3em;
	font-weight:bold;
}

span.price_homepage{
	color:#FD0103;
	font-size:1.3em;
	font-weight:bold;
}

span.priceTour{
	color:#FD0103;
	font-size:20px;
	font-weight:bold;
}



/* ----------- Hotel- FeWo- Detailseite ----------- */
div#offer_control {
	border-bottom: 0px solid #E5EEF6 !important;
}


/* ----------- Fehlermeldungen ----------- */

div.t-error li{
	margin-left: 20px !important;
}




/* -----------Touren �bersichtsseiten----------- */

div.containingbox{
	min-height:130px;	           
}




/* -----------Top Angebote Seite----------- */
div.containingboxoffer{
	display:inline;
	min-height:100px;	       
}

/* ----------- Golf Hotels ----------- */
table.hotelPreis{
	border:1px solid #0056A6;
	float:right;
	text-align:center;
	margin-bottom: 0px;
	}
	
table.hotelPreis th{
	font-size:20px;
	font-weight:bolder;
	color:#FD0103;
	text-align:center;
	}




/* ----------- Golf Pässe und Gutscheine  ----------- */
table.passPreis{
	border:1px solid #0056A6;
	float:right;
	text-align:center;
	vertical-align:bottom;
	}
	
table.passPreis th{
	font-size:15px;
	font-weight:bolder;
	color:#FD0103;
	text-align:center;
	}
	
table.passPreis td{
	font-size:15px;
	text-align:center;
	}
	
	
.anfragekastenBox { 
	 border:1px solid #0056A6;
	 float:right;
	 margin-left:5px;
	 text-align:center;
	 width:100px;
	 min-height:80px;
	}
	
.anfragetextBox {
	font-size:85%;
	font-weight:bold;
	}


/* ----------- Boxen Layout ----------- */
div.box_link_right{
	float: right; 
	margin-right: 8px;
}	
	


	
/* ----------- Bed and Breakfast Tabs Layout ----------- */
.rechtespalte {
	float:right;
	width:210px;
	}

.linkespalte_small {
	float:left;
	width:400px;
	}

/* ----------- Anpassungen für das Tabs Layout ----------- */
.ui-widget-content a.button_forward{
	color:#FFF;
	}

.ui-tabs .ui-tabs-nav{	
	margin-bottom: 0.2em;	
	padding:5px;
	}
	
.ui-tabs .ui-tabs-nav li a{
	color:#0056A6;
	height: 15px;
	margin-top: -5px;
	padding:0.5em 0.75em !important;
	}
	
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	padding-bottom:0 !important;
}

.ui-widget {
	font-family:arial,verdana,sans-serif;
	font-size:13px !important;
	}

.ui-widget-content {
	color:#000000 !important;
	}
	
/*	Ãnderung Tabs*/
.ui-widget-content {
	color:#000000 !important;
	background:#E5EEF6 !important;
	}
	
/* Interaction states  aus jquery-ui-1.7.2.custom.css
----------------------------------*/
.ui-tabs{
	display: block;
	}

.ui-state-hover a, .ui-state-hover a:hover { 
	color: #FD0103 !important; 
	}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { 
	color: #FD0103 !important; 
	}
.ui-state-active, .ui-widget-content .ui-state-active {  
	border: 1px solid #74b2e2 !important; 
	background: #d7ebf9 url(images/ui-bg_glass_80_d7ebf9_1x400.png) 50% 50% repeat-x !important;
	}



/* ------- Hotel/FeWo Suche -------- */
form#search_accommodation, div.data {
	background:#E5EEF6 none repeat scroll 0 0;
	}


div#mapLayer {
	left:365px;
	position:absolute;
	float:right;
}


form#search_accommodation fieldset.search_column {
	margin-bottom:10px;
	float:left;
	width:160px;
	margin-right:16px;
}

form#search_accommodation fieldset.date_column {
	float:left;
	width:160px;
	margin-right:16px;
}

form#search_accommodation fieldset#search_accommodation_submit_wrapper {
	bottom:5px;
	position:absolute;
	right:20px;
	z-index:10;
}

form#buy_or_book_accommodation fieldset#buy_or_book_accommodation_submit_wrapper {
	bottom:20px;
	position:absolute;
	right:20px;
}


form#search_accommodation, div.data {
	background:#E5EEF6 none repeat scroll 0 0;
	}

a.button_backward  {
	display:block;
	margin-top:0;
	width:100px;
	height:20px;
	color:#FFF;
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	width:95px;
	padding-top:3px;
	height:17px;
	border-left:0;	
	padding-left:6px;
	float: right;
	/*background:url(http://static.travelling-britain.com/images/tb-website/bg_result_navigation_page_backward.gif) no-repeat;
*/}



 a.button_back_to_search{	
	width:153px;
	height:20px;
	color:#FFF;
	text-align:center;
	display:block;
	margin-top:0;
	font-size:85%;
	text-decoration:none;
	font-weight:bold;
	padding-top:3px;
	border-left:0;	
	padding-left:6px;
	float:left;
 }
 


a.offer_navigation_page_backward{
	display:block;
	color:#FFFFFF;
	text-align:center;
	/*text-valign:left;*/
	font-weight:bold;
	text-decoration:none;	
	padding-top:3px;
	font-size:85%;
	border: 0px !important;		
 }

a.offer_navigation_page_forward{
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	font-size:85%;
	padding-top:3px;
	text-indent:-25px;
	border: 0px !important;	
 }
 
 
 
 
 
/* ------- Neue Hotel/FeWo Detailseite -------- */

div#offer_neu {
	background:#E5EEF6;		
	padding:0px;	
	border:0px;	
}

div#offer_col_left_neu {
	width:390px;
	margin-right:6px;
	float:left;
	padding:0px;
	padding-top:0;
}

div#offer_col_right_neu {
	/*width:200px;
	float:right;
	padding-right:20px;
	padding-top:10px;*/
	float:right;
	margin-right:20px;
}

div#offer_col_right_neu a.more:link, div#offer_col_right_neu a.more:visited {
font-size:108%;
font-weight:bold;
padding-left:18px;
}


/*  ------- Anpassungen für die neue Box --------
ul#offers li#infos_partner_sites {
	width:226px;
	height:116px;
	padding:15px 5px 5px 10px;
	width:211px;
	height:96px;
}

ul#offers li#infos_partner_sites p {
	font-size:85%;    line-height:150%;
}

ul#offers li#infos_partner_sites p,
ul#offers li#infos_partner_sites a {
	font-family:Georgia,Times,Serif;
	color:#7D847F;

}
ul#offers li div#infos_partner_sites {
	background:url(http://static.travelling-britain.com/images/tb-website/logo_flag.gif) no-repeat right;
	}

*/
/* Anpassung für das Paging
div.result_control div.result_navigation a, div#result_control div#result_navigation a {
border-right:0 none;
}*/

div.resultControl div#result_navigation ol#result_navigation_pagignation {
	float:right;
	list-style:none;
	margin:0 10px;
}

div.resultControl div#result_navigation ol#result_navigation_pagignation li {
	float:left;
	margin-right:5px;
}

div.resultControl div#result_navigation ol#result_navigation_pagignation li.last {
	margin-right:0;
  }

div.resultControl div#result_navigation ol#result_navigation_pagignation li.last a {
	border-right:0;
	padding-right:0;
}




/* ----------------------- Hotel / Ferienwohnungen  Karten-------------*/ 
div#mapLayer {
    height:320px;
    margin-left:30px;
	padding-top:10px;
    z-index:9;
}

/* ---- ClueTip - Anpassungen ---- */
.cluetip-default #cluetip-outer{
	background-color:#E5EEF6;
}

.cluetip-default h3#cluetip-title {
	background-color:#0056A6;
}


/* ----------------------- nur zum probieren-------------*/ 

ul#offers li a.more {
	bottom:0;
	font-size:108%;
	font-weight:bold;
	left:0;
	padding-left:18px;
	position:relative;
}


.galleria_container {
	float:left;
	height:200px;
	margin:0 auto 30px !important;
	width:300px;
	text-align:center;
}

/* hover_scrollbar*/
.hover_scrollbar {
	padding:10px; 
	width: 2000px; 
	margin-bottom:2px;
}
.scrollbar_gallery{
	width: 300px; 
	overflow-x:scroll; 
	overflow-y:hidden;
	height:80px; 	
}
.hover_scrollbar a .image {
	display: none;
}

.hover_scrollbar a:hover .image {
	display: block;
    position: absolute;
    z-index: 1;
    left: 38px;
    top: 200px;
    margin-left:1px;
    margin-top:-14px;
}

.hover_scrollbar img {
	height:20px; 
	float:left; 
	margin-left:2px;
	padding: 2px;
}

.hover_scrollbar .image {	
	border:none;
    bottom: 60px;
    height: 200px;
    left: 2px;
    position: absolute;
    width: 300px;
}

/* hover_scrollbar ende */

p.nav {
	/*position:relative;*/
	text-align:center;
	width:300px;
}

.galleria li img.thumb {
	cursor:pointer;
	display:block;
	height:65px !important;
	left:auto;
	top:auto;
	width:100px !important;
}


.galleria li {
	display:block;
	float:left;
	height:50px !important;
	margin:0 10px 10px 0;
	overflow:hidden;
	width:100px !important;
}

img.replaced{
	max-width:300px;
	max-height:200px;
}


div.imageAndNavContainer{
	height:320px;
}

ul#offers li div.kasten{
	padding:5px 5px 40px;
}

div.price_Loader{
	float:right;
}

img.t-error-icon:hover {
	z-index:1;
}
img.t-calendar-trigger:hover {
	z-index:20;
}

/* Anpassungen für die Routen-Bilder der Touren*/
.tour_gallery {
	margin-top:9px;
	height:380px;
}
.tour_gallery_left{
	border:1px dotted #0056A6;
	background-color:#FFF;
	width:450px;
}
.tour_gallery_left div{
	width:450px;
}
.tour_gallery_right{
	background-color:#E5EEF6;
	padding-left:40px;
	width:300px;
}
.tour_gallery_thumbs{
	width:80px;
}

.lupe{
  height:40px; 
  position:relative; 
  bottom:80px; 
  left:35px;
}

/* ------------------------------------------------------------------------------------------------ 
	jsalendar-1.0 / calendar-system - CSS
--------------------------------------------------------------------------------------------------- */
/* The main calendar widget.  DIV containing a table. */

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  border: 1px solid;
  border-color: #fff #000 #000 #fff;
  font-size: 11px;
  cursor: default;
  background: Window;
  color: WindowText;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: ButtonFace;
}

.calendar .nav {
  background: ButtonFace url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 1px;
  border: 1px solid #000;
  background: ActiveCaption;
  color: CaptionText;
  text-align: center;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid ButtonShadow;
  padding: 2px;
  text-align: center;
  background: ButtonFace;
  color: ButtonText;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 2px solid;
  padding: 0px;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid ButtonShadow;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody .rowhilite td {
  background: Highlight;
  color: HighlightText;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 2px 0px 2px;
  background: ButtonFace;
  color: ButtonText;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}

.calendar tbody td.disabled { color: GrayText; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: ButtonFace;
  padding: 1px;
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  color: ButtonText;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
  background: Menu;
  color: MenuText;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid ButtonShadow;
  padding: 1px 0px;
  text-align: center;
  background-color: ButtonFace;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: Menu;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: Highlight;
  color: HighlightText;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

#snippet_link{
	bottom:10px !important;
	left:120px !important;
	position:absolute !important;
}

div.price_loader_left div.price_Loader{
	float:left;
}

div.show_stars_left{
	float:right;
	position: relative;
}

img.img-route-small{
	margin-left: -15px;
	overflow: hidden;
	width: 140px;
}

a.ajax_remove_row_button{
	left:160px;
	position:relative;
}

.hiddenTrigger img.t-calendar-trigger{
    visibility:hidden;
    height:12px;
}

object#iframe,
object#iframe_sub {
	/*width:100%;
	height:2000px;*/
}

iframe#iframe {
	height:auto;
}
* html iframe#iframe { height:2000px; } /* IE 5.x + 6.0 */
   
   
/** Anpassungen der Überschriften für das SEO **/

div#logo_plus_navigation div.old_h1 a {
    display: block;
    height: 115px;
    width: 190px;
}

ul#offers li div.old_h2 {
    padding-left: 5px;
}
div.old_h2 {
    color: #0056a6;
    font-family: Georgia,Times,Serif;
    font-size: 123.1%;
    font-weight: bold;
    margin-bottom: 0.2em;
    margin-top: 0.4em;
}

ul#offers li div.kasten div.old_h4 {
    padding: 0 5px;
    width: 204px;
}
ul#offers li div.kasten div.old_h4 {
    margin-bottom: 0.4em;
}
div.old_h4 {
    font-size: 85%;
    font-weight: bold;
}

/* Ab hier Änderungen responsive
*/

ul#offers li {
	float: none !important;
	margin-right: 2px;
	display: inline-table;
}

.price_homepage{
	float:right; 
}
	
ul#horizontalTabs {
   text-align: center;
}

ul#horizontalTabs li {
   list-style: none;
   display: inline;
   margin: 0; padding: 0;
}

ul#horizontalTabs a, ul#horizontalTabs span {
  float: left; 
  margin: 0.5em 0.1em;
  padding: 0.5em;
  text-decoration: none; font-weight: bold;
  border: 1px solid #74B2E2 ;
  border-left-color: white; border-top-color: white;
  background-color: #D7EBF9;
}

ul#horizontalTabs div {
   clear: left;
}  

.looklikehover{
	background: green;
	border-color:  #AED0EA #FFF white #AED0EA !important;
	color: #FD0103; background-color: #D7EBF9;
}

.img_wrapper {
    width: 100% !important;
}
	
	

div.priceTour {
    color: #fd0103;
    font-size: 20px;
    font-weight: bold;
}
.overviewPrice{
	float:right;
	text-align:right;
	margin: 1.5em;
}

a.button_forward {
	float:right;
}

form#search_accommodation, div.data {
	width:auto;
}


form#search_accommodation fieldset.single_line {
    width: 95%;
}
    
#map {
	height:475px; 
	width:auto; 
	border:1px solid;
}

div.mobile_break_class {
	display: block;
}

div.randomImage .imgRandom{
	height:200px; 
	width:300px;
}

 .imgRandom{
	width:auto; 
	height:200px;
}


.scrollbar_gallery {
	display:block;
}

.countryMap {
	float:right; 
	left:17px;
}    

/* The mobile part  transfer menu do top under Header Image*/
mobilenavheader {
	display:none;
}
  
/* The mobile part for mobiles */ 					
@media (min-width: 300px) and (max-width: 599px) {

	mobilenavheader {
		width: 99%;
		height: 76px;
		top: 0;
		left: 0;
		z-index: 100;
		position: fixed;
		display: block;
		background: #e5eef6;
	}
	
	nav {
    	display: none;
    }
	

	#menu-icon {
	    background-size: 100% auto;
	    margin: 20px 15px;
		width: 40px;
		height: 40px;
		float: left;
	}
	
	#fon {
	   background-size: 100% auto;
	    float: left;
	    height: 40px;
	    margin: 20px 5px;
	    width: 40px;
	}

	#logo {
	    background-size: 90px;
	    float: left;
	    height: 60px;
	    margin: 5px 10% 5px 5px;
	    width: 30%;
	}
	
	#home {
		background-size: 100% auto;
		width: 40px;
		height: 40px;
		margin: 20px 5px;
		float:left;
	}

	a:hover#menu-icon {
		background-color: #0056a6;
		border-radius: 4px 4px 0 0;
	}

	#menu-icon {
		display:inline-block;
	}
	
	#home {
		display:inline-block;
	}
	#fon {
		display:inline-block;
	}
	#logo {
		display:inline-block;
	}

	#bg {
		display: none;
	}
						
	div#wrapper_page {
    	margin: 0 !important;
    	padding: 0;
    	width: 99% !important; // Korrekt 100%
	}
	
	div#wrapper_page div#logo_plus_navigation {
		display: none;
		width:0px !important;
	}
			
	div#wrapper_content div#content {
		width: 97% !important;
	}
	
	div#wrapper_page div#wrapper_content {
    	width: 100% !important;
    	float: none;
	}
	
	div#wrapper_content div#content.min_height {
    	min-height: auto !important;
    	overflow: hidden;
    	margin: 0;
    	padding: 5px;
    	top: 70px;
	}
	
	div#wrapper_content img#img_header {
		display: none;
	}
	
	.clearfix {
    	display: inline-block;
	}

	ul#navigation {
		background: white;
	    list-style: outside none none;
    	padding: 10px;
    	width: 92%;
	}
	
	div#wrapper_content div#content.min_height {
	    min-height: auto !important;
	}

	div#content p{
		padding: 0.2em;
		margin-right: 2em;
	}
	
	div.containingboxoffer {
		padding: 0.5em;
	}
	
	.countryMap {
		display:none;
	}
	
	div.randomImage .imgRandom{
		width:auto; 
		height:200px;
	}
	
	
	.scrollbar_gallery {
		display:none;
	}
	
	div#offer_col_left_neu {
	 	width:auto; 
	}
	
	div.mobile_break_class {
		padding: 10px;
		display: inherit;
		
	}
	
	div#offer_control {
		height: 50px;
	}
	
	div#offer_control a, div.navigation_wide_back a {
		float: none;
		display: table-cell;
	}
	
	
	/*------------- Anfrage -------------*/
	.anfragekasten {
		 width:170px;
	}


	ul#navigation li {
	    width: 99%;
	}
	
	ul#navigation li a:link, ul#navigation li a:visited, ul#navigation li.active ul a {
    	width: 99%;
	}
	
	ul#navigation li a:hover,
	ul#navigation li.active a,
	ul#navigation li#current.parent a,
	ul#navigation li.parent a:hover {
		background-position: -360px 1px;
	}

	ul#offers.boxes li div.kasten {
		font-size: small;
		line-height: 150%;
	}	
	
	div#mapLayer {
    	display: none;
    }
	
	.bildlinks_rahmen {
		width: 37%;
		margin: 5px;
	}	

    a.button_back_to_search{
    	float:unset;
    	height: 40px;
    }
    
    div.resultControl div#result_navigation ol#result_navigation_pagignation {
    	display: none;
    }
	
	p#copyright {
		width: 90% !important;
	}
	
	div#footer_navi_wrapper{
		width: auto;
		padding: 5px !important;
	}

}


/* The mobile part for tablets*/
@media (min-width: 600px) and (max-width: 800px) {
	
	mobilenavheader {
		display:block;
	}

	#bg {
		display: none;
	}
						
	div#wrapper_page {
    	margin: 0 !important;
    	padding: 0;
    	width: 99% !important; // Korrekt 100%
	}
		
	div#wrapper_content img#img_header {
	    margin-bottom: 5px;
	    width: 100%;
	} 
	
	div#wrapper_page div#wrapper_content {
		float:left;
		width: 100%;
	}
		
	div#wrapper_page div#logo_plus_navigation {
		display: none;
		width:0px !important;
	}
			
	div#wrapper_content div#content {
		width: auto !important;
	}
		
	div#wrapper_content div#content.min_height {
    	overflow: hidden;
    	margin: 0;
    	padding: 5px;
	}
	
	div.containingboxoffer {
		padding: 0.5em;
	}

	div#content p{
		padding: 0.2em;
		margin-right: 2em;
	}

	nav ul, nav:active ul { 
		padding: 20px;
		right: 20px;
		top: 60px;
		width: 50%;
	}

	nav {
		float: left;
	}
	
	#home {
		display:none;
	}
	
	#fon {
		display:none;
	}
	
	#logo {
		display:none;
	}	
	
	div#mapLayer {
    	display: none;
    }
	
	.bildlinks_rahmen {
	    margin: 5px;
	}

    a.button_back_to_search{
    	float:unset;
    	height: 40px;
    }
    
    .countryMap {
		display:none;
	}
	
	div.randomImage .imgRandom{
		width:auto; 
		height:200px;
	}
	
	 .imgRandom{
		width:auto; 
		height:200px;
	}
	
	
	.scrollbar_gallery {
		display:none; 
	}
	
	div.mobile_break_class {
		display:inline-block;
		padding: 20px;
		white-space: normal;
		
	}
  	div.offer_navigation {
	    white-space: pre-line;
	}
	
	
	div#offer_control {
		height: 50px;
	}
	
	div#footer_navi_wrapper{
		width: auto;
		padding: 5px;
	}
	
	ul#offers.boxes li div.kasten {
		font-size: small;
		line-height: 150%;
	}	
		
	p#copyright {
		width: auto;
	}	

	div#footer_navi_wrapper{
		width: auto;
		padding: 5px !important;
	}
	
	
}