/* Die CSS-Datei ist so augbebaut, dass unterschiedliche Seitenbereiche eine eigene ID besitzt.
Dadurch wird es möglich jede Seite individuell zu gestalten. Eigene Seitenbereiche werden mit # gekennzeichent.
CSS Anweisungen ohne Raute gelten für alle Elemente, können aber durch # Anweisungen überschrieben werden. */

.galleria-container {
    position: relative;
    overflow: hidden;
    background: #000;
}

#bodygalleria {
	 background:#33394B;
}


body{
 	background-color:#FFFFFF;  
	margin-left:0px; 
	margin-top:0px;
	font-family:tahoma,arial,sans-serif;
	font-size:11px;
}
td {
	font-size:11px;
}

a {
 color: #FF6600;
 text-decoration:none;
}
.cursor {
	cursor:pointer;
}
.leerzeile	{		/* Abstand zwischen Tabellen */
	height:15px;
}

/***** Formularfelder ******/

textarea {
	font-size:11px;
	font-family: arial,sans-serif;
}
select {
	font-size:11px;
	color:#1F64AF;
	border: 1px solid #c2dcf1;
}
input {
	font-size:11px;
	color:#1F64AF;
}
.datum {
	border: 1px solid #c2dcf1;
	background-color:#FFFFFF;
	width:65px;
	height:20px;
}
.zweier {
	width:25px;
	border: 1px solid #c2dcf1;
	background-color:#FFFFFF;
	height:20px;
}
.plz {
	width:50px;
	border: 1px solid #c2dcf1;
	background-color:#FFFFFF;
	height:20px;
	margin-right:4px;
}
.name {
	width:160px;
	border: 1px solid #c2dcf1;
	background-color:#FFFFFF;
	height:20px;
}
.ort {
	width:106px;
	border: 1px solid #c2dcf1;
	background-color:#FFFFFF;
	height:20px;
}


/**** Generelle Formatierungen für den Inhalt ****/

#inhalt{
	background-color:#FFFFFF;
	width:563px; 
	max-width:563px;
}
#inhalt h1{    /* Überschrift1 */
	font-size: 10pt;
	font-weight: bold;
}
#inhalt h2{			/* Überschrift2 */
	font-size:11px;
	font-weight:bold;
}
#inhalt p{	/* Absätze */
	font-size:11px;
}
#inhalt td{  /* Tabellenzellen */
	font-size:11px;
}
#inhalt li{ 	/* Listen */
	font-size:11px;
}
#inhalt a{ /* Links */
	color:#B50011;
	text-decoration:none;
}
#inhalt a:hover{ /* Mousover für Links */
	color: #00499A
}

#inhalt .linktd {
	background-color:#FFE7D6;
}

#inhalt .steps {height:20px;border-bottom:1px solid #def2fb;margin:0 0px 5px}
#inhalt .steps ul {float:right;margin:0 -5px}
#inhalt li {float:left;margin:0 4px 0 0;color:#adadad; list-style-type:none;}
#inhalt .steps strong {display:block;float:left;margin:0 4px 0 0;font-size:8px;color:#FFF;width:14px;height:14px;line-height:14px;text-align:center;background:#cbf1ff}
#inhalt .steps .active strong {background:#07b2e7}

/**** Formatierungen für Button's ****/

.bildbutton {
	display: block;
	font-size:17px;
	margin-left:2px;
	background-color:#FFFFFF;
}

.bildbutton:hover {    /* Mouseovereffekt */
	background-color:#FFFFFF;
}
.info { /* Bild für allgemeine Info's */
	background-color:#FFFFFF;
}
.button {
	background-color:#CDF4FF;
	font-weight:bold;
	color:#004670;
	cursor:pointer;
	border:1px solid #FFFFFF;
	line-height:18px;
}
.RAVinfobox {
	background-color:#CEF7FF;
	width:350px;
	position:absolute;
	display:none;
}
.RAVinfobox li {
	color:#000;
}
#i1 li {
	float:left;margin:0 4px 0 0;color:#000000; list-style-type:decimal;}
}
#i2 li {
	float:left;margin:0 4px 0 0;color:#000000; list-style-type:decimal;}
}

