/* --------------- Einstellung für alle Elemente ---------------*/
html * {
			margin: 0;
			padding:0;
		}

body {
	background-color:#363b42;
	text-align: center;
	font-size: 87.50%;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #ccc;
}


/* --------------- Header ---------------*/
#cheader {
	width:100%;
	height: 254px;
	background: url(images/bg_page.jpg) left bottom repeat-x;
	text-align: center;
}
#header {
	width: 810px;
	height: 254px;
	margin: 0px auto 0px auto;
	background: url(images/bg_header.jpg) left bottom repeat-x;
	text-align: left;
	overflow: hidden;
}
#header #logo{
	float: left;
	margin: 19px 0px 0px 0px;
	width: 160px;
	height: 84px;
}

#header #hm{
	float: left;
	width: 640px;
	margin: 0px 0px 0px 10px;
	height: 108px;
}
#header #hm ul{
	list-style-type: none;
}
#header #hm ul li{
	list-style-type: none;
	float: left;
	color: #fff;
}
#header #hm ul li a{
	display: block;
	float: left;
	width: 80px;
	height: 93px;
	padding: 15px 0px 0px 0px;
	background: url(images/bg_hm.gif) left top no-repeat;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	color: #fff;
	text-decoration: none;
	text-align: center;
}
#header #hm ul li a:hover,
#header #hm ul li a:hover.active,
#header #hm ul li a.active{
	height: 30px;
	padding: 78px 0px 0px 0px;
	background: url(images/bg_hm_active.gif) left top no-repeat;
}

/* --------------- Page ---------------*/
#page {
	width:100%;
	text-align: center;
}
#ccontent {
	width: 810px;
	margin: 0px auto 0px auto;
	text-align: left;
	overflow: hidden;
}
#cleftmenue {
	clear: left;
	float: left;
	width: 213px;
	background: url(images/bg_submenue.jpg) left top repeat-x;
}
/* --------------- leftmenue ---------------*/
#leftmenue {
	clear: left;
	float: left;
	width: 173px;
	margin: 30px 0px 0px 20px;
	font-size: 100%;
}
#leftmenue h2{
	margin: 0px 0px 5px 0px;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	font-size: 137.50%;
	font-weight: bold;
	color: #80d900;
	text-transform: uppercase;
}
#leftmenue a{
	color: #ccc;
}
#leftmenue ul{
	margin: 0px 0px 30px 0px;
	list-style-type: none;
}
#leftmenue ul li{
	margin: 6px 0px 6px 0px;
	padding: 0px 0px 0px 20px;
	list-style-type: none;
	background: url(images/pointer01.gif) left 3px no-repeat;
}
#leftmenue ul li a{
	text-decoration: none;
}
#leftmenue ul li a:hover.active,
#leftmenue ul li a.active{
	color: #80d900;
}
#leftmenue div.news{
	margin: 0px 0px 30px 0px;
	line-height: 1.5em;
}

/* --------------- content ---------------*/
#content {
	float: left;
	width: 580px;
	margin: 30px 0px 20px 15px;
	line-height: 1.7em;
	text-align:justify;
}
#content h1{
	margin: 0px 0px 1em 0px;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	font-size: 182.50%;
	font-weight: normal;
	color: #fff;
}
#content h2{
	margin: 0px 0px 1em 0px;
	font-family: "Trebuchet MS", Verdana, Tahoma, Arial, sans-serif;
	font-size: 150.00%;
	font-weight: normal;
	color: #fff;
}
#content p{
	margin: 0px 0px 10px 0px;
}
#content a{
	color: #80d900;
}


/* --------------- footer ---------------*/
#cfooter {
	width:100%;
	height: 50px;
	background-color: #282e34;
	border-top: 1px solid #5f5f5f;
	text-align: center;
}
#footer {
	width: 797px;
	margin: 0px auto 0px auto;
	text-align: left;
	overflow: hidden;
}
#hpv24 {
	float: right;
	margin: 16px 0px 0px 0px;
	font-size: 75.00%;
	color: #999;
}
#hpv24 a{
	color: #999;
}

/* --------------- Formulare ---------------*/
#content form {
	clear: left;
	line-height: normal;
	width: auto;
}
#content label {
	clear: left;
	float: left;
	margin: 10px 0px 0px 0px;
}
#content label.plabel {
	font-weight: bold;
}
#content input,
#content select,
#content textarea {
	clear: left;
	float: center;
	width: auto;
}
#content input.submit {
	width: auto;
	float: right;
	margin: 10px 0px 0px 0px;
}
#content input.reset {
	width: auto;
	margin: 10px 0px 0px 0px;
}

.img {
	border:4px solid #D4BF00;
	margin-left:4px;
	margin-right:4px;
}

.float {
	float:left;
	width:290px;
}

.clear {
	clear:both;
}

.float table {
	margin:10px 0px 0px 0px;
	width:250px;
	}

.float table thead td {
	background:#2A00AA;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#D4FF55;
}

.float table th {
	background:#DADADA;
	font: 1.2em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#000;
}

.float table td {
	background:#CFF;
	font: 1.1em Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	color:#000;
	text-align:center;
}

.table table {
}

.table table thead td {
	color:#fff;
	font:1.3em "Lucida Console", Monaco, monospace;
	font-weight:bold;
	background:#808080;
}

.table table th {
	background:#9E9E9E;
	font:1.2em "Courier New", Courier, monospace;
	color:#CF6;
	font-weight:bold;
	border:1px;
	width:100px;
	text-align:center;
}

.td1 {
	color:#fff;
	font:1.1em "Lucida Console", Monaco, monospace;
	font-weight:300;
	background:#808080;
	border:1px;
	text-align:center;
}

.td2 {
	color:#000;
	font:1.1em "Lucida Console", Monaco, monospace;
	font-weight:300;
	background:#E4E4E4;
	border:1px;
	text-align:center;
}

.li {
	color:#000;
	text-align:justify;
	background:#CCC;
	font:"Courier New", Courier, monospace;
	font-weight:bold;
}

.li1 {
	color:#fff;
	text-align:justify;
	font:"Courier New", Courier, monospace;
	font-weight:bold;
}

.list_menu {
	float:left;
	width:230px;
	padding-left:60px;
}

.list {
	list-style-position:inside;
	padding-left:20px;
	list-style:circle;
	text-align:justify;
	width:540px;
}

.list_two {
	padding-left:30px;
}

