/*
 * Wellness Hotels & Resorts Deutschland
 * 
 * Relaunch Fr�hjahr 2013
 * 
 */
 /*   -------------------------- Sprites ----------------------------------- */
#address span, #address a {
	background-image: url('../../media-sub/media/img/2013/list-icons.png');
	background-repeat: no-repeat;
	background-position: 0 4px;
} 

#languages a,
#header .widget,
#quicksearch .searchinput,
.teaser .teaser-buttons .icon,
.stars .star,
.cal-input,
.sortby.up,
.sortby.down,
.info,
.removefav .icon,
.fav .icon,
.favorites.button .icon,
a.widget.favorites.cloned {
	background-image: url('../../media-sub/media/img/2013/icons.png');
	background-repeat: no-repeat;
	background-position: 0 1px;
} 

#collage.slider .next,
#collage.slider .prev,
#collage.slider .navi a,
#topblurbs .top,
#footer .up span.icon,
#landingmenu .landingul li.active span,
.tabs li.active span,
#hoteltabs .panes .next, 
#hoteltabs .panes .prev,
.closed span,
.open span {
	background-image: url('../../media-sub/media/img/2013/arrows-slider.png');
	background-repeat: no-repeat;
	background-position: 0 0;
} 

#landingmenu .landingtabs,
.teaser .pic.no-image,
.shoppingcart.trust .icon {
	background-image: url('../../media-sub/media/img/2013/sprite.png');
	background-repeat: no-repeat;
	background-position: 0 0;
} 

.teaser.left-content .icon {
	background-image: url('../../media-sub/media/img/2013/function-icons.png');
	background-repeat: no-repeat;
	background-position: 0 0;
}

.follow_icons a.follow_icon {
	background-image:url(../../media-sub/media/img/2013/follow-icons.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.follow_icons a.follow_icon.newsroom {
	background-image:url(../../media-sub/media/img/2013/newsroom.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#tooltip span,
#layer .close,
#maplayer .close,
#onlineshopLayer .close,
#lightbox-secNav-btnClose {
	background-image:url(../../media-sub/media/img/2013/layer-tooltip.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
 
 /*   -------------------------- Header ----------------------------------- */
#header {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	background-color: #fafbfc;
	border-bottom: 1px solid #e6e6e6;
}
.design #header {
	position: relative;
}
	#logo {
		margin-top: 1.9em;
	}
		#logo a {
			font-size: 1em;
			color: #0095D9;
			text-decoration: none;
		}
			#logo .logo {
				display: block;
				height: 72px;
				background: url('../../media-sub/media/img/2013/logo.png') no-repeat 0 0; 
			}
				#logo .logo img {
					display: none;
				}
			#logo .name {
				font-size: 1.9em; /* 38px */
				line-height: 1em;
			}
			#logo .claim {
				display: block;
				margin-top: 0.4em;
				font-size: 1.2em; /* 24px */
				line-height: 1em;
			}
	
	#languages {
		float: right;
	}
		#languages a {
			display: block;
			width: 22px;
			height: 18px;
			float: left;
			margin: 12px 10px;
		}
		#languages a.en {
			background-position: 0 -30px;
		}
		#languages a.fr {
			background-position: 0 -60px;
		}
			#languages a span {
				display: none;
			}
	
	#secondnav {
		margin: 11px 0 12px 10px;
		padding: 0;
		float: right;
		text-align: right;
	}
		#secondnav li {
			padding: 0;
			display: inline;
			list-style: none;
			background: none;
		}
		#secondnav li,
		#secondnav li a {
			color: #808080;
			text-decoration: none;
		}
		#secondnav li a:hover {
			color: #5cad1a;
		}
		
	#header .widget,
	a.widget.favorites.cloned {
		float: right;
		display: block;
		width: 83px;
		padding: 5px 15px;
		margin: 10px 0 10px 10px;
		text-decoration: none;
		font-size: 0.846em;
		background-color: #fff;
	}
	#header .shoppingcart {
		background-position: 92px -236px;
	}
	#header .favorites,
	a.widget.favorites.cloned {
		background-position: 92px -207px;
	}
		#header .widget .amount,
		a.widget.favorites.cloned .amount {
			color: #0095D9;
		}
		
	#nav {
		position: relative;
		z-index: 5;
	}
		#nav li {
			position: relative;
			z-index: 5;
			padding: 0;
			background: none;
			color: #fff;
		}
		#nav li.level1 {
			display: inline-block;
			margin-bottom: -1px;
			line-height: 1.385em;
			float: left;
			border-right: 1px solid #0174a9;
			border-bottom: 1px solid #0179B0;
		}
		
		#nav li.level1:hover,
		#nav li.level1.active {
			border-bottom: 1px solid #0179B0;
			background: rgb(2,129,187); /* Old browsers */
			/* IE9 SVG, needs conditional override of 'filter' to 'none' */
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAyODFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzEyOTFjYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzFmOWRkNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMWEwZGEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
			background: -moz-linear-gradient(top,  rgba(2,129,187,1) 0%, rgba(18,145,202,1) 50%, rgba(31,157,215,1) 51%, rgba(33,160,218,1) 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(2,129,187,1)), color-stop(50%,rgba(18,145,202,1)), color-stop(51%,rgba(31,157,215,1)), color-stop(100%,rgba(33,160,218,1))); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  rgba(2,129,187,1) 0%,rgba(18,145,202,1) 50%,rgba(31,157,215,1) 51%,rgba(33,160,218,1) 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  rgba(2,129,187,1) 0%,rgba(18,145,202,1) 50%,rgba(31,157,215,1) 51%,rgba(33,160,218,1) 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  rgba(2,129,187,1) 0%,rgba(18,145,202,1) 50%,rgba(31,157,215,1) 51%,rgba(33,160,218,1) 100%); /* IE10+ */
			background: linear-gradient(to bottom,  rgba(2,129,187,1) 0%,rgba(18,145,202,1) 50%,rgba(31,157,215,1) 51%,rgba(33,160,218,1) 100%); /* W3C */
		}
		
			#nav li a{
				display: block;
				padding: 10px;
				color: #fff;
				text-decoration: none;
			}
			#nav li.level1 > a{
				padding: 0.55em 13px;
				font-size: 1.4em;
				line-height: 1em;
				font-weight: 400;
				text-shadow: 1px 1px 0 #046896;
				border-left: 1px solid #1998d2;
				border-right: 1px solid #1998d2;
			}
			
			#nav li ul {
				position: absolute;
				top: 3em;
				left: 0;
				z-index: 5;
				width: 160px;
				display: none;
				padding: 15px 18px;
				background: #fff;
				background: rgba(256,256,256,0.95);
				/* IE9 SVG, needs conditional override of 'filter' to 'none' */
				background: -moz-linear-gradient(top,  rgba(230,231,231,0.95) 0%, rgba(235,236,236,0.95) 1%, rgba(255,255,255,0.95) 5%, rgba(255,255,255,0.95) 99%, rgba(255,255,255,0.95) 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(230,231,231,0.95)), color-stop(1%,rgba(235,236,236,0.95)), color-stop(5%,rgba(255,255,255,0.95)), color-stop(99%,rgba(255,255,255,0.95)), color-stop(100%,rgba(255,255,255,0.95))); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top,  rgba(230,231,231,0.95) 0%,rgba(235,236,236,0.95) 1%,rgba(255,255,255,0.95) 5%,rgba(255,255,255,0.95) 99%,rgba(255,255,255,0.95) 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top,  rgba(230,231,231,0.95) 0%,rgba(235,236,236,0.95) 1%,rgba(255,255,255,0.95) 5%,rgba(255,255,255,0.95) 99%,rgba(255,255,255,0.95) 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top,  rgba(230,231,231,0.95) 0%,rgba(235,236,236,0.95) 1%,rgba(255,255,255,0.95) 5%,rgba(255,255,255,0.95) 99%,rgba(255,255,255,0.95) 100%); /* IE10+ */
				background: linear-gradient(to bottom,  rgba(230,231,231,0.95) 0%,rgba(235,236,236,0.95) 1%,rgba(255,255,255,0.95) 5%,rgba(255,255,255,0.95) 99%,rgba(255,255,255,0.95) 100%); /* W3C */
			}
			#nav li.level1:hover ul,
			#nav li.level1.hover ul{
				display: block;
			}
				#nav li ul li {
					display: block;
					color: #003d59;
				}
					#nav li ul li a {
						color: #003d59;
						padding: 5px 0;
						border-top: 1px solid #fff;
						border-bottom: 1px solid #e6e6e6;
					}
					#nav li ul li.last a {
						border-bottom: none;
					}
						#nav li ul li a:hover {
							color: #5cad1a;
						}
			#nav li.level2 ul,
			#nav li.level1:hover li.level2 ul,
			#nav li.level1:hover li.level2 ul {
				display: none;
			}				
	#quicksearch {
		
	}
		#quicksearch .searchinput {
			position: relative;
			z-index: 5;
			padding: 0.65em 20px 0.65em 10px;
			margin: 1px;
			width: 126px;
			height: 1.4567em;
			color: #0095d9;
			font-size: 0.95em;
			line-height: 1.4em;
			background-color: #fff;
			font-weight: normal;
			border: 1px solid #dfdfe0;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			-webkit-box-shadow: inset 1px 1px 5px #dfdfe0; /* webkit browser*/ 
			-moz-box-shadow: inset 1px 1px 5px #dfdfe0; /* firefox */ 
			box-shadow: inset 1px 1px 5px #dfdfe0;
			-webkit-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.18); /* webkit browser*/ 
			-moz-box-shadow: inset 1px 1px 5px rgba(0,0,0,0.18); /* firefox */ 
			box-shadow: inset 1px 1px 5px rgba(0,0,0,0.18);
			background-position: 139px -260px;
		}
		#quicksearch .search {
			background: transparent;
			color: transparent;
			text-indent: -99999px;
			border: none;
			padding:0; 
			width: 25px;
			height: 37px;
			overflow: hidden;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 6;
			cursor: pointer;
			box-shadow: none;
		}
 /*   -------------------------- Content ----------------------------------- */  