/**** Sortierung der Objektliste *****/
.n2 {
	font-weight:bold;
	cursor: hand;
}
.n1 {
	cursor: hand;
}

/**** Monatskalender ****/

#mkalender {
	background-color:#EEFAFE;
}
#monatskalender .tage {
	font-size:11px; 
	font-family:Verdana; 
	width:18px; 
	height:18px; 
	background-color:#EDECDB
}
#mkalender .belegt {
	background-color:#FD9797; 
	width:15px; 
	height:15px
}
#mkalender .anreise { 
	width: 15px; 
	height:15px;
}
#mkalender .gesperrt {
	background-image:url(../images/m_gesperrt.gif); 
	width: 15px; 
	height:15px; 
	background-color:#EDECDB;
}
#mkalender .monat {
	height:20px;
	background-color:#BAEAFE;
}


/**** Jahreskalender *****/
#Jahreskalender {
 background-color: #FFFFFF;
}

#Jahreskalender .head { 						/* Legende des Kalenders */
	background-color: #CEF7FF;
	color:#000000;
}
#Jahreskalender a {
	color:#000000;
}
#Jahreskalender .calhead {   							/* Kopf unf Fusszeile des Jahreskalenders */
	 font-weight:bold;
	 text-align: center;
	 background-color: #EEFAFE;
}
#Jahreskalender .kal { 									 /* Monate und Tage */
	 background-color: #FFF5E0
}

#Jahreskalender .ANs { border: solid ; border-width: 1px;  border-right-width: 0px; border-left-width: 2px; border-color: #004040; }

#Jahreskalender .left { text-align: left }
.right { text-align: right }

#Jahreskalender .sday { color: #CF0000; background-color: #DC7020 }
#Jahreskalender .sday:visited { color: #CF0000; background-color: #DC7020 }

#Jahreskalender .bf {
	cursor: hand;
}
#Jahreskalender .F { 				/* Wunschreisezeit */
	background-color: #9FDA9C;
	width:14px;
	font-size: 12px;
	font-weight: bold;
	text-align:center;
}
#Jahreskalender .bV {  									/* Vermietete Zeiträume */
	background-color: #F9655E;
	width:14px;
	font-size: 11px;
	text-align:center
}
#Jahreskalender .bO {
	background-color: #FFB8B8;
	width:14px; font-size: 11px;
	text-align:center
}
#Jahreskalender .bR {  							/* reservierte Zeiträume */
	background-color: #FF905A;
	width:14px;
	font-size: 11px;
	text-align:center;
}
#Jahreskalender .bX{
	background-color: #E86868;
	width:14px;
	font-size: 11px;
	text-align:center
}

#Jahreskalender .bI {                  /* Internetreservierung */
 background-color: #FCAC01;
 width:14px;
 font-size: 11px;
 text-align:center;
}
#Jahreskalender .A { 									/* Anreisetag */
	background-image:url(/NOBO/OBJ/COMMON/SITE/images/anreisetag.gif);
}
#Jahreskalender .AB { 								/* Abreisetag */
	background-image:url(/NOBO/OBJ/COMMON/SITE/images/abreisetag.gif);
}


/**** Online-Katalog Auswahlleiste ****/
.katalogbutton {
	text-align:right;
	padding-left:11px;
	padding-right:11px;
	cursor:hand;
}

#katalogkriterien {
 background-color:#D1E6F7;
 padding:5px;
 border:solid 1px #7F9CD0;
} 



#ueberblick .hausname {
	font-weight:bold;
	font-size:10pt;
	color:#FFAE00;
}
#ueberblick .bilder {
	border: 1px solid #A7BDD2;
}


#googleMaps {
}
#map0 {
	border:1px solid #000000;
}
#googleMapListe {
	border:1px solid #000000;
	padding:2px;
	background-color:#FFBA29;
	scrollbar-base-color:#FFAE00;
	scrollbar-arrow-color:#FFFFFF;
}
#googleMapListe .hausname {
	font-weight:bold;
}
#googleMapListe .bg {
	background-color:#FFFFFF;
}


