@charset "utf-8";

/* Allgemeine Definitionen
----------------------------------------------- */
* {
	margin: 0;
	padding: 0;
}
html {
	overflow-y: scroll;
}
body {
	background: #edede5 url(bg.png) repeat-x 0 0;
	color: #333;
	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;
}
.x {
	display: none;
}
.xs {
	color: #999;
	font-size: .83em;
}

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

/* Navigation
----------------------------------------------- */
ul#navlist {
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	white-space: nowrap;
}
#navlist li {
	border-right: 1px solid #b9b9b9;
	display: inline;
	float: left;
	margin: 0;
	list-style: none;
	padding: 0;
}
#navlist li a,
#navlist li a:visited {
	border-right: 1px solid #c8c8c8;
	float: left;
	display: block;
	line-height: 26px;
	margin: 0;
	padding: 0 22px;
	text-decoration: none;
}
#navlist #active {
	background: url(bg_active.png) no-repeat center bottom;
	color: #000;
	line-height: 26px;
	margin: 0;
	padding: 0 20px;
	text-decoration: none;
}
#navlist li a:hover,
#navlist li a:focus {
	background: url(bg_active.png) no-repeat center bottom;
	color: #000;
	text-decoration: none;
}

/* Typografie
----------------------------------------------- */
p {
	margin: .1em 0 1em 0;
}
h1.logo {
	font-size: 1.3em;
	margin: 0;
	padding: 48px 0 0 0;
}
h2 {
	color: #333;
	font-size: 1.3em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}
h3 {
	color: #787878;
	font-size: 1.2em;
	font-weight: normal;
	margin: 0 0 0.5em 0;
}

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

/* Layout
----------------------------------------------- */
#container {
	background: #fff;
	border: 1px solid #d1d1ca;
	border-top: none;
	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: #f6d504 url(bg_header.gif) no-repeat 0 0;
	border-bottom: 5px solid #787878;
	height: 170px;
	float: left;
	font-size: 1em;
	text-align: center;
	width: 100%;
}
#navi {
	background: #c8c8c8 url(bg_nav.png) repeat-x 0 0;
	float: left;
	margin: 0;
	padding: 0;
	width: 100%;
}
#content {
	border-right: 1px solid #ccc;
	float: left;
	font-size: 1.3em;
	padding: 25px 10px 20px 22px;
	width: 510px;
	min-height: 350px;
	height: auto !important;  /* für moderne Browser */
	height: 350px;  /* für den IE */
}
#sidebar {
	float: left;
	font-size: 1.3em;
	margin: 0 0 0 20px;
	padding: 25px 0 20px 0;
	width: 300px;
}
#footer {
	background: #fff2a6;
	color: #676767;
	float: left;
	font-size: 1.1em;
	margin: 0;
	padding: 5px 0;
	text-align: center;
	width: 100%;
}
#footer p {
	margin: 0;
}