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

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


/* TEAM */

.team .item {
	float: left;
	width: 125px;
	margin: 0 10px 10px 0;
	padding: 4px;
	border: 1px solid #c0af7a;
	}
.team .item strong {
	display: block;
	padding: 3px;
	background: #c0af7a;
	font-size: 0.9em;
	font-weight: normal;
	}


/* IMPRESSIONEN */

.impressions {
	}
.impressions a {
	display: block;
	float: left;
	margin: 10px 17px 0 0;
	position: relative;
	border: 1px solid #d4c38e;
	padding: 5px;
	}
#mainRight .impressions a {
	margin: 3px 3px 0 0;
	padding: 3px;
	}
.impressions b {
	float: left;
	}
#mainRight .impressions b {
	display: none;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions .img {
	width: 120px; height: 90px;
	}
#mainRight .impressions .img {
	width: 100px; height: 75px;
	}
.impressions a:hover img {
	}
.impressions a .zoom {
	position: absolute;
	top: 7px; left: 7px;
	}
#mainRight .impressions a .zoom {
	top: 4px; left: 4px;
	}
	
	
/* Panos NEU */

.panos{
	font-size:0.8em;
	}
.panos h3{
	margin:0 !important;
	}
.panos a {
	display: block;
	float: left;
	margin: 10px 17px 0 0;
	position: relative;
	border: 1px solid #d4c38e;
	padding: 5px;
	text-decoration:none !important;
	}
.panos b a {
	margin-right: 0 !important;
	font-weight:normal;
	}
.panos img {
	margin-bottom:7px;
	}
.panos p.clear{
	width:100%;
	clear:both;
	float:left;
	margin-bottom:20px;
	}


/* PANOS */

.pano {
	clear: both;
	margin: 30px 0;
	}
.pano .title {
	border-bottom: 1px solid #e9d8a3;
	margin: 0 0 1px 0;
	}
.pano .title * {
	margin: 0; padding: 0;
	}
.pano .image {
	float: left;
	background: #e9d8a3;
	padding: 10px 10px 5px 10px;
	}
.pano .data {
	background: #e9d8a3;
	padding: 10px 10px 5px 0;
	}
.pano .data * {
	margin: 0; padding: 0;
	}
.pano .link {
	margin: 0; padding: 2px;
	background: #e2d19c;
	padding: 5px 10px 10px 10px;
	}
.pano ul {
	margin: 0; padding: 0;
	list-style-type: none;
	}
.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;
	}


/* PREISE */

table.prices {
	width: 100%;
	border: 0;
	}
table.prices th,
table.prices td {
	padding: 3px;
	}
table.prices caption {
	display: none;
	}
table.prices .col2, table.prices .col3 {
	width: 15%;
	text-align: center;
	}
#mainRight table.prices .col2, #mainRight table.prices .col3 {
	width: 25%;
	}
table.prices td.col2 {
	background: #dbca95 !important;
	}
table.prices .title th,
table.prices .season td {
	vertical-align: bottom;
	font-size: 0.9em;
	}
table.prices .title th {
	font-weight: normal;
	}
table.prices .season td {
	background: #d4c38e;
	font-weight: bold;
	padding: 3px 0;
	}
table.prices .room td {
	border-bottom: 1px solid #d4c38e;
	padding-top: 15px;
	padding-bottom: 5px;
	}
table.prices .line1 td {
	background: #e2d19c;
	}
table.prices .line2 td {
	background: #e9d8a3;
	}


/* INFO BOX */

.infobox {
	clear: both;
	border: 1px solid #d4c38e;
	padding: 10px; margin: 35px 0;
	background: url(img_bg-infobox.gif) no-repeat 100% 0;
	}
.infobox * {
	margin: 10px 0px;
	}
.infobox a {
	text-decoration: underline !important;
	}


/* VERWANDTE THEMEN */

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


/* TEASER */

.teaser {
	margin-top: 20px;
	}
.teaser dd {
	background: #dac78a;
	padding: 8px;
	margin: 8px;
	}
.teaser dd a {
	display: block;
	/*border-left: 1px solid #ffffcf;*/
	padding: 0 8px;
	text-decoration: none !important;
	}
.teaser dd a img {
	float: left;
	padding-right: 8px;
	border-right: 1px solid #ffffcf;
	margin-right: 8px;
	}
.teaser dd a strong {
	display: block;
	color: #9c280f;
	padding-top: 8px;
	}


/* TEASER CONTENT */

.teaserContent {
	margin: 8px 0;
	padding: 8px;
	background: #e2d19c;
	}
.teaserContent img {
	float: left;
	margin-right: 8px;
	width: 145px; height: 90px;
	}
table + a + .teaserContent a img { /* CMS Bearbeitungsraute */
	width: 15px; height: 15px;
	}
.teaserContent h3 {
	margin: 0;
	padding: 0 0 2px 0;
	color: #333;
	}
.teaserContent p {
	margin: 0;
	padding: 0;
	}
.teaserContent a {
	float: left;
	margin-top: 4px;
	}


