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

/* gennerelle Angaben */

body{
	text-align:center;
 	background-color:#293031;
 	margin-top: 0px;								/*Seitenrand*/
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;
	font-size: 9pt;
	font-family:arial;
}
#mkalender {
	background-color:#FFCF73;
}
.immobilder {
	width:140px;
	height:105px;
}
#rand {
	background-color:#FFFFFF;
}
#ueberblick .hausname {
	font-weight:bold;
	font-size:10pt;
	color:#FFD365;
}
#ueberblick .bilder {
 border:1px solid #000000;
 width: expression(this.width > 185 ? 185: true);
 max-width:185px;
}

td {
	font-size:9pt;
}
	
a {
 color: #B51839;
}
.cursor {
	cursor:pointer;
}
/* Formularfelder */

textarea {
	font-size:8pt;
	font-family: arial,sans-serif;
}
select {
	font-size:8pt;
}
input {
	font-size:8pt;
}
.datum {
	width:65px;
}
.zweier {
	width:25px;
}
.plz {
	width:50px;
}
.name {
	width:160px;
}
.ort {
	width:106px;
}
.leerzeile	{		/* Abstand zwischen Tabellen */
	height:15px;
}

/* Formatierungen für Button's */
.bildbutton {
	display: block;
	font-size:17px;
	margin-left:2px;
	background-color:#FFFFFF;
	border: 1px solid #AD2F10;		
}
		
.bildbutton:hover {    /* Mouseovereffekt */
	background-color:#FFFFFF;
	border: 1px solid #FF3300;
}

.info { /* Bild für allgemeine Info's */
	background-color:#FFAA39;
}
.button {
	background-color:#213031;
	color:#FFFFFF;
	cursor:pointer;
}
/* Sortierung der Objektliste */
.n2 {
	font-weight:bold;
	cursor: pointer;
}
.n1 {
	cursor: pointer;
}
	
#Startseite {												/* optionale Layoutinformationen für die Startseite */
}
#Impressum {												/* optionale Layoutinformationen für das Impressum*/
}
#AGB {															/* optionale Layoutinformationen für die AGB'S */
}
#AGB-Popup {												/* optionale Layoutinformationen für den Seitenhintergrund des AGB-Popupfensters */
}
#AGBPOPUP {													/* Größe des AGB'S Popupfensters */
	width:600px;
	height:500px;
}

/*Angaben für die Kopfzeile */
#kopf {
	height: 134px;
	background-image: url('/KLEI/OBJ/COMMON/SITE/images/kopf_bg.jpg');
}
#kopf td {
		vertical-align:top;
}
/*Angaben für die Sprachschaltung*/
#sprachen {
	background-color: #639A9C;
	height:18px;
}
#sprachen .flaggen {							/*Positionierung der Flaggen*/
	text-align:left;
	margin-left:5px;
}
/*Angaben für die Sprachschaltung bei horizentalem Menu*/
#h_sprachen {
	width:200px;
	height:20px;
	background-color:#2D5A93;
}
#h_sprachen .flaggen {							/*Positionierung der Flaggen*/
	text-align:right;
	margin-left:5px;
}

/*Grundtabelle für die Navgation + Seiteninhalt */

/*spezielle Angaben für die Navigation*/
#verticalmenu {
	width:155;
	background-color:#FFA939;
	vertical-align:top;
	padding-top:20px;
	padding-bottom:40px;
	padding-left: 10px;
	padding-right: 10px;
	background-image: url('/KLEI/OBJ/COMMON/SITE/images/navi_bg.gif');
	background-repeat:no-repeat;
	
}

/*verticales menu */
#verticalmenu ul{
  text-align:left;
  margin:0px;                         
  padding:0; 
}
#verticalmenu li {
	list-style-type: none;
	cursor:pointer;
	margin:0 0 0 0px; 							/* Formatierung für Einrückung */
	line-height:15pt; 							/* Formatierung für Höhe der Button */
	margin-bottom: 10px;							/* Abstand zwischen den Buttons */
}

#verticalmenu a {
	display:block;      						/* Macht aus dem Listenpunkt ein Button */
	width:155px;										/* Bestimmt die Länge des Buttons */
	/* Umrandung, ihre Position und Farbe */
	border:1px solid #FF6500;
	text-decoration:none;
	font-family: ARIAL;
	font-size: 9pt;
	color:#000000;
	font-weight:bold;
	text-indent:10px;								/* Formatierung für die Einrückung des Textes */
}
#verticalmenu a:hover {								/* Mouseovereffekt */
	background-color: #FFD373;
}
#verticalmenu a:active {								/* Gerade betätigte Links */
	background-color: #FFD373;
}

