@charset "UTF-8";

/*------------------------ */
/* STANDARD HTML TAG RESET */
/*------------------------ */


body,h1,h2,h3,p,ul,li,img,form {
	border:0px;
	margin:0px;
	padding:0px;
}

/*----------------------------- */
/* STANDARD HTML TAG DEFINITION */
/*----------------------------- */
html,body {
	height: 100%;
	overflow:auto;
	background-color:#FFF;
}

body,form,input,select{
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

input {
	line-height:150%;
	padding-left:3px;
}

h1{
	font-size:24px
}
h2{
	font-size:18px
}
h3{
	font-size:13px;
}

a:link, a:visited {
	text-decoration:none;
	color:#2c4b82;
}
a:hover {
	text-decoration: underline;
}

/*-----------------------------	*/
/* PAGE ELEMENTS				*/
/*----------------------------- */

#container {
	position:absolute;
	left:50%;
	margin-left:-494px;
	width:988px;
	height:100%;
	background-color:#eef4fa;
}

/*-----------------------------	*/
/* HEAD ELEMENTS				*/
/*----------------------------- */

#header {
	height:79px;
	width:988px;
	padding-top:15px;
	background-color:#FFF;
}
#subheader{
	height:39px;
	width:988px;	
	background-image:url(../img/subheader.gif)
}
#subheader p{
	padding-top:12px;
	font-weight:bold;
	color:#FFF;
	line-height:16px;
	float:left;
}
.language{
	height:16px;
	width:16px;
}
#vorteile{
	width:200px;
	height:269px;
	margin-top:0px;
	float:left;
	background-image:url(../img/vorteile_de.jpg);
	background-repeat:no-repeat;
}

/*-----------------------------	*/
/* CONTENT ELEMENTS				*/
/*----------------------------- */

#content{
	width:988px;
	padding-top:4px;
	background-color:#FFF;
	float:left;
	padding-bottom:15px;
}

#hotels-left{
	width:238px;
	float:left;
	margin-top:10px;
}
#hotels-right{
	padding-left:30px;
	width:720px;
	float:left;
	margin-top:10px;
}
.punkte{
	width:210px; 
	font-weight:bold; 
	font-size:12px; 
	margin-left:12px; 
	margin-top:9px;  
	float:left; 
	height:12px; 
	color:#2c4b82; 
	background-image: url(../img/punkt.gif); 
	background-repeat:repeat-x; 
	background-position:bottom;
}
.preis{
	float:left; 
	font-weight:bold; 
	font-size:12px; 
	margin-top:9px; 
	height:12px; 
	color:#2c4b82;
}


.hotels-big{
	background-image:url(../img/hotels_big.gif);
	background-repeat:no-repeat;
	float:left;
	width:238px;
	height:338px;
}
.back-pic{
	float:left;
	width:238px;
	height:338px;
	margin-right:13px;
}
.stoerer-big{
	background-image:url(../img/stoerer_big.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	margin-top:8px;
	width:50px;
	height:33px;
	float:left;
	font-size:12px;
	color:#FFF;
	padding-left:5px;
	padding-top:22px;
	font-weight:bold;
}
.stoerer-unten{
	width:228px;
	height:38px;
	background-image:url(../img/stoerer_unten.gif);
	background-repeat:no-repeat;
	float:left;
	margin-left:5px;
	margin-top:206px;
	font-size:12px;
	color:#555555;
	font-weight:bold;
	
}
#angebote-stoerer{
	margin-left:12px;
	margin-top:80px;
	background-image:url(../img/angebote_stoerer.gif);
	background-repeat:no-repeat;
	width:200px;
	height:20px;
	float:left;
	font-size:12px;
	color:#FFF;
	padding-left:5px;
	padding-top:5px;
	font-weight:bold;
}
.hotels-small{
	background-image:url(../img/hotels_small.gif);
	background-repeat:no-repeat;
	background-color:#edf4fa;
	float:left;
	width:154px;
	height:338px;
	margin-right:8px;
}
.headline{
	font-weight:bold;
	font-size:13px;
	margin-left:10px;
	margin-top:5px;
	color:#FFF;
}

