html,body {
margin: 0 0 0 0;
padding: 0;
text-align: center;
min-height: 100%;
width: 100%; float: left;
background-color: #ccd0d0;
background-image: url("../images/sommer.jpg");
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-attachment: fixed;
}

@font-face {
      font-family: 'fontello';
      src: url('font/fontello.eot?95854605');
      src: url('font/fontello.eot?95854605#iefix') format('embedded-opentype'),
           url('font/fontello.woff?95854605') format('woff'),
           url('font/fontello.ttf?95854605') format('truetype'),
           url('font/fontello.svg?95854605#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
    }


#wrap {width: 100%; max-width: 1160px; margin: 0 auto; padding:0;}
#wrap2 {float: left; width: 100%; padding: 0; margin: 120px 0 0; background: #ffffff; background: rgba(255,255,255,0.8); overflow: hidden; box-sizing: border-box;}

#header {
width: 100%;
margin: 0;  padding: 0; float: left;
position: relative; z-index: 5;
}

#logocontainer {
float: right; padding: 0 5%; margin: 15px 0; width: 30%;
}
#logocontainer img {max-width: 100%; height: auto; float: left;}

#content {
width: 100%;
text-align: left;
padding: 0;
margin: 0; float: left;
position: relative;
}

#navcontainer {
float: left; min-height: 300px;
margin: 0;
padding: 0;
width: 25%; position: relative; z-index: 6;
}

#aside {float: left; width: 100%; margin: 10px 0;}

#bilder {float: left; width: 50%; margin: 0; z-index: 4; height: 150px; max-width: 500px; background: url('images/bg1.jpg') no-repeat; background-size: 100% auto; }

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

#inhalt {
float: right; margin: 0;
width: 75%; position: relative; z-index: 7;
padding: 10px 0;
min-height: 700px;
}

#textfeld {
float: left;
padding: 0 5%;
margin: 0 0 10px 0;
width: 90%;
min-height: 250px;
}

#footwrap {
float: left; position: relative; z-index: 8;
width: 100%; background: #336F39;
}

#footer {margin: 0 auto; width:1160px; text-align: left; color: #fff;font-family: 'Open Sans Condensed', sans-serif; font-size: 1.1em; }

address {font-style: normal; float: left; width: 62%; padding: 10px 2%; position: relative; }
address div {float:left; width: 50%;}
#footer h3 {color:#B3B3B3}
#footer a {color: #B3B3B3;}

address h3:before {
  display: inline-block; padding: 0 7px 0 0;
  font-family: 'fontello';
  text-decoration: none;
  speak: none; font-size: 0.75em;
  content: "\e80d";
}



.copy {float: left; padding: 10px 5%; width: 90%; text-align: center; }

ul.unavseite_menue { float: left;}

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

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

ul.sitemap_unterpunkt {
list-style-type: square;
}

ul.sitemap_unterpunkt li {
margin: 5px 0;
list-style-image: none;
font-weight: 300;
font-size: 0.8em;
}

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

.bildrahmen img {width: 100%;}

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

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

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

.galerie dl {
float: left;
height: 180px;
margin: 2px 1%;
font-size: 11px;
text-align: center;
width: 23%;
}

.simplegalerie div.galerie dl { height: auto;}

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

.flexgalerie div.flexslider {float: left; width: 100%; margin: 20px 0;}


img.gal {
padding: 0; width: 100%;
}

.dlbox {

margin: 0 0 5px 0;
}

.dlbox p {
margin: 7px 0;
padding-left: 20px;
background: url('images/pfeilr2.gif') 0 4px no-repeat;
font-size: 95%;
}
.dlbox p.pdfdl {
background: url('images/pdf.gif') 0 0 no-repeat;
}

.dlbox h3 {
padding: 0;
margin: 30px 0 20px 0;
font-weight: bold;
}

.kontaktseite {float: right; width: 100%;}
.kontaktformcontainer {float: left; width: 100%;}

@media only screen and (min-width: 680px)
{
.kad {float: left; width: 50%;}
.karte {float: right; width: 50%;}
}

.kontaktformular {
width: 95%; padding: 10px 0; max-width: 600px;
}

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

legend {
display: none;
}
fieldset {border: none; padding: 0;}

.kontaktformular label {
float: left;
width: 30%;
margin: 3px 0;
font-size: 100%;
}

.kontaktformular input {
float: left;
color: #000;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border: 1px solid #999;
width: 65%;
margin: 0; box-sizing: border-box;
}