#unterpunkte a{										/* Formatierung der Unterpunkte */
	background-color: #4C71A0;
	background-image:url(http://127.0.0.1/SUBU/OBJ/CMSBilder/Image/pfeil2.gif);
	text-indent:35px;
	font-weight:normal;
	border-bottom:1px solid #BDD7EF;
}
#unterpunkte a:hover {
	background-color: #FFD38C;
	background-image:url(http://127.0.0.1/SUBU/OBJ/CMSBilder/Image/pfeil2_on.gif);
	color:#000000;
	border-left:0px solid #D84619;
}
#unterpunkte a:active {
	background-color: #FFD38C;
	background-image:url(http://127.0.0.1/SUBU/OBJ/CMSBilder/Image/pfeil2_on.gif);
	color:#000000;
	border-left:0px solid #D84619;
}
#rand {
	width: 175px;
	background-color:#FFA939;
	border-left:0px solid #D84619;
}
	

/* Formatierungen für den Inhalt */
#inhalt {
	width:635px;
	background-color:#FF6500;
	text-align:left;
	padding-left:20px;											/*Abstand links*/
	padding-right:10px;											/*Abstand rechts*/
	padding-top:20px;
	padding-bottom:20px;
	vertical-align:top;
	font-family: arial; 										/* Schriftyp */
	color: #FFFFFF;
	font-size: 9pt;
	
}
#inhalt h1{    /* Überschrift1 */
	font-size:12pt;
	font-weight:bold;
}
#inhalt h2{			/* Überschrift2 */
	font-size:11pt;
	font-weight:bold;
}
#inhalt h3{			/* Überschrift3 */
	font-size:10pt;
	font-weight:bold;
}
#inhalt h4{		/* Überschrift4 */
	font-size:9pt;
	font-weight:bold;
}
#inhalt p{	/* Absätze */
	font-size:9pt;
	color: #FFFFFF;
}
#inhalt td{  /* Tabellenzellen */
	font-size:9pt;
	color: #FFFFFF;
}
#inhalt li{ 	/* Listen */
	font-size:9pt;
}
#inhalt a{ /* Links */
	color:#FCF0D4;
	text-decoration:none;
	font-weight:bold;
}
#inhalt a:hover{ /* Mousover für Links */
	text-decoration:underline;
}

#inhalt .linktd {
	background-color:#FFE7D6;
}
/* Schrittanzeige */
#Schrittanzeige {
	margin-bottom: 10px; /* Abstand nach unten */
}
.on {  /* Aktueller Schritt */
	display:inline;
	color: #FFFFFF;
	background-color: #639A9C;
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	font-weight:bold;
}
.off { /* nicht aktuelle Schritte */
	display:inline;
	color: #FFFFFF;
	padding-left:5px;
	padding-right:5px;
	background-color: #A4C3C4;
	text-align:center;
}
#kl_suchmaske {
	background-color:#FFD274;
	border: 1px solid #FF6500;
	padding:1px;
	font-size:8px;
}
#kl_suchmaske td {
	font-size:8pt
}
#kl_suchmaske .suchkriterium {
	background-color:#FF6501;
	color:#FFFFFF;
	font-size:8pt;
	padding-left:3px;
}

#kl_suchmaske .suchelement {
	width:165px;
	font-size:8pt;
}
#kl_suchmaske .selectbox {
	width:160px;
}
#kl_suchmaske .button {
	color:#FFFFFF;
	background-color:#243136;
}
/* Suchmaske */
#Suche .selectbox { /* breite der Auswahlboxen */
	width:180px;
}
#suchmaske {						/* Aussehen der Suchmaske */
	background-color: #FFD373;
	padding:10px;
	color:#000000;
}
#suchmaske td {
	color:#000000;
	}
.suchelement {  /* Abstand der Suchkriterien */
	margin-bottom:10px;

}
#suchmaske .suchkriterium {				/*Suchkriterien in der Suchmaske*/
	background-color: #FF6500;
	padding-left:5px;
	height:20;
	width:120px;
	color:#FFFFFF;
}
#suchmaske .suchenach {				/* Sie kennen Ihr Objekt; in der Suchmaske*/
	background-color: #FF6500;
	padding-left:5px;
	height:20;
	width:120px;
	color:#FFFFFF;
}
.angebotsauswahl {
	background-color: #FF6500;
	padding-left:5px;
	width:120px;
	color:#FFFFFF;
}
#Suche .ausstattung { 		/*Austtattungskriterien in der Suchmaske */
	background-color: #FAE4BD;
}
/* kleine Suchmaske */
#klSuchmaske td {
	font-size:8pt;
}
/* Angebote */
#angebote .angebotstitel {
	font-weight:bold;
	color: #BE231C;
}
#angebote .gueltig {
	font-size:8pt;
}

