/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2006-03-29
	Project: www.hotel-st-oswald.at
	Author: websLINE, 2006
	-------
*/


/* POPUP LIGHT */

#popuplight {
	position: absolute;
	z-index: 2000;
	top: 180px; left: 50%;
	margin-left: -155px;
	width: 500px;
	height: 440px;
/*	overflow: scroll;*/
	}
#popuplight * {
	font-size: 10px;
	}
#popuplight a.close {
	float: right;
	color: #fff;
	background: #FF0000;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 5px;
	position: relative;
	margin-bottom: -40px;
	}
#popuplight a img {
	border: 5px solid #fff;
	}



/* IMPRESSIONEN */

.impressions {
	}
.impressions a {
	display: block;
	float: left;
	margin: 0 2px 2px 0;
	padding: 1px;
	position: relative;
	background: #CECFCE;
	}
.impressions a:hover {
	background: #A5795A;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin: 0 !important;
	}
.impressions img {
	border: 1px solid #fff;
	}
.impressions a .zoom {
	position: absolute;
	top: 5px; left: 5px;
	}


/* QUICK CHOICE */

#quickchoice {
	padding: 10px;
	margin: -10px 0 30px 0;
	background: #EDDEB3;
	display: block;
	}



/* TEASER ANGEBOT */

#teaser-angebot {
	border-bottom: 1px solid #fff;
	background: #EDDEB4;
	}
#teaser-angebot a {
	display: block;
	height: 74px;
	}
#teaser-angebot a:hover {
	background: url(img_bg-teaser_over.gif);
	text-decoration: underline;
	font-weight: normal;
	}
#teaser-angebot img {
	float: right;
	}
#teaser-angebot h2, #teaser-angebot p {
	padding: 0px 15px;
	margin: 0px;
	color: #885227;
	font-size: 10px;
	}
#teaser-angebot h2 {
	padding-top: 15px;
	font-weight: bold;
	}



/* ANFRAGE MASKE */

#inquirymask {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	background: #960000;
	padding: 10px 5px;
	}
#inquirymask td {
	color: #fff;
	font-size: 10px;
	}
#inquirymask select {
	margin: 0;
	padding: 0;
	font-size: 9px;
	}



/* IMAGE RIGHT TOP */

#imagerighttop img {
	border: 2px solid #fff;
	margin: -50px 3px 10px 10px;
	}



/* TEMPBOX INFO */

#tempboxinfo {
	padding: 15px;
	display: block;
	border: 1px dashed #D3C49B;
	background: #D3C49B url(img_bg-tempboxinfo.gif) top right no-repeat;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
#tempboxinfo  p, #tempboxinfo  li {
	font-size: 10px;
	}
#tempboxinfo  p {
	padding: 0;
	margin: 0;
	}



/* TEMPBOX 01 */

#tempbox01 {
	padding: 15px;
	height: 188px;
	font-size: 10px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}
.tempbox-blue {
	background: #BFC6D6;
	}
.tempbox-green {
	background: #B8C0A0;
	}

#tempbox01 b img {
	float: left;
	margin: -15px 10px 0 -15px;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	}
#tempbox01 h1 {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	margin-top: 10px;
	}
.tempbox-green h2, .tempbox-green p {
	color: #111600;
	}
.tempbox-blue h2, .tempbox-blue p {
	color: #28395E;
	}



/* CONTENT FUNCTIONS */

#contentfunctions {
	clear: both;
	text-align: right;
	}
#contentfunctions img {
	margin-left: 5px;
	}



/* GHOST LAYER */

#ghost {	
	position: absolute;
	width: 310px;
	left: -300px;
	text-align: right;
	z-index: 99;
	top: 0;
	}
#ghost p, #ghost h1, #ghost h2, #ghost h3, #ghost h4, #ghost h5 {
	padding-right: 10px;
	}



/* TABELLEN FORMATIERUNG */

#table, #prices, #package {
	border: 0px;
	padding: 0;
	}
#prices {
	width: 90%;
	margin: 50px auto;
	}
#table, #package {
	width: 100%;
	}
#table td, #table td li, #prices td, #package td {
	padding: 2px;
	}
#table td, #table td li, #prices td, #package td, #prices p {
	font-size: 10px;
	}

