/* Standart-CSS für Klugmann */

/*Wichtige Farben
	Dunkelblau=#0d3b68
	Mittelblau=#7597ba
	Hellblau=#dbe6f1

	Textfarben:
	Dunkelblau=#0d3b68
	Mittelblau=#7597ba
	Hellblau=#dbe6f1
	Weiß=#ffffff
*/


/* Allgemeine Angaben */

body, div, p, h1, h2, h3,
span, a, td, table, tr, img {
	margin:0px;
	padding:0px;
}

html, body {
	font-size:12px;
	color:#0d3b68;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#ffffff;
	text-align:justify;
	
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#dbe6f1;
	scrollbar-arrow-color:#0d3b68;
  	scrollbar-3dlight-color:#ffffff;
  	scrollbar-darkshadow-color:#ffffff;
  	scrollbar-highlight-color:#ffffff;
  	scrollbar-shadow-color:#ffffff;
  	scrollbar-track-color:#ffffff;
	
}

html {
	height:100%;
}

/* Allgemeine Angaben Ende */


/* Hauptgerüst */


.haupttabelle {
	width:771px;
	height:100%;
	border:0px;
}

/* Hauptgerüst - Ende */



/* Kopfbereich */

.bereichlogo {
	vertical-align:top;
	background-color:#7597ba;
	width:189px;
	height:258px;
}

.weissespalte {
	width:12px;
	background-color:#ffffff;
}

.bereichhead {
	vertical-align:top;
	background-color:#0d3b68;
	width:570px;
	height:258px;
}

.bereichheadslogan {
	height:74px;
	background-color:0d3b68px;
}

.bereichheadslogan img {
	margin:30px 0px 0px 352px;
}

.bereichheadbild {
	height:184px;
}

.bereichheadbild img {
	border-bottom:12px solid #ffffff;
}

/* Kopfbereich - Ende */



/* Menuelinks */

.bereichmenue {
	vertical-align:top;
	background-color:#7597ba;
	width:189px;
}

.menue {
	width:189px; 
	margin-bottom:34px;
}

.menue div {
	height:25px; 
	width:189px; 
	background-image:url(img/button-komplett.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff; 
/*	padding:3px 0px 0px 17px;*/
}


#menuedivaktive {
	height:25px; 
	width:189px; 
	background-image:url(img/button-komplett_h.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; color:#ffffff; 
/*	padding:3px 0px 0px 17px;*/

}

#submenuedivaktive 	{
	height:25px; 
	width:189px; 
	background-image:url(img/subbutton-komplett.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#dbe6f1; 
/*	padding:3px 0px 0px 17px;*/

}

#submenuedivaktivezwei 	{
	height:25px; 
	width:189px; 
	background-image:url(img/subbutton-komplett_h.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#dbe6f1; 
/*	padding:3px 0px 0px 17px;*/

}

#submenueaktive {
	height:25px; 
	width:189px; 
	background-image:url(img/subbutton-komplett.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#dbe6f1; 
/*	padding:3px 0px 0px 17px;*/

}


#submenuedivaktivedrei 	{
	height:25px; 
	width:189px; 
	background-image:url(img/subbutton-komplett_h_long.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#dbe6f1; 
/*	padding:3px 0px 0px 17px;*/

}

#submenueaktivedrei {
	height:25px; 
	width:189px; 
	background-image:url(img/subbutton-komplett_long.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#dbe6f1; 
/*	padding:3px 0px 0px 17px;*/

}

#menuedivaktiveausnahme {
	height:25px; 
	width:189px; 
	background-image:url(img/button-komplett.gif); 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; color:#ffffff; 
}

.abstandtextmenue {
	padding:3px 0px 0px 17px;
}

.abstandtextsubmenue {
	padding:3px 0px 0px 37px;
}

#menuehead {
	height:1px;
	line-height:1px;
	width:189px;
	padding:0px;
	margin:0px;
}

/* Menuelinks - Ende */



/* Newsbox */

.tip {
	width:189px;
	background-color:0d3b68;
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:11px;
	text-align:left;
	margin-bottom:30px;
}

.reiseruecktritt {
	margin-bottom:30px;
}

.containertip {
	width:155px;
	margin-left:17px;
}

.bordertip {
	border:1px solid #ffffff;
}

.containertip p {
	margin-bottom:3px;
}


.containertip .pfeileabstand {
	margin-bottom:18px;
}

/* Newsbox */



/* Inhalt */

.bereichinhalt {
	width:570px;
	background-color:#7597ba;
	vertical-align:top;
}

.firstcontainerinhalt {
	width:570px;
	background-color:#dbe6f1;
	border-bottom:12px solid #ffffff;
}

.firstcontainerinhaltmitrahmenunten {
	width:570px;
	background-color:#dbe6f1;
	border-bottom:12px solid #ffffff;
}