/* TEASER CONTENT 2 */

.teaserContent2 {
	border-top: 1px solid #e2d19c;
	padding: 10px 0;
	}
.teaserContent2 img {
	float: left;
	margin-right: 8px;
	border: 1px solid #af5132;
	}
.teaserContent2 p {
	margin: 0;	padding: 10px 0 0 0;
	}


/* ANGEBOTE */

.offer {
	background: #d4c38e;
	padding: 30px;
	margin-top: 10px;
	width: 280px; position: relative;
	}
.offer div, .offer li {
	width: 280px;
	height: 62px;
	overflow: hidden;
	}
.offer img {
	float: left;
	margin-right: 10px;
	}
.offer strong {
	display: block;
	color: #9c280f;
	}
.offer span a {
	display: block;
	width: 15px; height: 55px;
	position: absolute; top: 35px;
	}
.offer span#prevBtn a {
	background: url(img_bttn-arrowLeft.gif);
	left: 10px;
	}
.offer span#nextBtn a {
	background: url(img_bttn-arrowRight.gif);
	right: 10px;
	}


/* START */

.start .welcome {
	float: left;
	width: 310px;
	}
.start .thumb-tour {
	float: right;
	border: 1px solid #d6c590;
	padding: 4px;
	margin: 20px 0 0 0;
	}
.start .news {
	float: right;
	width: 264px;
	background: #e0d4ad;
	border: 3px solid #d6c590;
	margin-top: 10px;
	padding-top: 10px; padding-bottom: 11px;
	}
.start .news ul, .start .news ul li {
	margin: 0; padding: 0;
	list-style: none;
	list-style-image: none !important;
	}
.start .news ul li {
	background: url(img_dot.gif) no-repeat 7px 9px;
	padding: 1px 7px 1px 15px;
	}
.start .news ul li a {
	display: block;
	padding: 2px 0;
	border-bottom: 1px solid #a29a81;
	text-decoration: none !important;
	}
.start .news ul li a:hover {
	background: #d3c69b;
	}
.start .news p {
	margin: 0;
	padding: 7px 7px 0 7px;
	}
.start .news p .link {
	background: url(img_dot.gif) no-repeat 0 5px;
	padding-left: 8px;
	}
.start .news p .link:hover {
	text-decoration: underline;
	}


/* TEXT ABSAeTZe */

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


/* SUBNAVI */

.subnavi {
	margin-top: 23px;
	border-top: 1px solid #d4c38e;
	}
.subnavi li {
	border-bottom: 1px solid #d4c38e;
	float: left;
	width: 172px;
	line-height: 12px;
	}
.subnavi li a {
	display: block;
	padding: 10px 20px 6px 20px;
	background: url(img_arrow.gif) no-repeat 0 11px;
	}


/* SLOGAN */

.slogan {
	position: absolute;
	top: 170px; right: 30px;
	width: 255px; height: 65px;
	padding: 10px 10px 0 0;
	text-align: right;
	}
.slogan img {
	border: 0 !important;
	margin: 0 0 0 auto;
	}
#dStart .fade-start .slogan {
	top: 0; left: 50%; margin-left: 230px;
	}
.sloganliving {
	background-color: #cb8850;
/*	background-image: url(img_slogan-living.gif);*/
	}
.sloganwinter {
	background-color: #1b7fba;
/*	background-image: url(img_slogan-winter.gif);*/
	}
.slogansummer {
	background-color: #8ba658;
/*	background-image: url(img_slogan-summer.gif);*/
	}
.sloganfamily {
	background-color: #ef6526;
/*	background-image: url(img_slogan-family.gif);*/
	}
.slogangourmet {
	background-color: #125c48;
/*	background-image: url(img_slogan-gourmet.gif);*/
	}
.sloganvital {
	background-color: #e92d2f;
	background-color: #c10f11;
/*	background-image: url(img_slogan-vital.gif);*/
	}


/* ANFRAGE MASKE */

.inquirymask {
	padding-bottom: 1px;
	}
.inquirymask h3 {
	text-align: right;
	border-bottom: 1px solid #d4c38e;
	padding: 0 0 5px 0;
	margin: 25px 0 6px 0;
	}
.inquirymask p {
	margin: 0;
	padding: 5px 0 0 0; 
	float: left;
	color: #92896e;
	}
.inquirymask b {
	font-weight: normal;
	display: block;
	}
.inquirymask input.date {
	background: #fff url(img_symb-calendar.gif) no-repeat 99% 50%;
	border: 1px solid #666;
	width: 120px;
	height: 14px;
	margin-right: 10px;
	}
.inquirymask .bttn {
	padding: 2px 10px;
	margin: 21px 0 0 0;
	width: 60px; height: 18px;
	background: #9c280f;
	color: #f0dfdb;
	} 


/* 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 h1 {
  	font-size: 1.8em;
    visibility: hidden;
	}
.sIFR-active #mainRight #container h3 {
  	font-size: 1.5em;
	padding-top: 0; padding-bottom: 0;
    visibility: hidden;
	}
}