/*
	CSS Document: css_modules.css
	Version: 2.1 | Date: 2009-08-27
	Project: www.hotel-sonnleiten.at
	Author: websLINE, 2009
	-------
*/

@import url(css_abm.css);
@import url(css_abm-style.css);


/* BANNER MAIN RIGHT */

#mainRight .banner {
	display: block;
	width: 100%;
	margin-top: 10px;
	background: url(img_bg-banner.jpg) no-repeat;
	background: #ccc;
	text-align: center;
	}


/* BANNER HEAD */

#header .banner {
	position: absolute;
	top: 150px; left: -9px;
	display: block;
	/*width: 150px; height: 200px;*/
	width: 235px; height: 103px;
	cursor: pointer;
	}
html>body #header .banner {
	/*background: url(img_banner-angebotsept09.png) no-repeat;*/
	/*background: url(joker-card.png) no-repeat;*/
	background: url(img_banner-blog.png) no-repeat;
	}
	
	
/* BANNER MAIN RIGHT */

#mainRight .banner {
	display: block;
	width: 100%;
	margin-top: 10px;
	background: url(img_bg-banner.jpg) no-repeat;
	background: #ccc;
	text-align: center;
	}


/* Joker HEAD */

#header .jokerbanner {
	position: absolute;
	top: 250px; left: 850px;
	display: block;
	/*width: 150px; height: 200px;*/
	width: 150px; height: 200px;
	cursor: pointer;
	}
html>body #header .jokerbanner {
	/*background: url(img_banner-angebotsept09.png) no-repeat;*/
	/*background: url(joker-card.png) no-repeat;*/
	background: url(joker-card.png) no-repeat;
	}


/* IMPRESSIONEN */

.impressions {
	margin: 20px 0;
	}
.impressions a {
	display: block;
	float: left;
	position: relative;
	background: #eee;
	width: 146px;
	height: 128px;
	padding: 10px 0 0 10px;
	background: url(img_bg-lightboxitem.gif) no-repeat;
	}
#mainRight .impressions a {
	width: 135px; height: 118px;
	background: url(img_bg-lightboxitemShort.gif) no-repeat;
	}
.impressions b {
	float: left;
	}
.impressions b.fourth a,
#mainRight .impressions b.second a  {
	
	}
/*#mainRight .impressions b.third,
#mainRight .impressions b.fourth  {
	display: none;
	}*/
.impressions img.thumb {
	width: 135px;
	height: 98px;
	}
#mainRight .impressions img.thumb {
	width: 124px;
	height: 90px;
	}
.impressions a .zoom {
	position: absolute;
	top: 12px; left: 12px;
	}


/* PANOS */

.pano {
	clear: both;
	margin: 30px 0;
	}
.pano .title {
	border-bottom: 1px solid #eee;
	margin: 0 0 1px 0;
	}
.pano .title * {
	margin: 0; padding: 0;
	}
.pano .image {
	float: left;
	background: #eee;
	padding: 10px 10px 5px 10px;
	}
.pano .data {
	background: #eee;
	padding: 10px 10px 5px 0;
	}
.pano .data * {
	margin: 0; padding: 0;
	}
.pano .link {
	margin: 0; padding: 2px;
	background: #e5e5e5;
	padding: 5px 10px 10px 10px;
	}
.pano ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}
.pano .data ul {
	}
.pano ul li {
	float: left;
	width: 170px;
	padding: 2px 20px !important;
	}
.pano .data ul li {
	float: none;
	display: block;
	margin: 5px 0;
	}
.pano ul li.java {
	background: url(img_symbol-java.gif) no-repeat;
	display: none;
	}
.pano ul li.plan {
	background: url(img_symbol-plan.gif) no-repeat;
	display: none;
	}
.pano ul li.flash {
	background: url(img_symbol-flash.gif) no-repeat;
	display: none;
	}
.pano ul li.tour {
	background: url(img_symb-flash.gif) no-repeat;
	}
.pano ul li.enquire {
	float: right;
	}
.pano ul li.enquire a {
	display: block;
	padding: 4px 20px;
	}
	

/* INFO BOX */

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


/* VERWANDTE THEMEN */

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


/* TEXT ABSAeTZe */

.absatz {
	}
.bildlinks img {
	margin: 0 8px 0 0;
	float: left;
	}
.bildrechts img {
	margin: 0 0 0 8px;
	float: right;
	}
.absatz td {
	vertical-align: top;
	}
#mainRight .pic {
	margin-top: 3px;
	}
	
	
/* DATENTABELLE */

table.data {
	width: 100%;
	border: 0px;
	padding: 0;
	}
table.data td {
	padding: 2px;
	}
table.data tr.title {
	background: #ddd;
	line-height: 16px;
	}
table.data tr.line1 {
	background: #eee;
	}