#angebote .angebot {
	background-color: #F0EBB1;
	padding:5px;
	margin-bottom:10px;
}
#angebote .angebotsbild {
	float:right;
	width: 200px;
	margin-left: 20px;
}
#angebote .fehler {
	color:#CC0000;
}
/* Favoriten */
.kfavoriten { 		/* keine Favoriten vorgemerkt */
	font-weight: bold;
	color: #FFFFFF;
}
/* Kalender für die Datumseingabe */
#klKalender .calhead { /* Hintergund für die Kopfzeile */
	font-weight:bold; 
	text-align: center; 
	background-color: #FFE080 
} 
#klKalender .kal {  /*Hintergrundfarbe des Kalenders*/
	background-color: #FFF8D0 
} 
#klKalender td { 
	text-align:center; 
} 
#klKalender a { 
	text-decoration:none ; 
	color: #0000A0; 
	}
#klKalender a:visited {
	color: #0000A0; 
	}
			
#klKalender .sday { 
	color: #CF0000; 
	background-color: #FFF4D0 
}
#klKalender .sday:visited { 
	color: #CF0000; 
	background-color: #FFF4D0 
}
#klKalender .marked { 
	border: solid 1px #004040; 
}
/* Jahreskalender */
#Jahreskalender {
 background-color: #FF6500;
}
#Jahreskalender .head { 						/* Lgende des Kalenders */
	background-color: #FFD38C; 
}

#Jahreskalender .calhead {   							/* Kopf unf Fusszeile des Jahreskalenders */ 
	 font-weight:bold;
	 text-align: center; 
	 background-color: #FFD38C; 
} 
#Jahreskalender .kal { 									 /* Monate und Tage */
	 background-color: #F7E7CE 
} 	 
#Jahreskalender .A { 									/* Anreisetag */
	background-image:url(/KLEI/OBJ/COMMON/SITE/images/anreisetag.gif);
}
#Jahreskalender .AB { 								/* Abreisetag */
	background-image:url(/KLEI/OBJ/COMMON/SITE/images/abreisetag.gif)
}
#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: pointer;
}
#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: 10px; 
	text-align:center
}	
#Jahreskalender .bO {  
	background-color: #FFB8B8;  
	width:14px; font-size: 10px; 
	text-align:center
}	
#Jahreskalender .bR {  							/* reservierte Zeiträume */
	background-color: #FCAC01;  
	width:14px; 
	font-size: 10px; 
	text-align:center; 
}	
#Jahreskalender .bX{  
	background-color: #E86868;  
	width:14px; 
	font-size: 10px;
	text-align:center
}
	
#Jahreskalender .bI {                  /* Internetreservierung */
 background-color: #FCAC01;  
 width:14px; 
 font-size: 10px; 
 text-align:center; 
}
/* Freie Zeiten Popup */
#freieZeiten {
	background-color:#FF6500;
	margin-top:10px;
}
#freieZeiten .hausname{
	font-weight:bold;
	font-size:9pt;
	color: #FFCF73;
}
#freieZeiten .freizeiten{
	background-color:#FFD373;
}
/* Preisanzeige Popup */
#preisinfo {
	background-color:#FF6500;
	margin: 10 10 10 10;
	padding: 5 5 5 5px;
	text-align:left;
	width:500px;
	color:#FFFFFF;
}
#preisinfo td {
	color:#FFFFFF;
}
/* Routenplaner */
#routenplaner {
	background-color:#FF6500;
	margin: 10 10 10 10px;
	text-align:left;
}
/* Fotogalerie */
#galerie {
	background-color:#FF6500;
}
#galerie .hausname {
	font-size:10pt;
	font-weight:bold;
	color:#FFFFFF;
}
#galerie .bilder {
	background-color:#F3E6CD;
	border-top: 1px solid #FFD373;
	border-bottom: 1px solid #FFD373;
}	
/* Objektliste */
#seitenzahlen {
	font-size:8pt;
}
#seitenzahlen a{
	font-size:9pt;
	padding-left:5px;
}
#listennavigation {
	margin-top:10px;
	margin-bottom:30px;
	
}	
#listennavigation .gefObjekte {
	font-size:10pt;
	font-weight:bold;	
}