#page {
	margin-top: 150px;
}
.design #page {
	margin-top: 10px !important;
}
	.design #_cfa_pageinfo {
		top: 185px;
	}
.teaser {
	margin-bottom: 2.77em;
}
	.teaser .box {
		padding: 0.38em 0.76em;
	}
	.packages.teaser .box {
		height: 4em;
	}
		.teaser h6,
		.teaser .small,
		.teaser .teaser-buttons a {
			font-size: 0.845em;
		}
		.teaser h6 {
			height: 1.5em;
			overflow: hidden;
		}
		
		.teaser .small {
			color: #999999;
		}
	
	.teaser .pic {
		height: 161px;
	}
	.teaser .pic.no-image {
		background-position: -256px -350px;
	}
	
	.teaser .teaser-buttons {
		border-top: 1px solid #ccc;
	}
		.teaser .teaser-buttons a {
			display: block;
			padding: 5px 0;
			width: 33.1%;
			float: left;
			color: #003d59;
			text-decoration: none;
			text-align: center;
			border-right: 1px solid #ccc;
			border-left: 1px solid #fff;
		}
		.teaser .teaser-buttons a:hover {
			color: #5cad1a;
		}
		
		.teaser .teaser-buttons a.favorites,
		.teaser .teaser-buttons.without-favs a.www {
			border-right: none;
			width: 32%;
		}
		.teaser .teaser-buttons.without-favs a {
			width: 50%;
		}
		.teaser .teaser-buttons.without-favs a.www {
			width: 49%;
		}
			.teaser .teaser-buttons .icon {
				padding: 5px 5px 5px 20px;
				
				height: 18px;
				background-position: 0 -116px;
			}
			.teaser .teaser-buttons .www .icon {
				background-position: 0 -146px;
			}
			.teaser .teaser-buttons .favorites .icon {
				background-position: 0 -176px;
			}
			.teaser .teaser-buttons .favorites.active .icon {
				background-position: 0 -206px;
			}
	.stars {
		color: #0095d9;
		font-size: 1.07em;
		font-weight: bold;
	}
		.stars .star {
			display: inline-block;
			width: 15px;
			height: 18px;
			background-position: -1px -296px;
		}
		
	.fav .icon{
		display: block;
		margin-left: 8px;
		background-position: 0 -211px;
		height: 16px;
		overflow: hidden;
		width: 20px;
		text-indent: -999px;
	}
	.favorites.button{
		margin-right: 5px;
	    /*padding: 3px 5px 2px;*/
	    width: 70px;
	}
	#layer .favorites.button{
		width: 70px;
	}
		.favorites.button .icon{
			background-position: 0 -181px;
		    padding-left: 25px;
			line-height:18px;
			display: block;
			height: 18px;
		}
		.favorites.button.active .icon {
			background-position: 0 -211px;
		}
		
		
