/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2008-03-11
	Project: 
	Author: websLINE, 2008
	-------
*/

@import url("css_abm.css");

/* BANNER */

.banner {
	display: block;
	width: 288px; height: 80px;
	position: absolute;
	top: 487px; left: 370px;
	}
html>body .banner {
	background: url(img_banner-gewinnspiel.png)
	}
html>body .en .banner {
	background: url(img_banner-gewinnspiel_EN.png)
	}




/* ACCORDION */

#accordion {

	}
#accordion h4 {
	margin: 0; padding: 5px 10px;
	background: #ccc;
/*	width: 100%;*/
	}
#accordion h4:focus {
	outline: none;
	}
#accordion .ui-icon {
	display: block;
	float: left;
	margin: 5px 5px 0 0;
	width: 7px; height: 7px;
	background-repeat: no-repeat;
	}
#accordion .icon-carat-right {
	background-image: url(img_icon-carat-right.gif);
	}
#accordion .icon-carat-bottom {
	background-image: url(img_icon-carat-bottom.gif);
	}
#accordion h4 a {
	text-decoration: none;
/*	display: block;*/
	}
#accordion h4 a i {
	float: right;
	font-weight: normal;
	color: #666;
	cursor: pointer;
	width: 150px;
	text-decoration: underline;
	}
#accordion div {
/*	padding: 0 0 10px 10px;*/
	}
#accordion div .item {
	background: #eee;
	}


/* IMPRESSIONEN */

.impressions {
	margin-top: 20px;
	}
.impressions a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 3px;
	background: #B6B6B6;
	position: relative;
	}
.impressions a:hover {
	background: #D2CE97;
	}
.impressions b {
	float: left;
	}
.impressions b a {
	margin-right: 0 !important;
	}
.impressions img {
	border: 1px solid #fff;
	}
.impressions a .zoom {
	position: absolute;
	top: 5px; left: 5px;
	}


/* TEASER CONTENT */

.teaserContent li {
	padding: 0 10px;
	margin: 10px 0;
	border-left: 5px solid #900;
	}
.teaserContent li a {
	text-decoration: none !important;
	display: block;
	border: 1px solid #eee;
	padding-right: 10px;
	}
.teaserContent li a:hover {
	background: #eee;
	}
.teaserContent li a img {
	float: left;
	margin-right: 15px;
	}
.teaserContent li a strong {
	display: block;
	padding: 12px 0 0 0;
	}

div.teaserContent {
	padding: 0 0 0 10px;
	margin: 10px 0;
	border-left: 5px solid #900;
	}
div.teaserContent img {
	float: left;
	}
div.teaserContent p {
	margin: 0; padding: 0;
	border: 1px solid #eee;
	padding: 10px 15px 0 15px;
	float: left;
	line-height: 1.3em;
	width: 400px;
	}
div.teaserContent strong {
	display: block;
	}
div.teaserContent a.bttn {
	background: #900 url(img_arrow.gif) no-repeat 0 50%;
	float: right;
	margin-top: 3px;
	margin-right: -15px;
	position: relative;
	}



/* INFO BOX */

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


/* QUICK CHOICE */

.quickchoice {
	clear: both;
/*	border: 1px solid #F3F3F3;*/
	padding: 10px; margin: 35px 0 20px 0;
	background: #F3F3F3 url(img_bg-quickchoice.gif) no-repeat 100% 0;
	}
.quickchoice h3 {
	margin: 0 10px 0 0; padding: 2px 0 0 0;
	float: left;
	}


/* VERWANDTE THEMEN */

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


/* AUFLISTUNG

.list {
	padding: 10px;
	border: 1px solid #F5EBE3;
	}
.list h3 {
	padding: 0 0 5px 0; margin: 0;
	}
.list li {
	background: url(img_dot.gif) no-repeat 8px 6px;
	padding: 2px 16px;
	}
.list li a {
	text-decoration: none !important;
	}
.list li a:hover {
	text-decoration: underline !important;
	} */


/* TEXT ABSAeTZe */

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


/* ROUTENPLANER */

.route .map24 {
	background: url(img_bg-route.jpg) repeat-x 0px 20px;
	height: 37px;
	width: 100%;
	color: #fff;
	}