#liste .Objekt {
	font-weight:bold;
	font-size:9pt;
	color: #FFD373;
}
		 
#Objektliste {
			font-size:8pt;
			font-family:arial;
			background-color:#FFCF73;
			border: 1px solid #000000;
			margin-top:5px;
			margin-bottom:20px;
		}
#Objektliste td {
	font-size:8pt;
	color:#000000;
		}
.listenbild { 	/* Größe des Objektbildes in der Auswahliste */
	height:90px;
	width:139px;
}
#Objektliste .icons {
	background-color:#FFFFFF;
	border: 1px solid #000000;
	margin-left:2px;
	margin-top:2px;
		}
#Objektliste .hausname {
	font-weight:bold;
	color:#000000;
}
#Objektliste .daten {
	background-color:#F4F4F4;
	font-size:8pt;
}
#Objektliste .buttonzeile {
	background-color:#FFAA39;
	font-size:8pt;
}
#Objektliste a {
	color:#FF6500;
}
.passtnicht { /*wenn Ausstattungskriterium nicht vorhanden ist */
	color: #CC0000;
}
/* Objektansicht */	
#objektansicht td {
	font-family: arial, sans-serif;
	font-size:9pt;
}		
#objektansicht h1 { 
	font-size: 12pt;
	font-weight:bold;
}
#objektansicht .objektbilder {  /* Größe der Bilder */
	width: 190px;
}
#objektansicht .bildtext {  /* Bildunterschriften */
	font-size: 8pt;
}
#objektansicht .beschreibung { 
	text-align:justify;
}
#objektansicht .ausstattung { /* Hintergundfarbe für die Ausstattungsmerkmale */
	background-color:#FFD373;
	color:#000000;
}

#objektansicht .objektmerkmale {
	color:#000000;
}
#objektansicht .ausstatt_titel { /*Hintergundfarbe für die Ausstattungstitel */
	color:#000000;
	font-weight:bold;
	background-color:#FFA939;
	padding-left:5px;
}
#objektansicht .attribute { /* Rahmen für die Ausstattungsmerkmale */
	border-right: 1px solid #FF6500;
	border-bottom: 1px solid #FF6500;
	padding-left: 5px;
	padding-right:5px;
	padding-top:5px;
	color:#000000;
}
#objektansicht .attribute_3spalte {  /* Rahmen für die Ausstattungsmerkmale der 3. Spalte */
	border-bottom: 1px solid #FF6500;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	color:#000000;
}		

#objektansicht .AttrKlasse { /* Klasse für die Ausstattungsmerkmale */
	color:#FF6500;
	font-weight:bold;
}
#objektansicht .objektmerkmale {
	padding-top: 10px;
}
#objektansicht .ermaessigung { /* Hintergrundfarbe für die Ermäßigungstabelle */
	background-color:#F7EBD6;
	padding-left:5px;
	padding-right:5px;
}
#objektansicht .ermaessigung_titel { /* Hintergrundfarbe für den Titel der Ermäßigung */
	color:#000000;
	font-weight:bold;
	background-color:#FBCD98;
}
#objektansicht .preise { 	/* Hintergrundfarbe für die Preisetabelle */
	background-color:#FFD373;
}
#objektansicht .preise_titel { /* Hintergrundfarbe für den Titel der Preise */
	color:#000000;
	font-weight:bold;
	background-color:#FFA939;
	padding-left:5px;
}
#objektansicht .preise_hint { /* Farbe für den Hinweis zu den Preisen */
	color:#404040;
	font-weight:normal;
}
#objektansicht .preise_reihe { /* Hintergrundfarbe für die Preisezeile */
	color:#000000;
}
#objektansicht .tppreise {  /* Rahmen für die Preistabelle */
		border-right: 1px solid #FF6500;
		padding-top:5px;
		color:#000000;
}

#objektansicht .tppreise_3spalte { /* Rahmen für die 3. Spalte der Preistabelle */
		padding-top:5px;
}
#objektansicht .preisliste {
	padding:5px;
}
#objektansicht .preis {
	color:#000000;
}
#preisberechnung  { /* Hintergrundfarbe für die Preisberechnungstabelle */
	background-color:#FFD373;
	padding-left:5px;
	padding-right:5px;
	color:#000000;
}
#preisberechnung td {
	color:#000000;
}
#preisberechnung .preisberechnung_titel { /* Hintergrundfarbe für die Preisberechnungstitel */
	color:#000000;
	font-weight:bold;
	background-color:#FFA939;
}
#objektansicht hr {  /* Farbe für die Trennlinie in der Preisberechnung */
	color: #FF6500;
}
.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:10px;
}
.buchentext {
 }
