/*Magazin-blau:#91A7AC;
beige- mitte #E8F4D8;*/

.bildbr {
margin:0; 
padding:0; 
font-size:1px; 
line-height:1px;}

.unsichtbar {
position:absolute;
left:-1000px;
top:-1000px;
width:0;
height:0;
overflow:hidden;
display:inline;}

.print {
display:none;}

.errortext {
font-weight:bold;
color:#C00000;}

.left {
float:left;}

.DownloadTitle {
margin:20px 0 0 20px;
font-size:0.7em;
font-weight:bold;}

.DownloadAll {
margin-left:20px;}

a.DownloadTextLink {
vertical-align:bottom;
color:#C00000;
font-size:0.7em;}

#mitte .formulartitel{
color:#003;
background-color:#F2D0DF;
font-weight:bold;}

#mitte .formulartitel a {
color:#003;
background-color:#F2D0DF;
padding:0 0 0 15px; 
background:url(/mediabig/5375A.gif) no-repeat;}

#mitte .formulartitel a:hover {
color: #003;
background-color: #DBFF79;
background:#DBFF79 url(/mediabig/5375A.gif) no-repeat;}


/*Grundgerüst*/

html, body {
margin: 0; 
padding: 0;
font-family:Arial, Helvetica, sans-serif;
font-size: 100.01%;
scrollbar-base-color:#B3C3C7;
scrollbar-arrow-color:#003;
scrollbar-highlight-color:#fff;
scrollbar-shadow-color:#000;}

#alles {
width:1000px;
margin:0;
padding:0;
min-height:800px;}

#head {
padding:0;
margin:0;
height:8.3em; /*neu*/
max-height:160px; /*neu*/
position:relative;}

*html #head {
height:134px;} /*neu*/


#linkeSpalte {
float:left;
width:190px;
margin:0;
padding:0;
height:529px;}

#mittelSpalte {
float:left;
margin:0;
padding:0;
width:590px;}

#rechteSpalte {
float:left;
width:220px;
height:800px;
min-height:800px;
margin:0;
padding:0;
position:relative;}

#rechteSpalte .anreisser a{
color:#DBFF79;}


#rechteSpalte .anreisser a:hover{
color:#003;
background:#F2D0DF;}

/*Hauptnavigation links*/

img.navibild {
margin:0 0 0 32px;
padding:0;
vertical-align:bottom;}

#naviLinks{
margin:0 0 25px 0;
padding:0;
width:144px;
position:relative;
z-index:2;}

#naviLinks ul{
margin:0 0 0 39px;
padding:0;}

#naviLinks ul li{
list-style-type:none;
font-size:0.7em;
line-height:1.3em;
font-weight:bold;}

#naviLinks ul li span{
background-color:#DBFF79;
width:134px;
display:block;
margin:0;
padding:0;}

#naviLinks ul li a{
background-color:#DBFF79;
color:#003;
text-decoration:none;
padding:0 4px;}

#naviLinks ul li a:hover {
background-color:#F4D8E4;}

#naviLinks ul ul{
border-left:20px solid #DBFF79;
background-color:#5B7233;
width:130px;
margin:0;}

#naviLinks ul li li{
font-size: 1em;
line-height:1.9em;
font-weight:normal;}

#naviLinks ul li li span{
background-color:#5B7233;
width:130px;
display:block;
margin:0;
padding:0;}

#naviLinks ul li li a{
background-color: #5B7233;
font-size: 1em;
line-height:1.9em;
font-weight:normal;
color: #fff;
padding:0 2px;}

#naviLinks ul li li a:hover {
color:#000;
background-color: #F4D8E4;}

#naviLinks a.aktiv{
color: #000;
background-color: #F4D8E4;}

.rubrikbildUnten {
position:absolute;
top:541px; /*neu*/
left:0;
z-index:1;}

*html .rubrikbildUnten {
top:544px;}/*neu*/

/*Lokator*/

#lokator {
width:880px;
margin:0 0 0 23px;
padding:0;
height:2.5em; /*ohne gibt es Probleme mit Firefox*/
max-height:50px;} /*neu*/

#lokator ul {
list-style-type: none;
margin:0;
padding:14px 0 14px 32px;}

