/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2008-11-25
	Project: www.hotelpost.com
	Author: websLINE, 2008
	-------
*/


/* POPUP LIGHT */

#popuplight {
	position: absolute;
	z-index: 2000;
	top: 50px; left: 50%;
	margin-left: -200px;
	width: 600px;
	/*height: 420px;*/
	border: 5px solid #fff;
	background: #EFEFEF;
	}
table + a + script + #popuplight {
	display: block !important;
	}
#popuplight p,
#popuplight h1, #popuplight h2 {
/*	color: #fff;*/
	margin: 15px 35px;
	padding: 0;
	}

#popuplight a.close {
	float: right;
	color: #fff;
	font-size: 10px;
	background: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
	position: relative;
	margin-bottom: -40px;
	margin-right: 10px;
	}
#popuplight a img {
	border: 5px solid #fff;
	}


/* PANOS */

.panos dd {
/*	background: #f7f7f7;*/
	border: 1px solid #fff;
	padding: 6px;
	float: left;
	margin: 10px 16px 0 0;
	width: 162px;
	}
.panos dd.last {
	margin-right: 0px !important;
	}
.panos dd:hover, .panos dd.item-active {
	background: #eee;
	}
.panos dd img {
	border: 1px solid #fff;
	margin-top: 3px;
	}
.panos dd h3, .panos dd p {
	margin: 0px; padding: 0px;
	line-height: 1em;
	font-size: 0.95em;
	}
.panos dd ul {
	margin: 0; 
	padding: 0;
	list-style-type: none;
	list-style-image: none !important;
	}
.panos dd li {
	background: #f7f7f7;
	margin-bottom: 1px;
	padding: 2px 0;
	}
.panos dd li:hover {
	background: #eee;
	}
.panos dd a.low,
.panos dd a.full {
	background: url(img_arrow.gif) no-repeat 6px 2px;
	padding: 0 0 0 20px;
	text-decoration: none !important;
	}


/* ROUTENPLANER */

.route {
	}
.route .map24 {
	background: url(img_bg-route.jpg) repeat-x 0px 20px;
	height: 37px;
	width: 100%;
	color: #fff;
	}
.route .map24 .img {
	background: #EFEFEF;
	}
.route .map24 div {
	padding: 0px 10px;
	display: block;
	}
.route h5 {
	background: #ddd;
	padding: 3px 10px;
	margin: 0px;
	}
.route p {
	background: #e5e5e5;
	padding: 3px 10px 10px 10px;
	margin: 0px;
	}
.route .startaddress, .route .goaladdress {
	width: 50%;
	float: left;
	margin: 1px 0 0 0;
	}
.route input.street {
	width: 227px;
	}
.route input.zip {
	width: 57px;
	margin: 0 4px 0 0;
	}
.route input.city {
	width: 160px;
	}
.route select.country {
	width: 234px;
	} 


/* PREISE */

table.prices {
	width: 100%;
	border: 0;
	}
table.prices th,
table.prices td {
	padding: 3px;
	}
table.prices caption {
	display: none;
	}
table.prices .space {
	height: 5px;
	}
table.prices .data .col1 {
	background: #e5e5e5;
	}
table.prices .col2, table.prices .col3 {
	width: 104px;
	text-align: center;
	background: #e5e5e5;
	}
table.prices .col3 {
	background: #ddd;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	}
table.prices .title th,
table.prices .season td {
	vertical-align: bottom;
	font-size: 0.9em;
	background: #DEDBDE;
	}
table.prices .room td {
	padding-top: 5px;
	}

table.prices .data td {
	height: 20px;
	vertical-align: middle;
	}
table.prices .data:hover td {
	font-weight: bold;
	background: #DEDBDE;
	}
table.prices .data:hover td p {
	font-size: 1em;
	}


/* IMPRESSIONEN */

.impressions {
	}
.impressions a {
	display: block;
	float: left;
	margin-right: 3px;
	background: #fff;
	padding: 5px;
	}
.impressions b a {
	margin: 0;
	}
.impressions img {
	border: 1px solid #eee;
	}



/* INFO BOX */

.infobox {
	clear: both;
	border: 1px solid #fff;
	padding: 10px; margin: 35px 0;
	background: #e5e5e5 url(img_bg-infobox.gif) no-repeat 100% 0;
	}
.infobox * {
	margin: 10px 0px;
	}


/* QUICK CHOICE */

.quickchoice {
	clear: both;
	border: 1px solid #fff;
	padding: 10px; margin: 35px 0 20px 0;
	background: url(img_bg-quickchoice.gif) no-repeat 100% 0;
	}
.quickchoice h3 {
	margin: 0 10px 0 0; padding: 2px 0 0 0;
	float: left;
	}


/* VERWANDTE THEMEN */

.related {
	margin-top: 40px;
	}
.related dt {
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 0;
	}
.post .related dt {
	color: #8F240F;
	}
.albona .related dt {
	color: #C27B45;
	}
.jagd .related dt {
	color: #6A9239;
	}
.sattl .related dt {
	color: #726632;
	}
.restaurant .related dt {
	color: #3A6091;
	}
.related dd {
	padding: 2px;
	border-bottom: 1px solid #919191;
	border-left: 10px solid #fff;
	}
.related dd a {
	display: block;
	padding: 1px 15px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-image: url(img_arrow.gif);
	text-decoration: none !important;
	}
.related dd a:hover {
	background-color: #fff;
	}
.post .related dd a {
	color: #8F240F;
	background-image: url(img_arrow_post.gif);
	}
.albona .related dd a {
	color: #C27B45;
	background-image: url(img_arrow_albona.gif);
	}
.jagd .related dd a {
	color: #6A9239;
	background-image: url(img_arrow_jagd.gif);
	}
.sattl .related dd a {
	color: #726632;
	background-image: url(img_arrow_sattl.gif);
	}
.restaurant .related dd a {
	color: #3A6091;
	background-image: url(img_arrow_restaurant.gif);
	}


/* TEXT ABSAeTZe */

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


/* ANREISE BOX */

.arrival {
	margin: 20px 0;
	background: #fff;
	font-family: Arial, Verdana, Tahoma, San-Serif;
	}
.arrival img.map {
	float: left;
	border-right: 3px solid #eee;
	margin-right: 15px;
	padding: 15px;
	}
.arrival p {
	margin: 0;
	padding: 15px 0;
	display: none;
	}
.neutral .arrival p.neutral,
.post .arrival p.post,
.albona .arrival p.albona,
.jagd .arrival p.jagd,
.sattl .arrival p.sattl,
.restaurant .arrival p.restaurant {
	display: block;
	}
.arrival p.neutral a {
	padding: 1px 0 1px 15px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-image: url(img_arrow.gif);
	}


/* TEASER */

.teaser {
	margin: 10px 0;
	padding: 0 10px 0 0;
	}
a.teaser {
	text-decoration: none !important;
	border: 1px solid #fff;
	}
#mainLeft .teaser {
	padding-right: 15px;
	}
