/* landingpage.css
------------------------------------------------------------------------
This stylesheet contains the CSS rules for the Falkensteiner Landingpages 

Author: elements.at 
--------------------------------------------------------------------- */



/* Basic CSS Rules
--------------------------------------------------------------------- */

body {
	margin: 0;
	padding: 0;
	background: #dbe9f0 url(/static/img/body_bg.gif) left top repeat-x;
}


div, h1, h2, h3, h4, p, form, input, select, textarea, ol, ul, li, object, embed {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	text-align: left;			
}

h1 {
	color: #000;
	font-weight: bold;
	font-size: 19px;
	line-height: 22px;	
}

h2 {
	color: #000;
	font-weight: bold;		
}


h3 {
	color: #000;
	font-weight: bold;		
}

h4 {
	color: #000;
	font-weight: bold;		
}

object {
	display: block;
}

a:link {
	color: #000;
	text-decoration: underline;
}

a:visited {
	color: #000;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: underline;
}

a:active {
	color: #000;
	text-decoration: underline;
}

img {
	border: 0;
}

.center {
	text-align: center;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.debug {
	border: 1px solid #000;
}



/* general site container (sidebar and contentarea)
--------------------------------------------------------------------- */
#site {
	width: 860px;
	overflow: hidden;
	margin: 0 auto;
}


/* container (shadow, content)
--------------------------------------------------------------------- */
#site .shadow {
	width: 840px;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	float: left;
}

html>body #site .shadow {
	background: url(/static/img/shadow.png) left bottom no-repeat;
	width: 840px;
	padding: 0 10px 10px 10px;
	overflow: hidden;
	float: left;
}

#site .shadow .content {
	background: #fff;
	width: 840px;
	padding: 0;
	overflow: hidden;
	float: left;

	position: relative;
	padding: 30px 0 0 0;
}

/* Header 
--------------------------------------------------------------------- */

#header {
	width: 810px;
	height: 270px;
	padding: 15px;
	float: left;
	overflow: hidden;
}

#header .image {
	width: 480px;
	height: 270px;
	float: left;
	overflow: hidden;
	position: relative;
}

#header .image img {
	padding: 0;
	margin: 0;
	border: 0;
}

#header .image .logo {
	behavior: url(/static/js/iepngfix.htc);
	width: 135px;
	height:135px;
	overflow: hidden;
	position: absolute;
	top: 15px;
	left: 15px;
	z-index: 20;
}

#header .image .flashClaim {
	position:absolute;
	bottom:0;
	left:0;
	z-index:10000;
}

#header .infotext {
	width: 315px;
	height: 270px;
	padding-left: 15px;
	float: left;
	overflow: hidden;
}

/* Textblock mit Headline */
#header .infotext .textbig {
	background: #e5ecf3;
	width: 315px;
	height: 99px;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #fff;
}

#header .infotext .textbig h1 {
	width: 285px;
	padding: 10px 15px;
	overflow: hidden;
	float: left;
	color: #00498d;
	font-size: 16px;
}

#header .infotext .textbig img.h1 {
	width: 285px;
	margin: 10px 0 10px 15px;
	overflow: hidden;
	float: left;
	color: #00498d;
	font-size: 16px;
}

#header .infotext .textbig p {
	width: 285px;
	padding: 0 15px;
	overflow: hidden;
	float: left;
	color: #666;
	line-height: 14px;
	height: 42px;
}

#header .infotext .textbig a {
	background: url(/static/img/arrow_standard.gif) left center no-repeat;
	color: #00498d;
	overflow: hidden;
	float: right;
	padding: 0 0 0 15px;
	text-decoration: none;
	margin: 1px 0 0 15px;
}

#header .infotext .textbig form {
	float:left;
	padding: 0 0 0 15px;
	margin:0px;
}

#header .infotext .textbig form label {
	width: 130px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #666;
	line-height: 14px;
	height: 42px;
}
#header .infotext .textbig form select {
	width:160px;
	border: 0px none;
	margin: 0px 5px 0px 0px;
	float:right;
}
#header .infotext .textbig input {
	background: url(/static/img/arrow_standard.gif) left center no-repeat;
	color: #00498d;
	width: 150px;
	float: right;
	
	display: inline;
	padding: 0 0 0 15px;
	text-decoration: none;
	margin: 3px 5px 0 0px;
	border: #00498d 0px none;
}


/*#header .infotext .textsmall {
	background: #e5ecf3;
	width: 315px;
	height: 150px;
	overflow: hidden;
	float: left;
}

#header .infotext .textsmall h1 {
	width: 285px;
	padding: 10px 15px;
	overflow: hidden;
	float: left;
	color: #00498d;
	font-size: 16px;
}

#header .infotext .textsmall img.h1 {
	width: 285px;
	margin: 10px 0 10px 15px;
	overflow: hidden;
	float: left;
	color: #00498d;
	font-size: 16px;
}

#header .infotext .textsmall p {
	width: 285px;
	padding: 0 15px;
	overflow: hidden;
	float: left;
	color: #666;
	line-height: 14px;
}

#header .infotext .textsmall a {
	background: url(/static/img/arrow_standard.gif) left 5px no-repeat;
	color: #00498d;
	overflow: hidden;
	float: left;
	padding: 0 0 0 15px;
	text-decoration: none;
	margin: 3px 0 0 15px;
}*/

#header .infotext .textsmall {
	background: #e5ecf3;
	width: 145px;
	height: 170px;
	overflow: hidden;
	float: left;
}


#header .infotext .textsmall .categories {
	width: 130px;
	height: 90px;
	padding: 10px 0 0 15px;
	overflow: hidden;
	float: left;
}

#header .infotext .textsmall .categories label {
	display: block;
	color: #666;
	padding: 8px 0 8px 35px;
	overflow: hidden;
	cursor: pointer;
}