/*   -------------------------- left column ---------------------------------- */
	.teaser.left-content {
		margin-bottom: 1.385em;
	}
		.teaser.left-content .text-h4 {
			padding: 0.335em 0.733em;
			position: relative;
			-webkit-border-top-left-radius: 2px;
			-webkit-border-top-right-radius: 2px;
			-moz-border-radius-topleft: 2px;
			-moz-border-radius-topright: 2px;
			border-top-left-radius: 2px;
			border-top-right-radius: 2px;
		}
		.teaser.left-content .text-h4,
		.teaser.left-content .text-h4 a,
		.teaser.left-content .text-h4 a:visited {
			color: #fff;
			text-shadow: 1px 1px 0px #4c980e;
			text-decoration: none;
		}
		.teaser.left-content .icon {
			display: block;
			width: 40px;
			height: 42px;
			position: absolute;
			top: -5px;
			right: 13px;
			padding: 0;
			background-position: -5px 0;
		}
		.teaser.left-content .icon.empty {
			background-position: -5px 0;
		}
			.teaser.left-content .icon.empty .pic {
				margin: 5px;
				width: 30px;
				height: 30px;
			}
		.teaser.left-content .icon.lexicon {
			background-position: -5px -50px;
		}
		.teaser.left-content .icon.whd {
			background-position: -5px -100px;
		}
		.teaser.left-content .icon.rss {
			background-position: -5px -150px;
		}
		.teaser.left-content .icon.social {
			background-position: -5px -200px;
		}
		.teaser.left-content .icon.cloud {
			background-position: -5px -250px;
		}
		.teaser.left-content .icon.twitter {
			background-position: -5px -300px;
		}
		
		.teaser.left-content .text {
			padding: 1.5em 0.733em 0.335em 0.733em;
			-webkit-border-bottom-right-radius: 2px;
			-webkit-border-bottom-left-radius: 2px;
			-moz-border-radius-bottomright: 2px;
			-moz-border-radius-bottomleft: 2px;
			border-bottom-right-radius: 2px;
			border-bottom-left-radius: 2px;
		}
			.teaser.left-content .text p {
				margin: 0;
			}
			.teaser.left-content table td {
				border: none;
				padding: 1px;
			}

			.teaser.left-content .teaser.glossaryentry .text,
			.teaser.left-content .teaser.blogentry .text {
				padding: 0;
				margin-bottom: 13px;
				height: 4.3em;
				overflow: hidden;
				text-overflow: ellipsis;
			}
			.teaser.left-content .teaser.blogentry .text{
				height: 3.9em;
				line-height: 1.3em;
			}
				.teaser.left-content .teaser.blogentry .text .wp-caption {
					display: none; 
				}
			.teaser.left-content .teaser.blogentry {
				margin-bottom: 0;
			}
	.teaser.portalpackage .button{
		margin: 7px 118px;
	}
	
	.teaser.hotellist {
		margin: 0 0 1px 0;
		padding: 3px;
		background-color: #ECF7FC;
	}
	.teaser.hotellist.dark {
		background-color: #EEEEEE;
	}
		.teaser.hotellist .picture,
		.teaser.hotellist .checker {
			height: 118px;
		}
		.teaser.hotellist .checker {
			float: left;
			padding: 0 20px 0 0;
		}
	.follow_icons {
		margin-bottom: 13px;
	}
			
		.follow_icons span.follow_label { 
			display: none;
		}
		.follow_icons a.follow_icon { 
			display: block; 
			float: left; 
			height: 50px; 
			width: 50px; 
			margin-left: 43px; 
		 }
		.follow_icons a.follow_icon.facebook { 
			background-position: 0 0; 
		}
		.follow_icons a.follow_icon.twitter { 
			background-position: 0 -78px; 
		}
		.follow_icons a.follow_icon.youtube { 
			background-position: 0 -100px; 
			display: none;
		}
		.follow_icons a.follow_icon.rss { 
			background-position: 0 -151px; 
		}
			.follow_icons a.follow_icon span {
				display: none;
			}
			
		.follow_icons  a.follow_icon.newsroom{
			height: 83px;
	    	width: 326px;
			margin:0 7px;
			
		}
		.teaser.newsroom .box-basic{
			padding:0;
		}
			.teaser.newsroom .box-basic .follow_icons{
				margin-bottom: 0;
			}
			
			
	.info {
		background-position: 2px -118px;
	    display: block;
	    float: right;
	    height: 20px;
	    width: 20px;
	}
	.closed span,
	.open span {
		display: inline-block;
		width: 25px;
		height: 14px;
		margin-top: 2px;
		cursor: pointer;
		background-position: -6px -380px;
	}
	.closed span {
		background-position: -47px -380px;
	}
