/*
	CSS Document: css_modules.css
	Version: 1.1 | Date: 2007-07-17
	Project: www.apartement-deluxe.com
	Author: websLINE, 2007
	-------
	Update #1 - 2007-10-18
	Anpassung an das neue htc
*/



/* INFO LAYER */

.infoLayer {
	position: absolute;
	top: 180px; left: 0;
	width: 40px; height: 35px;
	background: url(img_bg-infoLayer.gif) no-repeat;
	z-index: 10;
	display: none;
	}
.infoLayer ul {
	margin: 0; padding: 0;
	list-style: none;
	display: none;
	}
.infoLayer:hover ul {
	display: block;
	background: url(img_bg-infoLayer_over.png) no-repeat;
	width: 175px;
	height: 90px;
	padding: 65px 0 0 35px;
	}
.infoLayer ul li {
	width: 150px;
	padding: 2px 3px;
	margin: 2px 0;
	background: #D7E8FF;
	}
.infoLayer ul li a {
	background: url(img_arrow-darkblue.gif) no-repeat 0% 50%;
	padding: 0 0 0 12px;
	color: #072964;
	}



/* START BOX */

.startBoxes div {
	position: relative;
	width: 170px;
	padding: 0 15px;
	}
.startBoxes .first,
.startBoxes .second {
	margin: 0 8px 0 0;
	float: left;
	}
.startBoxes .third {
	float: right;
	}
.startBoxes .third div {
	background: #F1F1F4;
	border-left: 2px solid #AAB3BC;
	margin: 0 0 0 -15px;
	padding: 0 15px 15px 15px;
	}
.startBoxes h2 {
	font-size: 1.4em;
	margin: 0; padding: 0 0 2px 0;
	width: 100%;
	height: 18px;
	overflow: hidden;
	background: url(img_bg-sIFRgrey.gif) no-repeat 0% 18px;
	text-transform: uppercase;
	color: #072964;
	}
.startBoxes #lastminutes h2 {
	background: url(img_bg-sIFRred.gif) no-repeat 0% 18px;
	}
.startBoxes p {
	margin: 0; padding: 15px 0 0 0;
	}
.startBoxes b.date {
	display: block;
	color: #C60000;
	}
.startBoxes b.title {
	display: block;
	color: #072964;
	}
.startBoxes a {
	display: block;
	padding: 14px 0;
	border-bottom: 1px solid #BEC5CD;
	text-decoration: none;
	color: #333 !important;
	}
.startBoxes strong {
	background: url(img_arrow-darkblue.gif) no-repeat 0% 50%;
	padding: 0 0 0 12px;
	margin: 0 0 0 5px;
	color: #072964;
	}
.startBoxes a.more {
	background: url(img_arrow-darkblue.gif) no-repeat 0% 50%;
	padding: 0 0 0 12px;
	display: block;
	margin: 5px 0 0 0;
	border: 0 !important;
	text-decoration: underline;
	color: #072964;
	}
.startBoxes a.more:visited {
	background: url(img_arrow-blue.gif) no-repeat 0% 50%;
	}
.startBoxes a.more:hover {
	background: url(img_arrow-darkblue.gif) no-repeat 0% 50%;
	font-weight: bold;
	}



/* SCHRIFTGRÖSSE */

.font {
	float: right;
	width: 160px;
	margin: 5px -20px 10px 20px; padding: 0 15px 15px 15px;
	background: #F1F1F4;
	border-left: 2px solid #AAB3BC;
	}
.font h5 {
	margin: 0; padding: 0;
	color: #072964;
	}
.font p {
	margin: 0 0 10px 0; padding: 0;
	}
.font a {
	margin: 0 10px 0 0;
	color: #072964 !important;
	text-decoration: underline;
	font-size: 0.9em;
	}
.font a.small {
	background: url(img_symb-fontsmall.gif) no-repeat 0% 50%;
	padding: 0 0 0 10px;
	}