#header .infotext .textsmall .categories label.familylabel {
	background: url(/static/img/icon_family.gif) left top no-repeat;
	width: 80px;
}

#header .infotext .textsmall .categories label.wellnesslabel {
	background: url(/static/img/icon_wellness.gif) left top no-repeat;
	width: 80px;
}

#header .infotext .textsmall .categories label.citylabel {
	background: url(/static/img/icon_city.gif) left top no-repeat;
	width: 80px;
}


#header .infotext .textsmall .ts_links {
	width: 130px;
	height: 60px;
	padding: 10px 0 0 15px;
	overflow: hidden;
	float: left;
}

#header .infotext .textsmall .ts_links a {
	background: url(/static/img/arrow_standard.gif) left center no-repeat;
	padding: 0 0 0 15px;
	color: #00498d;
	text-decoration: none;
	display: block;
}


#header .infotext .flashmap {
	background: #e5ecf3;
	width: 170px;
	height: 170px;
	overflow: hidden;
	float: left;
}




/* Tabnavigation (startseite)
-------------------------------------------------------------- */
#site .tabnavigation {
	width: 840px;
	height: 40px;
	overflow: hidden;
	float: left;
	padding: 0 10px;
}

html>body #site .tabnavigation {
	background: url(/static/img/shadow_tabs.png) left bottom no-repeat;
	width: 840px;
	height: 40px;
	overflow: hidden;
	float: left;
	padding: 0 10px;
}

#site .tabnavigation .tabs {
	width: 840px;
	height: 39px;
	overflow: hidden;
	float: left;
}

#site .tabnavigation .tabs span {
	background: #fff url(/static/img/tab_bg.gif) left top no-repeat;
	width: 270px;
	height: 39px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
	cursor: pointer;
}

#site .tabnavigation .tabs span#last_tab {
	margin-right: 0;
}

#site .tabnavigation .tabs span.active {
	background: #fff;
}

#site .tabnavigation .tabs em {
	width: 240px;
	padding: 13px 0 0 15px;
	overflow: hidden;
	float: left;
	color: #00498d;
	font-size: 12px;
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}

#site .tabnavigation .tabs img.em {
	width: 240px;
	height: 14px;
	margin: 15px 0 0 15px;
	overflow: hidden;
	float: left;
}


/* Tab Inhalte 
------------------------------------------------------- */
#site .shadow .content .tabcontent {
	width: 840px;
	padding: 0;
	overflow: hidden;
	float: left;
}


/* Teasers 
-------------------------------------------------------- */
.tabcontent .teasers {
	width: 825px;
	padding: 0 0 15px 15px;
	overflow: hidden;
	float: left;
}

/* Rubrik Container */
.tabcontent .teasers .heading {
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 15px 15px 0 0;
}

.tabcontent .teasers .heading img {
	border: 0;
	margin: 0;
	padding: 0;
}

/* Text Teaser */
.tabcontent .teasers .teaser {
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 15px 15px 0 0;
	position: relative;
	cursor: pointer;
}

.tabcontent .teasers .teaser h3 {
	width: 120px;
	overflow: hidden;
	float: left;
	color: #000;
	padding: 13px 0 0 15px;
}

.tabcontent .teasers .teaser p {
	width: 120px;
	overflow: hidden;
	float: left;
	padding: 5px 15px 0 15px;
	color: #666;
}

.tabcontent .teasers .teaser p.location {
	color: #91979c;
}


/*IMG Teaser */
.tabcontent .teasers .img_teaser {
	width: 150px;
	height: 150px;
	overflow: hidden;
	float: left;
	margin: 15px 15px 0 0;
	position: relative;
	cursor: pointer;
}

.tabcontent .teasers .img_teaser .image {
	width: 150px;
	/*height: 105px;*/
	height: 80px;
	overflow: hidden;
	float: left;
}

.tabcontent .teasers .img_teaser .image img {
	padding: 0;
	margin: 0;
	border: 0;
}

.tabcontent .teasers .img_teaser h3 {
	width: 115px;
	overflow: hidden;
	float: left;
	color: #000;
	padding: 9px 0 0 14px;
}


.tabcontent .teasers .img_teaser p.location {
	width: 110px;
	overflow: hidden;
	float: left;
	padding: 5px 0 6px 14px;
	color: #91979c;
}


/* Wellness Override */
.tabcontent .teasers .teaser.wellness {
	background: #d2f1ee url(/static/img/arrow_wellness.gif) 129px 131px no-repeat;
}

.tabcontent .teasers .teaser.wellness h3 {
	color: #05b1a3;
}

.tabcontent .teasers .img_teaser.wellness {
	background: #d2f1ee url(/static/img/arrow_wellness.gif) 129px 132px no-repeat;
}

.tabcontent .teasers .img_teaser.wellness h3 {
	color: #05b1a3;
}


/* Family Override */
.tabcontent .teasers .teaser.family {
	background: #fdefd9 url(/static/img/arrow_family.gif) 129px 131px no-repeat;
}

.tabcontent .teasers .teaser.family h3 {
	color: #f89200;
}

.tabcontent .teasers .img_teaser.family {
	background: #fdefd9 url(/static/img/arrow_family.gif) 129px 132px no-repeat;
}

.tabcontent .teasers .img_teaser.family h3 {
	color: #f89200;
}

/* City Override */
.tabcontent .teasers .teaser.city {
	background: #f5e3e4 url(/static/img/arrow_city.gif) 129px 131px no-repeat;
}

.tabcontent .teasers .teaser.city h3 {
	color: #bf000e;
}

.tabcontent .teasers .img_teaser.city {
	background: #f5e3e4 url(/static/img/arrow_city.gif) 129px 132px no-repeat;
}

.tabcontent .teasers .img_teaser.city h3 {
	color: #bf000e;
}


