/* Das CSS von und für www.xyz.de */
/* letzter Stand: 20. 10. 2007 */

body {
	border:0;
	margin:0;
	padding:0;
	min-width:40em;  /* Verhindert Umbruchs- und Anzeigefehler */
	font-size:100.01%; /* Hier wird zentral die Schriftgröße geregelt. */
	font-family:Verdana,Tahoma,Arial,sans-serif,Helmet;
	color:#000000;
	background-image:url(../bilder/logo.jpg);   /* Pfad ok? */
	background-repeat:no-repeat;
	background-position:right 10em; /* Maß = Abstand von oben, siehe Bannerhöhe */
}

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

/* Anfang Bannerstreifen */

#banner {
	position:absolute;
	z-index:3; /* Garantiert die Überlagerung von Navigation und Content */
	top:0;
	left:0;
	width:100%;
	height:9em;
	background:#99aabb url(../bilder/titel.jpg) no-repeat center;
	font-weight: normal;
}

#banner p {
	margin:0.2em 2em 0 0;
	padding:0.3em 0 0 0;
	font-size:0.6em;
	color:#000000;
	float:right;
}

#banner a {
	color:#ffffff;
	text-decoration:none;
}

#banner a:hover {
	color:#aa4444;
	background:#ffffff;
}

/* Ende Bannerstreifen */

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

/* Anfang Navigationsbereich */

#navigation {
	position:absolute;
	top:0;
	left:0;
	float:left;
	width:12em;
	margin:0;
	padding:0;
	border:0;
	height:100%;
	background-image:url(../bilder/deko-vertikal.jpg);   /* Pfad ok? */
	background-repeat:repeat-x;
	background-position:left 9em;
}

/* Die nachfolgende "text" Klasse ist nötig, um mit height=100% arbeiten zu können */
#navigation .text {
	margin:11em 0 0 0; /* Abstand vom Banner plus 2em für den Text */
}

#navigation ul li {
	font-weight:normal;
	font-size:0.7em;
	margin:0.5em 1em 0.5em -2em; /* Wieso links minus 2em? */
	list-style-type:none;
	border-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#99aabb;
}

#navigation a {
	display:block; /* sorgt für eine Markierung der ganzen Zeile beim Überfahren */
}

#navigation a:link {
	color:#000000;
	text-decoration:none;
}
#navigation a:visited {
	color:#000000;
	text-decoration:none;
}

#navigation a:hover {
	color:#ffffff;
	background:#99aabb;
	text-decoration:none;
}

#navigation a:active {
	color:#ffffff;
	background:#99aabb;
	text-decoration:none;
}

/* Ende Navigationsbereich */

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

/* Anfang Contentbereich */

#content {
	height:100%;
	margin:0 200px 0 12em; /* margin-Maße (Außenabstand) = oben, rechts, unten, links */
	/* oben siehe Bannerstreifen, rechts konstant wegen Bildgröße, links wegen Navigation */
	padding:0; /* Innenabstand rundum; hier zunächst Null; siehe dann content.text */
	background-color:#99bbaa;
}

/* Die nachfolgende Klasse "text" ist nötig, um mit height=100% arbeiten zu können */
#content .text {
	padding:10em 2em 0 2em; /* Innenabstand = oben (9em vom Banner + 1 em), rechts, unten, links */
}

#content a:link {
	font-weight:600;
	color:#aa4444;
	text-decoration:none;
}

#content a:visited {
	font-weight:600;
	color:#aa3333;
	text-decoration:none;
}

#content a:hover {
	font-weight:600;
	color:#ffffff;
	background:#aa4444;
	text-decoration:none;
}

#content a:active {
	font-weight:600;
	color:#ffffff;
	background:#aa4444;
	text-decoration:none;
}

#content h1 {
	font-weight:900;
	font-size:2.0em;
	margin:0.5em 0.25em 0 0;
	padding:0;
}

#content h2 {
	font-weight:900;
	font-size:1.8em;
	margin:0.5em 0.25em;
	padding:0;
}

#content h3 {
	font-weight:900;
	font-size:1.6em;
	margin:0 0 0.25em 0;
	padding:0;
}

#content h4 {
	font-weight:900;
	font-size:1.4em;
	margin:0.5em 0.25em;
	padding:0;
}

#content h5 {
	font-weight:900;
	font-size:1.0em;
	margin:0.5em 0.25em;
	padding:0;
}

#content h6 {
	font-weight:900;
	font-size:0.8em;
	margin:0.5em 0.25em;
	padding:0;
}

#content p {
	font-weight:normal;
	font-size:0.8em;
	margin:0 1em 1em 1em;
}

#content ul, #content ol {
	font-weight:normal;
	font-size:0.8em;
}

#content ul ul, #content ol ol, #content ul ol, #content ol ul {
	margin:0 0 0 -0.8em;
	font-weight:normal;
	font-size:100%;
}

#content ul li, #content ol li {
	margin:0 0 0 -0.8em;
	font-size:100%;
}

#content img {
	border:none;
	padding:0.5em 0 0.5em 0.5em;
}

#content .rechts {
	float:right;
	margin:0;
}
/* Aufruf mit span class="rechts"... */

#content .klein {
	font-weight:normal;
	font-size:0.6em;
	margin:0.25em;
}
/* Aufruf mit span class="klein"... */

#content .times {
	font-weight:300;
	font-size:115%;
	font-family:Times,Antiqua;
	font-style:italic;
}
/* Aufruf mit span class="times"... */

#content hr {
	width:50%;
	height:4px;
	text-align:center;
	color:#99aabb;
}

/* Ende Contentbereich */