#lokator ul li {
padding:0;
margin:0;
font-size:0.7em;
display:inline;}

#lokator a:hover {
color:#003;
background-color: #DBFF79;
text-decoration: underline;}

/*MittelSpalte / Inhalt*/

.bgMitte {
height:30px;
margin:0;
padding:0;}

.rubrikbildMitte {
margin:14px 0 0 30px;}

#mittelSpalte h1 {
clear:both;
font-size:0.9em;
color: #003;
font-weight: bold;
margin:0;
padding:0 0 0 18px;}

#mittelSpalte h2 {
font-size:0.7em;
color: #003;
font-weight:bold;
margin:0;
padding:0 0 0 18px;}

#mittelSpalte .text h2 {
font-size:1em;
font-weight:normal;}

#mittelSpalte .text {
font-size: 0.7em;
color: #000;
text-decoration: none;
padding:0 18px 18px 18px;}

#mittelSpalte .text a {
color: #C00000;}

#mittelSpalte .text a[name] {
color: #000;}

#mittelSpalte .text a:hover {
color: #003;
background-color: #DBFF79;}

#mittelSpalte .text a[name]:hover {
background-color:#E8F4D8;
color:#000;}

#mittelSpalte .text hr {
color:#91A7AC;
height:1px;
margin:10px 0 0 0;
padding:0;
clear:both;}

#mittelSpalte .text a.forumslink {
padding:0 0 0 15px; 
background:url(/mediabig/5375A.gif) 0px no-repeat;}

#mittelSpalte .text a:hover .forumslink{
color: #003;
background:#DBFF79 url(/mediabig/5375A.gif) no-repeat;}

#mittelSpalte .text h4 {
font-size:1em;
color: #003;
font-weight: bold;
margin:0;
padding:0;}

#mittelSpalte .text ul {
margin:0; 
padding:5px 0 5px 3px;}

#mittelSpalte .text ul li {
margin:0; 
padding:0 0 0 17px;
list-style-type:none;
background: url(/mediabig/5375A.gif) no-repeat 0px 0px;}

*html #mittelSpalte .text ul li {
background: url(/mediabig/5375A.gif) no-repeat 0px 5px;}

*html #mittelSpalte .text table ul li {
background: url(/mediabig/5375A.gif) no-repeat 0px 0px;}

#mittelSpalte img.right{
float:right;
margin-right:10px;}

#mittelSpalte img.left {
float:left;
margin-right:10px;}

#mitte {
width:515px;
margin:0;
padding:0;}

#navi_mitteunten h3 {
font-size: 0.7em;
color: #C00000;
font-weight:normal;
margin:0 0 0 90px;
padding:0 0 0 18px;}

#navi_mitteunten h3 a {
color: #C00000;
padding-left:15px;
text-decoration: underline;
background:url(/mediabig/5375A.gif) no-repeat;}

#navi_mitteunten h3 a:hover {
color: #003;
background:#DBFF79 url(/mediabig/5375A.gif) no-repeat;}


#navi_mitteunten .anreisser h3 {
font-size: 1em;}

#navi_mitteunten .anreisser {
min-height:5em;}

#navi_mitteunten .anreisser a {
color: #C00000;}

#navi_mitteunten .anreisser a:hover {
color: #003;
background:#DBFF79;}

*html #navi_mitteunten .anreisser {
height:5em;}

#navi_mitteunten #player {
float:right;
margin-left:3px;}

#rechteSpalte #mzbRechts #player {
float:none;
margin:0;}

#mittelSpalte .bildstart {
float:left;
margin:0 0 0 18px;}

#mittelSpalte .min-height{
margin:0;
padding:0;
min-height:529px;}

*html .min-height{
height:529px;}

#mitte #unten {
width:535px;
margin:0;
padding:0;
background-color: #E8F4D8;}

#mitte .oben {
margin-left:20px; 
background-color:#E8F4D8; 
width:515px;}

.grauoben {
font-size:0.6em;
color:#003;
margin:0;
padding:3px 6px 3px 6px;
background-color:#C5D5C6;
float:right;}

.grauoben a{
color: #003;
text-decoration: underline;}

.grauoben a:hover {
color: #003;
background-color: #DBFF79;
text-decoration: underline;}

