html, body {
margin: 0 0 0 0;
padding: 0;
text-align: center;
background: #fff;
height: 100%;
}

#wrap {
float: left; width: 100%; min-width: 980px; position: relative;
background: url('images/hin.png') center center no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#wrap2 {
margin: 0;
min-width: 980px;
float: left; padding: 0;
width: 100%;
background-color: #F1F1F1;
}
#wrap3 {
margin: 0;
min-width: 980px;
float: left;
width: 100%;
overflow: hidden;
}

#header {
margin: 0 auto; width: 680px; padding: 0 300px 0 0;
position: relative; text-align: left;
z-index: 2;
}

#logo {float: left; margin:20px;}
#mtlogo {float: right; margin: 85px 20px 0 0;}



#header p {position: absolute; top: -32px; left: 0; color: #fff; font-weight: bold; font-size: 0.9em; }

#content {
width: 980px; margin: 0 auto;
text-align: left;
background: #fff;
z-index: 4;
}

#inhalt {
float: left;
width: 680px;
min-height: 660px;
background: #fff;
margin: 20px 0 0 0;
box-shadow: 0px -30px 10px -35px #000000,30px 0px 10px -35px #000000,-30px 0px 10px -35px #000000;
-moz-box-shadow: 0px -30px 10px -35px #000000,30px 0px 10px -35px #000000,-30px 0px 10px -35px #000000;
-webkit-box-shadow: 0px -30px 10px -35px #000000,30px 0px 10px -35px #000000,-30px 0px 10px -35px #000000;

}

#textfeld {
float: right;
padding: 10px 0;
margin: 0;
width: 660px;
min-height: 300px;
}

#rechts {float: right; width: 280px; min-height: 780px; padding: 0;
margin: 0; background: #797979; }

#adresse {
float: left; width: 215px; padding: 0 0 10px 30px; margin: 0; color: #fff;
}

#adresse h3 { margin: 0 0 10px 0; color: #fff; font-size: 1.1em; }


.contentelement {float: left; width: 645px; padding: 0; margin: 0;}
#content0 h1#firstheadline { float. left; width: 620px;  padding: 60px 0 4px 20px; margin: 10px 0; background: url('images/headhin.png') top 10px right 10px no-repeat #B3CB94; color: #fff;}


#footwrap {float: left; width: 100%; min-width: 980px; background: url('images/foothin.png') repeat-x #88B96A; }
#footer {
width: 960px; margin: 0 auto;
padding: 0; min-height: 130px;
text-align: left;
color:#4D4D4D;
}

#footer > p {text-align: right; float: right; width: 240px; }

#footcont {float: left; width: 600px; padding: 20px; min-height: 100px; }

.teaserbox, .box {
margin: 5px 0;
float:left;
border-bottom: 1px solid #ccc;
}


.teaserbox {
width: 450px;
}

.box {
width: 535px;
}

.boxbild {
float: left;
margin: 5px 5px 0 5px;
}

.teaserbox h3, .box h3, #newsletterabo h2 {
margin: 0; padding: 10px 0 5px 0; text-shadow:  1px  /*{a-bar-shadow-x}*/  1px  /*{a-bar-shadow-y}*/  1px  /*{a-bar-shadow-radius}*/  	#999  /*{a-bar-shadow-color}*/;
font-weight: normal;
}

.teaserbox a {
}

.teaserbox h3 a:link , .teaserbox h3 a:visited {
text-decoration: none;
} 

.teaserbox h3 a:hover, .teaserbox h3 a:active {
color: #000;
text-decoration: none;
} 


ul.unavseite_menue {padding-top: 5px;}

ul.unavseite_menue li {
margin: 5px 0 10px;
font-weight: 400;
list-style-type: square;
color: #529D2E;
}

ul.sitemap li {
margin: 5px 0 10px;
list-style-type: square;
color: #529D2E;
font-weight: 400;
}


ul.sitemap_unterpunkt li {
list-style-type: disc;
color: #529D2E;
}

ul.sitemap_unterpunkt li {
margin: 5px 0;
list-style-image: none;
font-weight: 400;
}

.bildrahmen {
padding: 5px 5px 2px 5px;
text-align: center;
font-size: 85%;
color: #000;
position: relative;
}

img.bildgross {
margin-bottom: 10px;
}

.floatrechts {
margin: 0 0 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: 140px;
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: 2px;
}


.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: 500px;
}


.kontaktformular p {
width: 450px;
float: left;
}
.formfeld {float: left;
width: 480px; clear: both;}
.checkbox {float: left;
width: 480px; clear: both; margin: 10px 0;}
fieldset {
border: 1px solid #E8E8E8;
padding: 10px;
font-size: 0.95em;
}

legend {
color:  #000;
font-size: 22px;
font-weight: normal;
margin: 10px 0 10px 0;
}
.kontaktformular legend {display: none;}

.kontaktformular label {
float: left;
width: 130px;
margin: 3px 0;
}
.kontaktformular div.checkbox label {width: 330px;}

.kontaktformular input {
float: left;
color: #000;
background: #F1F1F1;
font-family: 'Alef', Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999;
width: 290px;
margin: 1px 0;

}

.kontaktformular div.checkbox input {margin: 5px 0;}

.kontaktformular select {
float: left;
color: #000;
font-family: 'Alef', Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid #999;
background: #F1F1F1;
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;
}

.kontaktformular textarea {
width: 430px;
max-width: 450px;
height: 70px;
border: 1px solid #999;
color: #000;
font-family: 'Alef',Arial, Helvetica, sans-serif;
background: #F1F1F1;
}


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: #529D2E;
color: #fff;
border: none;
font-size: 14px;
font-weight: bold;
width: 150px;
padding: 5px;
cursor: pointer;
}



a.backlink:link, a.backlink:visited, a.pfeillink:link, a.pfeillink:visited {
display: block;
float: left;
padding: 3px;
font-weight: bold;
text-decoration: none;
width: 100px;
margin-top: 20px;
font-size: 11px;
}

a.weiterlink:link, a.weiterlink:visited  {
padding: 2px;
font-weight: bold;
text-decoration: none;
width: 100px;
font-size: 11px;
}

a.backlink:hover, a.pfeillink:hover {
color: #000;
text-decoration: none;
}

a.weiterlink:hover {
color: #000;
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;
} 


ul.nliste a {
font-size: 110%;
font-weight: bold;
}



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 }


#copyright {float: right; width: 240px; margin: 0 0 50px 0; }

#titelcontainer {position: absolute; left: 0; bottom: 0; width: 980px; height: 110px; background: url('images/hin.png') center top repeat-y; color: #fff; text-align: left; font-size: 1.1em; }
#titelcontainer h2 {color: #fff; margin: 20px 0 0 0; position: absolute; top: 0px; left: 20px; display: none; }
#titelcontainer p {color: #fff; margin: 10px 0 0 0;  position: absolute; top: 55px; left: 20px; display: none; }

div#beschriftung {position: absolute; bottom: 40px; right: 10px; display: none; background: url('images/bbhin.png'); padding: 10px 10px 20px; width: 170px; text-align: left; color: #fff; font-weight: bold; line-height: 150%; }
#cookie-bar {background:#575756; height:auto; color:#fff; text-align:center; padding:10px 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.9em; }
#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: #000;}
#cookie-bar .cb-disable {background:#8D8F8F; color: #fff;}
#cookie-bar .cb-disable:hover {background:#fff; color: #000;}
#cookie-bar .cb-policy {background:#fff;  color: #000;}
#cookie-bar .cb-policy:hover {background:#8D8F8F; color: #fff;}