@charset "UTF-8";

/* CSS Document */

html, body {
margin: 0;
padding: 0;
width: 100%;
}

body {
background: url(../images/bg_body.gif);
font-family: Arial, Helvetica, sans-serif;
font-size: 0.8em;
padding: 40px 0;
}

* .invisible {
displaY: none;
}

a, a:link {
color: #97be0d;
text-decoration: none;
}

a:hover, a:active {
color: #7aa200;
text-decoration: none;
}

h1 {
margin: 0;
}

.clr {
clear: both;
}

#wrapper {
width: 984px;
margin: 0 auto;
}

#header {
background: url(../images/bg_header.png) top left no-repeat;
height: 280px;
}

#header * {
margin: 0;
padding: 0;
overflow: hidden;
}

#header .inner {
width: 978px;
margin: 0 1px;
}

#headerLeft {
float: left;
width: 691px;
height: 280px;
overflow: hidden;
}

#topNavi {
position: absolute;
z-index: 20;
width: 691px;
background: url(../images/bg_topnavi.png) top left repeat;
}

#topNavi ul {
list-style: none;
overflow: hidden;
padding: 0 0 0 22px;
}

#topNavi li {
display: inline;
float: left;
}

#topNavi .level_1 a, #topNavi .level_1 span {
line-height: 36px;
display: block;
padding: 0 15px;
color: #000;
}

#topNavi .level_1 a:hover {
	text-decoration: underline;
}

#topNavi .active span, #topNavi a.trail {
	border-bottom: 2px solid #97be0d;
	background: url(../images/bg_topNavi_active.png);
}

.mod_randomImage {
position: absolute;
z-index: 10;
}

#headerRight {
float: right;
width: 287px;
}

#logo a {
display: block;
height: 77px;
text-indent: -6000px;
padding: 0 0 30px 0;
background: url(../images/logo.gif) top left no-repeat #abb0b3;
}

#headerRight .mod_navigation {
position: absolute;
z-index: 9999;
width:  287px;
padding: 19px 0 0 0;/*
height: 37px;
overflow: hidden; */
background: url(../images/bg_subnavitop.jpg) top left repeat-x #cccccc;
}

/*
#headerRight .mod_navigation:hover {
height: auto;
}*/

#headerRight .mod_navigation h3 {
line-height: 36px;
color: #b6b5b5;
padding: 0 0 0 38px;
background: #1a262f;
border-top: 1px solid #24322c;
}

#headerRight .mod_navigation ul {
list-style: none;
overflow: hidden;
}

#headerRight .mod_navigation li {
display: inline;
float: left;
}

#headerRight .mod_navigation .level_1 a, #headerRight .mod_navigation .level_1 span {
display: block;
width: 250px;
line-height: 28px;
border-bottom: 1px solid #999999;
color: #000;
padding: 0 0 0 38px;
}

#headerRight .mod_navigation .level_2 a, #headerRight .mod_navigation .level_2 span {
display: block;
width: 250px;
line-height: 28px;
border-bottom: 1px solid #999999;
color: #000;
padding: 0 0 0 50px;
font-size: 90%;
}

#headerRight .mod_navigation .level_1 a:hover, #headerRight .mod_navigation .level_1 span, #headerRight .mod_navigation .level_1 .trial {
background: url(../images/subnavi_active.jpg) top left no-repeat #e7e7e7 !important;
}

#teaser {
clear: both;
background: url(../images/bg_main.png) top left repeat-y #fff;
}

#teaser #teaserInner * {
padding: 0;
margin: 0;
background: none;
overflow: hidden;
}

#teaser #teaserInner {
margin: 0 37px;
padding:  40px 300px 40px 0;
border-bottom: 1px solid #999999;
}

#teaser #teaserInner h1 {
font-weight: normal;
font-size: 1.5em;
margin: 0 0 1em 0;
}

#main {
background: url(../images/bg_main.png) top left repeat-y;
}

#mainInner {
padding: 20px 37px 20px 37px;
}

#content {
float: left;
width: 620px;
overflow: hidden;
}

#content img {
	border: 0;
}

h1, h2, h3 {
font-weight: normal;
font-size: 1.5em;
}

#right {
width: 258px;
margin-left: 650px;
}


#contentInner .image_container {
margin: 0 30px 30px 0;
}

#right .image_container img {
border: 0;
}

.mod_article {
	overflow: hidden;
}

/* Verteiler */
#verteiler #right h1, #verteiler #content h1, #verteiler #left h1 {
font-size: 1em;
font-weight: bold;
padding: 0;
margin: 1em 0 0 0;
}

#verteiler #right {
float: right;
width: 258px;
margin: 0;
}

#verteiler #left {
width: 258px;
float: left;
margin: 0 70px 0 0;
}

#verteiler #content {
width: 258px;
margin: 0 auto;
}

#verteiler #contentInner .image_container {
margin: 0;
}

#verteiler #left .ce_text, #verteiler #right .ce_text, #verteiler #content .ce_text {
min-height: 22em;
}

.ce_hyperlink {
text-align: right;
}

.ce_hyperlink a {
display: block;
}



.explanation {
	font-weight: bold;
	margin: 10px 0 0 0;
	}

.formbody label {
	display: block;
	width: 160px;
	float: left;
}

.formbody span.mandatory {
	width: 10px;
	float: right;
	display: block;
}
	
.formbody input, .formbody textarea {
margin: 5px 0;
font-size: 1em;
font-family: Arial, Helvetica, sans-serif;
}

.formbody .odd {
margin: 20px 0 0 0 ;
}

.formbody p.error {
margin: 0;
padding: 0;
}

.formbody .text, .formbody textarea {
width: 350px;
}

.formbody .submit {
display: block;
maring: 20px 0 0 0;
}

.checkbox_container label {
display: inline;
margin: 0 20px 0 0;
}

.checkbox_container span {
display: block;
}


#footer {
background: url(../images/bg_footer.png) bottom left no-repeat;
height: 34px;
clear: both;
}

#footerInner {
line-height: 28px;
padding: 0 37px;
color: #999999;
font-size: 0.9em;
}

#footerInner span {
margin: 0 20px 0 0;
}