/*für 4spaltiges Layout*/
#mitteZweisp {
float:left;
width:360px;
margin:0;
padding:0;}

#mitteZweisp .oben {
margin-left:20px; 
background-color:#E8F4D8;
width:340px;}

#mitteZweisp #unten {
float:left;
width:360px;
margin:0;
padding:0;
background-color: #E8F4D8;}

#subnavi {
padding:5px 0;
margin:0;
width:555px;
border-top:5px solid #E8F4D8;
border-bottom:25px solid #E8F4D8;
background-color:#DBFF79;
float:left;}

#subnavi ul {
list-style-type: none;
margin:0;
padding:0 10px;}

#subnavi ul li {
padding:5px 0;
margin:0;
font-size:0.7em;
display:inline;}

#subnavi a{
color: #C00000;}

#subnavi a:hover {
color: #fff;
background-color: #5B7233;}

#stand{
width:535px;
font-size:0.7em;
margin:0;
padding:5px 0 15px 20px;
clear:left;}

#stand a:hover {
color: #003;
background-color: #DBFF79;
text-decoration: underline;}

.up {
display:block;
margin-top:10px;}

.up img {
margin-left:10px;}


/*Mehrzweckbereich MZB*/

.bildOben {
position:relative;
left:0;
top:-40px;
z-index:1;}

#mzbRechts {
background-color:#5B7233;
padding:0;
margin:0;
position:relative;
top:-25px;}

#mzbRechts .artikel{
margin:0;
padding:0 15px 15px 15px;}

#mzbRechts h3 {
font-size: 0.7em;
color:#F2D0DF;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: bold;
margin:0 0 4px 0;
padding:0;}

#mzbRechts h3 a{
color:#F2D0DF;
text-decoration:none;}

#mzbRechts h3 img{
vertical-align:bottom;}

#mzbRechts .anreisser {
font-size:0.7em;
color: #fff;}

#mzbRechts img.mzbBild {
vertical-align:bottom;}

#mzbRechts form a{
color:#DBFF79;
margin-bottom:5px;}

#mzbRechts form a:hover{
color:#000033;
background-color:#F2D0DF;}

#mzbRechts h4 {
color:#003;
font-weight:bold;
font-size:0.7em;
background-color:#DBFF79;
display:inline;
margin:0;
padding:0;}

#mzbRechts input.absenden {
background:#B3C3C7;
color:#003;
font-size:1em;}

.marker_gelb {
color:#003;
background:#DBFF79;
padding-left:3px;}

.marker_blau {
color:#003;
background-color:#C2FCF6;
padding-left:3px;}

.marker_rosa {
color:#003;
background-color:#F2D0DF;
padding-left:3px;}

.marker_green {
color:#003;
background-color:#5B7233;
padding-left:3px;}

.marker_grau {
color:#003;
background-color:#B3C3C7;
padding-left:3px;}

#mzbRechts h3 a:hover .marker_gelb, a:hover .marker_blau, a:hover .marker_rosa, a:hover .marker_green, a:hover .marker_grau {
background:#fff;}

/*Head*/
.headtext {
position:absolute;
bottom:0;
left:165px;
font-size:0.7em;
width:21.6em;
margin:0;
padding:0 0 2px 0;
line-height:1em;
max-width:250px;}/*neu*/

*html .headtext {
font-size:11px;}

.headtext a {
color:#000;
text-decoration:none;}

#head .linktext {
background-color:#DBFF79;
margin:0 0 0 20px;
padding:0;}

.vz {
height:1.4em; 
width:16.3em; 
background-color:#244147; 
color:#fff; 
font-size:0.7em; 
margin:0; 
padding:3px 3px 0 0px; 
float:left; 
text-align:right;}


*html .vz {
height:16px;
font-size:11px;}

#headformular {
width:36em;
height:3.5em; /*neu*/
margin:0;
padding:0;
position:absolute;
bottom:4px;
left:430px;}

*html #headformular {
height:55px;
width:440px;} /*neu*/

#headformular label {
margin:0;
padding:0;
font-size:0.7em;
color:#DBFF79;}

*html #headformular label {
font-size:11px;}

#headformular input.text{
margin:0 0 2px 0;
padding:2px 0;
font-size:0.7em;
width:90px;
color:#E8F4D8;
background-color:#244147;
border:1px solid  #91A7AC;}