/* Angebotesauflistung 
-------------------------------------------------------- */
.tabcontent .offers {
	width: 810px;
	padding: 0 15px 15px 15px;
	overflow: hidden;
	float: left;
}

.tabcontent .offers .filter {
	width: 810px;
	height: 37px;
	overflow: hidden;
	float: left;
	margin: 15px 0;
	background: #e5ecf3;
	position: relative;
}

.tabcontent .offers .filter label {
	display: block;
	width: 150px;
	height: 15px;
	padding: 2px 0 0 0;
	overflow: hidden;
	color: #666;
	text-align: right;
	position: absolute;
}

.tabcontent .offers .filter select {
	width: 214px;
	height: 15px;
	color: #666;
	padding: 0 2px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #fff;
	position: absolute;
}


.tabcontent .offers .filter label.rubric {
	top: 10px;
	left: 10px;
}

.tabcontent .offers .filter select.rubric {
	top: 10px;
	left: 170px;
}

.tabcontent .offers .filter label.country {
	top: 10px;
	left: 420px;
}

.tabcontent .offers .filter select.country {
	top: 10px;
	left: 580px;
}



/* Offers Liste TAB Startseite */
.tabcontent .offers .offerlist {
	width: 810px;
	padding: 0;
	float: left;
	overflow: hidden;
}

/* Sorter */
.tabcontent .offers .offerlist .topline {
	width: 795px;
	overflow: hidden;
	padding: 5px 0 5px 15px;
	border-bottom: 1px solid #c7c9cc;
}

.tabcontent .offers .offerlist .topline .sort_name {
	width: 335px;
	padding: 0 0 0 15px;
	overflow: hidden;
	float: left;
	background: url(/static/img/offers/sorter.gif) left 3px  no-repeat;
	cursor:pointer;
	padding: 0 0 0 15px;
}

.tabcontent .offers .offerlist .topline .sort_price {
	width: 105px;
	overflow: hidden;
	float: left;
	background: url(/static/img/offers/sorter.gif) left 3px  no-repeat;
	cursor:pointer;
	padding: 0 0 0 15px;
}

.tabcontent .offers .offerlist .topline .sort_duration {
	width: 310px;
	overflow: hidden;
	float: left;
	background: url(/static/img/offers/sorter.gif) left 3px  no-repeat;
	cursor:pointer;
	padding: 0 0 0 15px;
}

.tabcontent .offers .offerlist .topline a {
	overflow: hidden;
	color: #00498d;
	text-decoration: none;
	font-size: 100%;
}


/* Hoteleintrag */
.tabcontent .offers .offerlist .hotel_label {
	width: 810px;
	overflow: hidden;
	border-bottom: 1px solid #dfe3e2;
	height: 35px;
	position:relative;
	cursor:pointer;
}

.tabcontent .offers .offerlist .hotel_label span {
	position: absolute;
	top: 10px;
	right:0;
	font-weight:bold;
}

.tabcontent .offers .offerlist .hotel_label .hoteltype_icon {
	width: 52px;
	overflow: hidden;
	height: 35px;
	float: left;
	background: #fff;
}

.tabcontent .offers .offerlist .hotel_label h3 {
	overflow: hidden;
	padding: 10px 0;
	margin: 0;
	color: #00498d;
	line-height: 14px;
	text-transform: uppercase;
	float: left;
	
	font-size: 110%;
}

.tabcontent .offers .offerlist .hotel_label span.h3 {
	overflow: hidden;
	padding: 9px 0;
	margin: 0;
	float: left;
	display: block;
}

.tabcontent .offers .offerlist .hotel_label.wellness .hoteltype_icon {
	background: url(/static/img/offers/hotelicon_wellness.gif) left top no-repeat;
}
.tabcontent .offers .offerlist .hotel_label.wellness h3 {
	color: #05b1a3;
}

.tabcontent .offers .offerlist .hotel_label.family .hoteltype_icon {
	background: url(/static/img/offers/hotelicon_family.gif) left top no-repeat;
}
.tabcontent .offers .offerlist .hotel_label.family h3 {
	color: #f89200;
}

.tabcontent .offers .offerlist .hotel_label.city .hoteltype_icon {
	background: url(/static/img/offers/hotelicon_city.gif) left top no-repeat;
}
.tabcontent .offers .offerlist .hotel_label.city h3 {
	color: #bf000e;
}



/* offer eintrag */
.tabcontent .offers .offerlist .entry {
	width: 810px;
	overflow: hidden;
	border-bottom: 1px solid #dfe3e2;
}

.tabcontent .offers .offerlist .entry .head {
	width: 810px;
	overflow: hidden;
	height: 33px;
	cursor: pointer;
}

.tabcontent .offers .offerlist .entry .packagelabel {
	width: 350px;
	padding: 10px 0 9px 15px;
	color: #00498d;
	font-weight: bold;
	line-height: 14px;
	overflow: hidden;
	float: left;
	font-size: 100%;
}

.tabcontent .offers .offerlist .entry .packagelabel a {
	text-decoration:none;
	color: #00498d;
}

.tabcontent .offers .offerlist .entry .lowprice {
	width: 120px;
	padding: 10px 0 9px 0px;
	color: #00498d;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 14px;
	font-size: 100%;
}

.tabcontent .offers .offerlist .entry .lowprice a {
	text-decoration:none;
	color: #00498d;
}

.tabcontent .offers .offerlist .entry .duration {
	width: 325px;
	padding: 10px 0px 9px 0;
	color: #00498d;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 14px;
	font-size: 100%;
}

.tabcontent .offers .offerlist .entry .duration a {
	text-decoration:none;
	color: #00498d;
}

.tabcontent .offers .offerlist .entry .durationgrey {
	width: 200px;
	padding: 10px 0px 9px 0;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 14px;
	font-size: 100%;
}



