
HTML {
	width: 100%;
	margin: 0;
	padding: 0; 
}

BODY {
	background-color: #EBD850;
	background-image: url(images/template/bgr.gif);
	font-family: Tahoma, Arial, sans-serif;
	overflow-y: scroll;
	font-size: 12px;
	margin: 0px;
	padding: 10px 0px 0px 0px;
}

/* DAS TEMPLATE */

.gutmeldung {
	color: black;
	margin-bottom: 20px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #F9F5BB;
	line-height: 20px;
}

.fehlermeldung {
	color: white;
	margin-bottom: 20px;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: red;
	line-height: 20px;
}

.kopf_last_minute {
	background-color: #B20A0A;
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 8px;
	cursor: default;
}

/* DIE PRIMÄRNAVIGATION AUF DER LINKEN SEITE */

.navigation {
	background-image: url(images/template/nav_trans_bgr1.gif);
	background-position: left bottom;
	text-transform: uppercase;
}

.navigation .trenner {
	height: 1px;
	background-image: url(images/template/gepunktet_horizontal.gif);
	background-repeat: repeat-x;
	line-height: 0px;
	font-size: 0px;
	padding: 0px;
	margin: 0px;
	display: block;
}

.navigation_aktiv {
	background-color: white;
}

.navigation2_aktiv {
	background-color: #E6EAFB;
}

.navigation A:link,
.navigation A:visited,
.navigation A:focus {
	display: block;
	height: 100%;
	padding: 4px 8px 4px 8px;
	color: black;
	text-decoration: none;
	font-size: 13px;
	margin: 0px;
	/*
	background-image: url(images/startseite/pfeil_rechts.gif);
	background-position: right center;
	background-repeat: no-repeat; */
}

.navigation A:hover {
	background-color: white;
}

.navigation2 {
	background-color: #C9D1F7;
	margin-bottom: 2px;
}

.navigation2 A {
	font-size: 13px;
	padding: 2px;
	display: block;
	color: black;
	text-decoration: none;
	height: 100%;
	text-transform: uppercase;
}

.navigation2 A:hover {
	background-color: white;
}

.nav_vr A {
	color: white;
	font-size: 18px;
	text-decoration: none;
	display: block;
	height: 100%;
	line-height: 60px;
	font-weight: normal;	
}

.nav_vr A:hover {
	color: yellow;
}

.gepunktet_vertikal {
	background-image: url(images/template/gepunktet_vertikal.gif);
	background-repeat: repeat-y;
	width: 2px;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	font-size: 0px;
}

.fuss {
	border-top: 2px solid white;
	padding: 5px;
	font-size: 11px;
	color: black;
	background-color: #F9F491;
	line-height: 18px;
}

.fuss A {
	color: black;
}

.bildergalerie_grossansicht {
	background-image: url(images/template/warten_indikator.gif);
	background-position: center center;
	background-repeat: no-repeat;
	background-color: white;
}



.bildergalerie_grossansichten .fuss A {
	color: #D8B105;
	text-decoration: none;
}

.bildergalerie_grossansichten .fuss A:hover {
	color: black;
}

.bildergalerie_grossansichten .fuss {
	font-size: 14px;
}

.bildergalerie_miniaturansichten {
	margin: 20px 0px 20px 0px;
}

.bildergalerie_miniaturansichten IMG {
	background-image: url(images/template/warten_indikator.gif);
	width: 83px;
	height: 83px;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	/* border: 1px solid #FDFDE1; */
}

.bildergalerie_miniaturansichten A {
	width: 83px;
	height: 83px;
	border: 1px solid white;
}

.bildergalerie_miniaturansichten A:hover {
	width: 83px;
	height: 83px;
	border: 1px solid black;
}

.bildergalerie_miniaturansichten .fuss,
.bildergalerie_grossansichten .fuss {
	background-color: #FAF488;
	font-size: 12px;
	color: #D8B105;
	font-weight: normal;
	padding: 5px 5px 5px 5px;
}

.bildergalerie_grossansichten {
	margin: 20px 0px 20px 0px;
}

.inhalt {
	padding: 20px;
	font-size: 12px;
}

.inhalt TD {
	font-size: 12px;
}

.inhalt .block {
	 border-bottom: 1px solid #F4E972;
	 margin-bottom: 15px;
}

.inhalt .block A {
	color: black;
}