/**** Schrittanzeige ****/
#Schrittanzeige {
	margin-bottom: 11px; /* Abstand nach unten */
}

/**** Suchmaske *****/

#Suche .selectbox { /* breite der Auswahlboxen */
	width:180px;
}
.suchmaske {						/* Aussehen der Suchmaske */
	padding:11px;
	background-color:#EEFAFE;
}
.suchelement {  /* Abstand der Suchkriterien */
	margin-bottom:11px;

}
.suchkriterium {				/*Suchkriterien in der Suchmaske*/
	padding-left:5px;
	height:20;
	width:120px;
}
.suchenach {				/* Sie kennen Ihr Objekt; in der Suchmaske*/
	padding-left:5px;
	height:20;
	width:120px;
}
.angebotsauswahl {
	padding-left:5px;
	width:120px;
}
#Suche .ausstattung { 		/*Austtattungskriterien in der Suchmaske */
	background-color: #BAEAFE;
}

/**** Angebote *****/

#angebote .angebotstitel {
	font-weight:bold;
	color: #BE231C;
}
#angebote .gueltig {
	font-size:11px;
}

#angebote .angebot {
	background-color: #FBF1B9;
	padding:5px;
	margin-bottom:11px;
	border: 1px dashed #B50011;
}
#angebote .angebotsbild {
	float:right;
	width: 200px;
	margin-left: 20px;
}
#angebote .fehler {
	color:#CC0000;
}
/* Favoriten */
.kfavoriten { 		/* keine Favoriten vorgemerkt */
	font-weight: bold;
	color: #CC0000;
}

/* Preisanzeige Popup */
#preisinfo {
	background-color:#FFFFFF;
	margin-left: 11px;
	padding: 5 5 5 5px;
	width:500px;
}
/**** Routenplaner *****/
#routenplaner {
	margin: 10 10 10 11px;
	text-align:left;
}
/***** Fotogalerie *****/
#galerie {
	background-color:#FFFFFF;
}
#galerie .hausname {
	font-size:10pt;
	font-weight:bold;
}
#galerie .bilder {
	background-color:#EEFAFE;
	border-top: 10px solid #CEF7FF;
}

/**** Objektliste *****/
#seitenzahlen {
	font-size:11px;
}
#seitenzahlen a{
	font-size:9pt;
	padding-left:5px;
}
#listennavigation {
	margin-top:11px;
	margin-bottom:30px;

}
#listennavigation .gefObjekte {
	font-size:10pt;
	font-weight:bold;
}

#liste .Objekt {
	font-weight:bold;
	font-size:11px;
}

#Objektliste {
	font-size:11px;
	margin-top:5px;
	padding:0px;
	background-color:#FFFFFF;
}
#Objektliste td {
	font-size:11px;
}
.listenbild { 	/* Größe des Objektbildes in der Auswahliste */
	heights:90px;
	width:139px;
	margin:5px;
}
.listerahmen {
	padding-top:5px; 
	padding-left:5px;
	padding-right:5px;
	padding-bottom:20px;
	background-color:#BAEAFE;
	max-width:550px;
	width:562px;
	margin-bottom:20px;
}
.listerahmen2 {
	padding-top:5px; 
	padding-left:5px;
	padding-right:5px;
	padding-bottom:5px;
	background-color:#BAEAFE;
	max-width:550px;
	width:562px;
	margin-bottom:20px;
}
#Objektliste .icons {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	margin-left:2px;
	margin-top:2px;
}
#Objektliste .hausname {
	font-weight:bold;
	color:#00499A;
	background-color:#E0F8FF;
	text-decorations:none;
}
#Objektliste .daten {
	background-color:#E0F8FF;
	font-size:11px;
	font-weight:bold;
}
#Objektliste .daten a {
	color:#000000;
	font-weight:bold;
}
#Objektliste .buttonzeile a {
	color:#000000;
	font-weight:bold;
}
#Objektliste .buttonzeile {
	background-color:#BAEAFE;
	font-size:11px;
	font-weight:bold;
}
.passtnicht { /*wenn Ausstattungskriterium nicht vorhanden ist */
	color: #B50011;
}
/***** Objektansicht *****/

