body {background: #2f3892; color: #666666; margin: 0; padding: 0; font-family: 'Droid Sans', Helvetica, Verdana, sans-serif;
background: -moz-linear-gradient (bottom, #2f3892, #29a5de); /*Firefox*/
background: -webkit-gradient(linear,left top, left bottom, from(#2f3892), to(#29a5de)); /*Chrome, Safari*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (start Colorstr=#2f3892, endColorstr=#29a5de)";
filter: "progid:DXImageTransform.Microsoft.gradient (start Colorstr=#2f3892, endColorstr=#29a5de)"; /*Internet Explorer*/
}

a, a:active, a:link {color: #0000ff}
a:hover, a:visited {color: #6666ff;}

#wrap {width: 960px; margin: 20px auto; min-height: 400px;}

#head {width: 960px; position: absolute; top: 50px; height: 140px; background: #eeeeee; border-bottom: 6px solid #67b528; border-top-left-radius: 1em; border-top-right-radius: 1em;}
#head-middle {margin-top: 10px; padding: 10px; height: 80px; background: #67b528; border-top-left-radius: 1em; border-top-right-radius: 1em;}
#head-middle .head {font-size:22px; color: #2f3a93;}

#logo {position: absolute; right: 50px; margin-top: -40px;}
#logo img {border: 0;}

#language {position: absolute; right: 230px; top: 70px; font-size: 13px; font-weight: bold; z-index: 4; color: #FFF;}
#language ul {list-style: none; margin: 0; padding: 0;}
#language li {float: left; margin-right: 20px;}
#language li a {color: #FFF; text-decoration: none;}
#language li a:hover {color: #2f3a93; background: none; text-decoration: underline;}
#language li a span {visibility: hidden; position: absolute; background: none;
width: 32px; height: 20px; left: -50%; top: -100%; padding: 1em; text-decoration: none; z-index: 100;}
#language li.active {text-decoration: underline}
#language li.active span {visibility: visible; border: none; background: transparent; text-decoration: none;}

#breadcrumbs {padding: 8px 10px 5px 17px; font-size: 80%;}
#breadcrumbs span {float: left; margin-right: 20px; color:#7F7F7F;}
#breadcrumbs ul {margin: 0; padding: 0; float: left;}
#breadcrumbs li {list-style: none; float: left;}
#breadcrumbs a, #breadcrumbs a:link, #breadcrumbs a:active, #breadcrumbs a:visited
{color:#7F7F7F; text-decoration: none;}
#breadcrumbs a:after {content: "-"; padding: 0 5px;}

#navigation {position: absolute; top: 230px; margin-left: 10px; width: 185px; background-color:#FAFAFA;}
#navigation ul {list-style: none; margin: 0; padding: 0;}
#navigation li {margin-bottom:1px;}
#navigation li a {text-decoration: none; color:#7F7F7F; display: block; padding: 5px 0px 0px 5px; border-bottom: 1px solid #BFBFBF;}
#navigation li a:hover {background:#67b528; color:#eeeeee; border-bottom: 1px solid #3F3F3F;}
#navigation ul.level1 {margin-left: 10px; margin-bottom: 10px; font-size: 80%;}

#aktuelles {font-size: 80%; padding: 5px; background: #eeeeee;}
#aktuelles p {margin: 0 0 30 0; padding: 0; }
#aktuelles p.head {margin: 20px 0 10px 0; font-size: 120%; font-weight: bold;}

#content {margin: 195px 20px 20px 0px; padding: 20px 30px 40px 240px; min-height: 910px; width: 690px;
background: #eeeeee; font-size: 90%; border-bottom-left-radius: 1em; border-bottom-right-radius: 1em;}
#content h1 {color: #67b528; font-size: 20px; border-bottom: 1px dashed #67b528}
#content h2 {color: #333333; font-size: 16px; clear: both;}
#content h2.noclear {clear: none;}
#content h3 {color: #333333; font-size: 14px; border-bottom: 1px dotted #666666; margin-top: 10px; clear: both;}
#content h3.noborder {border: none;}
#content h4 {color: #333333; font-size: 13px;}
#content b {color: #666666}
#content table {margin: 20px 0; border-collapse: collapse;}
#content table.zentriert {margin: 0 auto;}
#content table caption {font-size: 80%; text-align: left;}
#content table th {font-weight: bold; padding: 10px; border: 1px solid #999999; color: #000000;}
#content table td {padding: 10px; border: 1px solid #999999; vertical-align: top;}
#content table.nopad th, #content table.nopad td {padding: -5px;}
#content dd.csc-textpic-caption {font-size: 80%; margin-top: 5px;}
.csc-textpic csc-textpic-intext-right-nowrap {margin: 0; padding: 0; background: grey;}
#content .align-right {text-align: right;}
#content blockquote {font-style: italic; margin: 0; padding: 0; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc;}
#content ol, #content ul {margin-bottom: 20px;}
#content ol li {margin-bottom: 10px;}
#content ul.links li {margin-bottom: 10px;}
#content hr.dashed {border: none; height: 1px; border-bottom: 1px dashed #67b528}

#footer {clear: both; background: none; width: 960px; border-top: 5px solid #eeeeee; text-align: center; 
  font-size: 80%; color: #FFFFFF;}
#footer ul {list-style: none; margin: auto; width: 960px; padding: 10px 0 0 0;}
#footer ul li {display: inline; color: #FFFFFF;}
#footer ul li:after {content:" ::: "}
#footer ul li.last:after {content:""}
#footer a {color: #FFFFFF; text-decoration: none;}
#footer a:hover {text-decoration: underline;}

/****************************************/
/* CSS DEFINITIONS FOR ACCORDION     */
/****************************************/

div.accordion {margin: 50px 0 20px 0;}
div.accordion a {color: #000000;}

.trigger {color:#666666; cursor:pointer; margin-bottom:0; padding:.5em 1.8em .5em 1.5em; background: #f5f5f5 url('css-pics/togglerc.gif') center right no-repeat;
border: 1px solid #cccccc;}
.trigger:hover {color: #333333;}
.trigger_active {color:#333333; background: #FFFFFF url('css-pics/togglero.gif') center right no-repeat;}
.toggle_container {padding:.5em .5em .5em 1.5em; display: block; color:#333333; background: #FFFFFF;}


/****************************************/
/* CSS DEFINITIONS FÜR ALLG. KLASSEN     */
/****************************************/

.smaller {font-size: 80%;}
.strong {font-weight: bold;}
.kursiv {font-style: italic;}
.csc-linkToTop {font-size: 80%; float: right;}
a.anker {padding-right: 25px; background: url('css-pics/togglerc.gif') center right no-repeat;}
.fleft {float: left;}
.fright {float: right;}
.fclear {clear: both;}