.buchenmaske {						/* Aussehen der Buchungsmaske */

}
#buchenmaske .buchangabe {				/*  */
	background-color: #FFD373;
	color:#000000;
	padding-left:5px;
	height:20;
	width:120px;
}
.buchungen {
 font-size: 10pt;
 font-weight:bold;
 color: #FFFFFF;
}
.elementabstand {
	height:10px;
}
.nebenkosten {
	border: 1px solid #9C8E7B;
	padding:10px;
}
.nkelement {
	background-color: #A5CAC8;
	padding-left:5px;
	height:20;
	width:120px;
}
.waren {
	margin-bottom: 10px;
}
.kbuchungen { 		/* keine Buchungen vorgenommen */
	font-weight: bold;
	color: #FFFFFF;
}
.gesamtpreis {						
	font-weight:bold;
	background-color: #F7EBD6;
	border: 1px solid #000000;
	color:#000000;
	padding:5px;
}
#gesamtpreis td {
	color:#000000;
}
.mehrbuchen {  /* Kasten für die Links Buchung hinzufügen */
	background-color:#F9F3D7; 
	padding:3px; 
	border:solid 1px #000000;
}
#Kontaktformular {
	background-color: #FFD373;
	padding:10px;
}
.kontaktfeld {
	background-color: #FF6500;
	padding-left:5px;
	height:20;
	width:120px;
}
.bankfeld {
	background-color: #FCF6B3;
	padding-left:5px;
	height:20;
	width:120px;
}
.frage {
	background-color: #FF6500;
	padding-left:5px;
	height:20;
}
#kontaktformular .select {
	width:160;
}
.anmerkung {
	width:540px;
	height:100px;
}
.error {
	font-weight:bold;
	color:#FFCF73;
}
.warnhinweis {	
	width:100%; 
	height:20px; 
	background-color:#FCFD87; 
	text-decoration:blink;
}
#buchen .preishinweis {
	color:#CC0000;
}
#Buchungskontrolle .WKbuttons {
	background-color: #F7EBB5;
	text-align:center;
	width:33%;
	height:20px;
}
#Buchungskontrolle .WKbuttons a {
	color:#FF6500;
}
#persdaten {

}
#persdaten .anfragevon {
	background-color: #FFCF7B;
	font-weight:bold;
	padding-left:5px;
	color:#000000;
}
#anzeigen { 
 margin-left:20px;
 background-color: #F3E6CD;
}
#anzeigen td {
	font-size:8pt;
}
.smalltext {
	font-size:8pt;
}
#extbuchen .daten {
	background-color:#FFCF7B;
}
/*spezielle Angaben für die Fusszeile*/
#fuss {
	vertical-align: bottom;
	width:782;
	height:20px;
	background-color:#5A86BD ;
	margin-top:0px; 											/*Abstand zur Seite*/
	margin-left:auto;
	margin-right:auto;
	font-family: arial,helvetica,sans-serif;
	font-size: 8pt;
	color:#FFFFFF;
	padding-left:5px;
	text-align:left;										/*Textausrichtung der Fusszeile*/
	border-left:solid 1px #001863;
	border-right:solid 1px #001863;
	border-bottom:solid 1px #001863;
}
#fuss a {
	text-decoration:none;
	color: #FFFFFF;
}
#fuss a:hover {
	text-decoration:none;
	color: #F5B65B;
}
#kl_suchmaske .selectbox {
	width:160px;
}
#copy a {
	font-size:10px;
	display:inline;
	width:90px;
	text-indent:0px;
	border:none;
	color:#000000;
}
#copy a:hover {
	background-color:#FFA939;
	text-decoration:underline;
}
#copy a:visited {
	background-color:#FFA939;
	text-decoration:none;
}
/* Anweisungen für den Druck */
@media print {
	body {
		background-color:#FFFFFF;
	}
	#inhalt {
		width:640px;
		padding-left:0px;
	}
	#kopf {
	 display:none;
	}
	#sprachen {
	 display:none;
	}
	#verticalmenu {
	 display:none;
	}
	#horizontalmenu {
	 display:none;
	}
	#leerzeile {
		display:none;
	}
	#fuss {
	 display:none;
	}
	.bildbutton {
		display:none;
	}
	.noprint {
		display:none;
	}
	
}