@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	color: #333;
	background: #efe9dd url(bg.jpg) repeat-x fixed;
	font: normal 100.01%/1.4 "Lucida Grande","Lucida Sans Unicode", Geneva, Verdana, sans-serif;
	text-align: center;
}
img,
a img {
	border: 0;
}
.left {
	float: left;
	margin: 0 10px 10px 0;
}
.right {
	float: right;
	margin: 0 0 10px 10px;
}

/* Links
----------------------------------------------- */
a,
a:visited {
	color: #8e6f41;
	outline: none;
	text-decoration: underline;
}
a:hover,
a:focus {
	outline: none;
	text-decoration: none;
}
#footer a {
	color: #8e6f41;
}

/* Navigation
----------------------------------------------- */
ul#navlist {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
#navlist li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navlist li a,
#navlist li a:visited,
#navlist #active {
	display: block;
	float: left;
	line-height: 30px;
	margin: 0;
	padding: 0 25px;
	text-decoration: none;
}
#navlist #active {
	color: #59350e;
	font-weight: bold;
}
#navlist li a:hover,
#navlist li a:focus {
	background: #e0d0b9;
	text-decoration: none;
}
/*sidebar*/
#sidebar ul {
	margin: 10px 0 370px 22px;
	padding: 0;
}
#sidebar ul li {
	margin: 0;
	list-style: none;
	padding: 4px 0;
}

/* Typografie
----------------------------------------------- */
p {
	margin: .1em 0 1em 0;
}
h1.logo {
	font-size: 1.3em;
	margin: 0;
	padding: 58px 0 0 0;
}
h2,
h3 {
	color: #8e6f41;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
h5 {
	color: #8e6f41;
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

/* Spezielle Formatierungen
----------------------------------------------- */
ul.standard {
	margin: 1em 0 1em 30px;
	padding: 0;
}
ul.standard li {
	padding-right: 20px;
}

/* Layout
----------------------------------------------- */
#container {
	background: #efe9dd url(kopf.jpg) no-repeat bottom right;
	color: #333;
	font-size: .625em; /*1em entspricht 10px*/
	margin: 0 auto;
	text-align: left;
	width: 880px;
}
#container:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
/* End hide from IE-mac */
#header {
	background: #59350e url(bg_header.jpg) repeat-x;
	border-bottom: 8px solid #8e6f41;
	height: 170px;
	float: left;
	font-size: 1em;
	text-align: center;
	width: 100%;
}
#navi {
	background: #fff;
	border-bottom: 1px dotted #8e6f41;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#content {
	float: left;
	font-size: 1.3em;
	padding: 20px 0 20px 25px;
	width: 502px;
	min-height: 400px;
	height: auto !important;  /* für moderne Browser */
	height: 400px;  /*für den IE */	
}
#sidebar {
	float: left;
	font-size: 1.3em;
	margin: 0 0 0 33px;
	padding: 10px 0 20px 0;
	width: 320px;
}
#footer {
	border-bottom: 1px solid #e0d0b9;
	color: #8e6f41;
	float: left;
	font-size: 1.1em;
	margin: 0 -3px 0 0;
	padding: 6px 0;
	text-align: left;
	width: 100%;
}
#footer p {
	margin: 0;
	padding: 0 0 0 25px;
}
#copy {
	float: left;
	font-size: 62.5%;
	margin: 0 -3px 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
}
#copy p {
	font-size: 1.1em;
	line-height: 28px;
	margin: 0 auto;
	padding: 0;
	text-align: right;
	width: 880px;
}