/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2009-08-06
	Project: www.tophotels-zuers.com
	Author: websLINE, 2009
	-------
*/


@import url("css_navigation.css");
@import url("css_fancybox.css");


/* POPUP LIGHT */

#popuplight {
	position: absolute; z-index: 1000;
	top: 100px; left: 30%;
	background: #cfd5da;
	border: 3px solid #3161a1;
	width: 500px;
	height: 450px;
/*	overflow: scroll;*/
	}
table + a + script + #popuplight { /* Bearbeitungsmodus im CMS */
	display: block !important;
	}
#popuplight * {
	font-size: 10px;
	}
#popuplight a.close {
	float: right;
	color: #fff;
	background: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
	}
#popuplight h2 {
	margin: 0px; padding: 4px;
	background: #333;
	color: #fff;
	font-size: 11px;
	}
#popuplight p, #popuplight h3, #popuplight h4, #popuplight h5, #popuplight h6 {
	margin-left: 10px; margin-right: 10px;
	}
#popuplight h3 {
	font-size: 11px;
	}


/* BANNER */

.banner {
	position: absolute; z-index: 1000;
	top: 175px; left: 25px;
	display: block;
	width: 215px; height: 110px;
	cursor: pointer;
	}
html>body .banner {
	background: url(img_banner-shortspecial.png);
	}
html>body .en .banner {
	background: url(img_banner-shortspecial_EN.png);
	}


/* IMPRESSIONEN */

.impressions {
	margin-bottom: 3px;
	}
.impressions a {
	display: block;
	float: left;
	margin: 0 15px 15px 0;
	position: relative;
	background: url(img_bg-impressions-thumb.gif) no-repeat;
	padding: 1px;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions .img {
	width: 120px; height: 70px;
	border-width: 3px;
	border-style: solid;
	border-color: #fff;
	}
.impressions a:hover img {
	border-color: #ccc;
	}
.impressions a .zoom {
	position: absolute;
	top: 5px; left: 5px;
	}


/* VERWANDTE THEMEN */

.related {
	clear: both;
	margin: 35px 0 20px 0;
	}
.related dt {
	font-size: 1.1em;
	color: #335077;
	margin-bottom: 15px;
	font-weight: bold;
	}
.related dd {
	padding: 3px 5px 3px 15px;
	background: url(img_arrow.gif) no-repeat 0 50%;
	border-bottom: 1px solid #eee;
	}
.related dd:hover {
	background-color: #e5e5e5;
	}
.related dd a {
	text-decoration: none !important;
	}


/* INFOBOX */

.infobox {
	clear: both;
	border: 1px solid #ddd;
	background: #eee;
	padding: 10px; margin: 35px 0;
	}
.infobox * {
	margin: 10px 0px;
	}
	

/* TEXT ABSAeTZe */

.absatz {
	}
.bildlinks img {
	margin: 0 8px 0 0;
	float: left;
	}
.bildrechts img {
	margin: 0 0 0 8px;
	float: right;
	}
	

/* TABELLE DATA & JOBS */

table.data,
table.jobs {
	width: 100%;
	border: 0;
	}
table.data .line:hover td,
table.jobs .line:hover td {
	background: #eee;
	}
table.data td,
table.jobs td {
	padding: 3px 5px;
	border-bottom: 1px solid #eee;
	height: 15px;
	}
table.data td.col2 {
	text-align: right;
	}
table.jobs .col2 {
	text-align: center;
	width: 12%;
	}
table.data .space td,
table.jobs .space td {
	height: 15px;
	}


/* TEASER (Head) */

#header .teaserbg {
	background: #00132d;
	opacity: 0.72;
	filter: alpha(opacity=72);
	}
#header .teaserbg,
#header .teaser {
	position: absolute;
	top: 350px; left: 0;
	width: 612px; height: 107px;
	}
#dStart #header .teaserbg,
#dStart #header .teaser {
	top: 492px;
	}
#header .teaser {
	padding: 15px 0 0 0;
	}
#dStart #header .teaser {
	height: 206px;
	background: url(img_bg-teaserStart.gif) repeat-x 0 107px;
	}
#header .teaser dd {
	float: left;
	width: 275px;
	margin: 0 0 30px 20px;
	background: url(img_bg-headteaser-thumb.gif) no-repeat;
	padding: 4px;
	}
* html #header .teaser dd { /* IE6 Bug */
	margin-left: 10px;
	}
#header .teaser dd * {
	color: #fff;
	}
#header .teaser dd a {
	background: url(img_arrow-teaser.gif) no-repeat 266px 60px;
	text-decoration: none;
	}
