* { margin:0; padding:0; }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
a { text-decoration:none; }
body { font-family:helvetica,arial,verdana,sans-serif; text-align:center; background:url(../images/layout/bg_main.png) left 822px repeat-x; }

#cookieChoiceInfo { box-sizing:border-box; left:0; bottom:0; color:#fff !important; font-size:12px; background:rgba(58,39,22,0.7) !important; }
#cookieChoiceInfo a { text-decoration:none; color:#fff; }
#cookieChoiceDismiss { display:inline-block; background:#fff; padding:0 10px; color:#000 !important; }

.menu-btn { display:none; }
div.mimp { display:none; }

div#top { 
  width:100%; 
  position:relative; 
  height:130px; 
  background: #4A321A url(../images/layout/bg_top.jpg) center top repeat;
  -o-background-size: 100% 100%, auto;
  -moz-background-size: 100% 100%, auto;
  -webkit-background-size: 100% 100%, auto;
  background-size: 100% 100%, auto;
}
div#deco { background:#0D592B; height:10px; width:100%; }
div#shadowtop { position:absolute; bottom:-8px; left:0; background:url(../images/layout/shadow_top.png) left top repeat-x; height:8px; width:100%; }
div#logo { position:absolute; top:-18px; left:-25px; }
div#nav { position:absolute; top:60px; right:0; }
div#lang { right:0; top:14px; position:absolute; }

div.center { width:980px; margin:0 auto; position:relative; text-align:left; }


