/*
	CSS Document: css_modules.css
	Version: 1.0 | Date: 2007-06-01
	Project: www.waidla-landhotels.de
	Author: websLINE, 2007
	-------
*/

/* LINKLISTE FÜR SEO */

.linklist {
	width: 991px;
	margin: 0 auto; padding: 15px 0;
	text-align: left;
	border-bottom: 1px solid #EEE6C4;
	}
.linklist ul {
	margin: 5px 0; padding: 0;
	list-style: none;
	}
.linklist li {
	display: inline;
	font-size: 11px !important;
	}
.linklist li strong {
	display: block;
	width: 130px;
	text-align: right;
	padding-right: 10px;
	float: left;
	}
.linklist li a {
	padding: 0 5px 0 1px;
	border-right: 1px dotted #D6BD81;
	text-decoration: underline;
	}


/* AUFLISTUNG */

ul.list {
	margin: 0; padding: 10px;
	background: #E9DEB7;
	}
ul.list li {
	list-style-type: none !important;
	padding: 3px 3px 3px 15px !important;
	border-bottom: 2px solid #EEE5CC;
	background: url(img_dot-nav.gif) no-repeat 3px 8px;
	}
ul.list li.child:hover,
ul.list li.child-active {
	background: #DCD1A9 url(img_dot-nav.gif) no-repeat 3px 8px;
	}
ul.list li b {
	float: right;
	font-weight: normal;
	}
ul.list li a {
	text-decoration: none !important;
	}
ul.list li a:hover {
	font-weight: bold;
	}


/* HOTEL ÜBERSICHT (Content) */

#design1 .hotels dd {
	float: left;
	margin: 0 9px 9px 0;
	}
/*#design1 .hotels dd.third, #design1 .hotels dd.sixth, #design1 .hotels dd.eigth {
	margin: 0 0 9px 0 !important;
	}*/
#design1 .hotels dd.fourth, #design1 .hotels dd.seventh, #design1 .hotels dd.eigth {
	margin: 0 0 9px 0 !important;
	}
#design1 .hotels a {
	display: block;
	width: 100px; height: 70px;
	border: 1px solid #fff;
	}
#design1 .hotels .first a { background: url(img_hotels-first.jpg);}
#design1 .hotels .first a:hover { background: url(img_hotels-first_over.jpg);}
#design1 .hotels .second a { background: url(img_hotels-second.jpg);}
#design1 .hotels .second a:hover { background: url(img_hotels-second_over.jpg);}
#design1 .hotels .third a { background: url(img_hotels-third.jpg);}
#design1 .hotels .third a:hover { background: url(img_hotels-third_over.jpg);}
#design1 .hotels .fourth a { background: url(img_hotels-fourth.jpg);}
#design1 .hotels .fourth a:hover { background: url(img_hotels-fourth_over.jpg);}
#design1 .hotels .fifth a { background: url(img_hotels-fifth.jpg);}
#design1 .hotels .fifth a:hover { background: url(img_hotels-fifth_over.jpg);}
#design1 .hotels .sixth a { background: url(img_hotels-sixth.jpg);}
#design1 .hotels .sixth a:hover { background: url(img_hotels-sixth_over.jpg);}
#design1 .hotels .seventh a { background: url(img_hotels-seventh.jpg);}
#design1 .hotels .seventh a:hover { background: url(img_hotels-seventh_over.jpg);}
#design1 .hotels .eigth a { background: url(img_hotels-eigth.jpg); width:211px}
#design1 .hotels .eigth a:hover { background: url(img_hotels-eigth_over.jpg);}
#design1 .hotels a b {
	display: none;
	}
#design1 .hotels a:hover b {
	display: block;
	}


/* HOTEL ÜBERSICHT (Start) */

#design0 .hotels {
	margin: 0;
	}
#design0 .hotels dd {
	position: relative;
	float: left;
	margin: 0 9px 9px 0;
	}
/*#design0 .hotels dd.second, #design0 .hotels dd.fourth, #design0 .hotels dd.sixth, #design0 .hotels dd.eigth {
	margin: 0 0 9px 0 !important;
	}*/
#design0 .hotels dd.second, #design0 .hotels dd.fifth, #design0 .hotels dd.seventh, #design0 .hotels dd.eigth {
	margin: 0 0 9px 0 !important;
	}
#design0 .hotels a {
	display: block;
	width: 153px; height: 107px;
	border: 1px solid #fff;
	}