.inhalt .block .illustration {
	padding: 0px 20px 15px 20px;
}

.inhalt .faq .frage {
	font-weight: bold;
	display: block;
	font-size: 12px;
	color: #7684B7;
	text-decoration: none;
	margin-bottom: 10px;
}

.inhalt .faq .frage:hover {
	color: black;
	text-decoration: underline;
}

.inhalt .faq .antwort H2 {
	font-size: 12px;
	color: #7684B7;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.inhalt .faq .antwort P {
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 5px 0px;
}

.inhalt .faq .antwort {
	border-bottom: 1px solid #F4E972;
	margin-bottom: 10px;
}

.inhalt .faq .antwort A {
	color: black;
}

.inhalt .faq .fragen {
	border-bottom: 1px solid #F4E972;
	margin-bottom: 20px;
}

.inhalt .faq .antwort .nachoben {
	background-image: url(images/template/nach_oben.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 15px;
	text-decoration: none;
	color: #7684B7;
	margin-left: 435px;
	display: block;
}

.inhalt .block .text {
	
}

.inhalt .block .text P {
	text-align: justify;
	font-size: 12px;
	line-height: 20px;
	margin: 0px 0px 15px 0px;
	padding: 0px;	
}

.inhalt .block .text UL {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	list-style-type: none;
	font-weight: bold;
	font-size: 12px;
	color: #7684B7;
}

.inhalt .block .text LI {
	margin-bottom: 6px;
	line-height: 16px;
	padding: 0px;
}

.inhalt .block .text H1 {
	line-height: 14px;
	color: #7684B7;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 0px 0px 25px;
	margin: 0px 0px 5px 0px;
	background-image: url(images/template/krone_klein.gif);
	background-repeat: no-repeat;
}

.inhalt .block .text H2 {
	line-height: 14px;
	color: #7684B7;
	font-weight: bold;
	font-size: 12px;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

.inhalt .block .text .zurbildergalerie {
	text-decoration: none;
	font-weight: normal;
	background-image: url(images/template/icon_bilder.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 12px;
	height: 20px;
	display: block;
	margin-top: 3px;
	color: #7684B7;
}

.inhalt .block .text  .download {
	text-decoration: none;
	font-weight: normal;
	background-image: url(images/template/download.gif);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 25px;
	font-size: 12px;
	height: 20px;
	display: block;
	margin-top: 8px;
	color: #7684B7;
}

.inhalt .block .text .download:hover {
	color: black;	
}


.inhalt .block .text .zurbildergalerie:hover {
	color: black;
}

.inhalt .intro {
	font-size: 12px;
	line-height: 20px;
	color: #425180;
	margin-bottom: 15px;	
}

.inhalt .intro A {
	color: black;
}

.inhalt .galeriewahl {
	margin-bottom: 10px;
}

.inhalt .galeriewahl .links {
	padding-right: 10px;
}

.inhalt .galeriewahl .gerade {
	padding: 2px 10px 2px 40px;
	display: block;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: black;
	background-image: url(images/template/pfeil_rechts3.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}

.inhalt .galeriewahl .ungerade {
	background-color: #F8F2B6;
	padding: 2px 10px 2px 40px;
	display: block;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: black;
	background-image: url(images/template/pfeil_rechts3.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
}
.inhalt .galeriewahl .ungerade:hover,
.inhalt .galeriewahl .gerade:hover,
.inhalt .galeriewahl .aktiv {
	padding: 2px 10px 2px 40px;
	display: block;
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
	color: black;
	background-color: #E6EAFB;
	background-image: url(images/template/pfeil_rechts2.gif);
	background-repeat: no-repeat;
	background-position: 10px center;		
}

.inhalt .galeriewahl .text {
	font-size: 12px;
	line-height: 20px;
	color: #425180;
}



.inhalt .galeriewahl_miniatur .links A {
	background-color: #F8F2B6;
	height: 50px;
	display: block;
	line-height: 50px;
	padding-right: 10px;
	padding-left: 120px;
	margin-bottom: 10px;
	font-size: 12px;
	color: black;
	text-decoration: none;
	background-image: url(images/fotos/tests/2.jpg);
	background-position: 15px center;
	background-repeat: no-repeat;
}

.inhalt .galeriewahl_miniatur .links A:hover,
.inhalt .galeriewahl_miniatur .links .aktiv {
	background-color: #E6EAFB;
}

/* DIE PARTNERLISTE */

.inhalt .partner .text {
	font-size: 12px;
	line-height: 16px;
	padding-right: 20px;
}

.inhalt .parnter .illustration {
	width: 200px;
}

.inhalt .einpartner {
	display: block;
	margin-bottom: 15px;
}

.inhalt .einpartner .link {
	color: #425180;
}

.inhalt .einpartner .link:hover {
	color: black;
}

.inhalt .aufzaehlung {
	list-style-position: outside;
	list-style-image: url(images/template/anstrich_krone.gif);
}

.inhalt .aufzaehlung LI {
	line-height: 22px;
	margin-bottom: 4px;
}


/* DER HELLBLAUE SEITENKOPF MIT DEM EINEN! BROTKRUMEN */

.brotkrumen {
	margin-bottom: 2px;
}

.brotkrumen TD {
	background-color: C9D1F7;
	background-image: url(images/template/kopf_bgr.gif);
}

.brotkrumen H1 {
	color: white;
	display: block;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 5px 40px;
	background-image: url(images/template/krone_klein2.gif);
	background-repeat: no-repeat;
	background-position: 5px center;
	text-transform: uppercase;
}

/* last-minute Angebote */

.inhalt .last_minute {
	margin-bottom: 10px;
}

.inhalt .last_minute .eintrag {
	width: 150px;
	display: block;
}

.inhalt .last_minute .eintrag A {
	text-decoration: none;
} 

.inhalt .last_minute .eintrag .titel {
	color: white;
	font-weight: normal;
	font-size: 12px;
	padding: 5px;
	display: block;
	margin-bottom: 2px;
	text-align: center;
	background-image: url(images/template/lastminute_bgr2.gif);
	text-decoration: none;
}

.inhalt .last_minute .eintrag IMG {
	display: block;
}

.inhalt .last_minute .eintrag .beschreibung {
	margin-top: 2px;
	padding: 5px 0px 5px 0px;
	background-color: navy;
	background-image: url(images/template/lastminute_bgr.gif);
}

.inhalt .last_minute .eintrag .preis {
	color: white;
	font-weight: bold;
	font-size: 12px;
	padding: 0px 5px 0px 5px;
	display: block;
	text-align: center;
}

.inhalt .last_minute .eintrag .preis_hinweis {
	color: white;
	font-weight: normal;
	font-size: 11px;
	display: block;
	text-align: center;
}

.inhalt .last_minute .eintrag .preis .betrag {
	font-size: 40px;
	/* color: #F6ED7A; */
	color: white;
}

.inhalt .last_minute .eintrag .zimmerzahl {
	color: white;
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
}

/* DIE VIDEOPLAYER */

.video_grossansichten .player {
	display: block;
	background-color: white;
	background-image: url(images/video/bgr.gif);
	background-position: center 100px;
	background-repeat: no-repeat;
	color: gray;
	line-height: 22px;
}

/* DIE TEASER AUF DER LINKEN SEITE */

#sf_teaserlinks_zurueck {
	display: block;
	width: 150px;
	height: 29px;
	float: left;
	background-position: right center;
	background-repeat: no-repeat;
	background-image: url(images/template/pfeil_links.gif);
}

#sf_teaserlinks_vor {
	display: block;
	width: 150px;
	height: 29px;
	float: left;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(images/template/pfeil_rechts.gif);
}

#sf_teaserlinks_zurueck:hover {
	background-image: url(images/template/pfeil_links_over.gif);
}

#sf_teaserlinks_vor:hover {
	background-image: url(images/template/pfeil_rechts_over.gif);
}

/* DIE BLITZERLISTE und DIE PREISLISTE */

#preisliste {
	cursor: default;
	border-bottom: 1px solid #F4E972;
	border-top: 1px solid #F4E972;
	margin-bottom: 20px;
}

