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

#wrap {
width: 100%;
float: left;
min-width: 960px;
position: relative; 
}

#wrap2 {
float: left; width: 100%; min-width: 960px; background: #003366; z-index: 5; min-height: 70px; position: relative;
box-shadow: 0px 0px 10px 0px #000000; -moz-box-shadow: 0px 0px 10px 0px #000000; -webkit-box-shadow: 0px 0px 10px 0px #000000;
position: fixed; top: 0; left: 0;
}

#header {
margin: 0 auto;
width: 960px;
}
  
#bilder {
float: left; width: 100%;z-index: 2;
position: relative; margin-top: 70px;
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

#bild {width: 960px; margin: 0 auto; height: 100%; overflow: hidden;}
div.bxslider {height: 400px;}
div.slide {height: 400px; position: relative; text-align: left;}
div.slide div.anitext {position: absolute; left: 120px; bottom: 80px; font-size:1.7em;text-shadow: 0px 2px 2px #fff; filter: dropshadow(color=#fff, offx= 0, offy=2); color: #000;}
div.slide div.anitext h2 {font-size: 2.0em;}
#logocontainer {
padding: 0; float: left;
margin: 10px 15px;
}
#logocontainer img {border: 0;}



#content {
margin: 0 auto;
width: 960px;
z-index: 3; 
text-align: left;
}

#inhalt {
float: left;
width: 98%;
margin: 10px 1%;
min-height: 500px;
}

#textfeld {
float: right;
padding: 10px 2% 5px;
margin: 0;
width: 70%;
min-height: 50px;
}

#textfeld img {max-width: 100%;}
.contentelement {float: left; width: 100%;}

#snl {position: absolute; left: 40px; bottom: 20px;}

#footer {
width: 100%;
text-align: center;
padding: 5px 0;
float: left;
position: relative;
color: #fff;
background: #003366;
min-width: 980px;
}

#footer h3 {color: #fff; font-family: 'Bree Serif', serif; margin-top: 5px; }

#footcontent {margin: 0 auto; width: 960px; text-align: left; color: #fff; }
#footc {float: left; width: 300px; min-height: 150px;}
#footcontent > p {float: left; width: 100%; text-align: center; }
#adresse {
float: left;
width: 55%;
padding: 0 5%;
min-height: 150px;
}

#partner {float: left; width: 100%; padding: 10px 0;}

#partner img {display: inline-block; margin: 5px 10px;}

#copyright {float: left; width: 100%; margin: 0; padding: 20px 0; color: #003366; background: #E8E8E8; }

.teaserbox, .box {
margin: 5px 5px 10px 5px;
float:left;
padding-bottom: 5px;
border-bottom: 1px solid #C2E1DF;
}


.teaserbox {
width: 620px;
}


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

.teaserbox h3, .box h3, #newsletterabo h2 {
font-size: 16px;
margin: 0;
border-bottom: 1px solid #C2E1DF;
padding: 27px 0 5px 0;
color: #333;
background: url('images/hin.gif') no-repeat;
}


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

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

p.teaserinhalt {
margin:0;
padding: 5px;
}

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

ul.unavseite_menue li {
margin: 5px 0 10px;
font-weight: bold;
list-style-image: url('images/pfeilr.png');
}

ul.sitemap li {
margin: 5px 0 10px;
list-style-type: square;
font-weight: bold;
}


ul.sitemap_unterpunkt {
list-style-type: disc;
color: #002266;
}

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

.bildrahmen {
padding: 0;
text-align: center;
font-size: 0.9em;
color: #000;
position: relative;
background: #fff; max-width: 50%;
}

.bildrahmen img {padding: 0; margin: 0; width: 100%;}

.bt {position: absolute; left 0; bottom: 0; width: 100%; margin: 0; padding: 5px 0 10px 0; background: rgba(255,255,255,0.7);}

.floatrechts {
margin: 0 0 15px 10px;
float: right;
}

.floatlinks {
margin: 0 10px 15px 0;
float: left;
}

.galerie {
float: left;
width: 100%;
padding:0;
margin: 0;
}

.galerie dl {
float: left;
height: 190px;
margin: 0 15px 5px;
font-size: 11px;
text-align: center;
}

.galerie dd {
margin: 0; 
padding: 0;
}



img.gal {
padding: 0; max-width: 200px;
}



.formfeld {float: left; width: 100%; margin: 2px 0;}
.formfeld label {width: 20%; text-align: left; display: block; float: left; padding: 7px 0; margin: 0 2% 0 0; font-size: 1.1em; }
.formfeld input {width: 69%; display: block; float: left; border-radius: 0; padding: 7px 1%; }
.formfeld textarea {width: 92%; display: block; float: left; border-radius: 0; height: 150px; border-right: 1px solid #003366; padding: 7px 1%; }

fieldset {margin: 0; padding: 0; display: block; float: left; width: 100%; border: none; }
legend {display: none;}

div.formclear {
float: left;
width: 450px;
}

input#Ort {
width: 48%;
margin-left: 1%;
}
input#PLZ, input#re_plz, input#rb_plz {
width: 18%;
}
input#captcha {
width: 150px; padding: 4px;
}

.kontaktformular p {float: left; width: 100%;}

div.formfehler {
width: 75%;
float: right;
color: #f00;
text-align: left;
font-size: 0.9em;
}

input.fehlerfeld {
background: #fcc;
border: 1px solid #f00;
}

form {
margin: 0; float: left; width: 100%; padding: 0;
}

