html, body {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:0.9em;
	margin:0 0 1px 0;
	padding:0;
	text-align:center;
	background:url(../img/stripe.png) repeat-x;
	height:100%;
}
#content a {
	color:#069;
	text-decoration:underline;
}
#content a:hover {
	color:#069;
	text-decoration:none;
}
#pagewidth {
	width:800px;
	text-align:left;
	margin:0 auto;
	border-left:solid 2px #369;
	border-right:solid 2px #369;
	border-bottom:solid 2px #369;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	padding-bottom:2em;
}
#header {
	background:url(../img/header.jpg) no-repeat;
	position:relative;
	height:204px;
	width:100%;
}
#leftcol {
	width:210px;
	float:left;
	position:relative;
}
#maincol {
	top:-18px;
	background:url("../img/content-bg.png") no-repeat;
	position: relative;
	width:560px;
	min-height:380px;
	float:right;
	left:-1em;
}
#content {
	position:relative;
	top:40px;
	left:1em;
}
#ueberschrift {
	font-weight:bold;
	position:relative;
	top:21px;
	left:1em;
	color:#fff;
	width:570px;
}
#clear {
	clear:both;
}
#footer {
	width:800px;
	margin:0 auto;
	font-size:0.8em;
	letter-spacing:1px;
	position:relative;
	top:1em;
}
/* Header-Menu */
#menuwrapper {
	top:-10px;
	position:relative;
	background:url("../img/menu-bg.gif") top left repeat-x;
	margin:0;
	text-align:center;
}
ul#menu {
	width:750px;
	height: 43px;
	background:url("../img/menu-bg.gif") top left repeat-x;
	font-weight: bold;
	list-style-type: none;
	margin: 0 auto;
	padding: 0;
}
ul#menu li {
	width:120px;
	display: inline;
	float: left;
	margin: 0 0 0 5px;
}
ul#menu li a {
	height: 43px;
	color: #777;
	text-decoration: none;
	display: block;
	float: left;
	line-height: 200%;
	padding: 8px 15px 0;
}
ul#menu li a:hover {
	color: #333;
}
ul#menu li a.current {
	color: #FFF;
	background: url("../img/current-bg.gif") top left repeat-x;
	padding: 5px 15px 0;
}
/* Menu Ende */
/* Menu Liste 1 */
#menu1, #menu2, #menu3 {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 185px;
}
#menu1 li, #menu2 li, #menu3 li {
	margin: 0;
	padding: 0;
}
#menu1 a, #menu1 span, #menu2 a, #menu2 span, #menu3 a, #menu3 span {
	background: url("../img/verlauf1.png") repeat-y;
	border-left:#369 solid 5px;
	color: #666;
	display: block;
	margin-bottom:1px;
	padding: 8px 12px;
	font-weight:bold;
	text-decoration: none;
}
#menu1 span {
	background: url("../img/verlauf-gruen.png") repeat-y;
	border-left:#9c0 solid 5px;
	padding: 3px 12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#menu2 span {
	background: url("../img/verlauf-gelb.png") repeat-y;
	border-left:#fc0 solid 5px;
	padding: 3px 12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#menu3 span {
	background: url("../img/verlauf-rot.png") repeat-y;
	border-left:#ed4004 solid 5px;
	padding: 3px 12px;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
#menu3 {
	margin-bottom:1.5em;
}
#menu1 a:hover, #menu2 a:hover, #menu3 a:hover {
	background: url("../img/verlauf2.png") repeat-y;
	border-left:#369 solid 5px;
	color: #333;
	font-weight:bold;
	padding-bottom: 8px;
}
#menu1 a.current, #menu2 a.current, #menu3 a.current {
	background: url("../img/verlauf2.png") repeat-y;
	color: #333;
}
#content input, #content textarea {
	background-color:#f5f5f5;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:1em;
	border-right:2px #ccc solid;
	border-bottom:none;
	border-top:none;
	border-left:none;
}
.knueller {
	text-align:center;
	font-size:1.1em;
	font-weight:bold;
	color:#C00;
}
/* Menu Liste 1 Ende */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */  
 @media print {
/*hide the left column when printing*/ 
#leftcol {
	display:none;
}
#twocols, #maincol {
	width:100%;
	float:none;
}
}