/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2009-09-18
	Project: www.romantik-hotel.at
	Author: websLINE, 2009
	-------
*/

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


/* ROUTENPLANER ÖBB */

.routeOebb {
	padding-bottom: 20px;
	}
.routeOebb * {
	margin: 0 !important;
	}
.routeOebb .logo {
	background: #fff;
	text-align: center;
	width: 100%;
	}
.routeOebb p {
	margin: 3px 0 !important; padding: 2px 0 !important;
	background: #5f0800;
	}
.routeOebb label {
	display: block;
	float: left;
	width: 80px;
	}
.routeOebb input {
	border: 0;
	}


/* PANOS */

.pano {
	float: left;
	width: 280px;
	margin: 0 10px 10px 0;
	padding: 10px;
	background: #6a0a00;
	}
.pano h3 {
	margin: 0 0 5px 0; padding: 0;
	}
.pano ul li a {
	display: block;
	padding: 2px 5px 2px 20px;
	background: #5f0800 url(img_arrow.gif) no-repeat 10px 7px;
	}


/* FOTOMANAGER */

.fotomanager .choice {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #6a0a00;
	border: 1px solid #9e5d5e;
	}
.fotomanager .choice select {
	background: #fff;
	}
.fotomanager .choice p {
	margin: 0; padding: 0;
	}


/* IMPRESSIONEN */

.impressions {
	}
.impressions a {
	display: block;
	float: left;
	margin: 10px 17px 0 0;
	position: relative;
	border: 1px solid #9e5d5e;
	padding: 5px;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions .img {
	width: 127px; height: 90px;
	}
.impressions a:hover img {
	}
.impressions a .zoom {
	position: absolute;
	top: 7px; left: 7px;
	}


/* DATA */

table.data td {
	padding: 3px;
	background: #6a0a00;
	}
table.data td.col3 {
	text-align: right;
	}


/* PREISE */

table.prices {
	width: 100%;
	border: 0;
	}
table.prices th,
table.prices td {
	padding: 3px;
	text-align: left;
	}
table.prices caption {
	display: none;
	}
table.prices .col2, table.prices .col3 {
	width: 15%;
	text-align: center;
	}
table.prices .title th,
table.prices .season td {
	vertical-align: bottom;
	font-size: 0.9em;
	}
table.prices .season td {
/*	background: #F5EBE3;*/
	font-size: 0.9em;
	}
table.prices .room td {
/*	border-bottom: 1px solid #E6CEB9;*/
/*	background: #5f0800;*/
	padding-top: 10px;
	padding-bottom: 5px;
	}
table.prices .line1 td {
	background: #6a0a00;
	}
table.prices .line2 td {
	background: #6a0a00;
	}
table.prices .data td {
	height: 20px;
	vertical-align: middle;
	}
table.prices .data .col1 {
	padding-left: 6px;
	}
table.prices .data:hover td {
	font-weight: bold;
	background: #5f0800;
	}
table.prices .data:hover td p {
	font-size: 1em;
	}


/* INFO BOX */

.infobox {
	clear: both;
	padding: 10px; margin: 35px 0;
	}
html>body .infobox {
	background: url(img_bg-main.png) repeat-y;
	}
.infobox * {
	margin: 10px 0px;
	}


/* VERWANDTE THEMEN */

.related {
	margin-top: 30px;
	}
.related dt {
	font-weight: bold;
	font-size: 1.1em;
	color: #d3c100;
	margin-bottom: 10px;
	}
.related dd {
	border-bottom: 1px solid #8c4140;
	}
.related dd a {
	text-decoration: none !important;
	display: block;
	padding: 2px 5px 2px 10px;
	background: url(img_arrow.gif) no-repeat 0 5px;
	}
.related dd a:hover {
	color: #d3c100;
	background-image: url(img_arrow-yellow.gif);
	}


/* TEXT ABSAeTZe */

.absatz {
	}
.bildlinks img {
	margin: 0 8px 0 0;
	float: left;
	}
.bildrechts img {
	margin: 0 0 0 8px;
	float: right;
	}
#container .image {
	margin-top: 15px;
	}


/* TEASER INFO */