table.data tr.line2 {
	background-color: #e5e5e5;
	}
table.data td .oldprice {
	text-decoration: line-through;
	}
table.data td .newprice {
	color: #CC0000;
	}


/* PREISTABELLE */

table.prices {
	width: 100%;
	border: 0px;
	padding: 0;
	}
table.prices td {
	padding: 2px;
	}
table.prices tr.title {
	background: #ddd;
	line-height: 16px;
	}
table.prices tr.line1 {
	background: #eee;
	}
table.prices tr.line2 {
	background-color: #e5e5e5;
	}
table.prices td.right {
	text-align: right; 
	}
table.prices h2 {
	padding: 0;
	margin-bottom: 0px;
	}
table.prices td.formdata {
	padding-left:  15px;
	}
table.prices td.spalten {
	width: 70px;
}

/* TEASER */

.teaser {
	display: block;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	margin: 7px 0;
	padding: 7px 0;
	text-decoration: none !important;
	}
.teaser:hover {
	background: #eee;
	}
.teaser img {
	float: left;
	margin-right: 10px;
	}
.teaser strong {
	display: block;
	margin-bottom: 5px;
	}


/* START TEASER */

.start h1 {
	width: 300px;
	}
.start ul {
	position: relative;
	margin-right: -30px;
	margin-left: 10px;
	float: right;
	width: 290px;
	border-bottom: 1px solid #dadada;
	}
.start ul li {
	background: #eff0f2;
	padding: 10px;
	border-top: 1px solid #dadada;
	border-bottom: 1px solid #cfcfcf;
	background-repeat: no-repeat;
	background-position: 230px 10px;
	padding-right: 60px;
	}
.start ul li.single {
	background-image: url(img_bg-startteaser_single.gif);
	}
.start ul li.family {
	background-image: url(img_bg-startteaser_family.gif);
	}
.start ul li.summer {
	background-image: url(img_bg-startteaser_summer.gif);
	}
.start ul li.winter {
	background-image: url(img_bg-startteaser_winter.gif);
	}
.start ul li.joker {
	background-image: url(img_bg-startteaser_joker.gif);
	}
.start ul li a {
	text-decoration: none !important;
	color: #898989;
	}
.start ul li:hover {
	background-color: #e8eaed;
	}
.start ul li strong {
	display: block;
	height: 30px;
	}
	
	
/* ABOUT */
	
#mainRight .about {
	background-repeat: no-repeat;
	background-image: url(img_bg-about.jpg);
	padding: 20px 12px;
	}
.single #mainRight .about {
	background-image: url(img_bg-about_single.jpg);
	}
.familie #mainRight .about {
	background-image: url(img_bg-about_familie.jpg);
	}
.sommer #mainRight .about {
	background-image: url(img_bg-about_sommer.jpg);
	}
.winter #mainRight .about {
	background-image: url(img_bg-about_winter.jpg);
	}
#mainRight .about h3 {
	color: #798230;
	margin: 0; padding: 0;
	}
.familie #mainRight .about h3 {
	color: #bab092;
	}
.sommer #mainRight .about h3 {
	color: #a4a496;
	}
.winter #mainRight .about h3 {
	color: #979d9f;
	}
#mainRight .about .panos {
	margin-top: 20px;
	}


/* ANFRAGE MASKE */

.inquirymask {
	background: url(img_bg-inquirymask.jpg);
	padding: 45px 12px 12px 12px;
	margin-bottom: 3px;
	}
.inquirymask, .inquirymask a {
	color: #fff !important;
	}
.single .inquirymask {
	background: url(img_bg-inquirymask_single.jpg);
	}
.familie .inquirymask {
	background: url(img_bg-inquirymask_familie.jpg);
	}
.sommer .inquirymask {
	background: url(img_bg-inquirymask_sommer.jpg);
	}
.winter .inquirymask {
	background: url(img_bg-inquirymask_winter.jpg);
	}
.inquirymask h3 {
	margin-bottom: 0px;
	}
.inquirymask p {
	margin: 0;
	padding: 5px 10px 0 0; 
	float: left;
	}
.inquirymask b {
	font-weight: normal;
	display: block;
	}
.inquirymask select {
	margin-right: 0px;
	}
.inquirymask input.date {
	background: #fff url(img_symb-calendar.gif) no-repeat 99% 50%;
	border: 1px solid #666;
	width: 100px;
	}
.inquirymask .bttn {
	background: url(img_arrowBig.gif) no-repeat 50% 50%;
	width: 30px;
	height: 30px;
	margin: 12px 0 0 0;
	} 
.inquirymask ul {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	margin-top: 10px;
	padding: 10px 0;
	}
.inquirymask ul li {
	background: url(img_arrow.gif) no-repeat 0 3px;
	padding: 2px 0 2px 30px;
	}


