/* CSS Document */

body{font-family: 'Source Sans Pro', sans-serif;font-size:16px;margin:0px;padding:0px;border-top:5px solid #58585A;color:#707173;}
#wrap{width:80%;margin:0px auto;margin-top:0px;max-width:950px;}
#header{border-bottom:1px solid #58585A;color:#87888A;font-size:0.45em;margin:0px auto;}
#logo{text-align:center;margin-bottom:0.625em;max-width:100%;height:auto;}
#logo img{max-width:100%;height:auto;}
#header h1{border-top:1px solid #58585A;margin:0px auto;text-align:center;line-height:1.5em;}
#mainnav{}
#mainnav ul{display:block;margin:0 0 0 -5px;padding:0;width:100%;}
#mainnav ul li{list-style-type:none;display:inline;float:left;margin:0px 5px;text-align:center;padding-top:5px;position:relative;}
#mainnav ul li:hover,#mainnav ul li.rex-active,#mainnav ul li.rex-current{border-top:5px solid #B5152B;padding:0;}
#mainnav ul li a{color:#87888A;text-decoration:none;padding:0px 1em 1.1em 1em;line-height:1.7em;display:block;}
#mainnav ul li a:hover,#mainnav ul li a.rex-active,#mainnav ul li a.rex-current{color:#B5152B;background:url("navpfeil.png")bottom center no-repeat;
/* padding-bottom:1.1em; */
position:relative;z-index:8;}
#mainnav ul li ul{display:none;width:130%;margin-left:-2.5em;position:absolute;}
#mainnav ul li:hover ul{display:block;margin-top:-0.8em;z-index:2000;}
#mainnav ul li ul li{clear:both;width:150%;margin:2px 0 0 0;padding:0px;border-bottom:1px solid #fff;border-top:1px solid #fff;background-color:#fff;filter:alpha(opacity=90); /* IE */
opacity:0.9; /* allgemein */
-moz-opacity:0.9; /* Mozilla */
-khtml-opacity:0.9; /* KTHML */
-opera-opacity:0.9; /* Opera */}
#mainnav ul li ul li:first-child{margin-top:5px;}
#mainnav ul li ul li a{display:block;
/* line-height:1.7em; */
padding-bottom:0px;}
#mainnav ul li ul li a:hover{background:none;}
#mainnav ul li ul li:hover,#mainnav ul li ul li.rex-active,#mainnav ul li ul li.rex-current{border-bottom:1px solid #B5152B;border-top:1px solid #B5152B;padding:0;height:1.7em;}
#mainnav .mobilenavtrigger{display:none;}

#content{clear:both;margin-top:2.6em;width:100%;z-index:200;}
#content #headerpic img{width:100%;padding:0;margin:-0.5em 0 0 0;}
#content #headerpic p{width:100%;text-align:center;margin:0 0 1em 0;border-bottom:1px solid #58585A;font-size:1em;line-height:1.8em;}
#content #contentleft{width:60%;float:left;}
#content #contentright{width:40%;float:left;}