*html #headformular input.text{
font-size:11px;}

#headformular input.button{
width:1.9em; 
height:1.9em;
font-size:0.7em;
margin:0 0 0 4px;
background-color:#B3C3C7;
color:#003;}

*html #headformular input.button{
font-size:11px;}

#headformular div.login {
font-size:0.7em;
color:#DBFF79;}

*html #headformular div.login {
font-size:11px;}

#headformular a {
color:#DBFF79;}

#headformular div.suche {
float:left; 
width:13.5em;
max-width:300px; /*neu*/
margin:0 10px 0 0; 
padding:0 10px 0 0;
text-align:right;
border-right:1px solid #DBFF79;}

*html #headformular div.suche {
width:220px;}

#headformular form.login, form.news, form.such {
margin:0;
padding:0;}

#headformular form .name {
font-size:0.7em;
color:#fff;
font-weight:bold;
height:1.9em;}

*html #headformular form .name{
font-size:11px;}

#headformular form .logout {
font-size:0.7em;
height:1.9em;
color:#003;
background-color:#B3C3C7;}

*html #headformular form .logout {
font-size:11px;
height:20px;}

.font {
font-size:0.7em;}

*html .font {
font-size:11px;}


/*MZB LINKS*/

#mzbLinks {
width:175px;
float:left;
margin:0;
padding:0;}

#mzbLinks .kastenGruen {
width:160px;
margin:0 0 15px 15px;
padding:20px 0 0 0;}

#mzbLinks .kastenBlau {
width:160px;
margin:0 0 15px 15px;
padding:20px 0 0 0;}

#mzbLinks h3, #mzbLinks h3 a, #mzbLinks h3 a:hover {
font-size:0.9em;
color:#F2D0DF;
font-weight:bold;
font-style:normal;
margin:0;
padding:0 0 5px 0;
text-decoration:none;}

#mzbLinks h4 {
color:#003;
font-weight:bold;
font-size:0.7em;
background-color:#DBFF79;
display:inline;
margin:0;
padding:0;}

#mzbLinks .anreisser {
font-size:0.7em;
color:#fff;
text-decoration:none;
margin:0;
padding:5px 0 0 0;}

#mzbLinks form div{
margin-top:5px;}

#mzbLinks form div{
margin-bottom:5px;
clear:both;}

#mzbLinks form a{
color:#DBFF79;
margin-bottom:5px;}

#mzbLinks form a:hover{
color:#003;
background:#F2D0DF;}

#mzbLinks .anreisser a{
color:#DBFF79;
margin-bottom:5px;}

#mzbLinks .anreisser a:hover{
color:#003;
background:#F2D0DF;}

#mzbLinks div label{
color:#fff;}

#mzbLinks input.radio {
float:left;
width:auto;}

#mzbLinks input.absenden {
background:#B3C3C7;
color:#003;
font-size:1em;
margin-top:15px;}

#mzbLinks .randGruen {
padding:10px 5px 5px 10px;}

#mzbLinks .randBild {
margin:0;
padding:0 0 10px 0;
text-align:center;
background-color:#DBEDC4;}


/*Newsletter*/

#mitte form {
margin-top:20px;
line-height:170%;}

#mitte #befragung form label {
line-height:120%;}

#mitte fieldset {
border:none; 
background-color:#DBEDC4; 
padding:10px 0;}

#mitte label.left {
float:left;
text-align:right;
width:11em;
padding-right:1em;}

#mitte input[type=text] {
float: left;}

#mitte input.right {
float:left;
width:auto;
clear:both;
margin-left:12em;
margin-right: .3em;
background-color:#B3C3C7;
color:#003;}

#mitte input[type=radio].right,
#mitte input[type=submit].right {
margin-left:10.2em;}

#mitte form br {
clear:both;}

#mitte #befragung form br {
line-height:50%;}


/*Nutzer-Login*/

#nutzerlogin{
padding:0 18px 10px 18px;}

#mitte #nutzerlogin form {
margin:0 0 20px 0;
padding:0 0 10px 0;
border-bottom:1px solid #000;}

#nutzerlogin h3{
color:#003;
background-color:#F2D0DF;
font-weight:bold;
font-size:0.7em;
display:inline;}

