/* EXTERNAL FONTS */

/* latin-ext */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/cavecat-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Caveat';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/cavecat-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/ubuntu-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: url(/css/fonts/ubuntu-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* BASE FONT, FONT-SIZE, LINE-HEIGHT */
body, .blockItem, .blockItem *, .cmstext {
 font-family: helvetica, arial, 'Ubuntu', sans-serif;
 font-size: 15px;
 line-height: 24px;
 color: #3a3a3a;

}

textarea, input, select, .formSelect {
  font-family: helvetica, arial, 'Ubuntu', sans-serif;
}

h1, h2, .head1, .head2, #menu  {
  font-family: helvetica, arial, 'Ubuntu', sans-serif;
 }

/* LINKS */

a, a:visited, a:active, a:link {
 text-decoration: none;
 color: #3B471F;
}
a:hover { color: #000000; }

/* HEAD/TITLE */

.head1, .head2 {
 color:#669C00;
 line-height: 27px;
 font-size: 19px;
 margin-bottom:14px; 
 font-weight:bold;
 display:block;
 max-width:600px;
 /* text-transform: uppercase; */
}

.head2 {
 color:#3a3a3a;
 font-size: 16px; 
 margin-bottom: 14px; 
}

/* LOGO */

#logoImage {  
 display:block;
 width:280px;
 height:128px;
 margin-top:-92px;
 z-index:2;
 background:#ffffff;
}

#logo {
 margin-left:9px;
 margin-top:45px;
 height:73px;
}

/* CONTAINER BACKGROUND */

#pageBack {
}

#headerBack {
}

#headerTopBack {
 border-bottom: 4px solid #ffffff;
 /* background: url(/images/header-wave.png) no-repeat center; */
 height:455px; /* Logo + 50 menu */
}

#headerTop { 
 text-align:left;
}

#menuBack {
 z-index:3;
 margin-top:0px;
}

#menu {
letter-spacing: 1px;
text-align:left;
}

#headerBottomBack {
	background: #f1f9e8;
}

#mainBack {
}

#footerBack {
 margin-top: 10px;
 background: #a8c95f;
}

#footerLineBack {
 background: #3B471F;
}

#contentFooter .blockItem, 
#contentFooter .blockItem2, 
#contentFooterLine .blockItem, 
#contentFooterLine .blockItem2,
#footerLineBack,
#footerLineBack a {
	color:#ffffff;
}

#footerLineBack a:hover {
	color:#cccccc;
}

/* CONTAINER HEADER */

#header {
}

.infoTextHeadTitle {
 color: #3e3d40;
 text-transform: uppercase;
}

.infoTextHead {
 color:#3e3d40;
 background: rgb(252, 242, 232);
 background: transparent\9;
 background: rgba(252, 242, 232, 0.80);
 padding:15px;
}

/* HEADER MENU */

#menu {
 /* overflow:hidden; */
}

#menuMobile,
#menu ul li a {
 font-size: 15px;
 line-height: 40px;
 font-weight:bold;
 color:#3a3a3a;
 padding-top:3px;
}

#menu ul li {
 padding: 0px 0px;
 margin: 0px 0px;
 border-bottom:1px #898989 solid;  
} 


#menu ul li.last {
 border-bottom:0px;
}

#menu ul li a,
#menu ul li a:visited,
#menu ul li a:active {
 padding: 0px 14px;
 color:#3a3a3a;

 border-bottom:1px #898989 solid;
 margin-bottom:-1px;
 padding-top:3px;

}

#menu ul li a:hover,
#menu ul li a.act:hover {
color:#5D8411;
background:#F6F9DD;
padding-top:3px;

}

#menu ul li a.act {
 color:#669C00;
}

#menu ul li a.highlight,
#menu ul li a.highlight:visited,
#menu ul li a.highlight:active,
#menu ul li a.highlight:hover {
 padding-top:3px;
 background:#f7fdc1;
}

/* SUBMENU */

#menu ul li ul {
 z-index:1;
}

#menu ul li ul li {
 border-top:1px #898989 solid;  
 border-bottom:0px;  
 margin-left:18px;
}

#menu ul li ul li.last {

}
 
#menu ul li ul li a {
 font-size: 15px;
 line-height: 40px;
 height: 40px;
 padding-bottom:0px;
 color: #3a3a3a;
 padding-top:3px;
}

#menu ul li ul li a,
#menu ul li ul li a:visited,
#menu ul li ul li a:active {
 padding: 0px 4px 0px 10px;
 color: #3a3a3a;
 padding-top:3px;
}