/*   -------------------------- Startpace ---------------------------------- */
#topcollage {
	position: relative;
	z-index: 5;
}

	#collage {
		position: relative;
	}
		#collage object {
		}
		#collage .youtube {
		}
		#collage .collage,
		#collage .inside,
		#collage.slider .slide {
			position: relative;
			z-index: 5;
			width: 720px;
			height: 342px;
			overflow: hidden;
		}
			#collage .collage h4 {
				position: absolute;
				z-index: 6;
				right: 20px;
				bottom: 50px;
				width: auto;
				padding: 5px 10px;
			}
				#collage .collage h4 a {
					color: #fff;
				}
		#collage.slider .scrollable {
			position: absolute;
			width: 20000em;
		}
			#collage.slider .slide {
				float: left;
			}
				
			#collage.slider .next,
			#collage.slider .prev {
				display: none;
				width: 60px;
				height: 60px;
				position: absolute;
				top: 142px;
				left: 0;
				z-index: 10;
				cursor: pointer;
				background-position: 0 0;
			}
			#collage.slider .next {
				left: auto;
				right: 0;
				background-position: 0 -100px;
			}
			#collage.slider .navi {
				display: block;
				text-align: center;
			}
			#collage.slider:hover .next,
			#collage.slider:hover .prev{
				display: block;
			}
				#collage.slider .navi a{
					display: inline-block;
					width: 20px;
					height: 20px;
					background-position: -10px -250px;
				}
				#collage.slider .navi a.active {
					background-position: -60px -250px;
				}
	
	#topblurbs {
		position: relative;
		height: 342px;
		background: rgb(229,229,229); /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U1ZTVlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
		background: -moz-linear-gradient(left,  rgba(229,229,229,1) 0%, rgba(255,255,255,1) 5%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(229,229,229,1)), color-stop(5%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 5%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 5%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 5%); /* IE10+ */
		background: linear-gradient(to right,  rgba(229,229,229,1) 0%,rgba(255,255,255,1) 5%); /* W3C */
	}
		#topblurbs .top {
			position: relative;
			z-index: 3;
			margin-bottom: -1px;
			padding: 15px 70px 14px 1.385em;
			border: 1px solid #e6e6e6;
			background-position: right -280px;
		}
			#topblurbs .top .text {
				height: 4.25em;
				overflow: hidden;
				text-decoration: none;
			}
				#topblurbs .top .text h4 {
					position: relative;
					z-index: 8;
				}
				#topblurbs .top .text p {
					margin: 0;
					text-decoration: none;
				}
			#topblurbs .top .biglink {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 6;
				display: block;
				width: 100%;
				height: 100%;
			}
				
				

	#packagefinder-short {
		padding: 12px 18px;
	}
		#packagefinder-short select {
			margin: 0 10px 0 0;
		}
		#packagefinder-short input.button {
			margin: 0;
		}


	#seotab {
		
	}
		#seotab .tabs {
			
		}
			#hoteltabs .tabtitle,
			.tabs li {
				position: relative;
				z-index: 6;
				font-size: 1.15em;
				padding: 0.47em 0.99em;
				text-shadow: 1px 1px 0px #fff; 
			}
			#hoteltabs .tabtitle,
			#seotab .tabs li,
			#jobtab .tabs li,
			#hoteltabs .tabs li {
				display: inline-block;
				background: none;
				text-align: center;
				cursor: pointer;
			}
			.tabs li.active{
				color: #008FD1;
				font-weight: bold;
			}
				.tabs li.active span {
					display: block;
					width: 22px;
					height: 10px;
					position: absolute;
				}
				#jobtab .tabs li.active span,
				#seotab .tabs li.active span,
				#hoteltabs .tabs li.active span {
					bottom: -2px;
					left: 45%;
					background-position: 0 bottom;	
				}
		#seotab .panes {
			height: 180px; 
			overflow: hidden;
		}
			#seotab .pane,
			#jobtab .pane {
				padding: 1.885em 1.385em 1.185em 1.385em;
				border-top: 1px solid #ccc;
			}
				#seotab .pane h2 {
					margin-bottom: 0.4em;
				}
				#seotab .pane .text {
					height: 8.3em;
					overflow: hidden;
				}
				#seotab .pane.teaser .text {
					height: 7em; /* less because of more link */
				}
				#seotab .pane.blurb .text {
					height: 9.2em; /* more because of headline */
				}
					#seotab .pane .text p {
						margin: 0;
					}
					
					#seotab .pane .span-6 {
						width: 490px;
					}
					#seotab .pane .span-2 {
						width: 150px;
					}
					#seotab .pane .pic {
						height: 90px;
					}
					#seotab .pane.blurb .pic {
						margin-top: 2em;
					}
	#hoteltabs .slide {
		float: left;
		height: 240px;
	    overflow: hidden;
	    width: 1010px;
	}
	#hoteltabs .teaser {
		width: 310px;
		margin: 9px 17px 15px 9px;
	}
		#hoteltabs .teaser .pic {
			height: 142px; 
		}
		#hoteltabs .teaser h4 {
			font-size: 1.076em;
		}
		#hoteltabs .teaser h6.span-2 {
			width: 150px; 
		}
		#hoteltabs .teaser .teaser-buttons.without-favs a {
			width: 49%; 
		}
		#hoteltabs .teaser .teaser-buttons.without-favs a.www {
			width: 50%; 
		}
		#hoteltabs .teaser .teaser-buttons a:hover {
			color: #5cad1a; 
		}
		#hoteltabs .tabtitle {
			float: left;
			border-right: 1px solid #ccc;
		}
		#hoteltabs .tabs {
			float: left;
			border-left: 1px solid #fff;
		}
		#hoteltabs .panes {
			position: relative;
			z-index: 5;
			height: 235px;
			padding: 13px 0 13px 28px;
			border-top: 1px solid #ccc;
		}
			#hoteltabs .panes .scrollable {
				position: relative;
				width: 1006px;
				height: 240px;
				overflow: hidden;
			}
				#hoteltabs .panes .scrollable .items {
				    clear: both;
				    position: absolute;
				    width: 20000em;
				}
			#hoteltabs .panes .next, 
			#hoteltabs .panes .prev {
				display: block;
				width: 20px;
				height: 20px;
				position: absolute;
				top: 111px;
				left: 0;
				z-index: 10;
				cursor: pointer;
				background-position: -10px -200px;
			}
			#hoteltabs .panes .next {
				left: auto;
				right: 0;
				background-position: -60px -200px;
			}
			#hoteltabs .panes .next.disabled, 
			#hoteltabs .panes .prev.disabled {
				opacity: 0.3;
				cursor: text;
			}
	
	#landingmenu {
		height: 180px;
		margin-bottom: 18px;
		overflow: hidden;
		-webkit-box-shadow: 0px 10px 11px #d9e7ee; /* webkit browser*/ 
		-moz-box-shadow: 0px 10px 11px #d9e7ee; /* firefox */ 
		box-shadow: 0px 10px 11px #d9e7ee;
		-webkit-box-shadow: 0px 10px 11px rgba(17,109,152,0.14); /* webkit browser*/ 
		-moz-box-shadow: 0px 10px 11px rgba(17,109,152,0.14); /* firefox */ 
		box-shadow: 0px 10px 11px rgba(17,109,152,0.14);
	}
	
		#landingmenu .landingul {
			border: 1px solid #cccccc;
			height: 178px; 
			background-color: #fff;
		}
			#landingmenu .landingul li {
				position: relative;
				border-bottom: 1px solid #cccccc;
				font-size: 1.15em;
				padding: 0.47em 1em;
			}
				#landingmenu .landingul li a {
					display: block;
					height: 1.385em;
					overflow: hidden;
					text-decoration: none;
				}
				#landingmenu .landingul li.active a {
					color: #008FD1;
				}
				#landingmenu .landingul li.active span {
					display: block;
					width: 10px;
					height: 22px;
					position: absolute;
					top: 7px;
					right: -2px;
					background-position: -110px -392px;					
				}
		#landingmenu .landingtabs {
			height: 178px;
			overflow: hidden;
			border: 1px solid #cccccc;
			border-left: none;
			background-position: 646px -175px;
		}
			#landingmenu .landingtabs ul {
				margin: 20px 5px 20px 15px;
				width: 240px;
				float: left;
			}
				#landingmenu .landingtabs li {
					display: block;
					height: 1.385em;
					overflow: hidden;
					padding: 0;
					font-size: 0.923em;
					background: none;
				}
					#landingmenu .landingtabs li a {
						text-decoration: none;
					}