div#content { 
  min-height:350px; 
  background:#FFF; 
  -webkit-box-shadow: 0px 0px 39px #969696;  /* webkit browser*/ 
  -moz-box-shadow: 0px 0px 39px #969696;  /* firefox */ 
  box-shadow: 0px 0px 39px #969696;
}
div#decocontent { background:#3A2716; height:10px; width:100%; }
div#footer { }
div.imp { text-align:center; color:#8F8F8F; padding:35px 0; font-size:14px; line-height:20px;  }
div.imp a { color:#8F8F8F; }
div.imp a:hover { color:#000; }  

.cont {
  font-size:14px;
  padding:31px;
  padding-bottom:17px;
  color:#1D1819;
  font-weight:400;
  font-family:'Oxygen';
}

/* Content
----------------------------*/
a { text-decoration:none; }

.cont h1,
.cont h2,
.cont h3,
.cont h4,
.cont h5,
.cont h6 {
  font-family:'Oxygen';
  margin-bottom:24px;
}

.cont h1 { color:#8D6F38; font-size:20px; }
.cont h2 { color:#0D592B; font-size:18px; }
.cont h3 { color:#8D6F38; font-size:16px; }
.cont h4 { color:#8D6F38; font-size:14px; }
.cont h5 { color:#8D6F38; font-size:12px; }

.cont .csc-frame-frame1 { }
.cont .csc-frame-indent { padding-left:135px; }

.cont a { color:#0D592B; }
.cont a:hover { color:#000; }
.cont ul,.cont ol {
  padding-left:20px;
  margin-bottom:15px;
  line-height:22px;
}
ul.multicolumnContainer {
  padding-left:0;
  margin-bottom:15px;
}
.cont p {
  margin-bottom:15px;
  line-height:22px;
}

.cont .csc-frame-frame1 { padding-left:10px; }

dd.csc-textpic-caption { padding:5px 0; }

.linkback { margin:20px 0; }

.contenttable-0 { width:100%; margin-bottom:20px; border:0; border-collapse:collapse; }
.contenttable-0 tr td { padding:3px 10px; border-right:1px solid #1D1819; border-bottom:1px solid #1D1819; }
.contenttable-0 tr .td-0 { border-left:1px solid #1D1819; }
.contenttable-0 tr .td-1 { width:22%; text-align:right; padding-right:85px; }
.contenttable-0 tr .td-2 { width:22%; text-align:right; padding-right:85px;}
.contenttable-0 tr .td-3 { width:22%; text-align:right; padding-right:85px;}

.contenttable-0 .tr-0 td { padding-right:10px; text-align:center; background:#7ab51d; color:#FFF; border-top:1px solid #1D1819; }

.tx-lumogooglemaps-pi1 { margin-bottom:20px; }

.news-latest-container { padding:15px 20px; padding-right:0; }
.news-latest-container .news-latest-item { margin-right:20px; float:left;  }
.news-latest-container .news-latest-item h3 { padding-bottom:5px; }
.news-latest-container .news-latest-item h3 a { font-weight:700; color:#333; text-transform:uppercase; font-size:14px; }
.news-latest-container .news-latest-item h3 a:hover { color:#000; }

/* MODULE */
label {  vertical-align: top; }
span.tx-srfreecap-pi2-cant-read { color:#888888 !important; }
.tx-srfreecap-pi2-image {
  margin-left:0 !important;
}

fieldset { 
  clear: both;
  padding: 0px;
  margin: 5px 0;
  margin-bottom:10px;
  border: 0;
  border: hidden; /* x Opera */
}
fieldset.border { border: 0px solid #955E28; }
fieldset legend { 
  padding: 0 10px 0 0;
  margin-bottom: 10px;
}
fieldset label { 
  width: 140px;
  display: block;
  float: left;
  text-align: right;
  padding: 1px 5px 0 0;
  padding-right:20px;
  white-space: nowrap;
}
fieldset input, fieldset select { margin: 0 0 5px 0; }

/* FORMULARFELDER */
.inputxsmall, .inputsmall, .inputlarge, .inputstandard, .inputtextfeld, inputselect, select,.readonly,.codebox { outline:0; border: 1px solid #AAA; padding:1px 0;}

.inputtextfeld,.inputtextfeld2 { width: 370px; height:90px; }
.inputlarge { width: 370px; }
.inputsmall { width: 75px; }
.inputxsmall { width: 25px; }
.inputort { width:290px; }
.button { padding:3px 20px; }
.readonly { width:360px; color:#666; }
.selectcountry { width:362px; }
.codebox { float:left; background:#EEE; width:370px; }

.quickbutton a { font-size:12px; background:#6D6F71; color:#FFF; display:block; height:19px; line-height:19px; padding:0 5px; }

.quick_table tr td { text-transform:uppercase; color:#FFF; position:relative; font-size:13px; padding-right:10px; }
.quick_table { border:0; border-collapse:collapse; margin-left:8px; padding-top:12px; }

.button-newsletter,
.tx-guestbook-submit,
#button,
.button { 
  cursor:pointer;
  border:0;
  padding:3px 20px; 
  color:#FFF;
  background:#0D592B;
}

.quick_date { width:64px; border:1px solid white; outline:0; }


/* Product normal */

ul.productlist {
  list-style:none;
  padding-left:0;
  margin-bottom:0;
}
ul.productlist li {
  float:left;
  width:33.33%;
  padding-right:15px;
  margin-bottom:15px;
}
ul.productlist li img { width:100%; max-width:100%; height:auto; display:block; }
ul.productlist li h3 { margin-bottom:0; }
ul.productlist .productlistpadding {
  text-align:left;
  
}
ul.productlist .productlistimage {
  border: 0px solid #ECEDED;
  padding: 0px;
}
ul.productlist .productlistpadding h3 {
  text-transform:none;
  background:#0D592B;
  font-weight:normal;
  font-size:12px;
  text-align:left;
  padding:6px 10px;
  
}
ul.productlist .productlistpadding h3 a {
  color:#FFF;
  font-size:13px;
  display:block;
  text-decoration:none;
}
ul.productlist .productlistpadding h3 a:hover {
  color:#000;
}

div#arrow {
  position: absolute;
  right: 10px;
  top: 20px;
}
div#arrowup {
  cursor: pointer;
  display: none;
  height: 20px;
  width: 28px;
  background: url(../images/layout/arrowup.gif) left top no-repeat;
}
div#arrowdown {
  cursor: pointer;
  height: 20px;
  width: 28px;
  background: url(../images/layout/arrowdown.gif) left top no-repeat;
}



#supersized {
  text-align:left;
  display:block;
  /* position:fixed; */
  position: absolute;
  left:0;
  top:130px;
  overflow:hidden;
  z-index:-999;
  height: 692px;
  width: 100%;
  margin: 0;
  padding: 0;
}

#supersized img { width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }  /*Speed*/
#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }      /*Quality*/

#supersized li { display:block; list-style:none; z-index:-30; /* position:fixed; */ position:absolute; overflow:hidden; top:0; width:100%; height:100%; /* background:#111; */ }
#supersized a { width:100%; height:100%; display:block; }
#supersized li.prevslide { z-index:-20; }
#supersized li.activeslide { z-index:-10; }
#supersized li.image-loading { background:url(../images/layout/progress.gif) no-repeat center center; width:100%; height:100%; }
#supersized li.image-loading img{ visibility:hidden; }
#supersized li.prevslide img, #supersized li.activeslide img{ display:inline; }

div#container { padding-top:645px; position:relative; }

#map-canvas { width:450px; height:350px; }


.logos { text-align:center; clear:both; padding-bottom:35px; }



/*******************************************************************/
/*******************************************************************/
/************************* Media Querys ****************************/
/*******************************************************************/
/*******************************************************************/


@media screen and (max-width:980px) {

body { background:#fff; }

div.center { width:100%; }
div#nav { display:none; }
div#lang { right: 116px; width:36px; top:7px; }
.langnav li a { height:30px !important; line-height:30px !important; }
.langnav li { float: none;margin-left: 0; margin-bottom:8px; }

.menu-btn { cursor:pointer; color:#fff; display:block; position:absolute; text-transform:uppercase; text-align:center; right:12px; width:82px; background:#035A25; top:7px; z-index:20; height:106px; line-height:106px; width: } 

div#logo { left:-15px; }

ul.multicolumnContainer li { width:100% !important; margin-bottom:5px; }
ul.multicolumnContainer li div.columnItems { padding:0 !important; }
.cont .csc-frame-frame1 {padding-left: 0;border-left: 0;}

div.galleria-container { width:100% !important; }
.tx-dmfgalleria-pi1 {  margin-bottom:20px; } 

div.imp { display:none; }
div.mimp { display:block; }

iframe.iframe,
#map-canvas { width:100% !important; }

ul.productlist li { margin-right:0; padding-right:15px; width:50%; }

div#arrow { display:none !important; }
div#container { padding-top:392px; } 

}



@media screen and (max-width:767px) {

.cont { padding:31px 15px; padding-bottom:10px; }

#supersized { height:280px; }
div#container { padding-top:280px; } 


}


@media screen and (max-width:480px) {

ul.productlist li { padding-right:0; width:100%; }

#supersized { height:230px; }
div#container { padding-top:230px; } 

}


@media screen and (max-width:420px) {

div#logo { width:200px; top:4px;}
div#logo img { width:100%; max-width:100%; height:auto; display:block; }



}


@media screen and (max-width:340px) {
#supersized { height:190px; }
div#container { padding-top:190px; }
div#logo { width:180px; top:7px;}

}