#menu ul li ul li a:hover {
 color: #5D8411;
 background:#F6F9DD;
 -webkit-box-shadow: none;
 box-shadow: none;
 padding-top:3px;
}

#menu ul li ul li a.act {
 color: #669C00;
 /* background-image: url(/images/icon-button.png); */
 /* background-position: 6px 9px; */
 /* background-repeat: no-repeat; */
 /* padding-left:40px; */
}

#headerBottom {
}

/* CONTAINER MAIN */

#main {
}

/* CONTAINER FOOTER */

#footer {
}

#footer .blockItem div {
  color:#2f2f2f;
}

/* BLOCK ITEMS */

.blockButton,
.blockButton:link,
.blockButton:visited,
.blockButton:active {

 padding-left:30px;
 background:#D1E2A4; /* url(/images/icon-button.png) 12px 9px no-repeat; */
 border-bottom:4px solid #71AE00;
 color:#333333;
 text-transform: uppercase;
 text-align:left;
 line-height:40px;
}

.blockButton:hover {
 /* background:#eddfcb url(/images/icon-button.png) 12px 9px no-repeat; */
 background-color: #7AB000;
 border-bottom:4px solid #4f7004;

}

/* LINK BUTTON */

.linkButton,
.linkButton:link,
.linkButton:visited,
.linkButton:active {
 
 
 padding-left:30px;
 /* url(/images/icon-button.png) 12px 9px no-repeat; */
 
 color:#2f2f2f;
 font-weight:bold;
}

.linkButton:hover {
 color:#5da825;
}

/* >>> INDIVIDUALS */

#flag-ger { position:absolute; width:33px; height:34px; top:330px; left:10px; z-index:3;}
#flag-eng { position:absolute; width:33px; height:34px; top:330px; left:43px; z-index:3;}
#flag-ned { position:absolute; width:33px; height:34px; top:330px; left:76px; z-index:3;}


#circleImg1 {
 position:absolute;
 display:block;
 width:140px;
 height:140px;
 top:310px;
 left:270px;
 z-index:2;
}

#circleImg2 {
 position:absolute;
 display:block;
 width:180px;
 height:170px;
 top:320px;
 left:545px;
 z-index:2;
}

#circleImg3 {
 position:absolute;
 display:block;
 width:160px;
 height:160px;
 top:380px;
 left:870px;
 z-index:2;
}

#circleImg1 img,
#circleImg2 img,
#circleImg3 img {
 width:100%;
 height:100%;
 display:block;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 border:3px #a8c95f solid;
}

#contentMenu {
 padding:0px;
 display: block;
 width: 240px;
 float: left;
 margin-right: 20px;
 margin-bottom:25px;
}

/* #menuBack { display:none; } */

#footerLogo1 { 
  margin-top:65px;
  margin-right:15px;
}

#footerLogo2 { 
 margin-left: 10px;
 margin-bottom: -3px;
}

#footerLogo3 { 
 margin-right:10px;
}

#footerLogo4 { 
 margin-right:15px;
}

#footerLogo5 { 
  width:120px;
  margin-bottom:-8px;
  margin-right:20px;
}

#footerLogo6 {
  width:160px;
  margin-right:10px;
  margin-bottom:12px;

}

/* <<< INDIVIDUALS */

/* >>> MODULES */

.slideshowOverlay {
   background: url(/images/header-wave.png) no-repeat right bottom;
   position:relative;
   display:block;
   height:442px;
   width:100%;
   z-index:2;
   padding:0px;
}

.slideshowbutton {
 top:-90px;
 position:absolute;
 display:block;
 width:14px;
 height:14px;
 background:#ffffff;
 z-index:3;
 -moz-border-radius: 50px;
 -webkit-border-radius: 50px;
 border-radius: 50px;
 border:1px solid #efefef;

 display:none;
 
}

.slideshow_buttonhalfactive,
.slideshow_buttonactive {
 background:#6fb738;
 /* margin-top:-1px; */
 /* margin-left:-1px; */
 border:1px solid #efefef;
}