#nutzerlogin fieldset {
border:none;
margin:10px 0 10px 0;
padding:10px 0;
background-color: #DBEDC4;
line-height:130%;}

#nutzerlogin .logintext {
margin:10px 0 20px 0;
font-size:0.7em;}

#nutzerlogin .logintext a{
color: #C00000;
padding-left:15px;
background: url(/mediabig/5375A.gif) no-repeat;}

#nutzerlogin .logintext a:hover {
color: #003;
background:#DBFF79 url(/mediabig/5375A.gif) no-repeat;}

#nutzerlogin label {
font-size:0.7em;}

#mitte #nutzerlogin label.left {
float:left;
text-align:right;
width:7em;
padding-right:1em;}

#mitte #nutzerlogin input.right {
float:left;
width:auto;
clear:both;
margin-left:5.75em;
margin-right: .3em;
background-color:#B3C3C7;
color:#003;}

#mitte #nutzerlogin input[type=text] {
float: left;}

#mitte #nutzerlogin input[type=submit].right {
margin-left:6.75em;
background-color:#B3C3C7;
color:#003;}

#mitte #nutzerlogin form br {
clear:both;}

/*Kontakt-Formular*/

#kontakt{
padding:0 0px 10px 0px;}

#mitte #kontakt form {
line-height:140%;}

#kontakt legend {
color:#003;
background-color:#F2D0DF;
font-weight:bold;
margin-bottom:10px;}

#kontakt fieldset {
border:none;
margin-bottom:10px;
padding-bottom:10px;
background-color: #DBEDC4;}

#mitte #kontakt label.left {
float:left;
text-align:right;
width:11.5em;
padding-right:1em;}

#mitte #kontakt input.right {
float:left;
width:auto;
clear:both;
margin-left:9em;
margin-right: .3em;
background-color:#B3C3C7;
color:#003;}

#mitte #kontakt input[type=text] {
float: left;}

#mitte #kontakt input[type=submit].right {
margin-left:10.5em;
background-color:#B3C3C7;
color:#003;}

#mitte #kontakt form br {
clear:both;}

/*Befragung*/

#mitte #befragung{
padding:0 18px 10px 18px;}

#mitte #befragung .artikel {
color:#003;
background-color:#F2D0DF;
font-weight:bold;
font-size:0.7em;}

#mitte #befragung .schritt {
background-color:#5B7233; 
color:#fff; 
font-size:0.7em; 
font-weight:bold; 
padding:2px 0;
border-top:1px solid #91A7AC;
border-left:1px solid #91A7AC;
border-right:1px solid #91A7AC;}

#mitte #befragung form{
margin:0;
padding:0;
background-color: #DBEDC4;}

#mitte #befragung h3{
font-size:0.7em;
font-weight:bold;
margin:5px 0;
line-height:1.2em;}

#mitte #befragung fieldset {
border:none;
border-top:1px solid #91A7AC;
margin-bottom:10px;
padding-bottom:10px;}

#mitte #befragung fieldset div{
width:49%;
float:left;}

#mitte #befragung label {
font-size:0.7em;
display:block;
margin-top:2px;
margin-left:25px;}

*html #mitte #befragung label {
margin-left:10px;
padding:2px;
height:1%;}


input.checkbox, input.radiobutton {
float:left;
margin-right:5px;}

*html input.checkbox, *html input.radiobutton {
margin-right:0;}

#befragung .submit input {
background:#B3C3C7;}

#mitte #befragung fieldset h3 strong{
font-size:1.2em;
margin-right:3px;}

.musstext, .musstext2 {
color:#C00000;
font-size:0.7em;
font-weight:bold;}


/*Kästen für die Startseiten*/

#mittelSpalte .kastenTop {
margin:0 0 20px 20px;
padding:10px;
background-color:#C2FCF6;}

#mittelSpalte .kastenTop h3, #mittelSpalte .kastenUnten h3{
margin:0 0 3px 0;
padding:0;
font-size:0.9em;
color: #003;
font-weight: bold;}

#mittelSpalte .kastenUnten {
margin:0 0 20px 20px;
padding:10px;
background-color:#F2D0DF;}

#mittelSpalte .kastenUnten p, #mittelSpalte .kastenTop p{
font-size:0.7em;
margin:0;
padding:0;}