#preisliste .randlinks {
	border-left: 1px solid #F4E972;
}

#blitzerliste TD,
#preisliste TD {
	font-size: 12px;
	padding: 5px;
}

#blitzerliste .ungerade,
#preisliste .ungerade {
	background-color: #FBFAB6;
}

#preisliste .aktiv {
	background-color: #F8F68C;
}

#blitzerliste .kopf,
#preisliste .kopf {
	border-bottom: 1px solid #F4E972;
	font-weight: normal;
}

#preisliste .kopf {
	background-image: url(images/template/preisliste_bgr.gif);
}

.preislistenbeschreibung {
	width: 160px;	
}

.preislistenbeschreibung .kopf {
	 padding: 5px;
	 background-color: #FBFAB6;
	 text-align: left;
}

.preislistenbeschreibung .bild {
	 height: 120px;
	 background-color: white;
	 background-image: url(images/template/warten_indikator.gif);
	 background-position: center center;
	 background-repeat: no-repeat;
}

.preislistenbeschreibung .beschreibung {
	 font-size: 11px;
	 border-bottom: 1px solid #F4E972;
	 padding: 5px;
	 text-align: left;
	 height: 40px;
}

.preislistenbeschreibung .beschreibung A {
	color: black;
}

.hinweise {
	color: gray;
	font-size: 12px;
	line-height: 22px;
}