#content {
	
}
	#content.content {
		padding: 3em;
	}
 /*   -------------------------- Forms & Functions ------------------------ */
.cal-input {
 	background-position: 124px -328px;	
}
.sortby {
	display: inline-block;
	width: 20px;
	height: 16px;
	cursor: pointer;
}
	.sortby.up {
		background-position: -2px -391px;
	}
	.sortby.down {
		background-position: -2px -360px;
	}
.searchform br {
	line-height: 1.385em;
}
.searchform select {
	width: 100%;
}				
.searchform label {
	float: none;
	clear: both;
}
.searchform label.input-box {
	float: left;
	white-space: normal;
	clear: none;
	margin-left: 5px;
}
#pf_filterperiod,
#pf_availonly,
.newfunction input[type=checkbox],
.newfunction input[type=radio] {
	float: left;
	margin: 2px 0;
}
/* -------------------------------------------- Neue Formulare ---------------------------------------------------- */
.newfunction.span-10 {
	width: 862px;
}
	.newfunction fieldset {
		padding: 0.71em;
		border: none; 
	}
	.newfunction label.newlabel {
		clear: both;
		display: block; 
		float: none;
	}
	.newfunction input[type=text], .newfunction textarea, .newfunction select {
		width: 250px; 
	}
	.newfunction select {
		width: 257px; 
	}
	.newfunction input[type=text]:focus, .newfunction textarea:focus, .newfunction select:focus {
		border: 1px solid #0095D9; 
		background-color: #fff; 
	}
		.newfunction .span-4 .span-1.left,
		.newfunction .span-4 .span-1.left input[type=text],
		.newfunction .span-4 .span-1.left label { 
			width: 90px; 
		}
		.newfunction .span-4 .span-2.left input[type=text],
		.newfunction .span-4 .span-2.left label { 
			width: 140px; 
			margin: 0; 
		}
	.newfunction input[type=checkbox],
	.newfunction input[type=radio] {
		float: left;
		margin: 2px 2px 0 0;
		width: auto;
	}
	.newfunction #bkr_verifycode { 
		float: left; 
	}
	.newfunction .info.captcha {
		float: left;
		margin-left: 5px; 
	}
	.newfunction br{
		clear: both;
	}
/* ------------------------------------------- Schnellanfrage (Kurz mal Weg) -------------------------------------- */
#div_N, #div_M, #div_B, #div_A, #div_S, #div_C, #div_H, #div_germany{ 
	margin-left: 17px; 
}
#offertype + label + table, 
#flextype + label + table { 
	margin-top: 17px; 
}
	#requestform label, 
	#requestform label:hover { 
		cursor: pointer; 
	}
	.typerow { padding: 5px 0; }
	.typerow.active { background-color: #edf6fa;}
		#arrdepdate, #offers {
			width: 400px;
			position: absolute;
			z-index: 5;
			top: 44px;
			right: 0; 
			padding: 10px;
			background-color: #edf6fa; }
		#offers { 
			top: 58px; 
		}
	
			#arrdepdate label {
				width: 75px;
				padding: 4px 0;
			}
				#bkr_arrivalday,
				#bkr_departureday {
					width: 100px;
					margin-right: 5px;
				}
				#arrdepdate img {
					margin-top: 4px;
				}
/* ------------------------------------------- Newsletter -------------------------------------- */
#newsletter_cat_boxheader,
#newsletter_cat_boxheader strong {
	color: #fff;
}
				
#newsletter_cat_boxcontent {
	padding: 13px 0;
}	
	#newsletter_cat_boxcontent li {
		background: none;
		padding: 2px 5px;
		clear: both;
	}
/* ------------------------------------------- Joboffers -------------------------------------- */
.span-1.zip {
	padding: 5px;
	width: 50px;
	margin: 0;
}
	.span-1.zip label {
		width: 20px;
	}

.joboffer .box.span-2 {
	width: 185px;
}

/* --------------------                             Trust Elements                     ------------------------------ */
.trust {
	
}
	.trust h5 {
		margin: 0;
		padding: 5px;
		font-size: 1.153em; 
		font-weight: bold;
	}
		.trust h5 a{
			color: #fff;
			font-weight: bold;
		}
	
		.shoppingcart.trust .icon {
			display: inline-block;
			width: 40px;
			height: 25px;
			float: right;
			padding: 5px 0 0 0;
			margin: -5px 0 0 0;
			color: #0095D9;
			text-align: center;
			background-position: -5px -470px;
		}
			.shoppingcart.trust .button.medium {
				margin-top: 5px;
				width: 104px;
			}
		
		.trust .relative {
			padding: 5px;
		}