.route .map24 .img {
	background: #fff;
	}
.route .map24 div {
	padding: 0px 10px;
	display: block;
	}
.route h5 {
	background: #EDEFF1;
	padding: 3px 10px;
	margin: 0px;
	}
.route p {
	background: #F8F9FA;
	padding: 3px 10px 10px 10px;
	margin: 0px;
	}
.route .startaddress, .route .goaladdress {
	width: 50%;
	float: left;
	margin: 1px 0 0 0;
	}
.route input.street {
	width: 139px;
	}
.route input.zip {
	width: 37px;
	margin: 0 4px 0 0;
	}
.route input.city {
	width: 92px;
	}
.route select.country {
	width: 145px;
	}


/* ABM ZUSATZLEISTUNGEN */

.abmadditionals th, .abmadditionals td {
	padding: 3px 10px;
	}
.abmadditionals th {
	vertical-align: bottom;
	font-size: 0.9em;
	border-bottom: 3px solid #D2CE97;
	}
.abmadditionals td {
	background: #eee;
	}
.abmadditionals .data:hover td {
	background: #DEDBDE;
	}
.abmadditionals td.col2, .abmadditionals td.col3 {
	width: 65px;
	text-align: center;
	}
.abmadditionals td.col2 {
	background: #e5e5e5;
	}
.abmadditionals p {
	margin: 0; padding: 0;
	}



/* PREISE */

table.prices {
	width: 100%;
	border: 0;
	}
table.prices th,
table.prices td {
	padding: 3px;
	}
table.prices caption {
	display: none;
	}
table.prices .space {
	height: 5px;
	}
table.prices .title th,
table.prices .season td {
	vertical-align: bottom;
	font-size: 0.9em;
	}
table.prices .season td {
	background: #F7F3F7;
	}
table.prices .room td {
	padding-top: 8px;
	border-bottom: 3px solid #D2CE97;
	background: #fff;
	}
table.prices .room td.stammhaus {
	border-color: #ccc;
	}
table.prices .room td b {
	float: right;
	display: block;
	padding: 3px 6px;
	margin: 0 -3px -3px 0;
	position: relative;
	background: #D2CE97;
	font-weight: normal;
	font-siz: 0.8em;
	}
table.prices .room td.stammhaus b {
	background: #ccc;
	}
table.prices td a {
	padding: 0 10px;
	background: url(img_arrow.gif) no-repeat 0 5px;
	font-weight: bold;
	}
table.prices td {
	background: #eee;
	}
table.prices td.col2, table.prices td.col4 {
	background: #e5e5e5;
	}
table.prices .col2, table.prices .col3, table.prices .col4, table.prices .col5 {
	width: 110px !important;
	text-align: center;
	}
table.prices td.col6 {
	width: 80px;
	}
table.prices .data td {
	height: 20px;
	vertical-align: middle;
	}
table.prices .data:hover td {
	font-weight: bold;
	background: #DEDBDE;
	}
table.prices .data:hover td p {
	font-size: 1em;
	}


/* BOX */

.box {
	border: 1px solid #B5B5B5;
	background: #fff;
	padding: 3px;
	position: relative;
	}
.box .bg, .box form {
	background: #D2CE97;
	padding: 24px 15px;
	}
.box h3 {
	margin: 0 0 10px 0;
	padding: 0;
	color: #A7A14D;
	font-size: 1.3em;
	}


/* BOX NEWSLETTER */

.box-newsletter {
	position: relative;
/*	width: 100%;*/
	}
.box-newsletter p {
	width: 260px;
	height: 21px;
	margin: 0; padding: 0;
	}
.box-newsletter p.mandatory {
	background: url(img_pflichtfeld.gif) no-repeat 100% 50%;
	}
.box-newsletter p label {
	display: block;
	float: left;
	margin: 2px 10px 2px 0;
	width: 60px;
	}
.box-newsletter p select, .box-newsletter p input {
	width: 175px;
	}
.box-newsletter .bttn {
	position: relative;
	float: right;
	background: url(img_arrowBack-big.gif) no-repeat 7px 7px;
	border: 1px solid #B8B25A;
	width: 34px;
	height: 34px;
	margin-top: 29px;
	}