#mittelSpalte .kastenUnten a, #mittelSpalte .kastenTop a{
color: #C00000;
padding-left:15px;
text-decoration: underline;
background:url(/mediabig/5375A.gif) no-repeat;}

#mittelSpalte .kastenUnten a:hover, #mittelSpalte .kastenTop a:hover {
color: #003;
background:#DBFF79 url(/mediabig/5375A.gif) no-repeat;}


/*Anmeldung Forum Newsletter für Mitmachen*/

#cuAnmeldung {
margin:0;
padding:0 10px 0 20px;
font-size:0.7em;
width:515px;}

#cuAnmeldung form{ 
background-color: #E8F4D8;
margin:0;
padding:20px;}

#cuAnmeldung legend{
color:#003;
background-color:#F2D0DF;
font-weight:bold;
display:inline;}

#cuAnmeldung fieldset {
border:none;
margin:0 0 10px 0;
padding:0 0 15px 0;
background-color: #DBEDC4;
line-height:130%;}

#cuAnmeldung hr {
color:#91A7AC;
height:1px;
margin:10px 0;}

#cuAnmeldung .labelstyle { 
width:150px;
float:left;
text-align:right;
display:block;
clear:left;
padding-right:10px;}

#cuAnmeldung #eingabe2 {
margin-left:10px;}


#cuAnmeldung fieldset a{
color:#C00000;}

#cuAnmeldung .optional {
background-color: #E8F4D8;
padding:0 0 10px 20px;}

/*Suchseite*/

.suchekopf {
margin-left:30px;
font-size:0.7em;
padding-left:0;}

.suchekopf form{
margin:0 0 10px -20px;
padding:0;}

#navi_mitteunten form {
margin-left:20px;}


/*Anhang*/

#anhang table {
background-color:#DBEDC4;
width:100%;
border:1px solid #91A7AC;
margin:10px 0 0 0;
padding:2px;
border-collapse:collapse;}

#anhang td, #anhang th{
border: 1px solid #91A7AC;}

#anhang th {
text-align:left;
background-color:#5A7331;
color:#fff;}

#anhang img {
border:none;}

#mitte #news h1 {
padding:10px 0 10px 15px;}


/*communitystart*/

#communitystart .oben h1 {
padding:20px 0 10px 20px;}

#mittelSpalte #communitystart .unten h2 {
padding:0 0 10px 20px;}


/*BOOKMARKS*/

#bookmarks {
clear:left;
font-size:0.7em;
margin:0;
padding:5px 0 25px 20px;
width:535px;}

*+html #bookmarks {
padding-bottom:5px;}

*html #bookmarks {
padding-bottom:5px;}

/*Quellenhinweise*/

.right {
float:right;}

.quellenangabe, dd {
margin:0;}

.quellenangabe dd  {
text-align:center;
font-style:italic;
padding-bottom:4px;
font-size:0.9em;}

#navi_mitteunten .quellenangabe {
float:left;
width:80px;
font-size:0.65em;
margin-left:18px;}

#mittelSpalte #navi_mitteunten .quellenangabe .bildstart {
margin-left:0;}

#navi_mitteunten br.clear {
clear:both;}


.bildnavi  {
text-align:center;
margin-top:0px;
margin-bottom:5px;
background:#DBFF79;
padding:2px;}

.bildnavi a {
padding: 0 4px;
border-left: 1px solid #000;}

.bildnavi a.rand { 
border:0; }

.bildnavi a .aktiv {
font-weight: bold;} 

.teaser .left, .bildnavi .left{
float:left;
border:0; }

.bildbereich .right, .bildnavi .right {
float:right;
border:0; }

#mittelSpalte .text .bildbereich h1 { 
font-size:1.2em;
margin-bottom:5px;}

.zoom {
text-align:right;}

.zoom a {
background:url(/icon_zoompic_neu.gif) no-repeat left center;
padding-left:17px; }

#mittelSpalte .text .bildbereich a {
color:#244147;}
 
.grafik {                   
text-align:center;
border:1px solid #ccc;
background-color:#eee;
cursor:pointer;
width:479px;
height:340px;
overflow:hidden;} 

.quelle {
color:#244147;
font-style:italic;}