/*
	CSS Document: css_modules.css
	Version: 3.0 | Date: 2009-07-03
	Project: www.ruhpolding.de
	Author: websLINE, 2009
	-------
*/

@import url("css_navigation.css");
@import url("css_calendar.css");


/* POPUP LIGHT */

#popuplight { 
	position: absolute; z-index: 110; 
	top: 90px; left: 290px; 
	background: #fff; 
	border: 8px solid #fff; 
	width: 415px; 
	height: 270px; 
	overflow: hide; 
	}
table + a + a + #popuplight {
	display: block !important;
	}
#popuplight a.close { 
	position: absolute; 
	top: 0; right: 0; 
	}


/* INFO */

.info, .info-active {
	position: absolute;
	top: 120px; left: 0;
	}
.info .bttn, .info-active .bttn {
	display: block;
	width: 25px;
	height: 96px;
	background-color: transparent;
	}
html>body .info .bttn {
	background: url(img_bttn-service.png);
	}
.info .bglinks, .info-active .bglinks {
	display: none;
	margin: -96px 0 0 0;
	padding: 35px 0 12px 0;
	width: 200px;
	height: 113px;
	}
html>body .de .info .bglinks {
	background: url(img_bg-info.png);
	}
html>body .en .info .bglinks {
	background: url(img_bg-info_EN.png);
	}
.info:hover .bttn {
	margin-left: 200px;
	}
.info:hover .bglinks, .info-active .bglinks {
	display: block;
	}
.info ul, .info-active ul {
	position: absolute;
	top: 35px;
	left: 15px;
	width: 165px;
	}
.info ul li, .info-active ul li {
	padding: 3px;
	border-top: 1px solid #fb3a3a;
	border-bootom: 1px solid #e50101;
	color: #fff;
	}
.info ul li:hover {
/*	background: #D4DAE4;*/
	background: #fd3939;
	}
.info ul li a, .info-active ul li a {
	text-decoration: none;
	font-size: 0.95em;
/*	color: #637186;*/
	color: #fff;
	}
	

/* ANFRAGE */

.inquiry {
	position: absolute;
	top: 72px; right: 15px;
	width: 167px;
/*	height: 275px;*/
	padding: 30px 0px 0px 15px;
	}
.de .inquiry,
.it .inquiry {
	background: url(img_bg-inquiry.jpg); 
	}
.en .inquiry {
	background: url(img_bg-inquiry_EN.jpg); 
	}
.inquiry input#datum {
	background: #fff url(img_calendar.gif) no-repeat 99% 50%;
	}
.inquiry div {
	}
.inquiry #infocenter-bttn {
	width: 140px;
	margin: 5px 0px 0px 0px;
	color: #fff;
	background: #8B98AB;
	border: 0px;
	padding: 3px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
	}


/* PAUSCHALEN */

.offer {
	position: absolute;
	top: 439px; left: 15px;
	width: 224px;
	background: url(img_bg-offer.gif) repeat-y;
	}
.offer .hl {
	width: 67px;
	height: 21px;
	}
html>body .de .offer .hl,
html>body .it .offer .hl {
	background: url(img_hl-angebote.png);
	}
html>body .en .offer .hl {
	background: url(img_hl-angebote_EN.png);
	}
.offer .teaser {
	margin: 0 0 0 6px;
	padding: 6px;
	}
.offer .edit a {
	display: block;
	position: relative;
	z-index: 2000;
	}
.offer #teaser {
	width: 206px; 
	height: 208px;
	height: 104px;
	overflow: hidden; 
	position: relative;
	margin-bottom: 6px;
	}
.offer #teaser ul {
	position: absolute;
	top: 0px;
	left: 0px;
	}
.offer #teaser ul li {
	padding: 2px 0;
	}
.offer #teaser ul li a {
	display: block;
	background: #E3E7EB;
	padding: 1px;
	line-height: 1.2em;
	height: 100px;
	width: 205px;
	text-decoration: none;
	}
.offer #teaser ul li a:hover {
	background: #d7dde2;
	}
.offer #teaser img {
	float: left;
	margin-right: 5px;
	}
.offer #teaser strong {
	display: block;
	margin: 3px 0 0 0;
	padding-bottom: 3px;
	font-size: 0.95em;
	}
.summer .offer #teaser strong {
	color: #1AAD32;
	}
.winter .offer #teaser strong {
	color: #1A7AAD;
	}
html>body .summer .offer .teaser {
	background: url(img_transpng-gruen.png);
	}
html>body .winter .offer .teaser {
	background: url(img_transpng-blau.png);
	}


/* WELCOME */

.welcome {
	position: absolute;
	top: 460px; left: 248px;
	width: 495px;
	height: 160px;
	padding: 15px 20px 0 20px;
	background: #fff;
	opacity: 0.85;
    filter: alpha(opacity=85);
	}
.welcome * {
	line-height: 1.3em;
	}
.welcome h1 {
	margin: 0; padding: 0;
	color: #485260;
	text-transform: uppercase;
	}
.welcome h2 {
	margin: 0; padding: 0;
	color: #02991a;
	}
.welcome p {
	margin: 0; padding: 10px 0 0 0;	
	}
	

/* EVENTS */

.events {
	float: right;
	}
.events p {
	margin: 0;
	padding: 0 0 0 20px;
	}


/* NEWSSCROLLER */

.newsscroll {
	clear: both;
	position: relative;
	margin: 14px -20px 0 -20px;
	background: #8b98ab url(img_hl-newsticker.gif) no-repeat 20px 50%;
	padding: 5px 0 0 100px;
	height: 22px;
	}
.summer .newsscroll {
	background-color: #009a18 !important;
	}
.winter .newsscroll {
	background-color: #0087bd !important;
	}
.newsscroll * {
	color: #fff;
	}
.newsscroll span {
	clear: both;
	}
.newsscroll b {
	padding-right: 50px;
	font-weight: normal;
	}
.newsscroll a {
	text-decoration: underline;
	}
.newsscroll strong {
	font-weight: normal;
	padding: 3px 15px;
	margin-right: 10px;
	}
.newsscroll strong.green {
	background: #04bd04;
	}
.newsscroll strong.orange {
	background: #ff6600;
	}
.newsscroll strong.yellow {
	background: #cac802;
	}
.newsscroll strong.blue {
	background: #048edd;
	}
	

/* ARRIVAL */

.arrival {
	position: absolute;
	top: 460px; right: 15px;
	width: 154px;
	height: 160px;
	padding: 15px 15px 0 15px;
	}
html>body .arrival {
	background: url(img_bg-arrival.png) no-repeat;
	}
.arrival object {
	display: block;
	border: 1px solid #8B98AB;
	margin: 8px 0;
	}