/* Angebotesauflistung (Offers) Overrides
--------------------------------------------------------------- */
/* Wellness */
.tabcontent .offers .offerlist .hotel.wellness .hotellabel {
	background: #bceae6;
	color: #05b1a3;
}

.tabcontent .offers .offerlist .hotel.wellness .entry {
	background: #d2f1ee url(/static/img/down_wellness.gif) 548px 15px no-repeat;
}

.tabcontent .offers .offerlist .hotel.wellness .entry .packagelabel {
	color: #05b1a3;
}

.tabcontent .offers .offerlist .hotel.wellness .entry .price {
	color: #999;
}

.tabcontent .offers .offerlist .hotel.wellness .entry .duration {
	color: #999; 
}

.tabcontent .offers .offerlist .hotel.wellness .entry .description ul li {
	background: url(/static/img/list_wellness.gif) left 6px no-repeat;
}

.tabcontent .offers .offerlist .hotel.wellness .entry .rooms .request a {
	background: url(/static/img/arrow_wellness.gif) left 5px no-repeat;
	color: #05b1a3;
}

.tabcontent .offers .offerlist .hotel.wellness .entry .rooms .extratext {
	color: #999;
}

.tabcontent .offers .offerlist .hotel.wellness .open {
	background: #bceae6 url(/static/img/up_wellness.gif) 548px 15px no-repeat;
}

/* Family */
.tabcontent .offers .offerlist .hotel.family .hotellabel {
	background: #fee5c2;
	color: #f89200;
}

.tabcontent .offers .offerlist .hotel.family .entry {
	background: #fff2e0 url(/static/img/down_family.gif) 548px 15px no-repeat;
}

.tabcontent .offers .offerlist .hotel.family .entry .packagelabel {
	color: #f89200;
}

.tabcontent .offers .offerlist .hotel.family .entry .price {
	color: #999;
}

.tabcontent .offers .offerlist .hotel.family .entry .duration {
	color: #999; 
}

.tabcontent .offers .offerlist .hotel.family .entry .description ul li {
	background: url(/static/img/list_family.gif) left 6px no-repeat;
}

.tabcontent .offers .offerlist .hotel.family .entry .rooms .request a {
	background: url(/static/img/arrow_family.gif) left 5px no-repeat;
	color: #f89200;
}

.tabcontent .offers .offerlist .hotel.family .entry .rooms .extratext {
	color: #999;
}

.tabcontent .offers .offerlist .hotel.family .open {
	background: #fee5c2 url(/static/img/up_family.gif) 548px 15px no-repeat;
}


/* City */
.tabcontent .offers .offerlist .hotel.city .hotellabel {
	background: #f9d0d3;
	color: #bf000e;
}

.tabcontent .offers .offerlist .hotel.city .entry {
	background: #ffe1e3 url(/static/img/down_city.gif) 548px 15px no-repeat;
}

.tabcontent .offers .offerlist .hotel.city .entry .packagelabel {
	color: #bf000e;
}

.tabcontent .offers .offerlist .hotel.city .entry .price {
	color: #a55c61;
}

.tabcontent .offers .offerlist .hotel.city .entry .duration {
	color: #a55c61; 
}

.tabcontent .offers .offerlist .hotel.city .entry .description ul li {
	background: url(/static/img/list_city.gif) left 6px no-repeat;
}

.tabcontent .offers .offerlist .hotel.city .entry .rooms .request a {
	background: url(/static/img/arrow_city.gif) left 5px no-repeat;
	color: #bf000e;
}

.tabcontent .offers .offerlist .hotel.city .entry .rooms .extratext {
	color: #a55c61;
}

.tabcontent .offers .offerlist .hotel.city .open {
	background: #f9d0d3 url(/static/img/up_city.gif) 548px 15px no-repeat;
}











/* Hoteldetailseite
--------------------------------------------------------------- */
#hotel {
	width: 810px;
	padding: 0 15px 15px 15px;
	float: left;
	overflow: hidden;
}

/* Hotelinformationen */
#hotel .information {
	width: 810px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#hotel .information .textarea {
	width: 480px;
	padding: 11px 0 15px 15px;
	float: left;
	overflow: hidden;
}

#hotel .information .textarea h1 {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #000;
	font-size: 16px;
}

#hotel .information .textarea img.h1 {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
}

#hotel .information .textarea h2 {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 11px;
}

#hotel .information .textarea img.h2 {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	margin-bottom: 11px;
}

#hotel .information .textarea .hotel_description {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #666;
	margin-bottom: 11px;
}

#hotel .information .textarea .hotel_description ul {
	overflow: hidden;
	list-style: none;
	margin: 5px 0;
}

#hotel .information .textarea .hotel_description ul li {
	overflow: hidden;
	list-style: none;
	padding: 0 0 0 10px;
}

#hotel .information .textarea .downloads {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	margin-bottom: 15px;
}


#hotel .information .textarea .downloads h3 {
	width: 465px;
	padding: 0;
	margin-bottom: 8px;
	overflow: hidden;
	color: #000;
	font-size: 12px;
	text-transform: uppercase;
}

#hotel .information .textarea .downloads img.h3 {
	width: 465px;
	padding: 0;
	margin-bottom: 8px;
	overflow: hidden;
}

#hotel .information .textarea .downloads a {
	width: 444px;
	padding: 1px 0 1px 21px;
	overflow: hidden;
	float: left;
	color: #000;
	text-decoration: none;
	margin-bottom: 2px;
}

/* Anfrage Button */
#hotel .information .textarea a.request {
	background: #aaa url(/static/img/arrow_white.gif) 5px 6px no-repeat;
	padding: 2px 10px 2px 20px;
	overflow: visible;
	float: left;
	color: #fff;
	text-decoration: none;
}