#header .teaser dd a:hover {
	background-color: #00132d;
/*	color: #3161a1;*/
	}
#header .teaser dd a img {
	float: left;
	margin-right: 14px;
	}
#header .teaser dd a strong {
	display: block;
	padding: 0 0 5px 0;
	text-transform: uppercase
	}


/* TEASER (Main) */

#main .teaser dt {
	display: none;
	}
#main .teaser dd {
	margin-top: 15px;
	}
#main .teaser dd a {
	display: block;
	background: #eee;
	text-decoration: none !important;
	line-height: 1.5em;
	}
#main .teaser dd a:hover {
	background: #ddd;
	}
#main .teaser dd a img {
	float: left;
	margin-right: 10px;
	}
#main .teaser dd a strong {
	display: block;
	padding: 10px 0 5px 0;
	color: #335077;
	font-size: 1.2em;
	}
#main .teaser dd a i {
	font-style: normal;
	}
#main .teaser dd a b {
	display: block;
	}
#mainRight .teaser dt {
	display: block;
	margin: 20px 0;
	font-size: 1.1em;
	color: #666;
	font-weight: bold;
	}
#mainRight .teaser dd {
	padding: 5px 0;
	margin: 0;
	border-bottom: 1px solid #fff;
	}
#mainRight .teaser dd a {
	background: none;
	line-height: 1.2em;
	padding: 3px 0;
/*	color: #000;*/
	}
#mainRight .teaser dd a:hover {
	background: #e9eff4;
	}
#mainRight .teaser dd a img {
	width: 100px;
	height: 55px;
	}
#mainRight .teaser dd a strong {
	padding: 0;
	font-size: 1em;
	color: #000;
	}
#mainRight .teaser dd a i {
	display: block;
	}
#mainRight .tabs .teaser dd {
	border: 0;
	}
#mainRight .tabs .teaser dd a {
	padding: 0;
	color: #000;
	cursor: pointer;
	text-decoration: none !important;
	}
#mainRight .tabs .teaser dd a img {
	float: left;
	margin-right: 10px;
	}
#mainRight .tabs .teaser dd span {
	display: block;
	float: left;
	width: 217px;
	padding: 2px 4px;
	background: #c6c9d1 url(img_arrowBig.gif) no-repeat 98% 50%;
	}
#mainRight .tabs .teaser dd a:hover {
	background: none;
	}
#mainRight .tabs .teaser dd a:hover span {
	background-color: #d9dbe0;
	}
#mainRight .tabs .teaser dd a strong {
	display: block;
	}


/* TEASER SHORT */

.teasershort {
	}
.teasershort dd a {
	display: block;
	background: #eee;
	text-decoration: none !important;
	line-height: 1.5em;
	width: 175px;
	float: left;
	margin: 0 10px 10px 0;
	}
.teasershort dd a:hover {
	background: #e9eff4;
	}
.teasershort dd a img {
	display: block;
	}
.teasershort dd a span {
	display: block;
	padding: 5px;
	}
.teasershort dd a strong {
	display: block;
	color: #335077;
	font-size: 1.2em;
	}
.teasershort dd a i {
	display: block;
	font-style: normal;
	}

	
/* HOTEL DETAILS */

.hoteldetails {
	background: #e9eff4;
	margin: 0 -20px 20px -20px;
	border-bottom: 1px solid #fff;
	padding: 20px;
	}
* html .hoteldetails {
	width: 100%;
	}
.hoteldetails h3 {
	margin: 0; padding: 0;
	}
.hoteldetails p {
	margin-bottom: 0; padding-bottom: 0;
	float: left;
	width: 158px;
	}
* html .hoteldetails p {
	margin-right: -3px;
	}
.hoteldetails a {
	display: block;
	width: 177px;
	}
.hoteldetails a.email {
	margin: 30px 0 5px 0;
	}
.hoteldetails a.web {
	margin: 0 0 5px 0;
	}
	
.hoteltype {
	background: #e9eff4;
	padding: 15px 0 15px 15px;
	}
.hoteltype li {
	float: left;
	width: 240px;
	padding: 2px 32px 2px 0;
	}
.hoteltype li b {
	display: block;
	float: right;
	width: 43px; height: 7px;
	margin-top: 4px;
	background-repeat: no-repeat;
	}
