* {margin:0; padding: 0; border: 0;}

html, body {
	height: 100%;
	background: url(../images-layout/bg-blue.gif) repeat;
	background-color: #FFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #455A79;
	overflow-x: hidden;
	}

body { font-size:62.5% } /* Hier wird die Umrechnung 10px = 1em festgelegt */

#wrapper { /* Der Wrapper umschließt ALLES und zentriert die Website */
	position: absolute;
	width: 90em;
	top: 1em;
	left: 50%;
	margin-left: -45.2em; /* .2 wegen border = 2em */
	overflow: hidden;
	border: #FFF 1em solid;
	background:url(../images-layout/faux-column-background-grey.gif) top left repeat-y;
	background-color: #FFF;
	}

a:link, a:visited {color: #761317;}

.spacer {clear: both;float:none; width: 100%;}
.horispacer {width: 100%; height: 1em; background-color:#FFF;}
.vertispacer {float: left; width: 1em; height: 1px;}

/*******************  Ab hier CSS für Head & Menu  ********************/

#header {width: 100%;}

#header1 {
	height: 17.9em;
	background-color: #455A79;
	border-bottom: #FFF solid 0.1em;
	}

#header1 p {
	color: #FFF;
	font-size: 4.5em;
	font-weight: bold;
	text-transform:uppercase;
   	padding: 2em 0 0 0.2em;
	}

#navigation {
	width: 100%;
	height: 3.1em;
	background-color: #455A79;
	}

#navigation ul {
	margin: 0 ; padding: 0;
	width: 100%;
	float: left;
	}

#navigation li {
	position: relative;
	margin: 0; padding: 0;
	float: left;
	list-style: none;
	text-align: center;
	display: block;
	height: 3em;}

#navigation a:link, #navigation a:visited {
	font-size: 1.1em;
	display: block;
	width: 10.1em;
	height: 2.5em;
	line-height: 2.5em;
	margin-bottom: -1.2em; /*Wichtig für die Dasstellung der Höhe in IE6*/
	color: #FFF;
	text-decoration:none;
	border-right: #FFF 0.1em solid;
	}

#navigation a:hover {background: #CCC; color: #455A79;}
#navigation a.active {background: #FFF; color: #000 !important;}

/* ++++++++++++ Ab hier CSS für skalierbare Themenbilder ++++++++++++ */




#leftpic {
	float:left;
	height: 16.0em;
	overflow: hidden;
	background:url(../images-layout/leftpic-kompass.gif) no-repeat;
	}
.lp {width: 17.9em;}









#mainpic {
	float:right;
	height: 17.0em;
	overflow: hidden;
	}
.mp {width: 71.0em;}

/* +++++++++++  ab hier CSS für Inhalte ++++++++++++*/

h1, h4 h3 {font-size: 1.2em; font-weight:bold;}
h2 {font-size: 1.0em; font-weight:normal;}
h5 {font-size: 1.2em; line-height:15pt;font-weight:normal;}
.contentframe { /* ... ist der Container, der alle Inneren umfasst. Der gilt immer und beinhaltet die Faux-Column  */}
.contentwrapper { /* ... ist der Container, der EINEN x-Spaltigen Container umfasst  */
	width: 90em; clear: both; float: left;
	}

.contentwrapper-hotel-bottom , .contentwrapper-hotel-top { /* Behältnis um die Hotels */
	clear: both; float: left; width: 90em; height:2.7em;
	background:url(../images-layout/middle-bottom.gif) no-repeat;
	}
.contentwrapper-hotel-top {background:url(../images-layout/middle-top.gif) no-repeat; margin-top: 1em;}
.contentwrapper-hotel {
	width: 87.4em; clear: both; float: left; padding: 0 1em 0 1em;
	border-left: #455A79 solid 0.3em; border-right: #455A79 solid 0.3em;
	}

.left, .middle , .right , .right-hotel {
	padding: 1em 0 0 0;
	}

.left { /* ... ist die linke Spalte. Bei den Hotelseiten existiert sie nicht. */
	float: left;
	width: 17.9em;
	background-color: #F2F2F2;
	}

.middle { /* Inhaltsbereich */
	float: left;
	width: 50em;
	}

.middle-hotel { /* Inhaltsbereich der Hotel-Seiten */
	float: left;
	width: 53em;
	text-align:justify;
	}
.middle-info {
font-size: 1.2em;
line-height:15pt;
font-weight:normal;
}

.right { /* Rechte Spalte */
	float: right;
	width: 20em;
	}

.right-hotel { /* Rechte Spalte (Fotogalerie) bei den Hotelseiten */
	float: right;
	width: 32em;
	margin-top:1em;
	}

/* ++++++++ ab hier Spezialanweisungen für Elemente im Mittelbereich +++++++++++ */

.left h2 { /* ... das ist die Überschrift in der linken Spalte mit blauem Hintergrund. */
	color: white;
	background-color: #455A79;
	height: 2em;
	text-align: center;
	line-height: 2em;
	}
.left div { /* ...damit etwas mehr Abstand zum Rand eingehalten wird */
	padding: 0.5em 0.5em 2em 0.5em;
	line-height: 1.5em;
	}

.middle h1 , .middle-hotel h1 { /*Formatierung der Überschriften im Mittelbereich */
	border-bottom: #455A79 0.1em solid;
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	}

.middle h3 , .middle-hotel h3 { /*Formatierung der Überschriften im Mittelbereich */
         color: red;
         border-bottom:
	padding-bottom: 0.5em;
	margin-bottom: 1em;
	}


.middle h5 , .middle-hotel h5 { /*Formatierung der Überschriften im Mittelbereich */
	padding-bottom: 0.5em;
	font-size: 1.6em;
	}

.middle h4 , .middle-hotel h4 { /*Formatierung der Überschriften im Mittelbereich */
	padding-bottom: 0.5em;
	font-size: 1.2em;
	}

.middle-hotel img { /*Anweisung für das im Text groß dargestellte Bild*/
	float: left;
	margin: 0 1em 0.5em 0;
	}

.middle div , .middle-hotel div { /* Die Schriftgröße muss Div inner halb des Hauptcontainers definiert werden! Also hier! */
	font-size:1.2em;
	text-align:justify;
	}

.right img {margin: 2.2em 0 2em 0;} /*rechte Bilder*/

.right img.personal {margin-top: 2em;}


/* ++++++++ ab hier Spezialanweisungen für Elemente im Mittelbereich +++++++++++ */

#footer {
	margin-top: 2em;
	text-align:center;
	padding-left: 16em;
	}

.footer-logo {
	float: left;
	width: 160px;
	margin-left: 2em;
	}