#suche{
	width:652px;
	padding-bottom:10px;
	border-left:1px solid #cc092f;
	border-right:1px solid #cc092f;
	background-repeat:no-repeat;
	float:left;
}

#suche-top{
	width:654px;
	height:27px;
	background-image:url(../img/hotelsearch_top.jpg);
	margin-top:4px;
	background-repeat:no-repeat;
	float:left;
}

#suche-bottom{
	width:654px;
	height:3px;
	background-image:url(../img/hotelsearch_bottom.jpg);
	margin-bottom:12px;
	background-repeat:no-repeat;
	float:left;
}
#angebote{
	float:left;
	width:321px;
	height:310px;
	margin-top:4px;
	background-image:url(../img/angebote_back.jpg);
	margin-bottom:12px;
	background-repeat:no-repeat;
}
#hotels-header{
	width:988px;
	height:38px;
	float:left;
	background-image:url(../img/tophotel_de.jpg);
	margin-bottom:12px;
	background-repeat:no-repeat;
}
#hotels{
	width:988px;
	height:283px;
	float:left;
	margin-bottom:12px;
}
#suche-small{
	width:238px;
	_width:228px;
	float:left;
}
#search-body{
	width:238px;
	_width:228px;
	float:left;
	background-color:#bad0e8;
	padding-bottom:5px;
}
#top{
	width:238px;
	_width:228px;
	height:26px;
	background-image:url(../img/hotelsearch-small-top.gif);
	background-repeat:no-repeat;
	float:left;
}

#bottom{
	width:238px;
	_width:228px;
	height:4px;
	background-image:url(../img/hotelsearch-small-bottom.gif);
	margin-bottom:12px;
	background-repeat:no-repeat;
	float:left;
}
#suche table{
	color:#2c4b82;
	font-size:12px;
	font-weight:normal;
}
#tophotel{
	width:488px;
	height:336px;
	margin-bottom:12px;
}
#hotelbox{
	width:210px;
	height:344px;
	float:left;
	margin-left:12px;
	padding-left:24px;
	margin-bottom:12px;
}
#hotelbox-suche{
	width:184px;
	height:344px;
	float:right;
	margin-left:12px;
	margin-bottom:12px;
}
#hoteltext{
	margin-top:150px;
	width:184px;
	height:180px;
	float:left;
	color:#2d4c83;
	padding-left:8px;
	background-image:url(../img/hoteltext.gif);
	background-repeat:no-repeat;
}
#small-box{
	width:250px;
	height:203px;
	float:left;
}

.hotel{
	margin-right:6px;
	font-weight:bold;
}
.hotelcontainer {
	position:absolute;
	width:184px; 
    height:138px;
	margin-bottom:12px;
	*margin-left:-192px;
	_z-index:997;
}
.hotelpicture{
    width:184px; 
    height:138px;
	position:absolute;
	_left:45px;
	z-index:1;
}
.hotel_edges {
	position:absolute;
	_left:45px;
	z-index:10;
}
#sprachwahl{
	position: absolute;
	top:102px;
	left:703px;
	width:90px;
	height:20px;
	background-image:url(../img/lang_background.gif);
	overflow:hidden;
	padding-top:6px;
	z-index:999;
}
#sprachwahl a:link, #sprachwahl a:visited, #sprachwahl a:hover {
	text-decoration:none;
	color:#FFF;
}

a.lang{
	display:block;
	background-repeat:no-repeat;
	background-position:left center;
	padding-bottom:1px;
	margin-left:5px;
	margin-bottom:5px;
	padding-left:22px;
	font-weight:bold;
	color:#FFF;
}

/*-----------------------------	*/
/* NAVI ELEMENTS				*/
/*----------------------------- */
.navi_uk{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_uk.jpg);
	background-repeat:no-repeat;
	width:193px;
	height:39px;
	float:left;
}
.navi_uk:hover{
	background-image:url(../img/bt_uk-hi.jpg);
}
.navi_uk-hi{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_uk-hi.jpg);
	background-repeat:no-repeat;
	width:193px;
	height:39px;
	float:left;
}

.navi_ir{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_ir.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:39px;
	float:left;
}
.navi_ir:hover{
	background-image:url(../img/bt_ir-hi.jpg);
}
.navi_ir-hi{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_ir-hi.jpg);
	background-repeat:no-repeat;
	width:128px;
	height:39px;
	float:left;
}