#hotel .information .gallery {
	width: 315px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#hotel .information .gallery .backlink {
	width: 300px;
	height: 37px;
	padding: 23px 0 0 15px;
	float: left;
	overflow: hidden;
}


#hotel .information .gallery .backlink a {
	background: url(/static/img/arrow_wellness.gif) 0 5px no-repeat;
	padding: 1px 0 1px 15px;
	overflow: hidden;
	float: left;
	text-decoration: none;
}

#hotel .information .gallery .images {
	width: 314px;
	float: left;
	overflow: hidden;
}


#hotel .information .gallery .images .image {
	width: 142px;
	height: 142px;
	margin: 0 15px 15px 0;
	float: left;
	overflow: hidden;
	position: relative;
}


#hotel .information .gallery .images .image img {
	padding: 0;
	margin: 0;
	border: 0;
	margin-left:-42px;
}


#hotel .information .gallery .images .image .a {
	display: block;
}

#hotel .information .gallery .images .image .zoom {
	width: 16px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	z-index: 20;
}


/* Packages */
#hotel .packages {
	width: 810px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#hotel .packages .entry {
	width: 810px;
	overflow: hidden;
	border-bottom: 1px solid #dfe3e2;
}

#hotel .packages .entry .head {
	width: 810px;
	overflow: hidden;
	height: 33px;
	cursor: pointer;
}

#hotel .packages .entry .packagelabel {
	width: 350px;
	padding: 10px 0 9px 15px;
	color: #00498d;
	font-weight: bold;
	line-height: 14px;
	overflow: hidden;
	float: left;
	font-size: 100%;
}

#hotel .packages .entry .packagelabel a {
	text-decoration:none;
	color: #00498d;
}

#hotel .packages .entry .lowprice {
	width: 120px;
	padding: 10px 0 9px 0px;
	color: #00498d;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 14px;
	font-size: 100%;
}

#hotel .packages .entry .lowprice a {
	text-decoration:none;
	color: #00498d;
}

#hotel .packages .entry .duration {
	width: 325px;
	padding: 10px 0px 9px 0;
	color: #00498d;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 14px;
	font-size: 100%;
}

#hotel .packages .entry .duration a {
	text-decoration:none;
	color: #00498d;
}

#hotel .packages .entry .durationgrey {
	width: 200px;
	padding: 10px 0px 9px 0;
	font-weight: bold;
	overflow: hidden;
	float: left;
	line-height: 14px;
	font-size: 100%;
}


/* Hoteldetailseite Overrides
--------------------------------------------------------------- */
/* Wellness */
#hotel.wellness .information {
	background: #d2f1ee;
}
#hotel.wellness .information .textarea h1 {
	color: #05b1a3;
}

#hotel.wellness .information .textarea .hotel_description ul li {
	background: url(/static/img/list_wellness.gif) left 6px no-repeat;
}

#hotel.wellness .information .textarea .downloads h3 {
	color: #05b1a3;
}

#hotel.wellness .information .textarea .downloads a {
	background: url(/static/img/pdf_wellness.gif) left top no-repeat;
	color: #05b1a3;
}

#hotel.wellness .information .textarea a.request {
	background: #73c7c0 url(/static/img/arrow_white.gif) 5px 6px no-repeat;
}

#hotel.wellness .information .gallery .backlink a {
	background: url(/static/img/arrow_wellness.gif) 0 5px no-repeat;
	color: #05b1a3;
}

#hotel.wellness .information .gallery .images .image .zoom {
	background: url(/static/img/zoom_wellness.gif) no-repeat;
}


/* Family */
#hotel.family .information {
	background: #fff2e0;
}
#hotel.family .information .textarea h1 {
	color: #f89200;
}

#hotel.family .information .textarea .hotel_description ul li {
	background: url(/static/img/list_family.gif) left 6px no-repeat;
}

#hotel.family .information .textarea .downloads h3 {
	color: #f89200;
}

#hotel.family .information .textarea .downloads a {
	background: url(/static/img/pdf_family.gif) left top no-repeat;
	color: #f89200;
}

#hotel.family .information .textarea a.request {
	background: #f99d1a url(/static/img/arrow_white.gif) 5px 6px no-repeat;
}

#hotel.family .information .gallery .backlink a {
	background: url(/static/img/arrow_family.gif) 0 5px no-repeat;
	color: #f89200;
}

#hotel.family .information .gallery .images .image .zoom {
	background: url(/static/img/zoom_family.gif) no-repeat;
}


/* City */
#hotel.city .information {
	background: #ffe1e3;
}
#hotel.city .information .textarea h1 {
	color: #bf000e;
}

#hotel.city .information .textarea .hotel_description ul li {
	background: url(/static/img/list_city.gif) left 6px no-repeat;
}

#hotel.city .information .textarea .downloads h3 {
	color: #bf000e;
}

#hotel.city .information .textarea .downloads a {
	background: url(/static/img/pdf_city.gif) left top no-repeat;
	color: #bf000e;
}

#hotel.city .information .textarea a.request {
	background: #b02731 url(/static/img/arrow_white.gif) 5px 6px no-repeat;
}

#hotel.city .information .gallery .backlink a {
	background: url(/static/img/arrow_city.gif) 0 5px no-repeat;
	color: #bf000e;
}

#hotel.city .information .gallery .images .image .zoom {
	background: url(/static/img/zoom_city.gif) no-repeat;
}




/* Packagedetailseite
--------------------------------------------------------------- */
#packagedetail {
	width: 810px;
	padding: 10px 15px 15px 15px;
	float: left;
	overflow: hidden;
}

#packagedetail .packageheadline {
	width: 810px;
	padding: 0 0 5px 0;
	overflow: hidden;
	border-bottom: 1px solid #c7c9cc;
}

#packagedetail .packageheadline h1 {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #00498d;
	font-size: 16px;
}