.font a.medium {
	background: url(img_symb-fontmedium.gif) no-repeat 0% 50%;
	padding: 0 0 0 15px;
	}
.font a.large {
	background: url(img_symb-fontlarge.gif) no-repeat 0% 50%;
	padding: 0 0 0 15px;
	}



/* TEXT ABSAeTZe */

.absatz-bildlinks b.imgTitle,
.absatz-bildrechts b.imgTitle {
	display: block;
	background: #EEE;
	padding: 4px;
	font-weigth: normal;
	font-size: 0.9em;
	color: #666;
	}
.absatz-bildlinks b.imgTitle {
	float: left;
	margin: 0 20px 20px 0;
	text-align: right;
	}
.absatz-bildrechts b.imgTitle {
	margin: 0 0 20px 20px;
	}
.absatz-bildlinks img,
.absatz-bildrechts img {
	background: #FFF;
	padding: 1px;
	border: 4px solid #AAB3BC;
	}



/* CONTENT FUNCTIONS  */

.content-functions {
	margin: 10px 0 0 0; padding: 0;
	float: left;
	}
.content-functions a {
	margin: 0 10px 0 0;
	padding: 0 0 0 16px;
	}
.content-functions a.recommend {
	background: url(img_symb-recommend.gif) no-repeat 0 50%;
	}
.content-functions a.print {
	background: url(img_symb-print.gif) no-repeat 0 50%;
	}



/* AUFLISTUNG */

.list {
	margin: 0; padding: 10px;
	list-style: none;
	background: #F1F2F4;
	}
.list li {
	list-style-image: none;
	padding: 1px 0;
	border-bottom: 1px solid #fff;
	}
.list li a {
	background: url(img_arrow-darkblue.gif) no-repeat 0% 3px;
	padding: 0 0 0 12px;
	}
.list li a:visited {
	background: url(img_arrow-blue.gif) no-repeat 0% 3px;
	}
.list li a:hover {
	background: url(img_arrow-darkblue.gif) no-repeat 0% 3px;
	font-weight: bold;
	}



/* QUICK CHOICE */

.quickchoice {
	margin: 60px 0 0 0;
	}
.quickchoice h3 {
	margin-bottom: 2px !important;
	}
.quickchoice div {
	background: #F1F2F4;
	padding: 10px;
	border-left: 2px solid #AAB3BC;
	} 



/* GHOST LAYER */

.ghost {	
	position: absolute;
	width: 310px;
	left: -300px;
	text-align: right;
	z-index: 99;
	}
.ghost p, #ghost h1, #ghost h2, #ghost h3, #ghost h4, #ghost h5 {
	padding-right: 10px;
	}



/* ROUTENPLANER */

.route #map24 {
	background: url(img_bg-route.jpg) repeat-x 0px 20px;
	height: 37px;
	padding: 0px 10px;
	}
.route #map24 {
	color: #fff;
	}
.route h4 {
	background: #EDEFF1;
	padding: 3px 10px;
	margin: 0px;
	}
.route p {
	background: #F8F9FA;
	padding: 3px 10px 10px 10px;
	margin: 0px;
	}
.route #start, .route #ziel {
	width: 287px;
	float: left;
	margin: 1px 2px 0 0;
	}
.route input.street {
	width: 240px;
	}
.route input.zip {
	width: 60px;
	margin: 0 4px 0 0;
	}
.route input.city {
	width: 170px;
	}
.route select.country {
	width: 247px;
	}
.route .bttn {
	padding: 2px 0;
	}



/* FORMATIERUNG - FORMULAR */

.form-toplevel {
	visibility: hidden;
	margin-top: -30px;
	}
.form h3 {
	font-size: 1.3em;
	margin: 1.1em 0 0 0; padding: 0 0 0.6em 0;
	background: url(img_bg-form.gif) repeat-x bottom;
	}
.form p {
	clear: both;
	margin: 0; padding: 2px 0 2px 20px;
	border-bottom: 1px solid #fff;
	background: #F1F2F4;
	}
