body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	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;
	color: #000000;
}
img, img a { 
	border: 0;
} 
#kopf { 
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 108px;
	background:url(img/orange.gif);
} 
#kopf-rot1 {
	position:absolute;
	left: 0px;
	width: 240px;
	height: 108px;
	padding:0;
	background:url(img/rot.gif);
	float:left;
}
#kopf-rot2 {
	position:absolute;
	left:220px;
	width: 60%;
	max-width: 880px;
	height: 108px;
	background:url(img/rot.gif);
	text-align:right; 
}

#kopf-logo {
	position:absolute;
	top:51px;
	left:142px;
}
#kopf-schrift {
	position:absolute;
	top:16px;
	left:220px;
}
#kopf-head {
	position:absolute;
	top:96px;
	left:221px;
}
	
#kopf-orange {
	float:right;
	width:auto;
	height: 85px;
}
	
/* Navigationsleist links ------------------------*/

#menu {
position: absolute;
top:140px;
left:0;
width:100px;
z-index:5;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
}

#menu li {
	margin-bottom:.4em;
}
#menu a,
#menu span.normal a,
#menu span.normalrot a {
font: bold .9em/1.4em arial, helvetica, sans-serif;
display: block;
border-right:0;
margin: 0 .4em 0 0;
padding: 2px 3px;
color: #7C8A78;
background: #DEDFDA;
text-decoration: none;
padding: 5px 4px 5px 8px;
text-decoration: none;

}

#menu ul li span.normal a:hover,
#menu ul li span.aktiv a {
color: #FFF;
background: #EE813C;
}
#menu ul li ul li span.normalrot a:hover,
#menu ul li ul li span.aktivrot a {
color: #FFF;
background: #941237;
}

#menu li {
position: relative;
}

#menu ul ul {
position: absolute;
top: 0;
left: 100%;
width: 100%;
}

div#menu ul ul,
div#menu ul ul.hide
{display: none;}

div#menu ul li:hover ul,
div#menu ul li:hover ul.hide,
div#menu ul li ul.show,
#menu ul li:hover ul,
#menu ul li:hover ul.hide
{display: block;}
 
/* -----------------------------------------------*/


#inhalt {
	position:absolute;
	top:118px;
	left:220px;
	width:60%;
	max-width:880px;
	background-color:#DEDFDA;
	font: .78em/1.4em Verdana, Arial, Geneva, sans-serif;
	color:#666;
}
#inhalt h1,
#inhalt h2,
#inhalt p,
#inhalt blockquote {
	padding:0 20px;
}

#inhalt p {
	margin-top:-.4em;
}
#inhalt h1 {
	font-family: Arial, Helvetica, sans-serif;
	color:#80142E;
	font-size: 1.5em;
	padding-bottom:.4em;
	margin-top: 1em;
}
#inhalt h2 {
	font-family: Arial, Helvetica, sans-serif;
	color:#086192;
	font-size: 1.1em;
	padding-top: 1em;
}
#inhalt blockquote {
	font-size: 1.5em;
	line-height: 1.5em;
}
#inhalt ul {
	margin-top: -.4em;
}
#inhalt li {
	list-style-type:square;
	color:#98BF0C;
	padding:0 -20px .3em 0;
}
#inhalt img {
	border-left: 20px solid #EE813C;
	margin: 2em 20px 20px 0;
}

/* Navigationsleiste Inhalt oben -------------------------*/

#navi-oben  {
	width:100%;
	background-color:#F4A474;
	padding: 0;
	margin:0;
	border-bottom: 2em solid #DEDFDA;
}
#navi-oben div {
	float:left;
	text-align:center;
	width:21%;
	background-color:#EE813C;
	color:#333;
}
#navi-oben div a,
#navi-oben div a:link,
#navi-oben div a:visited
{	display:block;
	background-color:#F4A474;
	height:2em;
	font: bold 1em/1.4em arial, helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
	padding-top: .4em;

	}
#navi-oben div.breit,
#navi-oben div.breitaktiv {
	width:34%
}
#navi-oben div.mittel,
#navi-oben div.mittelaktiv {
	width:24%
}
#navi-oben div a:hover {
	background-color:#EE813C;
	color:#333;
}
.navion {
	display:block;
	height:2em;
	font: bold 1em/1.4em arial, helvetica, sans-serif;
	color:333;
	background-color:#EE813C;
	padding-top: .4em;
}
/* ---------------------------------------------------------*/


#footer {
	position:absolute;
	bottom:0;
	width:100%;
	padding-top: .8em;
	background:#FFF;
	font-size: .9em;
	color:#7C8A78;
}
#footer a,
#footer a:active,
#footer a:visited,
#footer a:link
{
	color:#7C8A78;
	text-decoration:none;
}
#footer a:hover {
	color:#333;
}
.autor {
	font-size:.6em;
	font-weight:900;
	line-height:2em;
	color:#999;
	letter-spacing:.2em;
}
.klein {
	font-size: 75%;
	line-height:1.2em;
}
.textfarbe {
	color:#666;
}
.minheight-500 {
   min-height: 500px;
   height: auto !important;
   height: 500px;
}
#inhalt img.bildohne {
border-left:0;
}
/* Tipps für sidebar1:
1. Da wir mit relativen Einheiten arbeiten, ist es empfehlenswert, für die Randleiste keine Auffüllung zu verwenden. Sie wird bei standardgerechten Browsern der Gesamtbreite hinzugefügt, und dies wiederum führt zu einer unbekannten tatsächlichen Breite. 
2. Da der Randleistenwert in Gevierten (ems) angegeben wird, variiert die Breite der Randleiste je nach der Standardgröße des Textes.
3. Zwischen der Kante des div und den darin liegenden Elementen kann ein Abstand eingefügt werden, indem Sie diesen Elementen wie in ".twoColHybLtHdr #sidebar1 p" demonstriert einen linken und rechten Rand zuweisen.
*/