.secondcontainerinhalt {
	width:570px;
	background-color:#7597ba;
}

.headline {
	margin:0px 0px 0px 131px;
}

.firstfliesstext {
	font-size:12px;
	color:#0d3b68;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	width:478px;
	margin:0px 0px 14px 46px;
}

.firstfliesstext td {
	font-size:12px;
	color:#0d3b68;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:justify;
}


.secondfliesstext {
	font-size:12px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	width:478px;
	margin:20px 0px 14px 46px;
}

.secondfliesstext td {
	font-size:12px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:top;
	text-align:justify;
}

.firstsubheadline {
	font-size:16px;
	color:#0d3b68;
	font-family:Arial, Helvetica, sans-serif;
}

.secondsubheadline {
	font-size:16px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}

.firstfliesstext p, .secondfliesstext p {
	margin-bottom:6px;
}

.firstfliesstext .pfeileabstand, .secondfliesstext .pfeileabstand {
	margin-bottom:0px;
}


.bereichinhaltbild {
	background-color:#dbe6f1;
	height:128px;
	/*border-bottom:12px solid #ffffff;*/
}

.bereichinhaltbild img {
	border-bottom:1px solid #ffffff;
	border-top:1px solid #ffffff;
}

/* Inhalt - Ende */



/* Fussbereich */

.bereichfooter {
	height:56px;
	width:771px;
	vertical-align:middle;
	background-color:#ffffff;
}

.bereichfottertext {
	font-size:11px;
	color:#6083a6;
	font-family:Arial, Helvetica, sans-serif;
	margin-right:46px;
}

/* Fussbereich - Ende */



/* Links */