/* --------------------                             Wellness Lexicon                     ------------------------------ */
#glossaryhead, .alphabet li, .glossylist.active { 
	background-image: url(http://www.wellnesshotels-resorts.de/media/img/2013/lexicon.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
	.alphabet { 
		position: relative;
		z-index: 5;
		width: 450px;
		float: left;
		margin: 0;
		padding: 0; 
	}
		.alphabet li {
			position: relative;
			z-index: 10;
			display: block;
			float: left;
			width: 16px;
			height: 103px;
			padding: 0;
			list-style: none; 
			background-position: -5px 0; 
		}
		.alphabet li:hover, .alphabet li.active{
			background-position: -35px 0; 
		}
			.alphabet li.a, .alphabet li.z {
				width: 32px; 
				background-position: -50px 0; 
			}
			.alphabet li.a:hover, .alphabet li.a.active {
				background-position: -80px 0; 
			}
			.alphabet li.z { background-position: -110px 0; z-index: 6; }
			.alphabet li.z:hover, .alphabet li.z.active { background-position: -142px 0; }
				.alphabet li a{ 
					color: #fff;
					display: block;
					font-size: 18px;
					width: 16px;
					text-align: center;
					text-decoration: none;
					padding: 68px 0 0; 
				}
				.alphabet li a:hover { text-decoration: none; }
				.alphabet li.a a { 
					width: 43px;
					-moz-transform:rotate(9deg); /* Firefox 3.6 Firefox 4 */
					-webkit-transform:rotate(9deg); /* Safari */
					-o-transform:rotate(9deg); /* Opera */
					-ms-transform:rotate(9deg); /* IE9 */
					transform:rotate(9deg); /* W3C */ 
				}
				.alphabet li.z a { 
					padding-left: 5px; 
					width: 18px;
					-moz-transform:rotate(-10deg); /* Firefox 3.6 Firefox 4 */
					-webkit-transform:rotate(-10deg); /* Safari */
					-o-transform:rotate(-10deg); /* Opera */
					-ms-transform:rotate(-10deg); /* IE9 */
					transform:rotate(-10deg); /* W3C */ 
				} 
		.alphabet li.worm { 
			background-image: url(../../media-sub/media/img/wurm.gif); 
			background-position: center bottom; 
			background-repeat: no-repeat;
			width: 25px; 
			position: absolute; 
			bottom: -4px; 
			z-index: 7; 
		}

	#glossaryhead { 
		position: relative; 
		z-index: 5; 
		margin-bottom: 40px; 
		padding: 0 2px 28px 222px;
		background-position: 10px bottom;
	}
		#glossaryhead .glossy, #glossaryhead .alpha {
			font-size: 14px; 
			position: absolute;
			right: -78px;
			top: 42px;
			font-family: 'Abel', HelveticaNeue-Condensed, "Arial Narrow", Arial, Helv, Helvetica, sans-serif; 
		}
		#glossaryhead .alpha {
			right: -23px;
			top: 27px; 
		}
		#glosterm {
			padding:2px 4px 0 4px;
			width: 140px;
			height:17px;
			float: left;
			border: 1px solid #939393;
		}
			#glossearch { 
			 	float: left; }
			#glossary {
				width: 203px; 
				height: 31px;
				padding: 15px 0 0 15px;
				position: absolute;
				bottom: 0;
				right: 26px; 
			} 
	#glossylist { 
		width: 195px; 
		float: left; 
		border-right: 1px solid #dfddde; 
	}
		.glossylist {
			display: block;
			width: 190px;
			padding: 3px 0 3px 15px;
			color: #666666; 
			text-decoration: none;
		}
		.glossylist:hover { 
			text-decoration: none;  
			color: #0095D9; 
		}
		.glossylist.active { 
			background-position: 0 -160px; 
			color: #0095D9; 
			font-size: 14px; 
			padding-top: 1px; 
		}
	
		#glossylist hr.dotted { 
			border-bottom: 1px dashed #dfddde; 
			width: 165px; 
			margin: 0 0 2px 15px; 
		}

	#glossaryentry { 
		float: left; 
		width: 730px; 
		margin-left: 30px; 
	}
		.glossaryentry h1 span { 
			background-color: #fffc00; 
		}
		.glossaryentry .sharebutton { 
			width: 180px; 
			float: right; 
		}
		.glossaryentry .button.btnprint { 
			float: right; 
			margin-top: 8px; 
		}
		.glossaryentry .third h2 { 
			margin-top: 0; 
		}
		.glossaryentry .hotelbuttons { 
			float: right; 
		}
			.glossaryentry .hotelbuttons .button { 
				margin-right: 5px; 
			}
		.glossaryentry .georegion { 
			float: right; 
			text-align: right; 
		}
			.glossaryentry .georegion label { 
				color: #0095D9;  
				font-weight: normal;
			}
			.glossaryentry .georegion input { 
				margin-top: 6px; 
				margin-right: 5px;
			}
		/*.teaser.glossaryentry { 
			width: 665px; 
			height: auto; 
			float: none; 
		}*/
		.hotellistresult h4 { 
			cursor: pointer; 
		}
 /*   -------------------------- Hotelfinder ----------------------------------- */
#hotelfinder2{
	
}
	#hotelfinder2 .col {
		padding-bottom: 0.71em;
	}
		#hotelfinder2 h6 {
			margin: 0.71em 0 0 0.71em;
			font-size: 1em;
			line-height: 1.385em;
			color: #0095D9;
			cursor: pointer;
		}
			#hotelfinder2 h6 .sortby {
			}
			
			#hotelfinder2 li {
				padding: 2px 0;
				clear: both;
			}
				#hotelfinder2 li label {
					float: left;
					clear: none;
				}
				#hotelfinder2 li input[type="checkbox"] {
					margin: 2px 5px 0 0;
				}
 /*   -------------------------- Arrangementsuche ----------------------------------- */
	#pf_arrival,
	#pf_departure {
		margin-bottom: 6px;
	}
 /*   -------------------------- Sitemap ----------------------------------- */
.sitemap {
	
}
	.sitemap .sub2 {
		padding-left: 40px;
		background-position: 18px -300px;
	}
 /*   -------------------------- Footer ----------------------------------- */
#footer {
	position: relative;
	width: 100%;
	color: #fff;
	background: rgb(0,116,168); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNzRhOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQlIiBzdG9wLWNvbG9yPSIjMDA4ZmQxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(0,116,168,1) 0%, rgba(0,143,209,1) 2%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,116,168,1)), color-stop(2%,rgba(0,143,209,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,116,168,1) 0%,rgba(0,143,209,1) 2%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,116,168,1) 0%,rgba(0,143,209,1) 2%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,116,168,1) 0%,rgba(0,143,209,1) 2%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,116,168,1) 0%,rgba(0,143,209,1) 2%); /* W3C */
}	
	#footer hr.line {
		background-color: #2cb0ec;
		border-bottom: 1px solid #2cb0ec;
		border-top: 1px solid #006796;
		margin: 0;
		height: 0;
	}
	
	#trustbanner {
		position: relative;
		padding: 20px 0 0 0;
	}
		.trustbanner {
			position: relative;
			height: 108px;
			margin-bottom: 17px;
			overflow: hidden;
		}
			.trustbanner .picture,
			.trustbanner #thawteseal {
				width: 75px;
				height: 75px;
				margin: 18px;
			}
			.trustbanner #thawteseal {
				width: 85px;
				float: left;
			}
			.trustbanner .text {
				margin: 18px;
				height: 4.2em;
				overflow: hidden;
			}
			.trustbanner .picture + .text,
			.trustbanner #thawteseal + .text {
				float: left;
				width: 200px;
				margin-left: 0;
			}
				.infopoints .text p,
				.trustbanner .text p {
					margin: 0;
				}
				
		.infopoints {
			padding: 15px 0 16px 0;
		}
			.infopoints .picture {
				width: 40px;
				margin-top: 6px;
			}
			.infopoints .text {
				width: 160px;
				float: left;
				height: 4.3em;
				overflow: hidden;
			}
				.infopoints .text h4,
				.infopoints .text h4 a {
					font-size: 1em;
					color: #fff;
				}
				.infopoints .text p, 
				.infopoints .text p a {
					color: #9cddfb;
					text-decoration: none;
				}
		
	#footernav {
		padding: 20px 0;
	}
		#footernav li {
			padding-left: 0; 
			background: none;
			line-height: 1.079em;
		}
		#footernav li.level1 {
			font-size: 1.079em;
			padding-bottom: 11px;
		}
		#footernav li.level2 {
			padding-bottom: 4px;
			font-size: 0.923em;
		}
			#footernav li a {
				text-decoration: none;
			}
			#footernav li.level1 a {
				color: #fff;
				
			}
			#footernav li.level2 a {
				color: #9cddfb;
			}
	
	#footer .up {
		float: right;
		width: 40px;
		height: 30px;
		padding: 0;
		margin-top: -18px;
	}
		#footer .up span {
			display: none;
		}
		#footer .up span.icon {
			display: block;
			width: 40px;
			height: 30px;
			padding: 0;
			background-position: 2px -371px;
		}
	
	#address {
		padding: 10px 0 15px 0;
	}
		#address a {
			color: #fff;
		}
		#address span,
		#address a {
			padding-left: 20px;
			background-position: 2px -302px;
		}
		#address span.org,
		#address span.locality {
			padding: 0;
			background: none;
		}
 /*   -------------------------- Tooltipp & Layer ----------------------------------- */
