/* Headlines hotels
 * new color 
 * no more red */
h1, h2, h3, h3 a, h4, h5, h5 a, h6 { color:#0095D9; }

/* Links
 * Mouseover is now blue
 */


.maincontent_widehotelfunctions .de { background:url(../img/logo_hotelfinder2.gif) 780px 18px no-repeat; }
.maincontent_widehotelfunctions .en { background:url(../img/logo_hotelfinder_whi.gif) 780px 18px no-repeat; }

.detailsp, #booking .detailsm, #booking .detailsb, .detailsn, .detailsa {
	background-color: transparent;
	background-image:url(../img/sprite_buttons.png);
	background-position: -11px 0; }


/* Header
 * Collage only on Startpage
 * fixed height
 */





#logo { 
	position:absolute; 
	top:0; 
	right:0; 
	left:auto;  }
.start #logo {
	right:215px;
	top:45px;
	width:120px; 
	height:177px; 
}
#logo.li { background-position: 15px 0; }


#collage { 
	position:relative; 
	width:760px; 
	height:360px; 
	overflow:hidden; 
	margin:10px 0;}
#collage_bubbles {position:absolute;}

#collage .de { background:none; }



#content	{ float:left; display:block; width:530px; padding:20px 10px 20px 30px; margin:0 0 0 15px; line-height:16px; overflow:hidden; }


/*submenue Hotels mit divs  */
#subhotelnav { width:530px; overflow:hidden; font:12px Arial, Helvetica, sans-serif; margin-bottom:10px; }
#subhotelnav ul.none, #subhotelnav ul { width:100%; list-style:none; margin:0; padding:0; } 
#subhotelnav li { float:left; border-left:1px solid #999; line-height:1.1em; margin:0 .5em 0.6em -.5em; padding:0 0.5em 0 0.5em; }   
#subhotelnav a.subhotelmenu  { color:#0095D9; font-weight:normal; }
#subhotelnav a.subhotelmenu:hover, #subhotelnav a.subhotelmenuover, #subhotelnav a.subhotelmenuover:hover { color:#E70027; font-weight:normal; }


/* Buttons */
.detailsp, .detailsm, .detailsb, .detailsn, .detailsa { 
	float:left; 
	display:block; 
	width:147px; 
	height:22px; 
	color:#0095d9;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-0.08em;
	cursor:pointer;
	padding:2px 0 0 30px; 
	margin:10px 0 0 0; }
input.detailsp, input.detailsm, input.detailsb, input.detailsn { 
	padding:0 0 0 25px; 
	margin:10px 0 0 0; 
	border:none !important;
	text-align:left;}
.details01:hover, .details02:hover, .details03:hover, .details04:hover { 
	color:#0095D9; 
	text-decoration:none; }

.detailsp  { background:url(../../../media/img/2011/btn_price.png) top left no-repeat; }/*Price Teaser*/
.detailsm  { background:url(../../../media/img/2011/btn_mail.png) top left no-repeat; }/*Mail*/
.detailsb  { background:url(../../../media/img/2011/btn_booking.png) top left no-repeat; }/*Booking*/
.detailsn  { background:url(../../../media/img/2011/btn_teaser.png) top left no-repeat; }/*normal button*/

#booking .detailsm  { background-position: -10px -180px; width: 130px;}/*Mail*/
#booking .detailsb  { background-position: -10px -150px; width: 123px;}/*Booking*/
.detailsa:hover { text-decoration: none;}

.detailsma, .detailsba, .detailsna { 
	float:left; 
	display:block; 
	width:102px; 
	height:22px; 
	color:#0095d9;
	font-weight:bold;
	font-size:12px;
	letter-spacing:-0.08em;
	cursor:pointer;
	padding:0 0 0 25px; 
	margin:10px 0 0 0; 
	border:none !important;
	text-align:left;}
.details01:hover, .details02:hover, .details03:hover, .details04:hover { 
	color:#0095D9; 
	text-decoration:none; }

.detailsma  { background:url(../../../media/img/2011/btn_mail_a.png) top left no-repeat; }/*Mail*/
.detailsba  { background:url(../../../media/img/2011/btn_book_a.png) top left no-repeat; }/*Booking*/
.detailsna  { background:url(../../../media/img/2011/btn_voucher_a.png) top left no-repeat; width:84px; padding-left:10px;}/*normal button*/

.catalog .detailsn {
	padding:2px 8px;
	margin:0 0 0 80px;
	text-align:center;
	background:url(../../../media/img/2011/btn_catalog.png) top left no-repeat; 
}
.catalog.footer .detailsn{margin:40px 0 0 0;background:none;}
/* Stage 
 * new Background
 */
#stage	{ clear:both; position:relative; width:950px; padding:10px 0; margin:0; overflow:hidden; }

/* Hotel neue Teaser 
 * 
 * .hotel.t03 #stage	{ background:url(http://media.wellnesshotels-resorts.de/media/img/2011/bg_content_big.png) no-repeat; top:10px;}
 * .hotel.t03 #left	{ width:752px; margin:0; }
 * .hotel.t03 #right	{width:198px; margin:0; }
 * .hotel.t03 .right_content { background:none; padding:0; margin:120px 30px 0 2px;}
 * .hotel.t03 .right_bottom { background:none;}
 * .hotel.t03 .left_content { background:none; width:682px; padding:0; margin:0 40px 0 30px; }
 * .hotel.t03 .left_end { background:none;}
 * 
 * */


#left	{ float:left; width:592px; margin:5px 16px 15px 0; overflow:hidden; }
.hotel.t03.main #left, .hotel.t04.main #left	{ width:682px; margin:0 0 20px 0; }
#right	{ float:right; width:342px; margin:5px 0 0 0; overflow:hidden; }


