* {
	margin:0;
	padding:0;
	}
html, body {
	height:100%;
	}
body {
	background-position:center;
	background-repeat:no-repeat;
	color:#422F0C;
	font:100.01%/1.2 sans-serif;
	text-align:center; 
	}
#distance { 
	width:1px;
	height:50%;
	margin-bottom:-13.75em; /* eigtl -13.25 sein... haelfte d hoehe container */
	float:left;
	}
#distance2 { 
	width:200px;
	margin:0 auto;
	}	
#container {
	margin:0 auto;
	position:relative; 
	text-align:left;
	height:26.5em; /* ORIGINAL 27.5 */
	width:46.5em; /* ORIGINAL 45em */
	clear:left;
	border:1px solid #fff;
	}

/* KAPITEL FARBEN HINTERGRUENDE */
#startseite {
	background-color:#88966B;
	background-image: url(hintergrund.gif);
	}
body#startseite #container {
	background-color:#B5BEA3;
	}
body#startseite #header {
	background-color:#88966B;
	}
	
#appartement {
	background-color:#966B7A;
	background-image: url(ferienwohnung/hintergrund.gif);
	}
body#appartement #container {
	background-color:#BEA3AD;
	}
body#appartement #header {
	background-color:#966B7A;
	}
	
#badelandschaft {
	background-color:#6B9296;
	background-image: url(wellness-schwarzwald/hintergrund.gif);
	}
body#badelandschaft #container {
	background-color:#A3BBBE;
	}
body#badelandschaft #header {
	background-color:#6B9296;
	}
	
#freizeit {
	background-color:#7C9285;
	background-image: url(schwarzwald-freizeit/hintergrund.gif);
	}
body#freizeit #container {
	background-color:#AEBBB3;
	}
body#freizeit #header {
	background-color:#7C9285;
	}
	
#preise {
	background-color:#6B7396;
	background-image: url(fewo-preise/hintergrund.gif);
	}
body#preise #container {
	background-color:#A3A8BE;
	}
body#preise #header {
	background-color:#6B7396;
	}

#kontakt {
	background-color:#78A4BD;
	background-image: url(kontakt-appartementhaus/hintergrund.gif);
	}
body#kontakt #container {
	background-color:#ABC7D6;
	}
body#kontakt #header {
	background-color:#78A4BD;
	}
		
/* HAUPT NAVI */
	
ul#Navigation {
	width: 40.625em;  /* ORIGINAL 650px */
	margin: 0 auto; 
	text-align: center;
    }
ul#Navigation li {
   list-style: none;
    display: inline;
    margin: 0; padding: 0;
    }
ul#Navigation a  {
    border: 0px none;
    }
ul#Navigation div {
    clear: left;
	margin:0 auto;
    }
#header {
	text-align:center;
   	background-color: #966B7A;
	border-bottom: 1px solid white;
	width: 46.5em;
	height: 5em; /*height: 80px;*/
    padding: 0px;  /* Auffuellung fuer linksbuendigen Ausrichtung der Elemente in den divs, darunter */
    } 
#mainnavi{
    margin: 0; 
    padding: 1.25em 0; /* Durch Verwendung der Auffuellung anstelle von Rndern: das Element berhrt die Kanten des div nicht. */
    }
#sidebar1 {
    float: right; /* floatendes Element: Breite muss angegeben werden. */
    width: 16.25em; /* 260px */
   	padding: 1em; /* floatendes Element: Breite muss angegeben werden. */
	padding-bottom: 0.25em; /* weg. FF - sonst zu hoch */
    }
#sidebar1 h1 {
    font-size:80%;
    }
#sidebar1 p {
    font-size:80%;
    }
#sidebar1 a {
    color:#422F0C;
    }
#mainContent { 
    margin: 0px; /* 250px Rechten Rand dieses Elements ergibt Spalte am rechten Seitenrand. Rand entfernen, falls der Text  #mainContent-div n #sidebar1 fuellen soll */
   	padding: 0px; 
	height: 17.5em;
	}
#mainContent p.preise { 
    margin:  0 ; /* Rechten Rand dieses Elements ergibt Spalte am rechten Seitenrand. Rand entfernen, falls der Text  #mainContent-div n #sidebar1 fuellen soll */
   	padding: 1em 0 0 18.5em; 
	height: 17.5em;
	font-weight: bold;
	}
#mainContent a { 
    color:#fff;
	text-decoration: none;
	font-weight: bold;
	}
#mainContent h1 { 
    margin: 0; 
   	padding:16px 10px 0pt 20px; 
	font-size:80%;
	}
#mainContent p { 
    margin: 0; 
   	padding:0pt 10px 0pt 20px; 
	font-size:80%;
	}
#mainContentStartseite { 
    margin: 0; /* Rechten Rand dieses Elements ergibt Spalte am rechten Seitenrand. Rand entfernen, falls der Text  #mainContent-div n #sidebar1 fuellen soll */
   	padding: 0px; 
	height: 17.5em;
	} 
#mainContentStartseite h1 { 
    margin: 0; 
   	padding:16px 10px 0 20px; 
	font-size:80%;
	}
#mainContentStartseite table { 
    margin: 0; 
   	padding:0pt 10px 0pt 0px; 
	}
#mainContentStartseite td { 
   	font-size:80%;
	padding:0 10px 0 20px; 
	}
#mainContentStartseite p.ferienwohnunginfo { 
    margin: 0; 
   	padding:0 10px 0 20px; 
	font-size:80%;
	}
#mainContentStartseite p.ferienwohnunginfo a { 
	color:#422F0C;
	}
#footer { 
    padding: 0 10px 0 20px; 
	height:4em;
	line-height:1.4;
	border-top: 1px solid white;
	margin-top:0px;
	} 
 
/* SUBNAVI */
	
ul#SubNavigation {
	margin: 0.25em;
	color:#FFF;
	font-weight:bold;
    }
ul#SubNavigation li {
   list-style: none;
    display: inline;
    margin: 0; padding: 0;
	color:#FFF;
	font-size:85%;
	font-weight:bold;
    }
ul#SubNavigation a  {
    border: 0px none;
	color:#FFF;
	text-decoration:none;
    }
.SubNavigationAktiv {
	color:#422F0C;
    }
ul#SubNavigation div {
     clear: left;
	 margin:0 auto;
     }
#footer h1 { 
    margin: 0.25em; 
	padding: 0.15em 0 0 0;
	font-size:85%;
	}
#footer p {
    margin: 0.1em 0.25em 0.25em;   /* Raender des ersten Elements in der Fusszeile auf 0 einstellen um unerwartete Abstaende zwischen divs zu vermeiden. */
    padding: 0; /* Durch die Verwendung der Auffuellung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
	font-size:85%;
    }
#inhaltsbild  {
    margin: 0; 
    padding: 0; 
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	width: 28em; 
	height: 17.5em; /*height: 280px 17.5em;*/
	}
#inhaltsbildStartseite  {
    margin: 0; 
    padding: 0; 
	border-bottom: 1px solid white;
	border-right: 1px solid white;
	width: 46.5em; 
	height: 17.5em; /*height: 17.5em;*/
	}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schliessen eines Containers sein, der wiederum einen vollstaendigen Float enthalten sollte. */
    clear:both;
    height:0px;
    font-size: 1px;
    line-height: 0px;
    }
	
.info {
	font-size: 80%;
}