.kontaktformular select {
float: left;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
border: 1px solid #999;
background: #fff;
width: 65%;
margin: 1px 0;
font-weight: bold;
padding: 4px;
}

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

input#Ort {
width: 50%;
margin-left: 1%;
}
input#PLZ {
width: 14%;
}
input#captcha {
width: 130px;
}

.kontaktformular textarea {
width: 95%;
max-width: 700px;
height: 90px;
border: 1px solid #999;
color: #000;
font-family: Arial, Helvetica, sans-serif;
background: #fff;
margin-bottom: 10px;box-sizing: border-box;
}


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

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

form {
margin: 0;
}

input, textarea {
color: #000;
padding: 5px;
}

input.button {
background: #336F39; color: #fff; padding: 10px 0;
font-weight: bold; font-size:1.1em;
cursor: pointer;border: none; width: 200px;
}
input.button:hover {background: #666;}

a.backlink:link, a.backlink:visited, a.pfeillink:link, a.pfeillink:visited {
float: left;
display: block;
text-decoration: none;
background: #336F39; color: #fff; padding: 5px 20px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 1.2em;
}

a.weiterlink:link, a.weiterlink:visited  {
display: inline-block;
text-decoration: none;
background: #336F39; color: #fff; padding: 5px 20px;
font-family: 'Open Sans Condensed', sans-serif;font-size: 1.2em;
}

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

a.weiterlink:hover {
background-color: #666;color: #fff;
text-decoration: none;
}

#footinhalt a.weiterlink {background-image: none;padding: 5px 30px 5px 30px;}

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;
}

.meldung { color: red }



.accfeld {float: left; width: 98%; padding: 0 0 5px 1%; margin; 0;}
h2.accordeonlink {float: left; width: 96%; padding: 5px 2% 5px 2%; margin: 10px 0 0; background: url('images/accpfeil.png') right 10px top 15px no-repeat #FBD62B; color: #000; font-size: 1.3em; cursor: pointer;
border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px;}
h2.offen { background: url('images/accpfeil2.png') right 10px top 15px no-repeat #FBD62B; }


.formfeld { width: 100%; float: left; padding: 2px 0; }

.tpreis {float: left;}
.tpreis span {float: left; width: 100%;}
span.preis1 {font-weight: bold; font-size: 1.1em;}
.preis {float: left; }
.preis span {float: left; width: 100%;}   


img {max-width: 100%; height: auto;}
iframe {max-width: 100%;}


#cookie-bar {background:#666; 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.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; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#8D8F8F;}
#cookie-bar .cb-enable:hover {background:#fff;  color: #2E5F23;}
#cookie-bar .cb-disable {background:#8D8F8F; color: #fff;}
#cookie-bar .cb-disable:hover {background:#fff; color: #2E5F23;}
#cookie-bar .cb-policy {background:#fff;  color: #2E5F23;}
#cookie-bar .cb-policy:hover {background:#8D8F8F; color: #fff;}


@media only screen and (max-width: 1160px)
{
#navcontainer {min-height: auto;}
#wrap2 {margin: 50px 0 0;}
#footer {margin: 0; width: 100%;}
}
@media only screen and (max-width: 960px)
{
.galerie dl {height: 175px;}
#footer  {font-size: 0.9em; }
#logocontainer { width: 35%;}
#wrap2 {margin: 0;}
#bilder {height: 120px; }
}

@media only screen and (max-width: 680px)
{
#wrap {min-width: 300px;}
#wrap2 {min-width: 300px;}
#header {border-bottom: 4px solid #666;}
#footwrap { min-width: 300px;}
#content {min-height: 200px;}
#inhalt {width: 100%; min-height: 400px;}
#navcontainer {width: 100%;margin: 0;}
#bilder {height: 90px; margin-bottom: 10px; }
address {width: 92%;}
#textfeld {padding: 0 3%;width: 94%;}

.galerie {width: 100%;}
form {margin: 0 5px 0 5px;}
.kontaktformular {width: 98%;}

#footer {min-width: 300px; }

#footside {width: 35%; }
}

 @media only screen and (max-width: 460px)
{

#wrap {min-width: 300px;}
#bilder {height: 60px; }
.galerie dl {width: 46%;}
.kontaktformular label { width: 100%;}
.kontaktformular p {width: 100%;}
.kontaktformular input {width: 100%;}
.kontaktformular textarea {width: 100%;}
input#Ort {
width: 75%;
margin-left: 1%;
}
input#PLZ {
width: 24%;
}
div.formfehler {width: 100%;}

}