input, textarea, select {
color: #000; background: #EFEFEF;
font-family: 'Open Sans', Arial, sans-serif;
border-bottom: 1px solid #003366; border-top: 0; border-left: 0; border-right: 0;
font-size: 1.1em;
}
input:hover, textarea:hover, select:hover { background: #E8E8E8;}

input:focus, textarea:focus, select:focus {
  box-shadow: 0px 0px 2px 0px #000000;
-moz-box-shadow: 0px 0px 2px 0px #000000;
-webkit-box-shadow: 0px 0px 2px 0px #000000;}

input.button, input[type=submit] {
background-color: #003366;
color: #fff;
border: none;
font-size: 1.2em;
font-weight: bold;
min-width: 220px;
padding: 7px 10px;
cursor: pointer;
float: left; margin: 7px 0;
}
input.button:hover, input[type=submit]:hover {color:#003366; background: #dcfddc;
box-shadow: inset 0px 0px 10px 0px #003366; -moz-box-shadow: inset 0px 0px 10px 0px #003366; -webkit-box-shadow: inset 0px 0px 10px 0px #003366;
}



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

a.weiterlink:link, a.weiterlink:visited  {
display: inline-block; padding: 10px 30px 10px 50px; background: url('images/pfeil1.png') no-repeat #003366; background-position: 17px 15px; color: #fff; text-shadow: 0px 2px 2px #000; filter: dropshadow(color=#000, offx= 0, offy=2);}

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

a.weiterlink:hover {
box-shadow: inset 0px 0px 10px 0px #fff; -moz-box-shadow: inset 0px 0px 10px 0px #fff; -webkit-box-shadow: inset 0px 0px 10px 0px #fff;
}


p.captchafehler {
border: 1px solid #c00;
color: #f00;
margin: 10px 0;
padding: 10px;
background: #ffc;
}




.meldung { color: red }
.meldung.erfolg {color: green;}

#wedebologin, #passwortvergessen {float: left; width: 90%; padding: 10px 5%;}
#wedebologin {background: url('images/icon-login_l.png') right 50px top 10px no-repeat;}

h4.accordeonlink {cursor:pointer;}
.infobox {float: left; width: 98%;margin:0; padding: 0 1% 5px;}

div.infobox a {display: inline-block; margin: 0 10px 0 0; background: #003366; color: #fff; padding: 5px 30px;}
div.infobox a:hover {background: #dcfddc; color: #003366;
box-shadow: inset 0px 0px 10px 0px #003366; -moz-box-shadow: inset 0px 0px 10px 0px #003366; -webkit-box-shadow: inset 0px 0px 10px 0px #003366;}
div#loginfeld {position: fixed; top: 140px; left: 50%; width: 700px; margin-left: -350px; z-index: 4; background: #fff;box-shadow: 0px 0px 5px 0px #000000;-moz-box-shadow: 0px 0px 5px 0px #000000;-webkit-box-shadow: 0px 0px 5px 0px #000000;}
div#loginfeld > a {display: block; float: right; width: 30px; height: 30px; background: url('images/icon-close.png') center center no-repeat #003366; margin: 3px; overflow: hidden; text-indent: -2000px; }

@media only screen and (max-width: 1060px)
{
#bilder {  background-attachment: scroll; background-position: center top;    }
#partner img {max-width: 150px; height: auto;}
}

@media only screen and (max-width: 960px)
{
#wrap {min-width: 670px;}
#wrap2 { width: 100%; min-width: 670px; position: relative; z-index: 5; }
#header {width: 100%; }
#logocontainer img {width: 180px;}
#bilder {  margin-top: 0; }
div.bxslider, div.bx-wrapper {height: 300px;}
#bild {width: 100%;}
div.slide div.anitext {position: absolute; left: 80px; bottom: 150px; font-size:1.5em;}
div.slide div.anitext h2 {font-size: 1.8em;}


#content {width: 100%;}
#textfeld {width: 96%; padding: 10px 2% 5px 2%;
float: left;
margin: 0 0 20px 0 ;
}

#footcontent {width: 100%;}
#footer {min-width: 680px;}
#partner img {max-width: 120px;}


div#loginfeld {position: fixed; top: 140px; left: 5%; width: 90%; margin-left: 0;}
#wedebologin {background: url('images/icon-login_l.png') right 30px top 10px no-repeat; background-size: 40px auto;}
}

@media only screen and (max-width: 680px)
{
#wrap {min-width: 320px;}
#wrap2 { min-width: 320px; min-height: 20px; }
#logocontainer img {width: 150px;}
#adresse {margin: 10px 0 10px 0; width: 90%; }
#footer {min-width: 320px;}
#footcontent > p {font-size: 0.8em; }

#textfeld iframe {max-width: 100%;}
.galerie {width: 100%;}


div.slide div.anitext {left: 40px; bottom: 200px; font-size:1.3em;}
div.slide div.anitext h2 {font-size: 1.5em;}

a.weiterlink:link, a.weiterlink:visited  { background-size: 10px auto;}

}

@media only screen and (max-width: 460px)
{
div.slide div.anitext {left: 15px; bottom: 200px; }
div.slide div.anitext h2 {font-size: 1.4em;}
.formfeld {float: left; width: 100%; margin: 2px 0;}
.formfeld label {width: 100%; text-align: left; display: block; float: left; padding: 7px 0; margin: 0; font-size: 1.0em; }
.formfeld input {width: 98%; display: block; float: left; border-radius: 0; padding: 7px 1%; }
.formfeld textarea {width: 98%; display: block; float: left; border-radius: 0; height: 150px; border-right: 1px solid #003366; padding: 7px 1%; }
input#Ort {width: 68%;margin-left: 2%;}
input#PLZ, input#re_plz, input#rb_plz {width: 26%;}
}