#design0 .hotels .first a { background: url(img_hotelsstart-first.jpg);}
#design0 .hotels .first a:hover { background: url(img_hotelsstart-first_over.jpg);}
#design0 .hotels .second a { background: url(img_hotelsstart-second.jpg);}
#design0 .hotels .second a:hover { background: url(img_hotelsstart-second_over.jpg);}
#design0 .hotels .third a { background: url(img_hotelsstart-third.jpg);}
#design0 .hotels .third a:hover { background: url(img_hotelsstart-third_over.jpg);}
#design0 .hotels .fourth a { background: url(img_hotelsstart-fourth.jpg);}
#design0 .hotels .fourth a:hover { background: url(img_hotelsstart-fourth_over.jpg);}
#design0 .hotels .fifth a { background: url(img_hotelsstart-fifth.jpg);}
#design0 .hotels .fifth a:hover { background: url(img_hotelsstart-fifth_over.jpg);}
#design0 .hotels .sixth a { background: url(img_hotelsstart-sixth.jpg);}
#design0 .hotels .sixth a:hover { background: url(img_hotelsstart-sixth_over.jpg);}
#design0 .hotels .seventh a { background: url(img_hotelsstart-seventh.jpg);}
#design0 .hotels .seventh a:hover { background: url(img_hotelsstart-seventh_over.jpg);}
#design0 .hotels .eigth a { background: url(img_hotelsstart-eigth.jpg);}
#design0 .hotels .eigth a:hover { background: url(img_hotelsstart-eigth_over.jpg);}
#design0 .hotels a b {
	display: none;
	}
#design0 .hotels a:hover b {
	display: block;
	position: absolute;
	top: 10px; left: 10px;
	background: #EEE6C4;
	padding: 3px;
	}


/* TEASER (Content) */

#design1 .teaser {
	clear: both;
	display: block;
	background: #004F24; /*url(img_bg-teaser.jpg) right;*/
	border: 1px solid #fff;
	height: 118px;
	margin: 20px 0 0 0;
	color: #fff;
	}
#design1 .teaser:hover {
	cursor: pointer;
	background: #376B3B; /*url(img_bg-teaser_over.jpg) right;*/
	text-decoration: none !important;
	}
#design1 .teaser img {
	float: left;
	border-right: 1px solid #fff;
	}
#design1 .teaser h2 {
	margin: 24px 20px 10px 125px; 
	}
#design1 .teaser p {
	margin: 0 20px 0 125px;  padding: 0;
	}
#design1 .teaser b {
	display: block;
	text-align: right;
	margin: 5px 0 0 0;
	}


/* TEASER-CONTENT */

.teaser-content, .teaser-content-top {
	display: block;
	border: 5px solid #fff;
	height: 120px;
	margin: 0 0 20px 0;
	text-decoration: none !important;
	}
#design0 .teaser-content, #design0 .teaser-content-top {
	margin: 42px 0 0 0;
	}
#design1 .teaser-content, #design1 .teaser-content-top {
	clear: both;
	}
.teaser-content {
	background: #E9DEB7;
	color: #825E27;
	}
.teaser-content-top  {
	background: #004F24;
	color: #fff;
	}
.teaser-content:hover {
	cursor: pointer;
	background: #DCD1A9 !important;
	text-decoration: underline !important;
	}
.teaser-content-top:hover {
	background: #376B3B;
	}
.teaser-content img, .teaser-content-top img {
	float: left;
	border-right: 1px solid #fff;
	}
.teaser-content h2, .teaser-content-top h2 {
	margin: 20px 20px 10px 200px; 
	}
.teaser-content p, .teaser-content-top p {
	margin: 0 20px 0 200px;  padding: 0;
	}


/* URLAUBSORT WÄHLEN */

#design0 .cityselect {
	float: right;
	width: 185px;
	margin: 0 0 0 20px; padding: 250px 0 0 0;
	background: url(img_map-germany.jpg) no-repeat;
	}
#design0 .cityselect form {
	background: #CBC196;
	padding: 5px;
	}
#design0 .cityselect .bttn {
	display: block;
	background: #CBC196;
	border: 1px solid #fff;
	margin: 10px 0 0 0; padding: 15px 30px;
	}
#design1 .cityselect {
	margin: 20px 0 0 0;
	background: #CBC196 url(img_bg-cityselect.gif) no-repeat 100% 50%;
	border: 1px solid #fff;
	padding: 145px 10px 10px 150px;
	}
#design1 .cityselect select {
	font-size: 1.1em;
	color: #4D4C4D;
	}


/* ArtErw Pics */

.pics {
	position: relative;
	float: right;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	margin: -30px 0 0 0; padding: 0;
	}
.pics dd {
	width: 94px; height: 64px;
	float: left;
	border-right: 5px solid #fff;
	margin: 0; padding: 0;
	}
.pics dd .plus {
	position: absolute;
	top: 50px;
	}
.pics dd.first .plus, .pics dd.first-active .plus {
	left: 5px;
	}
.pics dd.second .plus, .pics dd.second-active .plus {
	left: 105px;
	}
.pics dd.third .plus, .pics dd.third-active .plus {
	left: 205px;
	}
.pics dd.fourth .plus, .pics dd.fourth-active .plus {
	left: 305px;
	}
.pics dd div {
	display: none;
	position: absolute;
	top: -261px; left: -230px;
	}
.pics dd:hover div,
.pics dd.first-active div,
.pics dd.second-active div,
.pics dd.third-active div,
.pics dd.fourth-active div {
	display: block;
	}


/* ArtErw Beschreibung */

.description {
	clear: both;
	margin: 30px 0;
	}


