/* ----------------------------------------------------------------
	screen.css pilzsteig.de
	version 2008/04/30
-----------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* general - tags */
/* --------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}

/* scrollleiste erzwingen, um "hüpfen" der Seite zu verhindern */
html {
	overflow: scroll; 
}

/* 100.1% im body --> 1em entspricht somit 16px */
body {
	margin: 30px 0 0 0;
	font-size: 100.01%;
	font-family: verdana, arial;
	color: #000;
	background: #fff url(../images/bg_body.gif) top left repeat-x;
}

textarea {
	font-family: verdana, arial;
	font-size: 1em;
}

table td {
	vertical-align: top;
}

/* Links bearbeiten */
a {
	text-decoration: none;
}

/* Rahmen für Formularbereich und Bild nullsetzen */
fieldset, img {
	border: none;
}

/* Listen, Absätze und Zitate neu formatieren */
ul {
	list-style-type: none;
}


/* --------------------------------------------------------------*/
/* general - classes */
/* --------------------------------------------------------------*/

.cleaner {
	clear: both;
	margin: 0;
	padding: 0;
}

* html .cleaner {
	height: 0px;
	font-size: 1px;
}

*:first-child+html .cleaner {
	height: 0px;
}

.right {
	text-align: right;
}

.error {
	font-weight: bold;
}

/* --------------------------------------------------------------*/
/* header_font */
/* --------------------------------------------------------------*/

#header_font {
	margin: 8px;
	height: 45px;
	background: url(../images/header_font.gif) top center no-repeat;
}

#header_logo {
	position: relative;
	z-index: 2;
	margin: 0 auto;
	width: 933px;
}

#header_logo img {
	position: absolute;
	top: 0;
	margin: 20px 0 0 -25px;
}


/* --------------------------------------------------------------*/
/* navigation_header */
/* --------------------------------------------------------------*/

#navigation_header {
	margin: 0 auto;
	width: 933px;
	height: 2.5em;
	font-size: .9em;
	text-align: right;
	background: #f6f7cf url(../images/bg_navigation_header.gif) top left repeat-x;
}

#navigation_header ul {
	padding: .7em 1em;
	list-style-type: none;
}

#navigation_header li {
	display: inline;
	margin: 0 0 0 1em;
}

#navigation_header a {
	font-weight: bold;
	color: #999e5b;
}

#navigation_header a:hover, #navigation_header a.active {
	border-top: 3px solid #CFDB8E;
}


/* --------------------------------------------------------------*/
/* header */
/* --------------------------------------------------------------*/

#header {
	margin: 0 auto;
	width: 933px;
	height: 176px;
}

/* Opera benoetigt dies */
#header img {
	margin: 0;
	padding: 0;
}


/* --------------------------------------------------------------*/
/* container */
/* --------------------------------------------------------------*/

#container {
	margin: 0 auto;
	width: 880px;
	font-size: .9em;
}


/* --------------------------------------------------------------*/
/* middle */
/* --------------------------------------------------------------*/

#middle {
	margin: 1em 0 0 0;
}


/* --------------------------------------------------------------*/
/* sidebar */
/* --------------------------------------------------------------*/

#sidebar_wrap {
	float: left;
	width: 20%;
}


/* --------------------------------------------------------------*/
/* navigation_main */
/* --------------------------------------------------------------*/

#navigation_main {
	width: 90%;
}

#navigation_main li.primary {
	margin: 0 0 1em 0;
	padding: .5em;
	border: 1px solid #fff;
	background: #fffefe url(../images/bg_navigation_main.gif) top left repeat-x;
}

#navigation_main li.primary ul {
	margin: 0 0 0 1em;
}

#navigation_main a {
	padding: 0 5px;
	font-weight: bold;
	color: #702e04;
}

#navigation_main a:hover {
	padding: 0 2px;
	border-left: 3px solid #cfdb8e;
}

#navigation_main a.active {
	color: #000;
}


/* --------------------------------------------------------------*/
/* content */
/* --------------------------------------------------------------*/

#content_wrap {
	margin-bottom: 1em;
	float: left;
	width: 80%;
}

#content {
	padding: 1em;
	min-height: 300px;
	font-size: .8em;
	border: 3px solid #cfdb8e;
	background-color: #fff;
}

* html #content {
	height: 300px;
}

#content h1 {
	font-size: 1.3em;
}

#content h2 {
	font-size: 1.15em;
}

#content h3, #content h4, #content h5, #content h6 {
	font-size: 1em;
}

#content h1, #content h2, #content h3, #content h4, #content h5, #content h6 {
	margin-bottom: 0.6em;
}

#content p {
	margin: 0 0 .6em 0;
}

#content img {
	border: 3px solid #cfdb8e;
}

#content a {
	color: #d6ac39;
}

#content a:hover {
	text-decoration: underline;
}


/* --------------------------------------------------------------*/
/*  Footer  */
/* --------------------------------------------------------------*/

#footer {
	padding: .9em;
	font-size: .75em;
	text-align: right;
	color: #000;
	background-color: #cfdb8e;
}

#footer a {
	color: #702e04;
}

#footer a:hover {
	text-decoration: underline;
}