.hoteltype li b.wert0 {	background-image: url(img_hoteltyp-wert0.gif);	}
.hoteltype li b.wert1 {	background-image: url(img_hoteltyp-wert1.gif);	}
.hoteltype li b.wert2 {	background-image: url(img_hoteltyp-wert2.gif);	}
.hoteltype li b.wert3 {	background-image: url(img_hoteltyp-wert3.gif);	}
.hoteltype li b.wert4 {	background-image: url(img_hoteltyp-wert4.gif);	}
.hoteltype li b.wert5 {	background-image: url(img_hoteltyp-wert5.gif);	}

.hotelhighlights {
	background: #e9eff4;
	}
.hotelhighlights ul {
	margin: 0;
	padding: 15px 0;
	list-style: none;
	list-style-image: none !important;
	width: 100%; /* IE Bug */	
	}
.hotelhighlights ul li {
	float: left;
	width: 230px;
	padding: 2px 20px 2px 27px;
	background: url(img_dot.gif) no-repeat 15px 4px;
	}


/* PACKAGE DETAILS */

.packagedetails {
	padding: 20px 20px 5px 20px;
	background: #EFEFEF;
	border: 1px solid #fff;
	}
.packagedetails li {
	padding: 3px 0;
	border-bottom: 1px solid #fff;
	}
.packagedetails strong {
	display: block;
	float: left;
	width: 140px;
	margin-right: 20px;
	font-size: 0.9em;
	}
.packagedetails span {
	display: block;
	float: left;
	width: 345px;
	}
.packagedetails li.price {
	border: 0;
	margin-top: 10px;
	}
.packagedetails li.price strong {
	text-align: right;
	padding-top: 3px;
	}
.packagedetails li.price span {
	background: #999;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
	width: 335px;
	}
.packagedetails li.bonus {
	display: none;
	color: #335077;
	font-weight: bold;
	}
.packagedetails li.bonus strong {
	background: url(img_topbonus.gif) no-repeat top right;
	height: 55px;
	margin: -10px 5px 0 0;
	width: 155px;
	}
.toppackage .packagedetails li.bonus {
	display: block;
	}


/* TABS */

.tabs {
	position: absolute; z-index: 10;
	top: 325px; right: 4px;
	width: 335px; height: 452px;
	background: #ecedef url(img_bg-mainRight.gif) repeat-x;
	padding: 15px 20px;
	border-bottom: 1px solid #fff;
	}
* html .tabs { /* IE6 Bug */
	right: 3px;
	}
#dStart .tabs {
	top: 455px;
	height: 265px;
	padding-bottom: 0;
	}
.hotels .tabs, .toppackage .tabs {
	height: 395px;
	height: 420px;
	}
.tabs ul.nav {
	padding-bottom: 165px;
	}
.hotels .tabs ul.nav, .toppackage .tabs ul.nav {
	padding-bottom: 0;
	}
.tabs ul.nav li {
	position: relative;
	float: left;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
.tabs ul.nav li.enquiry, .tabs #tabEnquiry .tabbttn {	background-image: url(img_tab-enquiry.gif);	}
.tabs ul.nav li.hotels, .tabs #tabHotels .tabbttn {	background-image: url(img_tab-hotels.gif);	}
.tabs ul.nav li.newsletter, .tabs #tabNewsletter .tabbttn {	background-image: url(img_tab-newsletter.gif);	}
.tabs ul.nav li.weather, .tabs #tabWeather .tabbttn {	background-image: url(img_tab-weather.gif);	}
.tabs ul.nav li.arrival, .tabs #tabArrival .tabbttn, .tabs #tabArrivalStart .tabbttn {	background-image: url(img_tab-arrival.gif);	}

.en .tabs ul.nav li.enquiry, .en .tabs #tabEnquiry .tabbttn {	background-image: url(img_tab-enquiry_EN.gif);	}
.en .tabs ul.nav li.hotels, .en .tabs #tabHotels .tabbttn {	background-image: url(img_tab-hotels_EN.gif);	}
.en .tabs ul.nav li.weather, .en .tabs #tabWeather .tabbttn {	background-image: url(img_tab-weather_EN.gif);	}
.en .tabs ul.nav li.arrival, .en .tabs #tabArrival .tabbttn,  .en .tabs #tabArrivalStart .tabbttn {	background-image: url(img_tab-arrival_EN.gif);	}

.tabs ul.nav li a, .tabs .tabcontent .tabbttn {
	display: block;
	height: 10px;
	padding: 6px 8px;
	}
* html .tabs ul.nav li a, * html .tabs #tabHotels .tabbttn { /* IE6 Bug */
	padding-bottom: 3px;
	}