#tooltip {
	position: fixed;
	top: 50px;
	left: 50px;
	z-index: 500;
	width: 180px;
	display: none;
}
	#tooltip span {
		position: relative;
		z-index: 502;
		display: block;
		height: 10px;
		width: 100%;
		background-position: center bottom;
	}
	#tooltip .inside {
		position: relative;
		z-index: 501;
		background-color: #fff;
		border: 1px solid #9dc119;
		border-top: none;
		color: #4c4c4c;
		padding: 10px 6px;
	}
	
#layer, 
#onlineshopLayer {
	position: fixed;
	top: 100px;
	left: 50px;
	z-index: 601;
	width: 880px;
	display: none;
	background-color: #fff;
}
#onlineshopLayer {
	position: absolute;
}
#layer-bg,
#onlineshopLayerBG {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 600;
	width: 100%;
	background-color: #fff;
}
	#layer .header,
	#maplayer .header {
		padding: 2px 1px 0 1px;
	}
		#layer .close,
		#maplayer .close,
		#onlineshopLayer .header .close,
		#lightbox-secNav-btnClose {
			display: block;
			width: 31px;
			height: 28px;
			float: right;
			cursor: pointer;
			background-position: -5px -5px;
		}
		#layer .close:hover,
		#maplayer .close:hover,
		#onlineshopLayer .header .close:hover,
		#lightbox-secNav-btnClose:hover {
			background-position: -50px -5px;
		}
			#onlineshopLayer .header .close a{
				display: block;
				width: 100%;
				height: 100%;
				text-decoration: none;
				background: none;
			}
	#layer .inside {
		padding: 5px 0 10px 10px;
		max-height: 500px;
	}
		#layer .inside .span-7 {
			width: 600px;
		}
		#layer .inside .span-5 {
			width: 420px;
		}
		#layer .layersmall .span-4 {
			width: 360px;
		}
		#layer .layersmall .span-4.last {
			width: 380px;
		}
		#layer .layersmall .stars {
			width: 90px;
		}
		#layer .layersmall .hotelname {
			width: 270px;
		}
		#layer .layersmall .hotelname.full {
			width: auto;
		}
		#layer .layersmall .text {
			height: 12.5em;
			overflow: hidden;
			overflow-y: auto;
		}
	#layer iframe {
		border: none;
		background-color: #fff;
	}
	.htmlmap {
		position: relative;
		z-index: 50;
	}
		#maplayer {
			width: 250px; 
			display: block; 
			top: 80px; 
			left:740px; 
			z-index: 109;
			position:absolute;
		}
			#maplayer .mapdesc {
				padding-left: 50px;
				min-height: 55px;
			}
			
			/*durch die urspr�ngliche Css-Angabe (background: url('http://media.wellnesshotels-resorts.de/media/img/POI-Marker-BIG.png') 0 0 / 45px 55px  no-repeat;) 
			 * wurden die Bilder nicht gerendert, und es gab einen CSS Fehler. Deshalb habe ich das so umgebaut. 
			 * Nur damit sich niemand wundert. :)
			 * SW,26/07/2013*/	
			#maplayer .mapdesc.bookable {
				background-image: url('../../media-sub/media/img/POI-Marker-bookable.png');			
			}
			#maplayer .mapdesc.unbookable {
				background-image: url('../../media-sub/media/img/POI-Marker-unbookable.png');	
			}
			#maplayer .mapdesc.cluster {
				background-image: url('../../media-sub/media/img/POI-Marker-Cluster.png');	
			}
			#maplayer .mapdesc.activehotel {
				background-image: url('../../media-sub/media/img/POI-Marker-BIG.png');	
			}
			#maplayer .mapdesc{
				background-position: 0 0;
				background-size: 45px 55px;
				background-repeat: no-repeat;
			}
		