a.teaser:hover {
	background: #fff url(img_bg-teaser.gif) no-repeat 100% 100%;
	background: #fff;
	}
.teaser img {
	float: left;
	margin-right: 10px;
	}
#mainLeft .teaser img {
	border: 5px solid #fff;
	}
#mainLeft .teaser p {
	margin: 0;
	background: #e5e5e5;
	padding: 0px 10px 10px 10px;
	border: 1px solid #fff;
	float: left;
	height: 92px;
	}
.teaser strong {
	display: block;
	padding: 5px 0 3px 0;
	font-size: 1.1em;
	}
#mainLeft .teaser strong {
/*	font-size: 1em; */
	padding-top: 10px;
	}
#mainLeft .teaser a.bttn {
	width: 100px;
	float: right;
	}


/* TEASER STATISCH */

.teaserStatic {
	border-top: 1px solid #ddd;
	}
.teaserStatic div {
	padding: 2px 0;
	margin: 8px 0;
	}
.teaserStatic img {
	float: left;
	border-right: 8px solid #efefef;
	}
.teaserStatic p {
	margin: 0; padding: 0 0 0 5px;
	height: 50px;
	}
.teaserStatic p:hover {
	background: #e5e5e5;
	}
.teaserStatic strong {
	display: block;
	padding: 4px 0 0 0;
	}


/* AUFLISTUNG */

.list {
	background: #fff;
	padding: 20px 15px;
	margin-bottom: 20px;
	}
.list li {
	float: left;
	width: 50%;
	}
.list li a {
	padding: 1px 0 1px 15px;
	background-position: 0 3px;
	background-repeat: no-repeat;
	background-image: url(img_arrow.gif);
	}
.post .list li a {
	color: #8F240F;
	background-image: url(img_arrow_post.gif);
	}
.albona .list li a {
	color: #C27B45;
	background-image: url(img_arrow_albona.gif);
	}
.jagd .list li a {
	color: #6A9239;
	background-image: url(img_arrow_jagd.gif);
	}
.sattl .list li a {
	color: #726632;
	background-image: url(img_arrow_sattl.gif);
	}
.restaurant .list li a {
	color: #3A6091;
	background-image: url(img_arrow_restaurant.gif);
	}


/* ANFRAGE MASKE */

.inquirymask {
	background: #fff;
	padding: 0 15px;
	}
.inquirymask p {
	margin: 0;
	padding: 0 0 10px 0; 
	float: left;
	border-bottom: 1px solid #DBDBDB;
	}
#dStart .inquirymask p {
	border: 0;
	}
.inquirymask p.arrival,
.inquirymask p.departure {
	padding-right: 10px;
	}
.inquirymask b {
	font-weight: normal;
	display: block;
	}
.inquirymask select {
	margin-right: 0px;
	}
.inquirymask .bttn {
	width: 32px;
	margin: 16px 0 0 0;
	height: 20px;
	background: url(img_bttn-arrow_post.gif);
	border: 0;
	}


/* THEMEN NAVIGATION */

#header .themenavi {
	position: absolute;
	top: 310px;
	left: 10px;
	}
#dStart #header .themenavi {
	top: 350px;
	}
#header .themenavi li {
	float: left;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: 0 -37px;
	}
#dStart #header .themenavi li {
	background-position: 0 0;
	}
#header .themenavi li.post {
	background-image: url(img_bg-themenavi_post.gif);
	}
#header .themenavi li.albona {
	background-image: url(img_bg-themenavi_albona.gif);
	}
#header .themenavi li.jagd {
	background-image: url(img_bg-themenavi_jagd.gif);
	}
#header .themenavi li.sattl {
	background-image: url(img_bg-themenavi_sattl.gif);
	}
#header .themenavi li.restaurant {
	background-image: url(img_bg-themenavi_restaurant.gif);
	}
#header .themenavi li a {
	display: block;
	float: left;
	width: 180px;
	height: 59px;
	overflow: hidden;
	}
#dStart #header .themenavi li a {
	height: 177px;
	width: 190px;
	}
#header .themenavi li a strong {
	display: block;
	margin: 30px 0 0 10px;
	font-size: 1.3em;
	}
#dStart #header .themenavi li a strong {
	display: none;
	}


/* 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: 20px !important;
    visibility: hidden;
	}
.sIFR-active #footer h2 {
    font-size: 35px !important;
    visibility: hidden;
	}
.sIFR-active #dContent .themenavi li {
    font-size: 20px !important;
	padding: 30px 0 0 10px; 
    visibility: hidden;
	} 

}