.teaserInfo dd {
	display: block;
	background: #a65f00;
	padding: 8px;
	}
.teaserInfo dd:hover {
	background: #8e5202;
	}
.teaserInfo dd img{
	border: 1px solid #fff;
	float: left;
	margin-right: 8px;
	}
.teaserInfo dd strong {
	display: block;
	padding: 5px 0 ;
	font-weight: normal;
	text-transform: uppercase;
	}


/* TEASER */

#dStart #header .teaser {
	display: none;
	}
.teaser dd, .teaser li {
	margin-top: 1px;
	}
#content .teaser dd, #content .teaser li {
	float: left;
	margin-right: 10px;
	width: 295px;
	}
.start .teaser dd, .start .teaser li {
	margin: 0 0 15px 0 !important;
	width: 330px !important;
	}
.teaser dd a, .teaser li a {
	display: block;
	background: #a65f00;
	padding: 8px;
	text-decoration: none !important;
	}
#content .teaser dd a, #content .teaser li a {
	background: #6a0a00;
	}
.start .teaser dd a, .start .teaser li a {
	background: #230000;
	display: block;
	margin-left: 40px;
	}
.start .teaser dd.special a, .start .teaser li.special a {
	background: #a65f00 !important;
	}
.teaser dd a:hover, .teaser li a:hover {
	background: #8e5202;
	}
#content .teaser dd a:hover, #content .teaser li a:hover {
	background: #5f0800;
	}
.teaser dd a img, .teaser li a img {
	border: 1px solid #fff;
	float: left;
	margin-right: 8px;
	}
.teaser dd a strong, .teaser li a strong {
	display: block;
	padding: 5px 0 ;
	font-weight: normal;
	text-transform: uppercase;
	}
	

/* BOX */

#mainRight .box {
	background: #230000;
	padding: 15px;
	margin-bottom: 15px;
	}
#mainRight .box h4 {
	margin: 0;
	text-transform: uppercase;
	}


/* SLIDER */

#slider {
	position: absolute;
	top: 490px; left: 0;
	width: 980px !important;
	height: 90px;
	overflow: hidden;
	}
#dStart #slider {
	display: none;
	}
#slider li {
	width: 320px;
	height: 90px;
	float: left;
	}
#slider li a {
	display: block;
	padding: 8px;
	text-decoration: none !important;
	background: #3b0000;
	opacity: 0.65;
	filter: alpha(opacity=65);
	margin-left: 50px;
	}
#slider li a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	background: #8e5202;
	}
#slider li a img {
	border: 1px solid #fff;
	float: left;
	margin-right: 8px;
	position: relative;
	margin-left: -30px;
	}
#slider li a strong {
	display: block;
	padding: 5px 0 ;
	font-weight: normal;
	text-transform: uppercase;
	}	
#prevBtn, #nextBtn{ 
	display:none;
	}	


/* ANFRAGE MASKE */

#dStart .inquirymask a {
	position: absolute;
	top: 575px; right: 5px;
	width: 270px; height: 0px; overflow: hidden;
	padding: 30px 10px 0 10px;
	background: #3b0000 url(img_bg-inquirymask.gif) no-repeat 10px 8px;
	opacity: 0.75;
	filter: alpha(opacity=75);
	display: block;
	text-decoration: none;
	}
#dStart .inquirymask a:hover {
	top: 480px;
	height: 85px;
	padding-top: 40px;
	}
.inquirymask h3 {
	margin: 0;
	padding: 0 15px 5px 0;
	}
.inquirymask p {
	margin: 0;
	padding: 0 5px 0 0; 
	float: left;
	}
.inquirymask b {
	font-weight: normal;
	display: block;
	background: none !important;
	}
.inquirymask input.date {
	background: #fff url(img_symb-calendar.gif) no-repeat 99% 50%;
	border: 1px solid #666;
	width: 120px;
	}
.inquirymask .bttn {
	margin: 12px 0 0 0;
	width: 190px;
	}


/* 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 {
    visibility: hidden;
	font-size: 1.8em;
  }

.sIFR-active #mainRight #container h3 {
    visibility: hidden;
	font-size: 1.4em;
  }
}