#table td.space, #prices td.space, #package td.space {
	line-height: 5px;
	border-top: 1px dashed #A07A5C;
	}

#prices td.title {
	margin-top: 5px;
	background: #A07A5C;
	}
#prices td.title a, #prices td.title h2, #prices td.title h3, #prices td.title p {
	color: #fff;
	padding: 0;
	margin: 0;
	}
#prices td.title a {
	float: right;
	text-decoration: none;
	}
#prices td.title a:hover {
	text-decoration: underline;
	}
#prices td.title h2 {
	float: left;
	}
#prices td.title h3 {
	font-style: italic;
	margin-bottom: 1px;
	}
#prices td.title p {
	width: 80%;
	}

#prices td.row1, #prices td.row2, #package td.row3, #package td.row4 {
	text-align: center;
	line-height: 15px;
	}
#prices td.row0 {
	text-align: right;
	font-style: italic;
	width: 80px;
	}
#table tr.line1, #prices td.row1, #package tr.line1, #form tr.line1 {
	background: #EDDEB3;
	}
#table tr.line2, #prices td.row2, #package tr.line2, #form tr.line2 {
	background: #EAD8A4;
	}
#package td.row1 {
	width: 90px;
	}
#package td.row3 {
	width: 70px;
	}
#package td.row4 {
	width: 80px;
	}
#form td h2 {
	margin-bottom: 0px;
	}
	


/* INFO BOX */

#infobox {
	border: #690000 1px dashed; 
	padding: 10px; 
	background: #E0D1A9;
	float: right;
	margin: 5px 0px 10px 10px; 
	width: 35%
	}



/* LIST BOX */

#listbox {
	background: #EDDEB3;
	border: #EAD8A4 2px dashed;
	padding: 5px;
	margin-top: 3px;
	}
#listbox h2 {
	position: relative;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	color: #BE1525;
	}
#listbox img {
	float: left;
	}
#listbox p {
	position: relative;
	float: right;
	width: 320px;
	min-height: 77px;
	margin: 4px 0px 0px 0px;
	}
* html #listbox p {
	height: 77px;
	}
#listbox a {
	border-top: 1px dashed #AD8B87;
	background: #A07A5C;
	color: #fff;
	padding: 2px 10px 3px 10px;
	text-decoration: none;
	font-size: 10px;
	position: absolute;
	bottom: -6px;
	right: -6px;
	}



/* MORE LAYER */

.morelayer {
	display: none;
	background: #EAD8A4;
	padding: 10px;
	margin-top: 1px;
	}
.morelayer a {
	float: right;
	}
.morelayer h2, .morelayer p {
	font-size: 10px;
	margin: 0;
	padding: 0;
	}



/* HELP BUTTONS */

#helpbttns {
	float: right;
	position: relative;
	padding: 0; 
	margin: 0; 
	list-style-type: none;
	}
#helpbttns li a.info {
	display: block; 
	width: 13px; 
	height: 13px; 
	position: absolute; 
	text-decoration: none;
	margin-top: 20px;
	}
* html #helpbttns li a.info {
	margin-top: 30px;
		}
#helpbttns li a.info {
	background: url(img_symbol-info.gif);
	}
#helpbttns li a.info:hover {
	background: url(img_symbol-info_over.gif) no-repeat;
	}
#helpbttns li a b {
	position: absolute;	
	visibility: hidden; 
	font-weight: normal;
	text-align: left;
	}
#helpbttns li a.info {
	top: 0px;
	left: 0px;
	}
#helpbttns li a:hover {
	padding: 2px 10px;
	}
#helpbttns li a:hover b {
	visibility: visible; 
	width: 165px; 
	top: -50px;
	padding: 10px; 
	margin: 0px 0px 0px -190px; 
	background: #ddd; 
	border: 1px dashed #aaa; 
	color: #20364E; 
	}  



/* sIFR REPLACEMENT */

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	}
.sIFR-replaced {
	visibility: visible !important;
	}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
	}

/* These "decoy" styles are used to hide the browser text before it is replaced...
 the negative-letter spacing in this case is used to make the browser text metrics 
 match up with the sIFR text metrics since the sIFR text in this example is so much narrower... 
 your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	}