#packagedetail .packageheadline img.h1 {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
}

#packagedetail .packageheadline .region {
	width: 300px;
	padding: 0 15px 0;
	overflow: hidden;
	color: #000;
	font-weight: bold;
	float: right;
	text-align: right;
}


/* Packageinformationen */
#packagedetail .package_info {
	width: 810px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#packagedetail .package_info .p_description {
	width: 480px;
	padding: 11px 0 15px 15px;
	float: left;
	overflow: hidden;
}


#packagedetail .package_info .p_description h3 {
	width: 480px;
	padding: 5px 0 5px 0;
	float: left;
	overflow: hidden;
	color: #00498d;
}

#packagedetail .package_info .p_description .info_text {
	width: 465px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #666;
	margin-bottom: 11px;
}

#packagedetail .package_info .p_description .info_text ul {
	overflow: hidden;
	list-style: none;
	margin: 5px 0;
}

#packagedetail .package_info .p_description .info_text ul li {
	background: url(/static/img/list_standard.gif) left 6px no-repeat;
	overflow: hidden;
	list-style: none;
	padding: 0 0 0 10px;
}


#packagedetail .package_info .price_infos {
	width: 315px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#packagedetail .package_info .price_infos .short_info {
	width: 300px;
	height: 15px;
	padding: 23px 0 0 15px;
	float: left;
	overflow: hidden;

}

#packagedetail .package_info .price_infos .short_info .abpreis {
	width: 70px;
	height: 15px;
	float: left;
	overflow: hidden;
	color: #00498d;
	font-weight: bold; 

}

#packagedetail .package_info .price_infos .short_info .valid {
	width: 210px;
	height: 15px;
	float: right;
	overflow: hidden;
	padding: 0 15px 0 0;
	text-align: right;
	color: #00498d;
	font-weight: bold; 

}

#hotel .information .gallery .pricetable {
	width: 285px;
	padding: 10px 15px 0 15px;
	float: left;
	overflow: hidden;
	color: #606366;
}

#hotel .information .gallery .backbutton {
	width: 285px;
	padding: 10px 15px 0 15px;
	float: left;
}

#hotel .information .gallery .backbutton a {
	background: url(/static/img/arrow_standard.gif) left center no-repeat;
	color: #00498d;
	overflow: hidden;
	float: left;
	padding: 0 0 0 15px;
	text-decoration: none;
	margin: 1px 0 0 15px;
}




/* Anfrageformular
--------------------------------------------------------------- */
#request {
	width: 840px;
	padding: 0 15px 15px 15px;
	float: left;
	overflow: hidden;
}

/* Anfrageformular */
#request form {
	width: 810px;
	padding: 0;
	float: left;
	overflow: hidden;
	
	background: #e5ecf3;
}

#request form .left {
	width: 470px;
	padding: 11px 10px 12px 15px;
	float: left;
	overflow: hidden;
}

#request form .left h1 {
	width: 470px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #000;
	font-size: 16px;
}

#request form .left h2 {
	width: 470px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	margin-bottom: 11px;
}

#request form .left p {
	width: 470px;
	padding: 0;
	overflow: hidden;
	float: left;
	margin-bottom: 4px;
}

#request form .left p label {
	display: block;
	width: 135px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #666;
}

#request form .left p input {
	width: 299px;
	height: 15px;
	color: #888;
	padding: 0 7px;
	overflow: hidden;
	float: left;
	background: #fff;
	border: 1px solid #888888;
}

#request form .left p select {
	width: 100px;
	height: 17px;
	color: #888;
	padding: 0 0px 0 7px;
	overflow: hidden;
	float: left;
	background: #fff;
	border: 1px solid #888888;
}

#request form .left p input.zip {
	width: 81px;
	margin-right: 2px;
}

#request form .left p input.city {
	width: 200px;
}

#request form .left p.information {
	width: 335px;
	padding: 0 0 0 135px;
	overflow: hidden;
	float: left;
	margin: 4px 0;
}

#request form .left p.information span {
	width: 301px;
	padding: 1px 7px 2px 7px;
	overflow: hidden;
	float: left;
	background: #fff;
	color: #888;
}

#request form .left p.newsletter {
	width: 335px;
	padding: 0 0 0 135px;
	overflow: hidden;
	float: left;
	margin: 4px 0;
	color: #666;
}

#request form .left p.newsletter input {
	width: 13px;
	height: 13px;
	padding: 0;
	overflow: hidden;
	float: left;
	margin-right: 8px;
	background: none;
	border: none;
}

#request form .left p.submitbutton {
	width: 450px;
	padding: 0 20px 0 0;
	overflow: hidden;
	float: right;
	margin: 4px 0 0 0;
}

#request form .left .submitbutton input.submit {
	padding: 0 10px 0 10px !important;
	margin: 0px;
	overflow: visible;
	float: right;
	height: 164x !important;
	text-align: right;
	width: auto;
	cursor: pointer;
	border:none;
}


#request form .right {
	width: 315px;
	padding: 0;
	float: left;
	overflow: hidden;
}

#request form .right .backlink {
	width: 300px;
	height: 39px;
	padding: 23px 0 0 15px;
	float: left;
	overflow: hidden;
}


#request form .right .backlink a {
	padding: 1px 0px 1px 15px;
	
	overflow: hidden;
	float: left;
	text-decoration: none;
	border: none;
}


#request form .right .stay {
	width: 315px;
	height: 122px;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
}

#request form .right .stay label {
	display: block;
	width: 86px;
	height: 15px;
	padding: 2px 5px 0 7px;
	overflow: hidden;
	position: absolute;
	color: #666;
}

#request form .right .stay input {
	width: 23px;
	height: 15px;
	color: #666;
	padding: 0 6px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #888888;
	position: absolute;
}

#request form .right .stay .calendaricon {
	width: 37px;
	height: 17px;
	padding: 0;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
}

