@charset "iso-8859-2";
/* CSS Document */

body {
	font: 100% "Lucida Sans Unicode", "Lucida Grande", sans-serif, Verdana, Arial, Helvetica;
	background: #95130b;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #333;
}
a:active, a:visited, a {
	color:#990000;
	font-weight:bold;
}
.link-pfeil {
	color:#990000;
	font-weight:bold;
}

body#page1 {
	background:#3c3734 url(images/tropfen-auf-blaettern.jpg);
}
body#page2 {
	background:#175001 url(images/Aloe.jpg);
}
body#page3 {
	background:#ce4204 url(images/mohnblume.jpg);
}

body#page4 {
	background:#888272 url(images/blue.jpg) no-repeat;
}
body#page5 {
	background:#1f3912 url(images/geranien.jpg) no-repeat;
}
body#page6 {
	background:#87100c url(images/gerbera.jpg) no-repeat;
}

#page1 #mainContent {
	background:url(images/bg-content-page1_v02.png);
}
#page2 #mainContent, #page5 #mainContent {
	background:url(images/bg-content-page4.png);
}
#page3 #mainContent {
	background:url(images/bg-content-page3.png);
	}
#page4 #mainContent {
	background:url(images/bg-content-page4.png);
	}
#page5 #mainContent {
	background:url(images/bg-content-page2.png);
	}
#page6 #mainContent {
	background:url(images/bg-content-page3.png);
	}
.bild-rechts {
	float:right;
	margin:0 0 20px 70px;
}
	
.oneColFixCtrHdr #container {
	width: 780px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	margin: 0 auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.abstand-10 {
	display:block;
	height:10px;
	}
.abstand-15 {
	display:block;
	height:15px;
	}
.abstand-20 {
	display:block;
	height:20px;
	}

.oneColFixCtrHdr #header {
	background: url(images/head-bg.png); 
	padding: 0 40px 0 40px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung anstelle von Rändern lässt sich gewährleisten, dass das Element die Kanten des div nicht berührt. */
	color:#e8ad17;
	font-size:1.8em;
}
.oneColFixCtrHdr #header .unterzeile {
	color:#e8ad17;
}
ul#Navigation {
	font:"Lucida Sans Unicode", "Lucida Grande", sans-serif, Verdana, Arial, Helvetica;
	display:block; 
	height:25px; 
	margin-top:40px;
	margin-left:-12px;
	padding: 0em;
	text-align: left;
  }
  ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.0em; padding: 0;
  }

  ul#Navigation a, ul#Navigation span {
    padding: 0.2em 1.0em;
    text-decoration: none; 
    font-weight: normal;
    color: #330000;
  }
  * html ul#Navigation a, * html ul#Navigation span {
    width: 1em;    /* nur fuer IE 5.0x erforderlich */
    w/idth: auto;  /* sicherheitshalber fuer IE 6 zurueckgesetzt */
  }
  ul#Navigation a:hover, ul#Navigation span {
	/*border-color: #aa1125;
	border-left-color: #590416;
	border-top-color: #590416;*/
	color: #e8ad17;
	background-color: #94141c;
  }


.oneColFixCtrHdr #mainContent {
	padding: 0 40px; /* padding (Auffüllung) bezeichnet den Innenabstand und margin (Rand) den Außenabstand der div -Box. */
	background: url(images/bg-content.png);
	line-height:1.6em;
	margin: 0 auto;
}
.oneColFixCtrHdr #mainContent h1 {
	color:#aa1125;
	font-size:1.6em;
}
.oneColFixCtrHdr #mainContent h2 {
	color:#aa1125;
	font-size:1.3em;
	margin-top: 50px;
	
}
.oneColFixCtrHdr #mainContent ul {
	line-height:1.8em;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	background: url(images/head-bg.png);
	text-align:center;
	color:#e8ad17;
	margin-top: 10px;
}
.oneColFixCtrHdr #footer p {
	color:#e8ad17;
	font-size:0.7em;
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 10px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}