/* ArtErw Databox */

.databox {
	position: relative;
	display: block;
	border: 5px solid #fff;
	margin: 60px 0 0 0; padding: 2px;
	height: 82px;
	}
.databox * {
	color: #005227;
	}
.databox .bttn {
	position: absolute;
	top: -6px; right: -6px;
	z-index: 12;
	}
.databox div {
	background: url(img_bg-databox.gif);
	border: 1px solid #D2C39C;
	padding: 16px 11px;
	float: left;
	display: block;
	}
.databox div.first {
	float: left;
	width: 160px;
	border-right: 0;
	}
.databox div.second {
	width: 410px;
	}


/* QUICK CHOICE */

.quickchoice {
	display: block;
	margin: 40px 0;
	}
.quickchoice h3 {
	margin-bottom: 2px !important;
	}
.quickchoice div {
	padding: 5px;
	border: 5px solid #fff;
	background: url(img_bg-quickchoice.gif) repeat-x bottom;
	}


/* INFO BOX */

.infobox {
	clear: both;
	margin: 20px 0; padding: 15px;
	border: 5px solid #fff;
	background: #E9DEB7 url(img_bg-infobox.gif) no-repeat bottom right;
	}
.infobox h2, .infobox h3 {
	margin: 0px; padding: 0px !important;
	}
.infobox p {
	margin: 10px 0px;
	}


/* SCHNAPPSCHÜSSE */

.box-snapshot div {
	position: relative;
	display: block;
	width: 139px;
	float: left;
	margin: 0 2px 2px 0; padding: 3px;
	background: #E4DABE;
	border: 1px solid #C3B89A;
	}
.box-snapshot a img.zoom {
	position: absolute;
	top: 3px; left: 4px;
	width: 36px; height: 11px;
	background: url(img_zoom.gif) no-repeat;
	}
.box-snapshot p {
	margin: 0; padding: 3px 0;
	}


/* TEXT ABSAeTZe */

.absatz-bildlinks img {
	margin: 0 8px 0 0;
	}
.absatz-bildrechts img {
	margin: 0 0 0 8px;
	}
.nofloat {
	display: table;
	margin-bottom: 20px;
	}


/* ROUTENPLANER */

.route {
	margin: 40px 0 0 0;
	}
.route .map24 {
	background: url(img_bg-route.jpg) repeat-x 0px 20px;
	height: 37px;
	width: 100%;
	color: #fff;
	font-size: 1.1em;
	}
.route .map24 .img {
/*	background: #fff;*/
	}
.route .map24 div {
	padding: 0px 10px;
	display: block;
	}
.route h5 {
	background: #DCD1A9;
	padding: 3px 10px;
	margin: 0px;
	font-size: 1.1em;
	}
.route p {
	background: #E9DEB7;
	padding: 3px 10px 10px 10px;
	margin: 0px;
	}
.route .startaddress, .route .goaladdress {
	width: 315px;
	float: left;
	margin: 1px 0 0 0;
	}
.route .startaddress {
	margin: 1px 1px 0 0;
	}
.route input.street {
	width: 227px;
	font-size: 1.0em;
	margin: 1px 0 0 0;
	}
.route input.zip {
	width: 57px;
	margin: 0 4px 0 0;
	font-size: 1.0em;
	}
.route input.city {
	width: 160px;
	font-size: 1.0em;
	}
.route select.country {
	width: 234px;
	font-size: 1.0em;
	margin: 1px 0 0 0;
	} 


/* BREADCRUMBS */

.breadcrumbs {
	color: #94959F;
	margin: 50px 0 20px 0;
	background: url(img_arrow-grey.gif) no-repeat 0 2px;
	padding: 0 0 0 15px;
	}


/* CONTENT FUNCTIONS  */

.content-functions {
	float: right;
	width: 150px;
	padding: 0 0 0 30px;
	}
.content-functions a {
	margin: 0 10px 0 0;
	padding: 0 0 0 17px;
	}
.content-functions a.recommend {
	background: url(img_symb-recommend.gif) no-repeat 0 1px;
	}
.content-functions a.print {
	background: url(img_symb-print.gif) no-repeat 0 1px;
	}


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


/* FORMATIERUNG - FORMULAR */

.form-toplevel {
	visibility: hidden;
	margin-top: -30px;
	}
.form * {
	font-size: 1.1em;
	}
.form h2 {
	font-size: 1.5em;
/*	color: #CEA549;*/
	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 #EEE6C4;
	background: #E9DEB7;
	}
.form .formdata:hover, .form .formdata-active {
	background: #DCD1A9;
	}
.form p b {
	display: block;
	float: left;
	font-weight: normal;
	width: 190px;
	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 .longinput input {
	width: 318px;
	}
.form .sonstiges textarea {
	width: 318px;
	}

.form p input:focus, .form p textarea:focus,
.form p input:hover, .form p textarea:hover {
	border: 1px solid #848B90;
	background: #F4F3F3;
	}
.bttn-send {
	display: block;
	text-align: right;
	padding: 10px 90px 0 0;
	}




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