#request form .right .stay label.arrival {
	top: 4px;
	left: 0;
}

#request form .right .stay input.startDay {
	width: 13px;
	top: 21px;
	left: 0;
}

#request form .right .stay input.startMonth {
	width: 13px;
	top: 21px;
	left: 29px;
}

#request form .right .stay input.startYear {
	width: 24px;
	top: 21px;
	left: 58px;
}

#request form .right .stay .calendaricon.start {
	top: 21px; 
	left: 98px;
}


#request form .right .stay label.departure {
	top: 4px;
	left: 150px;
}

#request form .right .stay input.endDay {
	width: 13px;
	top: 21px;
	left: 150px;
}

#request form .right .stay input.endMonth {
	width: 13px;
	top: 21px;
	left: 179px;
}

#request form .right .stay input.endYear {
	width: 24px;
	top: 21px;
	left: 208px;
}

#request form .right .stay .calendaricon.end {
	top: 21px; 
	left: 248px;
}


#request form .right .stay label.adults {
	top: 42px;
	left: 0;
}

#request form .right .stay input.adults {
	width: 23px;
	top: 42px;
	left: 98px;
}

#request form .right .stay label.childs {
	top: 63px;
	left: 0;
}

#request form .right .stay input.childs {
	width: 23px;
	top: 63px;
	left: 98px;
}

#request form .right .stay label.childAges {
	top: 84px;
	left: 0;
}

#request form .right .stay input.childAges {
	width: 173px;
	top: 84px;
	left: 98px;
}


#request form .right .roomtypes {
	width: 315px;
	padding: 4px 0 0 0;
	float: left;
	overflow: hidden;
}

#request form .right .roomtypes .type {
	width: 150px;
	height: 17px;
	padding: 0;
	margin-bottom: 4px;
	float: left;
	overflow: hidden;
}

#request form .right .roomtypes .type label {
	display: block;
	width: 86px;
	height: 15px;
	padding: 2px 5px 0 7px;
	overflow: hidden;
	float: left;
	color: #666;
}

#request form .right .roomtypes .type input {
	width: 23px;
	height: 15px;
	color: #666;
	padding: 0 6px;
	overflow: hidden;
	background: #fff;
	border: 1px solid #888888;
	float: left;
}

/* Anfrageformular Overrides
--------------------------------------------------------------- */
/* Wellness */
#request.wellness form {
	background: #d2f1ee;
}

#request.wellness form .left h1 {
	color: #05b1a3;
}

#request.wellness form .left .submitbutton input.submit {
	background: url(/static/img/arrow_wellness.gif) right center no-repeat;
	color: #05b1a3;
}
#request.wellness form .right .backlink a {
	background: url(/static/img/arrow_wellness.gif) 0 5px no-repeat;
	color: #05b1a3;
}

#request.wellness form .right .stay .calendaricon {
	background: url(/static/img/calendar_wellness.gif) left top no-repeat;
}


/* Family */
#request.family form {
	background: #fff2e0;
}

#request.family form .left h1 {
	color: #f89200;
}

#request.family form .left .submitbutton input.submit {
	background: url(/static/img/arrow_family.gif) right center no-repeat;
	color: #f89200;
}
#request.family form .right .backlink a {
	background: url(/static/img/arrow_family.gif) 0 5px no-repeat;
	color: #f89200;
}

#request.family form .right .stay .calendaricon {
	background: url(/static/img/calendar_family.gif) left top no-repeat;
}


/* City */
#request.city form {
	background: #ffe1e3;
}

#request.city form .left h1 {
	color: #bf000e;
}

#request.city form .left .submitbutton input.submit {
	background: url(/static/img/arrow_city.gif) right center no-repeat;
	color: #bf000e;
}
#request.city form .right .backlink a {
	background: url(/static/img/arrow_city.gif) 0 5px no-repeat;
	color: #bf000e;
}

#request.city form .right .stay .calendaricon {
	background: url(/static/img/calendar_city.gif) left top no-repeat;
}




/* Standard Seite
--------------------------------------------------------------- */
#standard {
	width: 810px;
	padding: 0 15px 15px 15px;
	float: left;
	overflow: hidden;
}

/* Hotelinformationen */
#standard .contentarea {
	width: 780px;
	float: left;
	overflow: hidden;
	padding: 11px 15px 15px 15px;
	color: #666;
}

#standard .contentarea h1 {
	width: 780px;
	padding: 0;
	overflow: hidden;
	float: left;
	color: #000;
	font-size: 16px;
	margin-bottom: 10px;
}

#standard .contentarea img.h1 {
	width: 780px;
	padding: 0;
	overflow: hidden;
	margin-bottom: 10px;
}


#standard .contentarea ul {
	overflow: hidden;
	list-style: none;
	margin: 5px 0;
}

#standard .contentarea ul li {
	overflow: hidden;
	list-style: none;
	padding: 0 0 0 10px;
}


#standard .contentarea .img_block {
	width: 142px;
	overflow: hidden;
	float: right;
	margin: 0 0 10px 10px;
}

#standard .contentarea .img_block .image {
	width: 142px;
	height: 142px;
	margin: 0 15px 15px 0;
	float: left;
	overflow: hidden;
	position: relative;
}


#standard .contentarea .img_block .image img {
	padding: 0;
	margin: 0;
	border: 0;
}

#standard .contentarea .img_block .image .zoom {
	width: 16px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
	z-index: 20;
}


/* Standardseite Overrides
--------------------------------------------------------------- */
/* Wellness */
#standard.wellness .contentarea {
	background: #d2f1ee;
}
#standard.wellness .contentarea h1 {
	color: #05b1a3;
}

#standard.wellness .contentarea ul li {
	background: url(/static/img/list_wellness.gif) left 6px no-repeat;
}