#objektansicht h1 {
	font-size: 10pt;
	font-weight: bold;
}

#objektansicht td {
	font-size:11px;
}

#objektansicht .objektbilder {  /* Größe der Bilder */
	width: 275px;
}
#objektansicht .bildtext {  /* Bildunterschriften */
	font-size: 11px;
}
#objektansicht .beschreibung {
	text-align:justify;
}
#objektansicht .objektmerkmale {
	background-color:#EEFAFE;
}
#objektansicht .ausstattung { /* Hintergundfarbe für die Ausstattungsmerkmale */
	background-color:#EEFAFE;
	padding-left:5px;
}
#objektansicht .ausstatt_titel { /*Hintergundfarbe für die Ausstattungstitel */
	font-weight:bold;
	background-color:#CEF7FF;
	color:#004273;
}
#objektansicht .attribute { /* Rahmen für die Ausstattungsmerkmale */
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	padding-left: 5px;
	padding-right:5px;
	padding-top:5px;
}
#objektansicht .attribute_3spalte {  /* Rahmen für die Ausstattungsmerkmale der 3. Spalte */
	border-bottom: 3px solid #FFFFFF;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
}

#objektansicht .AttrKlasse { /* Klasse für die Ausstattungsmerkmale */
	color:#000000;
	font-weight:bold;
}
#objektansicht .objektmerkmale {
	padding-top: 11px;
}
#objektansicht .ermaessigung { /* Hintergrundfarbe für die Ermäßigungstabelle */
	background-color:#EEFAFE;
	padding-left:5px;
	padding-right:5px;
}
#objektansicht .ermaessigung_titel { /* Hintergrundfarbe für den Titel der Ermäßigung */
	color:#004273;
	font-weight:bold;
	background-color:#CEF7FF;
}
#objektansicht .preise { 	/* Hintergrundfarbe für die Preisetabelle */
	background-color:#EEFAFE;
	padding-left:5px;
	padding-right:5px;
}
#objektansicht .preise_titel { /* Hintergrundfarbe für den Titel der Preise */
	font-weight:bold;
	background-color:#CEF7FF;
	color:#004273;
}
#objektansicht .preise_hint { /* Farbe für den Hinweis zu den Preisen */
	color:#404040;
	font-weight:normal;
}
#objektansicht .preise_reihe { /* Hintergrundfarbe für die Preisezeile */
	background-color: #F7F1E9;
}
#objektansicht .tppreise {  /* Rahmen für die Preistabelle */
		border-right: 3px solid #FFFFFF;
		padding-top:5px;
}
#objektansicht .tppreise_3spalte { /* Rahmen für die 3. Spalte der Preistabelle */
		padding-top:5px;
}
.preisberechnung { /* Hintergrundfarbe für die Preisberechnungstabelle */
	background-color:#EEFAFE;
	padding-left:5px;
	padding-right:5px;
}
.preisberechnung_titel { /* Hintergrundfarbe für die Preisberechnungstitel */
	color:#004273;
	font-weight:bold;
	background-color:#CEF7FF;
}
#objektansicht hr {  /* Farbe für die Trennlinie in der Preisberechnung */
	color: #CEF7FF;
}
.sparen { /* Formatierungen für den Sparhinweis bei Rabatten */
	color: #CC0000;
	text-align: center;
	font-weight: bold;
	font-size:12pt;
}
#objektansicht .objekte {
	font-weight: bold;
}
/**** Buchen ****/

#buchen .objektauswahl { 		/*Ausgewähltes Objekt */
	font-weight:bold;
	margin-bottom:11px;
}
.buchentext {
 }