/*   -------------------------- Popup ----------------------------------- */
body.popup {
	background-color: #fff;
}
	.popup #header,
	.popup #topcollage,
	.popup #landingmenu,
	.popup .pt,
	.popup hr,
	.popup #footer {
		display: none;
	} 
	.popup #page {
		margin-top: 5px !important;
		width: auto;
	} 
		.popup #content hr.space {
			display: block;
		}

 /* ----------------------------- * Calendar * ----------------------------- */
	.calendar { position:relative; background-color:#fff; font-family:Arial, Helv, Helvetica, sans-serif; font-size:0.9em; border:2px solid #fff; z-index:10000; cursor:pointer; } 
	.calendar table { color:#4c4c4c; border:3px solid #008FD1; cursor:pointer; border-collapse:separate; }  
	.calendar table td { text-align:center; border: none; }   
	.calendar .button, .calendar .button div { 
		background: none;
		background-color:#008FD1; 
		color:#fff; 
		text-shadow: none; 
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		-webkit-box-shadow: none; /* webkit browser*/ 
		-moz-box-shadow: none; /* firefox */ 
		box-shadow: none;
		float: none;
	}  
	.calendar thead .title { background-color:#008FD1; color:#fff; padding:2px; font-weight:bold; text-align:center; text-transform:uppercase; }  
	
	.calendar thead .headrow .button { color:#fff !important; }  
	.calendar .nav { background-color:#008FD1; color:#4c4c4c; }  
	.calendar thead .hilite { background-color:#008FD1; color:#4c4c4c; }  
	.calendar thead .active { color:#4c4c4c; }  
	.calendar thead .daynames { border:0; }  
	.calendar thead .day, .calendar thead .day.hilite { padding: 2px; }
	.calendar thead .name { color:#4c4c4c; border-bottom:0; padding:5px; text-align:center; font-weight:bold; }  
	.calendar thead .weekend { color:#4c4c4c; }  
	.calendar thead .daynames .hilite { background-color:transparent; border:0; padding:5px;}  
	.calendar thead .daynames .active { background-color:transparent; border:0; }   
	.calendar thead .button, .calendar thead .button.hilite { display: table-cell; padding: 2px; }
	.calendar tbody .day { text-align:center; color:#4c4c4c; border-top:1px none #008FD1; border-right:1px none #008FD1; border-bottom:1px none #008FD1; border-left-width:1px; border-left-color:#4c4c4c; } 
	.calendar tbody .day.othermonth { color:#4c4c4c; font-size:70%; } 
	.calendar tbody .day.othermonth.oweekend { color:#4c4c4c; } 
	.calendar table .wn { visibility:hidden; color:#008FD1; background:transparent none; } 
	.calendar tbody td { margin:0; padding:0; width:2em; height:1.5em; } 
	.calendar tbody .rowhilite td { } 
	
	.calendar tbody .rowhilite td.wn { color:#4c4c4c; }  
	.calendar tbody td.hilite { background-color:#ccc; color:#4c4c4c; }  
	.calendar tbody td.active { background-color:#ccc; color:#4c4c4c; border-width:1px; }  
	.calendar tbody td.selected { background-color:#008FD1; color:#fff; font-weight:bold; }  
	.calendar tbody td.weekend { background-color:#008FD1; color:#4c4c4c; }  
	.calendar tbody td.weekend:hover { background-color:#666; color:#4c4c4c; font-weight:bold; }  
	.calendar tbody td.today { font-weight:bold; } 
	.calendar tbody .disabled { color:#909090; }  
	.calendar tbody .emptycell { visibility:hidden; }  
	.calendar tbody .emptyrow { display:none; }   
	.calendar tfoot .footrow { }  
	.calendar tfoot .ttip { color:#4c4c4c; line-height:0; text-indent:-999em; font-size:0px; }  
	* html .calendar tfoot .ttip { } 
	*:first-child+html .calendar tfoot .ttip { } 
	.calendar tfoot .hilite { } 
	.calendar tfoot .active { }  
	.calendar .combo { display:none; background-color:#008FD1; color:#4c4c4c; position:absolute; top:0px; left:0px; border:1px solid #000; width:4em; cursor:pointer; font-size:90%; } 
	.calendar .combo .label, .calendar .combo .label-IEfix { padding:1px; text-align:center; } 
	.calendar .combo .label-IEfix { width:4em; } 
	.calendar .combo .hilite { background-color:#008FD1; color:#4c4c4c; } 
	.calendar .combo .active { background-color:#949393; color:#4c4c4c; border-top:1px solid #008FD1; border-bottom:1px solid #008FD1; border-style:none; font-style:normal; } 
	.calendar td.time { background-color:#008FD1; border-top:1px solid white; padding:1px 0px; text-align:center; } 
	.calendar td.time .hour, .calendar td.time .minute, .calendar td.time .ampm { color:#4c4c4c; border:1px solid #008FD1; padding:0 3px 0 4px; font-weight:bold; } 
	.calendar td.time .ampm { text-align:center; } .calendar td.time .colon { padding:0 2px 0 3px; font-weight:bold; } 
	.calendar td.time span.hilite { background-color:#949393; color:#4c4c4c; border:1px solid #008FD1; } 
	.calendar td.time span.active { background-color:#949393; color:#4c4c4c; border:1px solid #008FD1; }
	
	/* iPad CSS 
	    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : landscape) {}
	    
	    @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {} 
	*/
	
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body {
		width: 1080px;
	}
	#footer {
		width: 1080px;
	}
}

/* Favorites (Page) */

#favhotelsresults .checker .button.top-margin,
#favpackagesresults .checker .button.top-margin {
	margin-top: 27px;
}
label[for="favhotels_checkall"],
label[for="favpackages_checkall"] {
	line-height: 1.7em;
}
	#favhotelsresults .checker .button,
	#favpackagesresults .checker .button,
	label[for="favhotels_checkall"] .button,
	label[for="favpackages_checkall"] .button {
		width: 34px;
		height: 16px;
		padding: 2px;
		clear: both;
		margin-bottom: 20px;
		margin-left: 10px;
	}

	label[for="favhotels_checkall"] .button,
	label[for="favpackages_checkall"] .button{
		margin-bottom: 0;
		margin-left: 5px;
		margin-right: 20px;
	}
		#favhotelsresults .checker .button input,
		#favpackagesresults .checker .button input,
		label[for="favhotels_checkall"] .button input,
		label[for="favpackages_checkall"] .button input{
			margin: 2px 12px 0 10px;
		}

#favhotelsresults .checker .removefav .icon,
#favpackagesresults .checker .removefav .icon {
	display: block;
	margin-left: 8px;
	background-position: 0 -211px;
	height: 16px;
	overflow: hidden;
	width: 20px;
	text-indent: -999px;
}

#favhotelsresults .box-grey label,
#favhotelsresults #favhotels_checkall,
#favpackagesresults .box-grey label,
#favpackagesresults #favpackages_checkall {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.teaser.hotellist .favorites.button{
	float:right;
	top: 0;
	right: 0;
	background: none;
	width: 16px !important;
	padding-right: 0 !important;
	margin-right: 6px !important;
	padding-top: 2px;
	border: none;
	background:none;
	box-shadow: inherit;
}
.teaser.hotellist .favorites.button .icon{
	text-indent: -9999px;
	background-position: 0 -211px;
}

#tooltip .buttons{
	width: 30px;
	font-weight: bold;
	float: left;
}
	#tooltip .buttons{
		margin-left: 10px;
	}
	
.insideRemoveFav{
	height: 60px;
	text-align: center; 
	margin-top: 5px;
}