#standard.wellness .contentarea .img_block .image .zoom {
	background: url(/static/img/zoom_wellness.gif) no-repeat;
}


/* Family */
#standard.family .contentarea {
	background: #fff2e0;
}
#standard.family .contentarea h1 {
	color: #f89200;
}

#standard.family .contentarea  ul li {
	background: url(/static/img/list_family.gif) left 6px no-repeat;
}

#standard.family .contentarea .img_block .image .zoom {
	background: url(/static/img/zoom_family.gif) no-repeat;
}


/* City */
#standard.city .contentarea {
	background: #ffe1e3;
}
#standard.city .contentarea h1 {
	color: #bf000e;
}

#standard.city .contentarea  ul li {
	background: url(/static/img/list_city.gif) left 6px no-repeat;
}

#standard.city .contentarea .img_block .image .zoom {
	background: url(/static/img/zoom_city.gif) no-repeat;
}


/* Standard */
#standard.standard .contentarea {
	background: #e5ecf3;
}
#standard.standard .contentarea h1 {
	color: #00498d;
}

#standard.standard .contentarea  ul li {
	background: url(/static/img/list_standard.gif) left 6px no-repeat;
}

#standard.standard .contentarea .img_block .image .zoom {
	background: url(/static/img/zoom_standard.gif) no-repeat;
}



/* Footer
--------------------------------------------------------------- */
#site #footer {
	width: 860px;
	overflow: hidden;
	float: left;
	color: #979797;
}

#site #footer a {
	color: #00498d;
	text-decoration: none;
}

#site #footer a:hover {
	color: #00498d;
	text-decoration: none;
}


#site #footer .adress {
	width: 315px;
	height: 45px;
	overflow: hidden;
	float: left;
	padding: 0 0 0 40px;
}

#site #footer .contact {
	width: 230px;
	height: 45px;
	overflow: hidden;
	float: left;
	padding: 0;
}

#site #footer .links {
	width: 250px;
	height: 45px;
	overflow: hidden;
	float: left;
	padding: 0;
}

#site #footer .text {
	float:left;
	width:780px;
	padding:10px 0 10px 40px;
}
























/* Sprachauswahl
--------------------------------------------------------------- */

#top {
	width: 840px;
	height: 30px;
	overflow: visible;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
}


#languages {
	width: 150px;
	/*width: 130px;*/
	height: 19px;
	padding: 0;
	overflow: visible;
	position: absolute;
	left: 15px;
	top: 10px;
	z-index: 2000;
	color:#909499;
}

#languages .selectbutton {
	background: url(/static/img/arrow_langselect.gif) right top no-repeat;
	/*float: left;*/
	width: 113px;
	height: 14px;
	overflow: hidden;
	cursor: pointer;
	border: 1px solid #d9e4ee;
	padding: 2px 5px 1px 5px;
}

#languages .selectbutton img {
	padding:1px 0 0 0;
}

#languages .options {
	background: #fff;
	width: 125px;
	overflow: hidden;
	/*float: left;*/
	padding:6px 0 6px 0;
}

#languages .options a {
	display: block;
	width: 114px;
	height: 14px;
	overflow: hidden;
	margin: 0;
	padding: 2px 0 2px 7px;
	text-decoration: none;
	color: #909499;
}
#languages .options a img {
	margin: 1px 5px 0 0;
	overflow: hidden;
	float: left;
}




#top .searchx {
	position:absolute;
	right:15px;
	top:10px;
	width: 163px;
	padding: 0;
	overflow: hidden;
}


#top .searchx form {
	width: 170px;
	padding: !important;
	overflow: hidden;
	margin:0 !important;
}

#top .searchx .cont {
	float:left;
	width: 170px;
	position:relative;
	margin:0;
	padding:0;
}

#top .searchx .searchterm {
	
	background: #fff;
	width: 138px;
	border: 1px solid #d9e4ee;
	border-right: none;
	padding: 2px 0px 2px 5px !important;
	margin: 0 !important;
	line-height: 14px;
	color: #b4b9bf;
	
	float:left;
}

#top .searchx input.submit {
	width: 19px;
	height: 19px;
	overflow: hidden;
	
	float:left;
}




#top .newsletter {
	position:absolute;
	right:180px;
	top:10px;
	width: 150px;
	padding: 0;
	overflow: hidden;
}


#top .newsletter form {
	width: 150px;
	padding: !important;
	overflow: hidden;
	margin:0 !important;
}

#top .newsletter .cont {
	float:left;
	width: 150px;
	position:relative;
	margin:0;
	padding:0;
}

#top .newsletter .searchterm {
	
	background: #fff;
	width: 118px;
	border: 1px solid #d9e4ee;
	border-right: none;
	padding: 2px 0px 2px 5px !important;
	margin: 0 !important;
	line-height: 14px;
	color: #b4b9bf;
	
	float:left;
}

#top .newsletter input.submit {
	width: 19px;
	height: 19px;
	overflow: hidden;
	
	float:left;
}

#top #homebutton {
	position:absolute;
	width:9px;
	height:9px;
	top:15px;
	left:150px;
	z-index:100000;
}


#top .navigationItems {
	position:absolute;
	top:13px;
	left:180px;
}

#top .navigationItems a {
	float:left;
	margin:0 10px 0 0;
	font-weight:bold;
	text-decoration:none;
	color:#1c5d99;
}




/* formulare */

.f_left {
	clear:left;
}

.f_left.newsletter {
	padding:10px 0 10px 0;
}

.formleft {
	clear:left;
}

.formleft label {
	width:80px;
	float:left;
	display:block;
}

.formleft input.zip{
	width:40px;
}
.backbutton a {
	color: #00498D;
	font-weight:bold;
	cursor:pointer;
	padding:10px 0 0px 15px;
	text-decoration:none;
	float:left;
	clear:left;
}