#iRAV{						
	padding:11px;
	border:1px solid #7F9CD0;
	background-color:#EEFAFE;
}
.buchenmaske {						/* Aussehen der Buchungsmaske */
	padding:11px;
	border:1px solid #7F9CD0;
	background-color:#EEFAFE;
}
.buchangabe {				
	padding-left:5px;
	height:20;
	width:120px;
}
.buchungen {
 font-size: 10pt;
 font-weight:bold;
 color: #666666;
}
.elementabstand {
	height:11px;
}
.nebenkosten {
	padding:11px;
	border:1px solid #7F9CD0;
	background-color:#EEFAFE;
}
.nkelement {
	padding-left:5px;
	height:20;
	width:120px;
}
.Oequi {
	padding-left:5px;
	height:20;
	width:120px;
}
.EXTRAinfobox {
	background-color:#CEF7FF;
	width:200px;
	position:absolute;
	display:none;
}
.infoinhalt {
	margin:1px;
	padding:5px;
	height:150px;
	overflow:auto;
	background-color:#FFFFFF;
	text-align:left;
}

#buchen .preishinweis {
	color:#CC0000;
}

.warnhinweis {
	width:100%;
	height:20px;
	background-color:#FCFD87;
	text-decoration:blink;
}

/**** Buchungskontrolle ****/

#Buchungskontrolle .WKbuttons {
	background-color: #BAEAFE;
	text-align:center;
	width:33%;
	height:20px;
}
.waren {
	margin-bottom: 11px;
}
.kbuchungen { 		/* keine Buchungen vorgenommen */
	font-weight: bold;
	color: #CC0000;
}
.gesamtpreis {
	font-weight:bold;
	background-color: #E0F8FF;
	padding:5px;
}
.mehrbuchen {  /* Kasten für die Links Buchung hinzufügen */
	background-color:#F9F3D7;
	padding:3px;
	border:solid 1px #000000;
}
/***** Kontaktformulare ****/

#Kontaktformular {
	border: 1px solid #7F9CD0;
	padding:11px;
	background-color:#EEFAFE;
}

.kontaktfeld {
	padding-left:5px;
	height:20;
	width:120px;
}

.frage {
	padding-left:5px;
	height:20;
}
#kontaktformular .select {
	width:160;
}
.anmerkung {
	width:500px;
	height:100px;
}
.error {
	font-weight:bold;
	color:#CC0000;
}

/**** Buchungsbestätigung ****/

#persdaten {
	background-color: #EEFAFE;
	padding:5px;
}
.anfragevon {
	background-color: #BAEAFE;
	font-weight:bold;
	padding-left:5px;
}

/**** Fährbuchungen ****/

#faehrbuchung .form {
	padding-left:5px;
	padding-right:5px;
}
legend {
	font-weight:bold;
	color:#004a9b;
}
.faehrbuchung .daten {
	background-color:#EEFAFE;
}

#faehrbuchung .title{
	font-weight:bold;
	color:#004a9b;
}
#faehrbuchung .formtable {
	background-color:#EEFAFE;
	padding:11px;
	border: 1px solid #7F9CD0;
}
#faehrbuchung .auswahl{
	background-color:#FAE1A4;
}
#nlletter {
	position:absolute;
	width:500px;
	top:20px;
	left:50%;
	margin-left:-250px;
	background:#EEFAFE;
	padding:10px;
	border-top:10px solid #BAEAFE;
}
.nlfensterclose {
	display:none;
}
#newsletter h1 {
	font-size:14pt;
	font-weight:bold;
}
	

/* Anweisungen für den Druck */
@media print {
	body {
		background-color:#FFFFFF;
	}
	#inhalt {
		padding-left:0px;
		font-size:10pt;
	}
	#kopf {
	 display:none;
	}
	#sprachen {
	 display:none;
	}
	#verticalmenu {
	 display:none;
	}
	#horizontalmenu {
	 display:none;
	}
	#leerzeile {
		display:none;
	}
	#fuss {
	 display:none;
	}
	.bildbutton {
		display:none;
	}
	.noprint {
		display:none;
	}

}