.form .formdata:hover,
.form .formdata-active {
	background: #E6E8EB;
	}
.form p b {
	display: block;
	float: left;
	font-weight: normal;
	width: 160px;
	text-align: right;
	margin: 0 10px 0 0;
	padding: 3px 0 0 0;
	}
.confirm p b {
	padding: 0;
	}
.form p input, .form p textarea {
	border: 1px solid #A5ACB2;
	}
.form p input {
	height: 1.3em;
	}
.form .anliegen {
	padding: 5px 10px 10px 10px;
	}
.form .anliegen textarea {
	width: 465px;
	}
.form .longinput input, .form .sonstiges textarea {
	width: 287px;
	}
.form p input:focus, .form p textarea:focus,
.form p input:hover, .form p textarea:hover,
.form .formdata-active input, .form .formdata-active textarea {
	border: 1px solid #848B90;
	background: #F4F3F3;
	}
.bttn-send {
	display: block;
	text-align: right;
	padding: 0 95px 0 0;
	}
.confirm * {
	font-size: 11px;
	}



/* FORMATIERUNG PREISE */

.prices {
	margin: 20px 0;
	}
.prices td {
	padding: 5px 2px;
	border-right: 1px solid #fff;
	border-bottom: 1px dashed #E6E8EB;
	}
.prices .saison {
	width: 200px;
	font-weight: bold;
	vertical-align: bottom;
	}
.prices .date {
	font-weight: bold;
	border-bottom: 0;
	padding: 5px 0 0 10px;
	}
.prices .room {
	padding: 5px;
	}
.prices .room a {
	font-weight: bold;
	display: block;
	font-size: 1.2em;
	}
.prices .room img {
	display: block;
	margin: 10px 0 0 0;
	border: 1px solid #fff;
	}
.prices .bttn {
	width: 65px;
	}
.prices .bg1 {
	background: #E6E8EB;
	}
.prices .bg2 {
	background: #F1F2F4;
	}
.prices .data {
	padding-left: 10px;
	}
.prices .col {
	text-align: center;
	vertical-align: middle;
	}



/* PREISE SHORT */

table.prices-short {
	width: 90%;
	}
table.prices-short th {
	text-align: center;
	padding: 5px 2px;
	}
table.prices-short h2 {
	margin: 0; padding: 0;
	}
table.prices-short td {
	padding: 5px 2px;
	font-size: 1.1em;
	}
table.prices-short .col2, table.prices-short .col3 {
	border-bottom: 2px solid #AAB3BC;
	text-align: center;
	vertical-align: middle;
	width: 70px;
	}
table.prices-short .col1 {
	padding-left: 10px;
	}
table.prices-short .col1 {
	background: #EEE;
	}
table.prices-short .col2 {
	background: #E6E8EB;
	}
table.prices-short .col3 {
	background: #F1F2F4;
	}
table.prices-short .border {
	border-left: 1px solid #AAB3BC;
	border-right: 1px solid #AAB3BC;
	}
table.prices-short .space {
	height: 5px;
	}



/* ANFRAGEMASKE */

.inquirymask {
	padding: 10px 0 15px 20px;
	width: 170px !important;
	}
.inquirymask h3, .inquirymask h4 {
	display: block;
	margin: 0; padding: 0;
	font-size: 1.0em;
	font-weight: normal;
	}
.inquirymask h3 {
	margin-bottom: 3px;
	}
.inquirymask h4 {
	padding-top: 4px;
	}
.inquirymask select {
/*	margin-right: -2px;*/
	background: #fff;
	font-size: 10px;
	}
.inquirymask input.bttn {
	cursor: pointer; 
	color: #072964 !important;
	text-transform: uppercase;
	font: 1em Tahoma, sans-serif;
	font-weight: bold;
	padding: 4px 4px 3px 4px;
	border: 0;
	background: #FFF url(img_bg-bttn_left.gif) no-repeat;
	}


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