/* Allgemein */
html {min-height: 100%;}



body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	background-color: #ffd884;
}


h1 {font: bold 20px Verdana, Arial, Helvetica, sans-serif;}
h2 {font: bold 16px Verdana, Arial, Helvetica, sans-serif;}
h3 {font: bold 14px Verdana, Arial, Helvetica, sans-serif;}

h1,h2,h3 {padding-top: 6px; margin-bottom: 8px;}

hr {
	color: #f97805;
}

.clearer {clear: both; font-size: 0;}
.left {float: left;}
.right {float: right;}

/* Inhaltscontainer */

#container {
	border: 2px solid #ff9933;
	background-color: #ffefbe;
	margin: 0 auto;
	width: 780px;
	line-height: 1.5;
	padding: 0;
}


/* head & title */

#header {
	text-align: center;
	margin: 0;
}

/* Inhalt */

#inhalt {
	float: right;
	width: 568px;
	font-size: 85%;
	padding-top: 10px;
	padding-right: 15px;
}


/* Navigation */

#navi {
	float: left;
	width: 180px;
	padding-top: 20px;
}
#navi p {
	font: bold 85% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding-left: 12px;
	line-height: 200%;
}

#navi a {
	color: #000;
	text-decoration: none;
}

#navi a:link {
	color: #000;
	text-decoration: none;
}

#navi a:hover {
	background: #F0F0EB;
	color: #654;	
}


#navi li {
	list-style: none;
}

#navi li a {
	font-size: 75%;
	display: block;
	padding: 4px 0 4px 0px;
	text-decoration: none;
	width: 95%;
	color: #000;
}

#navi li a:hover {
	background: #F0F0EB;
	color: #654;	
}

.hoehe {
	height: 100px
}


/* Fuß */

#footer {
	background: #f97805;
	color: #fff;
	font: bold 0.8em sans-serif;
	margin-top: 5px;
	text-align: center;
	padding-top: 5px;
}

#footer a {
	color: blue;
	text-decoration: none;
}

#footer a:hover {
	color: #FFC;
}

#footer img {
	padding-top: 0;
}