.bold { font-weight: bold }

#rand { position: relative; z-index: 10 }
#rand2 { position: relative; z-index: 99; background: transparent; }
.rnd img { position: absolute; top: 0; left: -63px }
.hdr img { position: absolute; top: 0; right: 0 }
#header,#headerx { margin: 10px 0; height: 55px; line-height: 55px }
#headerx { float: left; position: relative; padding: 0 100px; height: 160px }
#header h1 { font: 16px 'Helvetica', serif; height: 30px; line-height: 30px; padding: 0 0 0 9px; margin: 26px 0 0 0; background: #E2E1DD }
#header img { float: right }
.logox { position: absolute; top: 20px; left: 150px; z-index: 45 } 
.logoxtxt { position: absolute; top: 40px; left: 170px; width: 200px; font-family: 'Helvetica', serif; color: #fff; z-index: 50 } 
#cntntx { float: left; position: relative; padding: 0 100px; min-height: 30em }
.slogan { position: absolute; bottom: 0; right: 0; width: 245px; height: 245px; z-index: 45 }
.xstrich { position: absolute; top: 100px; left: 600px; width: 234px; height: 19px; z-index: 45 }
#gallery { float: left; width: 100%; height: auto; margin: 10px 0 }
.galerie { float: left; width: 160px; height: 160px; padding: 5px; margin: 5px; border:1px solid #ccc }
.galerie a { line-height: 150px; vertical-align: middle }
.galerie img { display: block; margin: 0 auto }
#langx { float: left; position: relative; padding: 0 100px; height: 40px }
#langx a { font: 12px "Tahoma", sans-serif; color: #fff; line-height: 25px; height: 25px; padding: 5px 15px 5px 45px; background: #bbbe00 url("/weimages/tmpl/arrowlft.png") no-repeat left top }
#langx a.deco { font: 12px "Tahoma", sans-serif; color: #fff; line-height: 25px; height: 25px; width: 25px; padding: 5px 13px; margin-right: 20px; background: url("/weimages/tmpl/end.png") no-repeat left top }
#footerx { float:left; padding: 10px 10px 0 10px; margin-top: 2px; text-align: center }
.idxlft { float:left }
#custom-pager a { font-weight: normal; font-size: 12px } 

.form-group { float: left; width: 90%; padding: 0 10px; }
.col-sm-4 { float: left; width: 40% }
.col-sm-6 { float: left; width: 60% }

.video-wrapper { 	width: 774px; 	max-width: 100% }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden }
.video-container iframe,.video-container object,.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#menu { z-index: 99; background: transparent; }
#menu ul { list-style: none; font: 16px 'Helvetica', serif }
#menu ul li { float: left; margin-right: 2px }
.menu1 a:link,.menu1 a:visited { color: #ffffff; font-size: 12px; font-weight: normal; line-height: 28px; background: #adcc32 url("/weimages/tmpl/menu-off.jpg") no-repeat right top; padding: 10px 15px 5px 5px }
.menu1 a:hover,.menu1s a:link,.menu1s a:visited,.menu1s a:hover  { color: #ffffff; font-size: 12px; font-weight: normal; line-height: 28px; background: #dad3d0 url("/weimages/tmpl/menu-on.jpg") no-repeat right top; padding: 10px 15px 5px 5px }
.menuk a:link,.menuk a:visited { color: #ffffff; font-size: 12px; font-weight: normal; line-height: 28px; background: #adcc32 url("/weimages/tmpl/menu-off.jpg") no-repeat right top; padding: 10px 15px 5px 5px }
.menuk a:hover,.menuks a:link,.menuks a:visited,.menuks a:hover  { color: #ffffff; font-size: 12px; font-weight: normal; line-height: 28px; background: #dad3d0 url("/weimages/tmpl/menu-on.jpg") no-repeat right top; padding: 10px 15px 5px 5px }
#langmenu { text-align: right; color: #55351c; font: 10px 'Helvetica', serif; padding: 15px 0 0 0 }
#langmenu a { color: #55351c }

#slider { max-height: 230px; margin-bottom: 5px }
#submenu { background: url("/weimages/tmpl/bg-sub.png") no-repeat left top; min-height: 50px; font-size: x-small; font-family: 'Helvetica', serif; text-align: center }
#submenu a { display: block; float: right; max-width: 140px; max-height: 100px; padding: 0 6px; margin-left: 2px; color: #644E43 }

a.inacti { border-right: 1px #dad3d0 solid }
a:hover.inacti { background: #dad3d0 url("/weimages/tmpl/smenu-on.jpg") no-repeat right bottom}
a.active { background: #dad3d0 url("/weimages/tmpl/smenu-on.jpg") no-repeat right bottom }

#cntnt { padding: 0 1em; min-height: 30em; font-family: 'Helvetica', serif }
#cntntbg { padding: 0 1em; min-height: 30em; background: #eeece9 }
#cntnt h1,#cntnt h2,#cntnt h3 { font-weight: bold }
#stripe {  }
.subgrid-row-2 { background: url("/weimages/tmpl/bg-stripe.png") repeat-y left top; height: 100% } 
.deko { float: left; width: 150px; padding: 5px }
.deko p { line-height: 110% }
.deko2 { float: left; position: relative; width: 150px; padding: 8px; margin: 0 10px 10px 0; background: #adcc32 }
.corner { position: absolute; top: -8px; right: 0 }

#logolst { position: relative; min-height: 250px }
.logo { position: absolute; top: 0; left: 0; z-index: 45 } 
.logotxt { position: absolute; top: 20px; left: 0; width: 240px; text-align: right; font-family: 'Helvetica', serif; z-index: 50 } 
.logoimg { float: right; max-width: 100% }

#footer { float:left; background-color: rgba(98, 78, 66, 0.3); min-height: 120px; padding: 10px 10px 0 10px; margin-top: 2px }
#footer a { display: block; font-size: 0.75em; color: #624e42; font-weight: normal; text-transform: lowercase }
#footer ul { width: 100% }
#footer ul li { display: inline; list-style: none; float: left; position: relative; width: 11%; border-right: 1px solid #fff; padding: 0 2px 0 0  }
#footer ul ul { position: absolute; left:0; top:20px }
#footer ul ul li { display: block; width: 100%; border: none }
.ftr0 { display: none }
.ftr1 { float: left; padding: 0 5px; min-height: 110px; border-right: 1px solid #fff; width: 14% }
.ftr2 { float: left; padding: 0 5px; min-height: 110px; width: 11% }
a.imp { padding-top: 20px }
#ctctlst { display: none }
#footresp { display: none; font-size: 10px; color: #fff; text-align: center }

/* Layout Elements */

body.grid-1 {
  max-width: 1024px;
  background: #fff;
}

body > .row.row-1 {
  max-width: 1024px;
}

body > .row > [class*='coffee-span-'].column-1 {
  padding-right: 0;
  padding-left: 0;
}

@media screen and (min-width: 320px) and (max-width: 640px) {
  /* Layout Elements */

  body.grid-1 {
    padding-right: 0;
    background: #fff;
  }
 #headerx { float: left; position: relative; padding: 0; height: 160px }
.logoxtxt { position: absolute; top: 25px; left: 170px; width: 200px; color: #fff; z-index: 50 }
 #cntntx { float: left; position: relative; padding: 0 10px; min-height: 30em }
.slogan { position: absolute; bottom: 0; right: 0; width: 145px; height: 145px; z-index: 45 }
 #langx { float: left; position: relative; padding: 0 10px; height: 5em }
 #footerx { font-size: 10px }
 
#menu { margin: 0 auto; width: 100% }
#menu ul li { float: left; margin: 0 0 1px 1px; width: 24% }
.menu1,.menu1s,.menuk,.menuks { width: 100%; background: #adcc32; text-align: center; vertical-align: middle; margin: 0 }
.menu1 a:link,.menu1 a:visited,.menuk a:link,.menuk a:visited { display: block; font-size: 10px; width: 100%; line-height: 16px; height: 36px; background: #adcc32; padding: 2px 0 }
.menu1 a:hover,.menu1s a:link,.menu1s a:visited,.menu1s a:hover,.menuk a:hover,.menuks a:link,.menuks a:visited,.menuks a:hover { display: block; font-size: 10px; width: 100%; line-height: 16px; height: 36px; background: #51331b; padding: 2px 0 }
.show { display: none }

#submenu { background: #fff; height: auto; min-height: auto }
#submenu a { display: block; float: left; max-width: 100px; height: 80px; padding: 1px; margin-bottom: 1px }
.subgrid-row-2 { background: #fff }
#langmenu, #logolst { display: none }
#footer { display: none }
#footresp { display: block; float: left; padding: 0; margin-top: 2px }
}

@media screen and (min-width: 1024px) {
  /* Layout Elements */

  body.grid-1 {
    padding-right: 0;
    padding-left: 0;
    max-width: 1024px;
    background: url("/weimages/tmpl/bgtrans.png") no-repeat center top,url("/weimages/tmpl/bg.png") left top;
  }

  body.grid-x {
    padding-right: 0;
    padding-left: 0;
    max-width: 1024px;
    background: url("/weimages/tmpl/bg.png") left top;
  }

  .subgrid.subgrid-1 {
    margin-bottom: 0;
    padding-right: 25px;
    padding-left: 25px;
    border-left: 1px solid #bbaea4;
    background: #fff;
-moz-box-shadow: 2px 9px 15px #a89382;
-webkit-box-shadow: 2px 9px 15px #a89382;
box-shadow: 2px 9px 15px #a89382;
  }

  .subgrid > .row.subgrid-row-1 { max-width: 974px }
  .subgrid > .row.subgrid-row-2 { max-width: 974px }

  .subgrid > .row > [class*='coffee-span-'].subgrid-column-1 {
    padding-right: 0;
    padding-left: 0;
    background-color: #fff;
  }
}