/* 360 GRAD ANSICHTEN */

.panorama_standort {
	position: absolute;
	border: 1px solid black;
	background-color: white;
	/* line-height: 14px; */
	font-size: 11px;
	text-decoration: none;
	padding-left: 1px;
}

.panorama_standort SPAN {
	padding: 0px 3px 0px 3px;
	display: block;
	line-height: 22px;
	float: left;
}

.panorama_standort > A {
 	background-color: #44528F;
	text-decoration: none;
	padding: 0px 3px 0px 3px;
	width: 15px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: white !important;
	margin: 0px 0px 0px 0px;
	display: block;
	float: left;
	border: 1px solid white;
	/* display: block; */
}


/* FORMULARE JEGLICHER ART */

FORM {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
}

FORM .eingabefeld {
	/* background-image: url(images/template/eingabefeld_bgr.gif); */
	background-color: white;
	border-style: solid;
	border-color: black;
	border-width: 0px 0px 1px 0px;
	/* font-family: courier; */
	padding: 2px;
	height: 22px;
	display: block;
	margin-bottom: 10px;
	width: 100%;
}

FORM .fehler {
	background-color: red;
}

FORM SELECT {
	display: block;
	margin-bottom: 10px;
	width: 100%;
	border: 1px solid black;
	height: 20px;
	background-color: white;
}

FORM .schaltflaeche INPUT {
	background-image: url(images/template/form_schaltflaeche_krone.gif);
	background-position: 5px center;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 30px;
	font-size: 12px;
	background-color: white;
	border: 0px;
	margin: 0px;
	height: 100%;
	text-align: left;
}

FORM .schaltflaeche {
	border: 1px solid gray;
	background-color: white;
	/* margin-bottom: 6px; */
}

FORM .textfeld {
	font-family: Tahoma, Arial, sans-serif;
	border: 1px solid black;
	margin-bottom: 10px;
	display: block;
	font-size: 12px;
	padding: 2px;
	overflow: auto;
}

FORM LABEL {
	font-weight: normal;
	display: block;
	margin-bottom: 3px;
}

FORM FIELDSET {
	background-color: white;
	border: 1px solid yellow;
	padding: 0px 10px 10px 10px;
	margin: 0px;
}

.feldsatz {
	background-color: #F7F0A5;
	background-image: url(images/template/form_bgr.gif);
	background-position: top;
	background-repeat: repeat-x;
	border: 1px solid gray;
	padding: 0px 20px 10px 20px;
	margin-top: 20px;
	margin-bottom: 15px;
	line-height: 14px;
}

.feldsatz .legende {
	background-color: #F8F2AF;
	position: relative;
	left: 0px;
	top: -10px;
	text-align: center;
	border: 1px solid gray;
	padding: 2px;
	font-weight: bold;
}

FORM LEGEND {
	margin-bottom: 10px;
}

.verborgen {
	display: none;
}

/* SCROLLING MARQUEE */
#scroller div {
	visibility: hidden;
 	width: 500px;
	height: 14px;
	overflow: hidden; 
}

#scroller, #scroller div.default {
	width: 500px;
	height: 14px;
	overflow: hidden;
	visibility:visible;
}

#scroller table tr td {
	padding: 0px;
	text-align: left;
	vertical-align: middle;
	background-color: #B20A0A;
	color: white;
	font-weight: bold;
	font-size: 12px;
	cursor: default;
}