#content h2{font-size:1em;}
#content p{font-size:1em;margin-right:2.2em;}
#content p + img{margin:0;}
#content .tinymcewysiwyg img{max-width:100%;height:auto;}
#content table{margin:0 0 0 2em;padding:1em 0 0 0;max-width:100%;height:auto;}
#content table.tabelleStart{margin:4.2em 0 0 2em;}
#content td{padding-left:1em;}
#content a{text-decoration:none;color:#707173;font-size:1em;}
#content .three_blocks{width:100%;clear:both;}
#content .threeleft{width:45%;float:left;}
#content .threemiddle{width:24%;float:left;margin-left:3%;}
#content .threeright{width:24%;float:left;margin-left:3%;}
#content .four_blocks{margin-left:-6%;width:113%;}
#content .first,#content .second,#content .third,#content .forth{width:20%;float:left;margin-left:5%;}
#content .first img,#content .second img,#content .third img,#content .forth img{max-width:100%;height:auto;}
#poduktgalerie{width:100%;margin:0 auto;background:#fff none;}
#poduktgalerie {
 /*   content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;*/
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    /*background: #444444;*/ }
#poduktgalerie #produktimage,#poduktgalerie #produkbeschreibung{width:49%;float:left;display:block;background:#fff none;}
#poduktgalerie #produkbeschreibung{padding:2.5em 0 10px 0;}
#poduktgalerie #produktimage img{max-width:100%;height:auto}
#content a.grauerPfeil:before{content:"\25BA ";padding-right:10px;padding-left:2em;font-size:0.8em;}
#content a.grauerPfeil{font-weight:normal;}
#content #produktuebersicht a {float: left;margin: 0 20px 15px 0;text-align:center;width:217px;min-height:350px;}
#content #produktuebersicht a p{text-align:center;margin-right:0px;}
.formgen .formtext{display:block;float:right;width:30em;height:1.5em;border:1px solid #58585A;padding:2px !important;}
.formgen .formtextfield{display:block;float:right;width:30em;height:15em;border:1px solid #58585A;padding:2px !important;}
.formgen label{line-height:1.7em;}
.formgen .formheadline{font-weight:bold;padding:1em 0;}
.formgen .formhinweis{padding:0 0 10px 0;}
.forminfo{color:#B5152B;border-top:1px solid #B5152B;border-bottom:1px solid #B5152B;padding:5px;margin-bottom:1em;}
.formgen .formsubmit{clear:both;float:right;border:1px solid #58585A;margin:0.8em 19.5em 5em 0;padding:5px;background-color:#EFF2F4;color:#707173;}
.formgen + .tinymcewysiwyg{clear:both;}
.kassenrezept{width:110%;display:table;}
.kassenrezept .formtext{display:block;float:right;width:30em;height:1.5em;border:1px solid #58585A;display:table-cell;}
.kassenrezept .formcheck {float:right;margin-right:29em;}
.kassenrezept .checkput{position:relative;height:1.8em;}
.kassenrezept .checkput .checkspan .formcheck {clear:both;margin-right:0;}
.kassenrezept .checkput .checkspan{float:left;position:absolute;margin-top:-1.7em;margin-left:7em;}
.kassenrezept .formheadline{clear:both;}
.kassenrezept + .formblock .formsubmit{clear:both;float:right;border:1px solid #58585A;margin:0.8em 15em 5em 0;padding:5px;background-color:#EFF2F4;}
.rezeptform .formtext{width:30.5em;float:right;border:1px solid #58585A;background-color:#EFF2F4;margin:0 2.8em 0.5em 0;}
.rezeptform .formtextfield{width:30.5em;float:right;border:1px solid #58585A;background-color:#EFF2F4;margin:0 2.8em 1em 0;}
.rezeptform label{line-height:2.1em;}
.rezeptform + .formblock{width:100% !important;}
.rezeptform + .formblock .formsubmit{float:left;margin-bottom:2em;margin-top:1em;}
#footer{clear:both;padding-top:1em;}
#footer p{padding:0.5em;margin:0em;border-top:1px solid #58585A;text-align:center;margin-top:5em;}
#footer a{text-decoration:none;line-height:1.2em;color:#707173;}

#content .graueBox {background-color:#EFF2F4;border:1px solid #58585A;font-size:1em;font-weight:bold;padding:5px;}
.linksfliessend{float:left;}
.rechtsfliessend{float:right;}
.clear{clear:both;}
a img{border:none;}
div.clearfix{display:inline;}


@media screen AND (max-width:1050px) {
.formgen{width:150%;}
.rezeptform .formtext{margin:0 15.2em 0 0;}
#content table td{font-size:0.8em !important;}
#mainnav ul li a{padding:0px 0.6em 1.1em 0.6em;}
#content .four_blocks{margin-left:-6%;width:113%;}
#content .first,#content .second,#content .third,#content .forth{width:45%;float:left;margin-left:5%;}
div.clearfix{clear:both;display:block;}
}

@media screen AND (min-width:768px) AND (max-width:980px) {
#mainnav ul li a{color:#87888A;text-decoration:none;padding:0px 0.2em 1.1em 0.2em;line-height:1.7em;display:block;font-size:0.9em;}
#mainnav ul li ul{display:none;width:160%;margin-left:-2.5em;position:absolute;}
.nivo-controlNav{top:-80px !important}
.nivo-controlNav a{left:45% !important;background-size:100% auto !important;width:12px !important;height:12px !important;}
.nivo-controlNav a.active{left:45% !important;background-size:100% auto !important;width:12px !important;height:12px !important;}
#content .threeleft{width:65%;float:left;}
#content .threemiddle{width:30%;float:left;margin-left:3%; }
#content .threeright{width:30%;float:left;margin-left:3%;}
.rezeptform .formtext{margin:0 1.5em 0 0;}


}

@media screen AND (min-width:599px) AND (max-width:767px) {
#mainnav ul li a{color:#87888A;text-decoration:none;padding:0px 0.1em 1.1em 0.1em;line-height:2em;display:block;font-size:0.7em;}
#mainnav ul li ul{display:none;width:165%;margin-left:-2.5em;position:absolute;}
#mainnav ul li ul li a{display:block;line-height:2.5em;padding-bottom:0 !important;}
.formgen .formtext{display:block;width:100%}
.kassenrezept .checkput{clear:both;margin-top:3em}
.kassenrezept .formcheck {float:right;margin-right:27em;margin-top:5px;}
.formgen .formtextfield{display:block;float:left;width:100%;height:15em;border:1px solid #58585A;}
.nivo-controlNav{top:-80px !important}
.nivo-controlNav a{left:45% !important;background-size:100% auto !important;width:12px !important;height:12px !important;}
.nivo-controlNav a.active{left:45% !important;background-size:100% auto !important;width:12px !important;height:12px !important;}
#content .threeleft{width:55%;float:left;}
#content .threemiddle{width:40%;float:left;margin-left:3%; }
#content .threeright{width:40%;float:left;margin-left:3%;}
.rezeptform .formtext{margin:0 0 0 0;width:23em;}
#content .first,#content .second,#content .third,#content .forth{width:90%;float:none;clear:both;margin-left:5%;margin-top:2em;}
div.clearfix{clear:both;display:block;}
}

@media screen AND (min-width:320px) AND (max-width:599px) {
#mainnav .mobilenavtrigger{display:block;}
#mobilenav ul {margin:0;padding:0}
#mobilenav ul li{margin-left:15px;list-style-type:none;}
#mobilenav ul li a{color:#87888A;text-decoration:none;padding:0px 1em 1.1em 0.8em;line-height:1.2em;display:block;}
#mainnav .rex-navi1{display:none;}
.formgen .formtext{display:block;width:100%;float:left}
.formgen{width:80%;}
.kassenrezept{width:80% !important;}
.kassenrezept .checkput{clear:both;margin-top:3em}
.kassenrezept .formcheck {float:right;margin-right:20em;margin-top:5px;}
.formgen .formtextfield{display:block;float:left;width:100%;height:15em;border:1px solid #58585A;}
.nivo-controlNav{top:-80px !important}
.nivo-controlNav a{left:45% !important;background-size:100% auto !important;width:12px !important;height:12px !important;}
.nivo-controlNav a.active{left:45% !important;background-size:100% auto !important;width:12px !important;height:12px !important;}
.formblock .formsubmit{float:left;}
.kassenrezept + .formblock .formsubmit{float:left;}
#content a.grauerPfeil:before {padding-left:0em;padding-right:5px;}
#content #contentleft{width:100%;float:left;}
#content #contentright{width:100%;clear:both;}
#content .threeleft{width:100%;clear:both;}
#content .threemiddle{width:46%;float:left;margin-right:3%;margin-left:0; }
#content .threeright{width:48%;float:left;margin-left:0;}
.rezeptform .formtext{margin:0 0 0.5em 0;width:100%;}
.rezeptform + .formblock .formsubmit{margin-left:0;}
#content .first,#content .second,#content .third,#content .forth{width:90%;float:none;clear:both;margin-left:5%;margin-top:2em;}
div.clearfix{clear:both;display:block;}
#content #produktuebersicht a {min-height:10px;}
}
@media screen AND (max-width:340px) {
#content .threemiddle{width:100%;clear:both;margin-right:3%;margin-left:0; }
#content .threeright{width:100%;clear:both;margin-left:0;}
#content .first,#content .second,#content .third,#content .forth{width:45%;float:left;margin-left:5%;}
#content .third{clear:both;}
  .formgen .formtextfield{display:block;float:left;width:100%;height:15em;border:1px solid #58585A;}

.rezeptform .formtext{margin:0 0 0.5em 0;width:100%;}
#content .first,#content .second,#content .third,#content .forth{width:90%;float:none;clear:both;margin-left:5%;margin-top:2em;}
div.clearfix{clear:both;display:block;}
#content #produktuebersicht a {min-height:10px;}
}