.right_content { background:url(../img/2011/bg_right.png) no-repeat; padding:10px; }
.right_bottom { height:34px; margin:0 0 15px 0; background:url(../../../media/img/2011/bg_right_bottom.png) no-repeat; overflow:hidden; }

.left_content { float:none; padding:20px 15px 0 15px; background:url(../../../media/img/2011/bg_content.png) no-repeat; }
.left_end { width:592px; height:34px; margin:0; padding:0; background:url(../../../media/img/2011/bg_content_bottom.png) top left no-repeat; overflow:hidden; }

.packages.right, .packages.left { float:none; }

/* GoogleMap Overlay */
#gmap	{ position:absolute; top:0px; left:170px; background-color:#FFF; border:0; padding:20px; z-index:200; overflow:hidden; }
#popup	{ position:absolute; top:0px; left:170px; background-color:#FFF; border:0; padding:20px; z-index:300; }
#overlay{ position:absolute; top:0; left:0; width:100%; z-index:100; background-color:#EEE; }
#left #map {
	width:550px;
}

.roundedges340	{ 
	width:300px; 
	padding:5px; 
	font-size:10px; }
.roundedges340 table, .roundedges340 td, .roundedges340 div	{ font-size:11px; }

.requestavailibility { float:none; width:300px; height:140px; overflow:hidden; margin:20px 0 0 0;}
.requestavailibility ul { list-style:none; font-size:10px; }

#tabbox				{ width:339px; padding:10px 20px 10px 21px; background:url(../../../media/img/tabcaixa.png) no-repeat #ECF7FC; overflow:hidden; }
#tabbox div.open	{ float:left; display:block; margin:1px 0 0 0; width:113px; height:22px; padding-top:8px; cursor:pointer; text-align:center; background:url(../../../media/img/tabactivada.png) top left no-repeat; }/*unten*/
#tabbox div.close	{ float:left; display:block; margin:1px 0 0 0; width:113px; height:22px; padding-top:8px; cursor:pointer; text-align:center; background:url(../../../media/img/tabdesactivada.png) top left no-repeat; }
.tabcontent			{ width:320px; padding:5px 10px; overflow:hidden; }
#tabboxbottom		{ width:380px; height:25px; background:url(../../../media/img/tabboxbottom.png) top no-repeat #ECF7FC; overflow:hidden; }

#voucher, #blurb { width:380px; overflow:hidden; }
#news { width:340px; padding:5px 20px; overflow:hidden; }
#newsinner { width:340px; height:80px; overflow:hidden; }

#rsbookmarks ul { width:240px; margin:0; padding:0; list-style:none; overflow:hidden; }
#rsbookmarks li { float:left; width:16px; height:20px; list-style:none; margin:10px 4px; overflow:hidden; }
#rsbookmarks li a,#rsbookmarks li a:hover { color:#ECF7FC; text-decoration:none; }
#rsbookmarktitle { display:none; }

.rightwhitetop			{ width:340px; padding:5px 20px 0 20px; background:url(../../../media/img/rightwhitetop.gif) top no-repeat #FFF; overflow:hidden; }
.rightwhite				{ width:340px; padding:10px 20px; background-color:#FFF; overflow:hidden; }
.rightwhitebottom	{ width:340px; height:15px; padding:5px 20px; background:url(../../../media/img/rightwhitebottom.gif) top no-repeat; overflow:hidden; }

.rightbluetop			{ width:340px; padding:5px 20px 0 20px; background:url(../../../media/img/rightbluetop.gif) top no-repeat #EDF7FC; }
.rightblue				{ width:340px; padding:10px 20px; overflow:hidden; }
.rightbluebottom		{ width:340px; height:15px; padding:5px 20px; background:url(../../../media/img/rightbluebottom.gif) top no-repeat #EDF7FC; overflow:hidden; }

/*hotelinfo right
.hotelmap { float:left; width:155px; overflow:hidden; }
.hoteladress { float:none;width:150px; padding:37px 15px 0 17px; overflow:hidden;  }
.hotelfacilities { float:left; width:155px; height:30px; background-color:silver; overflow:hidden; }
*/


/*.buttons .button, .buttons input.button {
	width:74px;
	height:21px;
	background-position: -11px 0;
	color:#0095d9;
	font-weight:bold;
	font-size:11px;
	line-height:11px;
	letter-spacing:-0.1em;
	display:block;
	text-align:center;
	float:left;
	margin:0;
	padding:5px 0 0 0;
	word-break:keep-all;
	line-break:strict;
	white-space:nowrap;}
input.button{
	line-height:11px;
	background-color:transparent;
	border:none;	
	vertical-align:top;
}*/



/* Footer 
 * New link color */
#footer, #landingpages, #landingpages ul li, #landingpages a, #thirdnav, #thirdnav ul li, li.thirdmenu a, li.thirdmenu a:visited, li.up a, li.up a:hover, #hws { color:#999; }
#landingpages a:hover, li.thirdmenu a:hover, li.thirdmenuover a, li.thirdmenuover a:hover, #adress a  { color:#666; }


/* Carousel Correction (mainly for IE7 bug) */
#right div.right02 {
	background-color:#FFFFFF;
}
#feelgood {
	width:160px !important;
	overflow:hidden !important;
	position:relative;	
}
#feelgood_content {
	width:2000px;
	overflow:visible;
	position:absolute;
	top:0px;
	left:0px;
}

#stage_bottom { position:relative; height:5px; margin:0; padding:0; border-top:1px solid #E5E5E5; overflow:hidden; }


.hide { display:none; }
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */
  
.space {
	height:10px;
}

.clearfix:after, .container:after {
  content:"\0020";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
  overflow:hidden; }
.clearfix, .container {display:block;}