.navi_de{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_de.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:39px;
	float:left;
}
.navi_de-hi{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_de-hi.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:39px;
	float:left;
}
.navi_de:hover{
	background-image:url(../img/bt_de-hi.jpg);
}

.navi_fr{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_fr.jpg);
	background-repeat:no-repeat;
	width:166px;
	height:39px;
	float:left;
}
.navi_fr-hi{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_fr-hi.jpg);
	background-repeat:no-repeat;
	width:166px;
	height:39px;
	float:left;
}
.navi_fr:hover{
	background-image:url(../img/bt_fr-hi.jpg);
}

.navi_pt{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_pt.jpg);
	background-repeat:no-repeat;
	width:133px;
	height:39px;
	float:left;
}
.navi_pt-hi{
	border-right:1px solid #014B88;
	background-image:url(../img/bt_pt-hi.jpg);	
	background-repeat:no-repeat;
	width:133px;
	height:39px;
	float:left;
}
.navi_pt:hover{
	background-image:url(../img/bt_pt-hi.jpg);	
}

.navi_win{
	background-image:url(../img/bt_win.jpg);
	background-repeat:no-repeat;
	width:162px;
	height:39px;
	float:left;
}
.navi_win-hi{
	background-image:url(../img/bt_win-hi.jpg);
	background-repeat:no-repeat;
	width:162px;
	height:39px;
	float:left;
}
.navi_win:hover{
	background-image:url(../img/bt_win-hi.jpg);
}

#teaser{
	margin-left:29px;
	width:691px;
	height:100px;
	float:left;
	margin-top:10px;
	background-repeat:no-repeat;
	background-image:url(../img/teaser.jpg);
}
#headline{
	margin-top:14px;
	margin-left:29px;
	width:691px;
	float:left;
	margin-bottom:14px;
}
#suche-neu{
	width:268px;
	height:426px;
	background-image:url(../img/hotelsearch-neu.gif);
	background-repeat:no-repeat;
	float:left;
}
#powered{
	width:268px;
	height:223px;
	margin-top:29px;
	background-image:url(../img/box_poweredby.jpg);
	background-repeat:no-repeat;
	float:left;
	
}
#suche-left{
	width:268px;
	float:left;
	margin-top:10px;
}
#hotels-neu{
	width:691px;
	float:left;
	margin-top:10px;
	margin-left:29px;
}
#win{
	width:512px;
	height:338px;
	background-image:url(../img/win-box.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-right:25px;
	
}
#wintext{
	margin-top:0px;
	margin-left:10px;
	width:500px;
	font-weight:bold;
	float:left;
	position:absolute;
}


/*-----------------------------	*/
/* FOOTER ELEMENTS				*/
/*----------------------------- */
#footer {
	background-image:url(../img/footer.gif);
	background-repeat:no-repeat;
	color:#2c4b82;
	width:988px;
	float:left;
}

#footer p{
	margin-left:13px;
	margin-top:10px;
}


/*-----------------------------	*/
/* RATING						*/
/*----------------------------- */

.rating_overlay {
	width:100%;
	height:9px;
	background-image:url(../img/rating_gradient.png);
}

.ratingbox {
	width:38px;
	height:9px;
	border:1px solid #478d42;
	overflow:hidden;
	
	float:left;
	margin-top:3px;
	margin-right:5px;
}

.rating0 {background-image:none;width:0; height:9px;}
.rating1 {width:10%; height:9px; background-color:#FF0A00;}
.rating2 {width:20%; height:9px; background-color:#FF3700;}
.rating3 {width:30%; height:9px; background-color:#FF7300;}
.rating4 {width:40%; height:9px; background-color:#FFB300;}
.rating5 {width:50%; height:9px; background-color:#FBD500;}
.rating6 {width:60%; height:9px; background-color:#D3E501;}
.rating7 {width:70%; height:9px; background-color:#ABEF01;}
.rating8 {width:80%; height:9px; background-color:#66E001;}
.rating9 {width:90%; height:9px; background-color:#30D604;}
.rating10 {width:100%; height:9px; background-color:#01B500;}