/* --------------- Einstellung für alle Elemente ---------------*/
html * {margin: 0; padding:0; font-size: 12px;}

/* --------------- Body ---------------*/
body {background-color: #313031; text-align: center; font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; color: #313031; overflow-y: scroll;}

/* --------------- umschreibendes Rechteck ---------------*/
#page {width: 910px; margin: 0px auto 0px auto; text-align: left; overflow: hidden;}

/* --------------- Login Bereich ---------------*/
#clogin {clear: both; float: left; width: 910px; height: 56px; overflow: hidden;}

/* --------------- Header ---------------*/
#header {clear: both; float: left; width: 910px; height: 237px; background: url(images/bg-header.png) left top no-repeat; overflow: hidden;}

/* --------------- Hauptmenue ---------------*/
#hm ul {list-style-type: none; color: #313031; text-transform: uppercase;}
#hm ul li {float: left; width: 112px; text-align: center; }
#hm ul li a {display: block; width: 112px; float: left; padding: 20px 0px 10px 0px; color: #313031; text-decoration: none;}
#hm ul li a:hover {background: url(images/bg-hm-over.png) -1px top no-repeat; color: #fff; padding: 18px 0px 12px 0px;}
#hm ul li a.active , #hm ul li a.active:hover {background: url(images/bg-hm-active.png) -1px top no-repeat; color: #fff; padding: 18px 0px 12px 0px;}

/* --------------- logo ---------------*/
#logo {clear: left; float: left; display: block; width: 290px; height: 80px; margin: 30px 0px 0px 30px; background: url(images/logoneu1.png) left top no-repeat;}
#logo span {display: none;}

/* --------------- Content Bereiche ---------------*/
#ccontent {clear: both; float: left; width: 910px; background-color: #ffffff;}
#leftmenue {float: left; width: 240px; margin: 20px 37px 20px 0px; padding: 0px 0px 60px 20px; background: url(images/bg-leftmenue.png) left bottom no-repeat;}
#leftmenue h2 {margin: 30px 0px 0px 0px; font-size: 16px; padding: 0px 0px 10px 0px; border-bottom: 1px solid #EAEAEA;}
ul.submenue {list-style-type: none;}
ul.submenue li {padding: 10px 0px 10px 0px; border-bottom: 1px solid #EAEAEA;}
ul.submenue li a {color: #313031; text-decoration: none; padding: 0px 0px 0px 20px; background: url(images/bg-submenue-li.png) left top no-repeat;}
ul.submenue li a:hover {background: url(images/bg-submenue-li-a.png) left top no-repeat;}
ul.submenue li a.active, ul.submenue li a.active:hover {background: url(images/bg-submenue-li-a.png) left top no-repeat; color: #83B60A;}


#content {float: left; width: 580px; margin: 20px 0px 20px 0px; line-height: 1.5em;}
#content h1 {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 22px; text-transform: uppercase; margin: 0px 0px 20px 0px;}
#content h3 {font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 14px; text-transform: uppercase; margin: 0px 0px 5px 0px;}
#content p {margin: 0px 0px 10px 0px;}
#content a {color: #83B60A;}
#content hr {width: 100%; color: #313031; background-color: #313031; height: 1px; border: 0px; margin-top: 0px; margin-bottom: 10px;}
#content li {list-style-type: none;}

.datum {font-size: 20px;}
.colmli {float: left; text-align: left; width: 20%;}
.colmre {float: right; text-align: left; width: 80%;}
.bildli {float: left; margin: 5px 10px 5px 0px; border: 1px solid #313031;}
.bildre {float: right; margin: 5px 0px 5px 10px border: 1px solid #313031;}
.tabre {float: right; width: 15%;}
.tabmir {float: left; width: 35%;}
.tabmil {float: left; width: 35%;}
.tabli {float: left; width: 15%;}
.spalteli {width: 50%; float: left; text-align: center;}
.spaltere {width: 50%; float: right; text-align: center;}
.linksli {float: left; text-align: left; width: 20%; height: 50px; }
.linksre {float: right; text-align: left; width: 80%; height: 50px; }

#footer {clear: both; color: #8D8B8B; font-size: 10px;}
#footer a {color: #8D8B8B; font-size: 10px;}
#footer p {padding: 5px 0px 5px 0px; font-size: 10px;}