html{
height:101%;
background:url(images/bg_page.png) left top repeat-x #e6e9ee;
}

body{
font-family:Tahoma,Arial, Helvetica, sans-serif;
color:#666;
font-size:11px;
background:url(images/bg_circles.gif) center top no-repeat;
}

#wrap, #header, #content, #footer{
width:980px;
}

#wrap{
position:relative;
margin:0 auto;
padding-top:100px;
}

#wrap:after{content:"";}

	a#logo{
	position:absolute;
	top:16px;
	left:20px;
	z-index:99;
	}

#header{
position:absolute;
top:0;
height:100px;
background:#fff;
}

	ul#languagenav{
		position:absolute;
		left:240px; top:14px;
	}
	
		#languagenav li{
			display:inline;
			margin-right:12px;
			}
		
			#languagenav a{
				color:#333;
				text-decoration:none;
			}
			
			#languagenav a:hover{color:#ab0f60;}
	
	ul#topnav{
		position:absolute;
		left:240px; top:58px;
	}
	
		#topnav li{
			float:left;
			margin-right:15px;
			}
		
		#search {
		position:absolute;
		left:595px; top:53px;
		width: 165px;
		}
			
			#search label {
				position:absolute;
				top:5px;
			}
			
			#search input#query{
			position:absolute;
			left:45px;
			background: #eceff2;
			border: none;
			padding: 4px 8px 0 8px;
			font-family:Tahoma,Arial, Helvetica, sans-serif;
			font-size:11px;
			line-height:13px;
			border:none;
			color: #999;
			width: 84px;
			height: 18px;
			float: left;
			}
			
			#search input#submit {
			position:absolute;
			right:0;
			}
			
		#kinderwelten{
			width:200px;
			height:100px;
			float:right;
			background:url(images/bg_kinderwelten.gif) no-repeat;
		}
		
			#kinderwelten p{
				color:#ab0f60;
				line-height:14px;
				padding:17px 0 2px 20px;
			}	
			
#content{
position:relative;
background:#fff;
}

	#imglogo{
		position:absolute;
		left:20px; top:20px;
	}

	#leftcol{
	width:780px;
	padding-bottom:20px;
	float:left;
	}
	
		#topimg{
			width:780px;
			height:220px;
			overflow:hidden;
		}
	
		#rightbox{
		width:520px;
		padding:16px 20px 0 40px;
		float:right;
		background:url(images/bg_rightbox.jpg) right top no-repeat;
		line-height:14px;
		}
		
			h1{
				margin-bottom:33px;
				color:#ab0f60;
				font-size:27px;
				line-height:33px;
				font-weight:normal;
			}
			
			h2{
				font-size:11px;
				line-height:14px;
				margin-bottom:14px;
			}
			
			#rightbox a.eyecatcher{
				display:block;
				padding:15px 0 0 17px;
				margin-bottom:14px;
				font-weight:bold;
				color:#ab0f60;
				text-decoration:none;
				background:url(images/icon_eyecatcherlink.gif) left top no-repeat;
			}
			
			#rightbox a.eyecatcher:hover{text-decoration:underline;}
			
		#rightbox p{
			margin-bottom:14px
		}
		
		#leftbox{
		width:180px;
		padding:11px 0 0 20px;
		float:left;
		}
		
			ul#nav{
			}
			
				#nav li{
					padding:8px 0 8px 0;
					border-bottom:1px solid #e0e4e8;
				}
				
				#nav a{
					display:block;
					height:13px;
				}
				
					#nav a span{display:none;}
				
				a#hotel{background:url(images/nav_hotel.gif) no-repeat;}
				a#hotel:hover{background:url(images/nav_hotel_over.gif) no-repeat;}

				a#kinderbetreuung{background:url(images/nav_kinderbetreuung.gif) no-repeat; height:12px;}
				a#kinderbetreuung:hover{background:url(images/nav_kinderbetreuung_over.gif) no-repeat;}
				
				a#balance{background:url(images/nav_balance.gif) no-repeat;}
				a#balance:hover{background:url(images/nav_balance_over.gif) no-repeat;}
				
				a#wellness{background:url(images/nav_wellness.gif) no-repeat; height:12px;}
				a#wellness:hover{background:url(images/nav_wellness_over.gif) no-repeat;}
				
				a#spa{background:url(images/nav_spa.gif) no-repeat;}
				a#spa:hover{background:url(images/nav_spa_over.gif) no-repeat;}
		
	#rightcol{
	width:160px;
	padding:0 20px 20px 20px;
	float:right;
	color:#fff;
	line-height:14px;
	}
	
		.box{
			padding:18px 0 16px 0;
			border-top:1px solid #e0e4e8;
		}
		
			.box.variant{
				padding:10px 0 29px 0;
			}
		
			.box a{
				color:#333;
				text-decoration:none;
			}
			
			.box a:hover{
				color:#ab0f60;
			}
			
			.box .headline{
				margin-bottom:13px;
			}
			
			.box li{
				padding-left:13px;
				background:url(images/icon_arrow.gif) 0 6px no-repeat;
			}
			
		img#lyoness{
			margin-top:200px;
		}
			
	#footer{
	position:relative;
	height:101px;
	clear:both;
	background:url(images/bg_footer.png) left top no-repeat #E6E9EE;
	color:#8a8b8d;
	line-height:16px;
	font-size:11px;
	}
	
		#footer a{
			color:#8a8b8d;
			text-decoration:none;
		}
		
			#footer a:hover{color:#8b0f60;}
	
		#kinderhotels{
			width:176px;
			height:95px;
			display:block;
			float:left;
			background:url(images/logo_kinderhotels.png) no-repeat;
		}
		
		
		#kinderhotels:hover{
			background:url(images/logo_kinderhotels_over.png) no-repeat;
		}
		
			#kinderhotels span{display:none;}
		
		#footer address{
			position:absolute;
			top:35px; left:240px;
			font-style:normal;
		}
			
		#footernav{
			position:absolute;
			left:564px; top:35px;
		}
		
			#footernav a{
				padding-right:9px;
			}
			
		img#elements{
			position:absolute;
			top:39px; right:0;
		}
	
	#information{
		position:absolute;
		top:599px; right:20px;
		padding:18px 0 16px 0;
		border-top:1px solid #e0e4e8;
		z-index:99;
	}
	
		#information a{
			font-size:11px;
			line-height:14px;
			color:#333;
			text-decoration:none;
		}
		
		#information a:hover{
			color:#ab0f60;
		}
		
		#information .headline{
			margin-bottom:13px;
		}
		
		#information li{
			padding-left:13px;
			background:url(images/icon_arrow.gif) 0 6px no-repeat;
		}
	
/* ---------------------------------------------------*/
*{
margin: 0;
padding: 0;
list-style: none;
}

:focus{
outline: 0;
}

img{
border: 0;
display:block;
}

.static{
position:static;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}

.clearfix {
display: inline-block;
}

html[xmlns] .clearfix {
display: block;
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
/* End hide from IE-mac */