body {
margin: 0 0 0 0;
padding: 0;
text-align: center;
background: url('images/hin.png') center top no-repeat #fff;
}

#wrap {
width: 985px;
margin: 0 auto;
}

#wrap2 {
float: left;
width: 985px;
position: relative;
margin: 0;
height: 482px;
}

#header {
width: 985px;
position: absolute;
top: 0;
left: 0;
z-index: 5;
height: 145px;
background: url('images/tophin.png') center top;
}

#bildcontainer {
width: 985px;
position: absolute;
top: 20px;
left: 0px;
z-index: 4;
background: url('../images/werbung.jpg') no-repeat;
overflow: hidden;
}

#bilder {
float: left;
width: 985px;
height: 450px;
position: relative;
}

#bilder div.bildfeld {
float: left;
width: 985px;
height: 450px;
overflow: hidden;
}

#logo {
float: left;
margin: 10px 0 0 80px;
}

#bildr {position: absolute; left: 0px; bottom: 0px; z-index: 6;}

#content {
float: left;
width: 980px;
position: relative;
text-align: left;
}

#navcontainer {
float: left;
width: 200px;
min-height: 320px;
margin: 50px 0 0 0;
padding-left: 15px;
}

#inhalt {
float: left;
width: 530px;
background: #fff;
min-height: 320px;
}

#textfeld {
position: relative;
float: left;
padding: 0 0 15px 20px;
margin: -20px 0 5px 0;
width: 500px;
}

.auflistungselement {
float: left;
width: 500px;
border-bottom: 1px solid #C0E2F2;
}

.auflistungselement h2 {margin-top: 15px;}

#rechts {
position: relative;
float: right;
width: 225px;
padding-top: 45px;
margin-top: 40px;
}
 /*
#aktuelltitle {position: absolute; width: 210px; top: 0; left: 0; background: #0089D1; 
-moz-transform:rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform:rotate(-5deg);
-o-transform:rotate(-5deg);
transform:rotate(-5deg);
box-shadow: 0px 0px 3px 0px #999999; -moz-box-shadow: 0px 0px 3px 0px #999999; -webkit-box-shadow: 0px 0px 3px 0px #999999;
}
#aktuelltitle h3 {padding: 10px; margin: 0; color: #fff; letter-spacing: 1px; }
*/

#aktuelltitle {position: absolute; width: 230px; height: 65px; top: 0; left: -3px; background: url('images/aktuell.png') no-repeat; 
overflow: hidden; text-indent: -2000px;
}

#aktuelles {
position: relative;
float: right;
margin: 10px 0 10px 0;
width: 210px;
height: 185px;
background: url('images/rechtshin.gif') no-repeat;
box-shadow: 1px 0px 5px 0px #999; -moz-box-shadow: 1px 0px 5px 0px #999; -webkit-box-shadow: 1px 0px 5px 0px #999;
overflow: hidden;
}


#footer {
width: 985px;
background: url('images/foothin.gif') repeat-x;
padding: 0;
float: left;
color: #fff;
position: relative;
margin: 10px 0 20px;
}

#footer b {color: #2D2382; text-transform: uppercase; }


#aktuelles div.teaserbox_r {
width: 195px;
float: right;
border-top: 2px solid #D1D2D2;
background: url('images/rechtsnavhin.png') 161px 2px no-repeat;
margin-top: 3px;
}

#aktuelles a:first-child div.teaserbox_r {
border-top: none;
}

.teaserbox_r p {margin: 5px 0; color: #2E2381; font-size: 100%;}



ul.unavseite_menue {padding-top: 5px;}

ul.unavseite_menue li {
margin: 5px 0 10px;
font-weight: bold;
list-style-image: url('images/pfeilr2.gif');
}

ul.sitemap li {
margin: 5px 0 10px;
list-style-image: url('images/pfeilr2.gif');
font-weight: bold;
}


ul.sitemap_unterpunkt {
list-style-type: disc;
color: #0089D1;
}

ul.sitemap_unterpunkt li {
margin: 5px 0;
list-style-image: none;
font-weight: normal;
}

.bildrahmen {
padding: 5px 5px 4px 5px;
text-align: center;
font-size: 85%;
color: #000;
position: relative;
background: #fff;
}

.floatrechts {
margin: 0 10px 10px 10px;
float: right;
}

.floatlinks {
margin: 0 10px 10px 0;
float: left;
}



.galerie {
float: left;
width: 100%;
margin: 10px 0 10px;
}

.galerie dl {
float: left;
height: 130px;
margin: 2px 5px 2px 2px; 
font-size: 11px;
text-align: center;
background: #fff;
}

.galerie dd {
margin: 0; 
padding: 0;
}



img.gal {
padding: 0;
border: 1px solid #ccc;
margin: 5px;
}


.dlbox {
float: left;
width: 100%;
margin: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}
.dlbox h3 {
padding: 0;
margin: 0 0 25px 0;
font-size: 15px;
color: #666;
font-weight: bold;
}

.dlbox p {
margin: 5px 0;
padding-left: 18px;
background: url('images/pfeilr2.gif') 0 4px no-repeat;
font-size: 95%;
}
.linkbox {
float: left;
width: 100%;
margin: 10px 0 10px 0;
border-bottom: 1px solid #ccc;
}

.linkbox h3 {
padding: 0;
margin: 0 0 25px 0;
font-size: 15px;
color: #666;
font-weight: bold;
}

.linkbox p {
margin: 5px 0;
padding-left: 18px;
background: url('images/pfeilr2.gif') 0 4px no-repeat;
font-size: 85%;
}



.kontaktformular {
width: 480px;
}

.kontaktformular p {
width: 450px;
float: left;
}

fieldset {
border: 1px dotted #007076;
padding: 10px;
font-size: 90%;
}

legend {
font-size: 21px;
color: #007076;
font-weight: normal;
margin: 20px 0 10px 0;
}

.formdatenname {float: left; width: 480px; margin-top: 20px;}

.kontaktformular label {
float: left;
width: 130px;
margin: 3px 0;
font-size: 100%;
}

.kontaktformular input {
float: left;
color: #000;
background: #D4D4D4;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999;
width: 290px;
margin: 1px 0;
}

.kontaktformular select {
float: left;
color: #000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999;
background: #D4D4D4;
width: 110px;
margin: 1px 0;
font-weight: bold;
}

div.formclear {
float: left;
width: 450px;
}

input#Ort, input#re_ort, input#rb_ort {
width: 200px;
margin-left: 2px;
}
input#PLZ, input#re_plz, input#rb_plz {
width: 78px;
}
input#captcha {
width: 130px;
}