.box-newsletter p.info {
	clear: both;
	font-size: 0.9em;
	margin-top: 5px;
	color: #A7A14D;
	}


/* TEASER */

.teaser {
	margin-bottom: 20px;
	}
.teaser li {
	padding: 10px 10px 10px 0;
	border-bottom: 1px solid #A3A3A3;
	width: 344px;
	}
#dStart .teaser li {
	float: left;
	width: 302px;
	padding: 13px 10px 13px 0;
	}
.teaser li a {
	text-decoration: none !important;
	}
.teaser li a:hover {
	background: #eee;
	}
.teaser li a img {
	float: left;
	margin-right: 15px;
	}
#dStart .teaser li a img {
	margin-right: 10px;
	}
.teaser li a strong {
	display: block;
	padding: 12px 0 0 0;
	}
#dStart .teaser li a strong {
	padding: 5px 0 0 0;
	}


/* TAB BOX */

.tabbox {
	margin-top: 50px;
	}
.tabbox a {
	float: left;
	}
.tabbox a img.small {
	margin-top: 5px;
	}
.tabbox #tabs {
	clear: both;
	position: relative;
	width: 100%;
	}
.tabbox #tabs li {
	padding: 10px 0 10px 20px;
	height: 42px;
	background: #B8B25A;
	}
.tabbox #tabs li#tabprices {
	background: #C3BE75;
	}
.tabbox #tabs li#tabpackages {
	background: #D2CE97;
	}
.tabbox #tabs i {
	position: absolute;
	top: 100%; left: 0; margin-top: -10px;
	width: 9px; height: 10px;
	background: url(img_boxcorner-bottomLeft.gif) no-repeat;
	}
.tabbox #tabs #tabprices i {
	background: url(img_boxcorner-bottomLeft2.gif) no-repeat;
	}
.tabbox #tabs #tabpackages i {
	background: url(img_boxcorner-bottomLeft3.gif) no-repeat;
	}
.tabbox #tabs i.right {
	left: 566px;
	background: url(img_boxcorner-bottomRight.gif) no-repeat;
	}
.tabbox #tabs #tabprices i.right {
	background: url(img_boxcorner-bottomRight2.gif) no-repeat;
	}
.tabbox #tabs #tabpackages i.right {
	background: url(img_boxcorner-bottomRight3.gif) no-repeat;
	}
.tabbox #tabs li a {
	display: block;
	margin: 15px 20px 0 0;
	text-decoration: none !important;
	border-bottom: 1px solid #eee;
	display: block;
	padding: 3px 5px 3px 10px;
	width: 140px;
	background: url(img_arrow.gif) no-repeat 0 8px;
	}


/* ANFRAGE MASKE */

#dStart .inquirymask {
	position: relative;
	padding-bottom: 10px;
	padding-top: 15px;
	}
.inquirymask p {
	margin: 0;
	font-size: 0.9em;
	float: left;
	padding: 0 0 5px 0;
	}
.inquirymask b {
	font-weight: normal;
	display: block;
	}
#dStart .inquirymask b {
	float: left;
	margin: 4px 10px 0 0;
	display: block;
	width: 80px;
	}
.inquirymask input {
	width: 125px;
	background: #fff url(img_symb-calendar.gif) no-repeat 99% 50%;
	height: 14px;
	padding: 3px 0 0 3px;
	margin-right: 15px;
	}
#dStart .inquirymask input {
	width: 100px;
	margin-right: 0;
	}
.inquirymask .bttn {
	background-image: url(img_bttn-enquire.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: transparent;
	width: 180px;
	height: 20px;
	margin-top: 15px;
	}
.en .inquirymask .bttn {
	background-image: url(img_bttn-enquire_EN.gif);
	}
#dStart .inquirymask .bttn {
	background: url(img_arrowBack-big.gif) no-repeat 7px 7px;
	border: 1px solid #B8B25A;
	width: 34px;
	height: 34px;
	}


/* 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: 1.7em;
	}
.sIFR-hasFlash .box h3 {
    visibility: hidden;
    font-size: 1.4em;
	}

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