span.tdNote { font-size:0.85em; display: block; color: #555555; }

.priceTable { width:100%; border-spacing: 0px; margin-top:20px; }
.priceTable td { padding:2px 5px 2px 0px; margin:0px; height:25px; border:1px solid #ffffff; /* font-size: 0.85em; */ }

.priceTable  .tdTitle { padding-left:4px; }
.priceTable  .tdContent { padding-left:0px; }

.priceTable  .tdHead { width:105px; font-weight:bold; text-align:center; padding:8px 5px 2px 8px; }

.priceTable  .tdPrice0 { width:105px; text-align:center; background:#ecffb3; }
.priceTable  .tdPrice1 { width:105px; text-align:center; background:#ffeecc; }
.priceTable  .tdPrice2 { width:105px; text-align:center; background:#ccebff; }

.priceTable td.tdPadRow { line-height:1px; height:2px; font-size:1px; background-color: #dddddd; padding:0px; border-width:6px 0px 6px 0px; border-style:solid; border-color:; #ffffff; }
.priceTable td.tdColorPfand { color: #306405; }

.priceTable  .tr1 { background: #fff0de; }
.priceTable  .tr2 { background: #e2e2e3; }

.priceTable tr td { /* letter-spacing: -0.05em; */ }
tr.markLayout td:first-child { font-weight:bold; background:#d9ffb3;}



/* FORM */

.formTab { margin:0px 60px 0px 0px; display:block;}
.formTabLabel { width:30%; }
.formTabField { width:70%; }
.formTab td { padding-bottom:4px; }

/* GUESTBOOK */
.guestbookTitle { 
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border:2px solid #669C00; 
  width:668px; 
  height:16px; 
  background-color:#669C00; 
  color:#ffffff; 
  padding:0px 7px 0px 7px; 
  font-weight:bold; 
}

.guestbookMsg { 
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  width:668px; 
  border:2px solid #669C00; 
  border-top:0px;
  height:20px; 
  background-color:#F6F9DD; 
  color:#000000; 
  padding:4px 12px 4px 12px; 
}

.guestbookEmptyLine {
  height:17px;
  line-height:15px;
}

/* QUIZ */

.biberquiz-question-box { 
  background: #fcf123; 
  border-radius: 15px; 
  max-width:393px;height:160px;
  display:block;
  padding:15px 20px 20px 20px;
  margin-top:10px;
}

.biberquizWeiter {
 float:left;
 display:block;
 width:80px;
 height:20px;
 margin-top:14px;
 cursor:pointer;
 cursor:hand;
}

#socialIcons {
  top:10px;
  position:absolute;
  left:1010px;
  width:35px;
}

#socialIcons a {
  margin-bottom:10px;
  display:block;
}

#socialIcons img {
  width:35px;
  height:35px;
}

#weatherFlag {
  top:0px;
  left:870px;
  position:absolute;
  background: url(/images/weather-flag.png);
  background-size: contain;
  background-repeat: no-repeat;
  width:97px;
  height:112px;
  z-index:4;
  text-align:center;
  font-weight:bold;
  font-size:15px;
  letter-spacing:0.08em;
  padding-right:3px;
}

#weatherFlag img {
  width:45%;
  margin-top:8px;
  margin-bottom:8px;
}

#fontScaleBox {
  top:-40px;
  position:relative;
  margin-bottom:-40px;
  left:-4px;
  cursor:pointer;cursor:hand;
}

#fontScaleBox img {
  margin-right:5px;
}

.fontBigHead {
  font-size: 25px;
  line-height: 26px;
}

.fontBig {
  font-size: 21px;
  line-height: 28px;
}

.menuLogo {
  padding:6px 0px 6px 0px;
  height:28px;
}

#campMap {
  top:150px;
  position:absolute;
  left:1010px;
  width:60px;
  z-index:3;
}

#campMap img {
  width:100%;
}

#campCalc {
  top:215px;
  position:absolute;
  left:1007px;
  width:60px;
  z-index:3;
}

#campCalc img {
  width:100%;
}

.faq_schaf {
 margin-top:60px;
 width:200px;
 float:right;
 display:block;
 border-radius:50%;
 -moz-border-radius:50%;
 -webkit-border-radius:50%;
 border:3px #a8c95f solid;
}

.faq_blase {
  float:right;
  width:142px;
  height:98px;
  display:block;
  margin-right:-140px;
  margin-bottom:-30px;
}

.faq_question {
  width:440px;
  display:block;
  padding-left:30px;
  background:#dbefc6;
  margin-top:15px;
  cursor:pointer;
  padding-top:7px;
  padding-bottom:4px;
}

.faq_fa {
  float:left;
  display:block;
  position:relative;
  margin-left:-19px;
  top:3px;
}

.faq_answer {
  width:440px;
  display:none;
  padding:7px 5px 5px 30px;
}

/* <<< MODULES */