.linkmittelblau:link, .linkmittelblau:visited {
	font-size:11px;
	color:#6083a6;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

.linkmittelblau:hover, .linkmittelblau:active {
	font-size:11px;
	color:#6083a6;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

.linkweiss {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff;
	text-decoration:none;
}

.linkweissunterstrichen {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#ffffff;
	text-decoration:underline;
}

.linkblauunterstrichen {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#0d3b68;
	text-decoration:underline;
} 

.linkblau {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#0d3b68;
	text-decoration:none;
} 

.linkblauklein:link, .linkblauklein:visited {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0d3b68;
	text-decoration:none;
}

.linkblauklein:hover, .linkblauklein:active {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0d3b68;
	text-decoration:underline;
}

.linkhellblau {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color:#dbe6f1;
	text-decoration:none;
}

 
/* Links - Ende */



/* Kontaktformular */

.formularecontaineraussen {
	border:1px #dbe6f1 solid;
	margin-bottom:30px; 
	width:476px;
}

.formularcontainerinnen {
	width:436px; 
	margin:20px;
}

.selectfeld  {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#0d3b68;
	background-color:dbe6f1;
	height:17px;
	width:110px;
	margin-bottom:4px;
	
}

.selectfeldkurz {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#0d3b68;
	background-color:dbe6f1;
	height:17px;
	width:120px;
	margin-bottom:4px;
}


.textfeld {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#0d3b68;
	height:17px;
	width:281px;
	border:1px solid #ffffff;
	background-color:#dbe6f1;
	padding-left:3px;
}

.textbereich {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#0d3b68;
	width:281px;
	border:1px solid #ffffff;
	background-color:#dbe6f1;
	height:50px;
	padding-left:3px;
}

.schalftflaechesenden {
	font-family:Arial, Helvetica, sans-serif; 
	height:18px;
	width:187px;
	font-size:12px;
	color:#ffffff;
	background-color:#0d3b68;
	border-bottom:1px #032547 solid;
	border-left:#265889 1px solid;
	border-right:1px #032547 solid;
	border-top:#265889 1px solid;
	letter-spacing:1px;
	margin:0 0 0 291px;
	cursor:pointer;
}

.kontakttext {
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px;
	color:#ffffff;
	padding-bottom:8px;
}

/* Kontaktformular - Ende */




/*Inhalteigenschaften Komfortappartements und anderer Seiten*/

/*Bildeigenschaften 1 :
  Höhe des Bildes 125 Breite 225 Heller Hintergrund, dunkler Rahmen
  Bildeigenschaften 3 :
  Höhe des Bildes 170 Breite 225 Heller Hintergrund, dunkler Rahmen*/

.bildeigenschaften1 {
	height:129px; 
	width:229px; 
	border:1px solid #0d3b68; 
}

.bildeigenschaften1 img, .bildeigenschaften3 img {
	border:2px solid #dbe6f1;
}

.bildeigenschaften3 {
	height:174px; 
	width:229px; 
	border:1px solid #0d3b68; 
}

/*Bildeigenschaften 2 :
  Höhe des Bildes 125 Breite 225 gunkler Hintergrund, Heller Rahmen
  Bildeigenschaften 4 :
  Höhe des Bildes 170 Breite 225 gunkler Hintergrund, Heller Rahmen
  Bildeigenschaften 5 :
  Höhe des Bildes 170 Breite 472 gunkler Hintergrund, Heller Rahmen*/
  
.bildeigenschaften2 {
	height:129px; 
	width:229px; 
	border:1px solid #ffffff; 
}

.bildeigenschaften2 img, .bildeigenschaften4 img, .bildeigenschaften5 img {
	border:2px solid #7597ba;
}

.bildeigenschaften4 {
	height:174px; 
	width:229px; 
	border:1px solid #ffffff; 
}

.bildeigenschaften5 {
	height:174px; 
	width:476px; 
	border:1px solid #ffffff; 
}

/*----------------------------------*/

.bildeigenschaften10 {
	height:64px; 
	width:100px; 
	border:1px solid #ffffff; 
}

.bildeigenschaften10 img {
	border:2px solid #7597ba;
}

.bereichlinkzurauswahl {
	width:478px; 
	margin-right:46px;
	margin-bottom:18px;
	margin-top:20px;
}

/*Eigenschaften für die Appartementinhalte*/

.tabelleappartements td {
	vertical-align:middle;
}

.tabelleappartements {
	margin-bottom:20px;
}

.tabellenkopfappartements {
	height:24px;
}

.tabellenkopfappartements td {
	border-top:1px dotted #0d3b68; 
	border-bottom:1px dotted #0d3b68; 
	color:#ad570b; 
	vertical-align:top;
	text-align:right;
}

.tabellenzeilenappartements {
	height:75px;
}

.tabellenzeilenappartements td {
	border-bottom:1px dotted #0d3b68;
	text-align:right;
}

.tabelleeinzelnesobjekt {
	width:478px;
}

.tabelleeinzelnesobjekt td {
	vertical-align:bottom;
}

.untermenueappartements {
	height:26px;
	border-top:1px dotted #0d3b68; 
	border-bottom:1px dotted #0d3b68;
	width:478px;
}

.untermenueappartements td {
	vertical-align:middle;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0d3b68; 
}

.zurueckpfeil {
	margin-right:10px;
}

.tabellepreisehell tr , .tabellepreisedunkel tr{
	height:20px;
}

.tabellepreisehell td {
	background-color:#c5d7e8; 
	padding-left:5px; 
	vertical-align:middle;
	border-bottom:2px solid #dbe6f1;
	border-right:2px solid #dbe6f1;
}


.tabellepreisedunkel td {
	background-color:#5680ac; 
	padding-left:5px; 
	vertical-align:middle;
	border-bottom:2px solid #7597ba;
	border-right:2px solid #7597ba;
}

.headlinepunkteappartements {
	font-size:16px; 
	color:#ffffff;
}

.tabellebelegung {
	margin-bottom:10px;
}

.tabellebelegung td {
	height:20px;
	background-color:#5680ac; 
	border-bottom:2px solid #7597ba;
	border-right:2px solid #7597ba;
	width:23px;
	padding-left:5px;
	vertical-align:middle;
}

.tabellebelegung .belegungbelegt {
	color:#0d3b68; 
	background-color:#dbe6f1;
}

.tabellebelegung .belegungabstandmonate {
	border-bottom:4px solid #7597ba;
}

.tabellebelegung .belegungabstandmonatebelegt {
	border-bottom:4px solid #7597ba;
}

.tabelleeigenschaftenallgemein td {
	background-color:#5680ac; 
	border-bottom:2px solid #7597ba;
	border-right:2px solid #7597ba;
	padding:5px;
}

.tabbelleneighellallgemein td {
	background-color:#c5d7e8; 
	padding:3px; 
	border-bottom:2px solid #dbe6f1;
	border-right:2px solid #dbe6f1;
}

.tabbelleneighellallgemein .preisefwhead {
	text-align:right; 
	background-color:#5680ac; 
	color:#ffffff;
	width:78px;
}

.tabbelleneighellallgemein .preisefw {
	text-align:right;
}

.tabbelleneighellallgemein .preisefwtage {
	background-color:#bacee0; 
	color:#0d3b68;
	text-align:right;
}

.tabbelleneighellallgemein .taxefwhead {
	text-align:right; 
	background-color:#5680ac; 
	color:#ffffff;
	
}

.tabbelleneighellallgemein .taxefw {
	text-align:right;
}

.tabbelleneighellallgemein .taxefwtage {
	background-color:#bacee0; 
	color:#0d3b68;
}

/*----------------------------------*/


/*Inhalteigenschaften Komfortappartements und anderer Seiten*/


/*Panorama*/

.containerpanoramaaussen {
	width:478px;
}

.containerpanorama {
	border:1px solid #ffffff; 
	width:364px;
}

.containerpanorama img {
	border:2px solid #7597ba;
}

/*Panorama-Ende*/