/* URLAUBSCOACH */

.coach div {
	float: left;
	margin-right: 40px;
	}
.coach div.col1 {
	width: 390px;
	}
.coach div.col2 {
	width: 290px;
	}
.coach div.col3 {
	margin-right: 0;
	}
.coach div .image {
	display: block;
	width: 159px;
	height: 200px;
	float: left;
	position: relative;
	margin: -10px 5px 0 5px;
	}
html>body .coach div .image {
	background: url(img_coach.png);
	}
html>body .single .coach div .image {
	background: url(img_coach_single.png);
	}
html>body .familie .coach div .image {
	background: url(img_coach_familie.png);
	}
html>body .sommer .coach div .image {
	background: url(img_coach_sommer.png);
	}
html>body .winter .coach div .image {
	background: url(img_coach_winter.png);
	}
.coach div h3 {
	font-size: 1.3em;
	margin-bottom: 5px; padding-bottom: 0;
	}
.coach div.col1 h3 {
	width: 220px; float:right;
	}
.coach div.col2 h3 {
	width: 280px;
	white-space: nowrap;
	}
.coach div p {
	margin-top: 10px; padding-top: 0;
	}
.coach form {
	margin: 10px 0 0 0;
	padding: 0;
	width: 290px;
	}
.coach iframe {
	display: none;
	}
.hotel .coach iframe.hotel,
.familie .coach iframe.familie,
.sommer .coach iframe.sommer,
.winter .coach iframe.winter {
	display: block;
	}
.coach form p {
	margin: 0;
	padding: 1px 0;
	clear: left;
	}
.coach form p.mandatory {
	background: url(img_mandatory.gif) no-repeat 242px 50%;
	}
.coach form p label {
	display: block;
	float: left;
	margin: 2px 5px 0 0;
	width: 60px;
	}
.coach form p select, .coach form p input {
	width: 170px;
	border: 1px solid #81866C;
	}
.coach form .bttn {
	position: relative;
	float: right;
	background: url(img_arrowBig.gif) no-repeat 7px 7px;
	width: 34px;
	height: 34px;
	margin: 49px 0 0 0px;
	}
.coach div .skype {
	display: block;
	width: 153px;
	height: 51px;
	}
html>body .coach div .skype {
	background: url(img_skype.png);
	}


/* SPRACHAUSWAHL */

ul.lang li.level1 {
	position: relative;
	padding: 3px 25px 10px 0;
	background: url(img_flagg.gif) no-repeat 100% 2px;
	}
ul.lang li.level1 a {
	color: #b2b2b2;
	}

ul.lang ul {display: none;}
ul.lang li.level1:hover ul.subitems {display:block;}

ul.lang .subitems {
	position: absolute;
	top: 20px; left: 0px;
	z-index: 99;
	white-space: nowrap;
	padding: 5px;
	width: 85px; /* FF 1, NS need this */
	background: #fff; /* IE needs this */
	opacity: 0.95;
    filter: alpha(opacity=95);
	}
ul.lang .subitems li {
	border-bottom: 1px solid #eee;
	}
ul.lang .subitems li,
#footer .links li {
	background-repeat: no-repeat;
	background-position: 0 50%;
	padding: 2px 0 2px 18px;
	}
ul.lang .subitems li.de,
#footer .links li.de {
	background-image: url(img_flagg-ger.gif);
	}
ul.lang .subitems li.en,
#footer .links li.en {
	background-image: url(img_flagg-gbr.gif);
	}
ul.lang .subitems li.it,
#footer .links li.it {
	background-image: url(img_flagg-ita.gif);
	}
ul.lang .subitems li.nl,
#footer .links li.nl {
	background-image: url(img_flagg-ned.gif);
	}
ul.lang .subitems li.dk,
#footer .links li.dk {
	background-image: url(img_flagg-den.gif);
	}
ul.lang .subitems li.hu,
#footer .links li.hu {
	background-image: url(img_flagg-hun.gif); border-bottom: none;
	}
ul.lang .subitems li.pl,
#footer .links li.pl {
	background-image: url(img_flagg-pol.gif);
	}
ul.lang .subitems li.hr,
#footer .links li.hr {
	background-image: url(img_flagg-cro.gif);
	}
ul.lang .subitems li a,
#footer .links li a {
	color: #666;
	}	
	

/* 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;
	}
.sIFR-hasFlash h1 {
    visibility: hidden;
    font-size: 2.2em;
	}
.sIFR-hasFlash #mainRight h3 {
    visibility: hidden;
    font-size: 2em;
	}
.sIFR-hasFlash .coach h3,
.sIFR-hasFlash .start li strong {
    visibility: hidden;
    font-size: 1.9em;
	}

/* 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 */