input.radiob {width: 40px; background: transparent; border: none;}

.kontaktformular textarea {
width: 430px;
max-width: 450px;
height: 70px;
border: 1px solid #999;
color: #000;
font-family: Tahoma, Arial, Helvetica, sans-serif;
background: #D4D4D4;
}


div.formfehler {
width: 400px;
float: right;
color: #ff6666;
text-align: center;
font-size: 90%;
}

input.fehlerfeld {
background: #fcc;
border: 1px solid #f00;
}

form {
margin: 0 10px 0 10px;
}

input, textarea {
color: #000;
padding: 4px;
}

input.button {
background-color: #007076;
color: #fff;
border: 1px solid #999;
font-size: 14px;
font-weight: bold;
width: 150px;
padding: 4px;
}



a.backlink:link, a.backlink:visited, a.pfeillink:link, a.pfeillink:visited {
display: block;
float: left;
padding: 2px 12px 2px 15px;
color: #007076;
font-weight: bold;
text-decoration: none;
width: 100px;
margin-top: 20px;
background: url(images/pfeilr.gif) 2px 2px no-repeat;
font-size: 13px;
}

a.weiterlink:link, a.weiterlink:visited  {
padding: 2px 12px 2px 15px;
color: #007076;
font-weight: bold;
text-decoration: none;
width: 100px;
background: url(images/pfeilr.gif) 2px 2px no-repeat;
font-size: 13px;
}

a.backlink:hover, a.pfeillink:hover {
color: #333;
text-decoration: none;
}

a.weiterlink:hover {
color: #333;
text-decoration: none;
}

ul.liste {
list-style-type: none;
}
ul.liste li {
font-weight: bold;
font-size: 100%;
padding-left: 20px;
background: url('images/pfeilr2.gif') 0 6px no-repeat;
margin-bottom: 10px;
} 


ul.nliste {
list-style-type: none;
}
ul.nliste li {
font-size: 85%;
padding-left: 20px;
background: url('images/pfeilr2.gif') 0 6px no-repeat;
margin-bottom: 10px;
} 



p.captchafehler {
border: 1px solid #c00;
color: #f00;
margin: 10px 0;
padding: 10px;
background: #ffc;
}

form.loginformular {
width: 400px;
border: 1px solid #B7DB02;
padding: 20px;
float: left;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}

form.loginformular div {
float: left;
width: 350px;
padding: 3px;
}

form.loginformular label { float: left; width: 120px;}
form.loginformular input { float: left; width: 160px;}

.meldung { color: red }

#galanimation {position: absolute; top: 370px; left: 50px; width: 800px; z-index: 7;}

#galanimation a {
float: left;
width: 22px;
height: 32px;
overflow: hidden;
text-indent: -2000px;
}

#galanimation a.animationweiterlink {
float: left;
background: url('images/anifw.png') no-repeat;
}
#galanimation a.aktivlink {
background: url('images/aniaktiv.png') no-repeat;
}
.footcont { margin: 0 0 10px 10px; text-align: left; padding: 15px 5px 15px 30px; line-height: 150%; background: url('images/footpfeil.gif') no-repeat;}

#copyright {float: right; width: 200px;}
#facebook {float: right; width: 180px;}
#footmen {float: left; width: 160px;}
#adresse { float: left; width: 370px;}

#footbutton {position: absolute; top: 10px; left: 500px;}

#cookie-bar {background:#2E2381; height:auto; color:#fff; text-align:center; padding:5px 0; z-index: 200; position: relative;
box-shadow: 0px 0px 5px 0px #000000; -moz-box-shadow: 0px 0px 5px 0px #000000; -webkit-box-shadow: 0px 0px 5px 0px #000000; font-size: 0.95em;}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#8D8F8F;}
#cookie-bar .cb-enable:hover {background:#fff;  color: #0089D1;}
#cookie-bar .cb-disable {background:#8D8F8F; color: #fff;}
#cookie-bar .cb-disable:hover {background:#fff; color: #0089D1;}
#cookie-bar .cb-policy {background:#fff;  color: #0089D1;}
#cookie-bar .cb-policy:hover {background:#8D8F8F; color: #fff;}