.tabs ul.nav li.enquiry a, .tabs #tabEnquiry .tabbttn  {	width: 70px;	}
.tabs ul.nav li.hotels a, .tabs #tabHotels .tabbttn {	width: 77px;	}
.tabs ul.nav li.newsletter a, .tabs #tabNewsletter .tabbttn {	width: 59px;	}
.tabs ul.nav li.weather a, .tabs #tabWeather .tabbttn {	width: 87px;	}
.tabs ul.nav li.arrival a, .tabs #tabArrival .tabbttn, .tabs #tabArrivalStart .tabbttn {	width: 40px;	}

.en .tabs ul.nav li.enquiry a, .en .tabs #tabEnquiry .tabbttn  {	width: 71px; padding-left: 7px; }
.en .tabs ul.nav li.hotels a, .en .tabs #tabHotels .tabbttn {	width: 57px; padding-left: 28px;	}
.en .tabs ul.nav li.weather a, .en .tabs #tabWeather .tabbttn {	width: 85px; padding-left: 10px;	}

.tabs ul.nav li, .tabs .tabcontent .tabbttn {
	background-color: #a0a5b3;
	background-position: 50% 6px;
	background-repeat: no-repeat;
	}
.tabs ul.nav li:hover, .tabs .tabcontent .tabbttn {
	background-color: #3161a1;
	background-position: 50% -16px;
	}
.tabs .tabcontent {
	position: absolute;
	top: 38px; right: 20px;
	width: 335px;
	height: 145px;
	padding: 15px 0 0 0;
	background: url(img_bg-mainRight.gif) repeat-x 0 -50px;
	}
.hotels .tabs .tabcontent,
.toppackage .tabs .tabcontent {
	height: 360px;
	}
.tabs .tabcontent a {
	text-decoration: none;
	}
.tabs .tabcontent h3 {
	margin-top: 0 !important;
	padding-top: 0 !important;
	}
.tabs .tabcontent .tabbttn {
	position: absolute;
	top: -23px; left: 0;
	cursor: pointer;
	}
.tabs #tabNewsletter .tabbttn {	left: 94px;	} 
.tabs #tabWeather .tabbttn {	left: 170px;	}
.tabs #tabArrival .tabbttn, .tabs #tabArrivalStart .tabbttn {	left: 274px;	}
.hotels .tabs #tabNewsletter .tabbttn, .toppackage .tabs #tabNewsletter .tabbttn {	left: 87px;	} 
.hotels .tabs #tabWeather .tabbttn, .toppackage .tabs #tabWeather .tabbttn  {	left: 163px;	}
.hotels .tabs #tabArrival .tabbttn, .toppackage .tabs #tabArrival .tabbttn, .hotels .tabs #tabArrivalStart .tabbttn, .toppackage .tabs #tabArrivalStart .tabbttn  {	left: 267px;	}
.tabs #tabHotels dl.hotellist dd {
	float: left;
	background: url(img_arrow.gif) no-repeat 0 13px;
	padding: 10px 0 10px 18px;
	width: 148px;
	border-bottom: 1px solid #b1b3b4;
	}
.tabs #tabHotels dl.hotellist dd strong {
	display: block;
	}
.tabs #tabHotels dl.hotellist dt {
	float: left;
	padding: 13px 0 11px 5px;
	border-bottom: 1px solid #b1b3b4;
	}
.tabs #tabHotels dl.hotellist dt a {
	display: block;
	background: #275a98;
	color: #fff;
	padding: 5px 4px;
	text-transform: uppercase;
	font-size: 0.9em;
	}
.tabs #tabArrival, .tabs #tabArrivalStart {
	background: url(img_bg-arrival.gif) no-repeat 100% 25px;
	}
/*.hotels .tabs #tabArrival {
	background: none;
	}*/
.tabs .tabcontent li a {
	text-decoration: underline;
	}


/* sIFR REPLACEMENT */

@media screen {

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
	}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible !important;
	}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
.sIFR-replaced div.sIFR-fixfocus {
	margin: 0pt; 
	padding: 0pt; 
	overflow: auto; 
	letter-spacing: 0px; 
	float: none;
	}

}

@media print {

.sIFR-flash {
	display    : none !important;
	height     : 0;
	width      : 0;
	position   : absolute;
	overflow   : hidden;
	}
.sIFR-alternate {
	visibility : visible !important;
	display    : block   !important;
	position   : static  !important;
	left       : auto    !important;
	top        : auto    !important;
	width      : auto    !important;
	height     : auto    !important;
	}

}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  .sIFR-active #content h1 {
	font-size: 2em;
  }

}