@charset "utf-8";
/* CSS Document */
/* For all Browsers */

/************************** GLOBAL **************************/
html, body, h1, h2, h3, h4, h5, h6, p, li, img, form, fieldset, legend, label, strong {padding:0; margin:0;}
/* html, body {width:100%; height:100%;} */
body {background: #2F2E2C url(../media/holz_bg_50p.jpg) repeat left top; color: #FFFFFF; font-size:12px;}
body, input, textarea, button, select {font-family:Helvetica,Arial,sans-serif;}
ul, ol {margin-top:0; margin-bottom:0;}
a, a:link, a:visited, a:focus, a:hover, a:active {color:#fff;}
hr, legend {display:none;}
fieldset {border:0;}

/* Border, Button */
*:focus {outline: none}
button::-moz-focus-inner,
select::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {border:none;}
select, input[type="button"], input[type="checkbox"], button, label {cursor:pointer;}

/* All Classes ****************************************************/
.novisible, .linkPoint, .lng2 .lngLinkPoint {display:block; width:0px; height:0px; position:absolute; left:-2000px; top:-100px; overflow:hidden;}
.clearer {clear:both;}
.clearfix:after, form.tdo-frm-basic div.frmRow:after {content:"."; display:block; height:0px; clear:both; visibility:hidden;}
span.charHotel {color:#8c062a;}
p.bold {font-weight:bold;}

/* DIVs ****************************************************/
#wrapper {position:relative; width:100%; z-index:10;}
#center {height:594px; width:800px; margin:40px auto 0 auto;}
#left {float:left; width:269px; height:594px;}
#right {float:right; position:relative; width:481px; height:594px;}
.logo {display:block; float:right;}
.intro {clear:both; padding:90px 0 0 0; font-size:16px; line-height:1.3;text-shadow: 2px 2px 2px rgba(65,65,65,1);}
.address {position:absolute; bottom:85px; left:0; line-height:1.4;text-shadow: 2px 2px 2px rgba(65,65,65,1);}

.eh-controls {display:none; position:absolute; right:0; bottom:85px;}
.eh-controls-item {position:relative; background:#000; background:rgba(0,0,0,0.3); color:#fff; border:1px solid #fff; padding:5px; min-width:50px; margin:0 0 0 10px; float:left; cursor:pointer; text-align:center;}
.eh-controls-ic-mute {position:absolute; left:50%; top:-35px; width:29px; height:25px; margin:0 0 0 -12px; background:url('../media/ic-equalizer.gif') no-repeat left bottom;}
.eh-controls-ic-unmute {height:1px !important; top:-11px !important;}
.buttonBar {display:none;}

#eh-fs-wrap {
  background: none repeat scroll 0 0 #AF9E8A;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1;
  top:0;
}

#eh-fs-wrap img {position:absolute;
/*    -webkit-transition-property:  -webkit-transform;
    -webkit-transition-duration: 10s;
    -webkit-transition-timing-function: ease-out;
       -moz-transition-property: -moz-transform;
       -moz-transition-duration: 10s;
       -moz-transition-timing-function: ease-out;
        -ms-transition-property: -ms-transform;
        -ms-transition-duration: 10s;
        -ms-transition-timing-function: ease-out;
         -o-transition-property: -o-transform;
         -o-transition-duration: 10s;
         -o-transition-timing-function: ease-out;
            transition-property: transform;
            transition-duration: 10s;
            transition-timing-function: ease-out;*/

/*            transition: transform 5s ease-out;*/

/*    -webkit-transform-origin: bottom left;
       -moz-transform-origin: bottom left;
        -ms-transform-origin: bottom left;
         -o-transform-origin: bottom left;
            transform-origin: bottom left;*/

/*    -webkit-transform-origin: center center;
       -moz-transform-origin: center center;
        -ms-transform-origin: center center;
         -o-transform-origin: center center;
            transform-origin: center center;*/
}

/*#eh-fs-wrap img:nth-child(2n+1) {
    -webkit-transform-origin: top right;
       -moz-transform-origin: top right;
        -ms-transform-origin: top right;
         -o-transform-origin: top right;
            transform-origin: top right;
}

#eh-fs-wrap img:nth-child(3n+1) {
    -webkit-transform-origin: center left;
       -moz-transform-origin: center left;
        -ms-transform-origin: center left;
         -o-transform-origin: center left;
            transform-origin: center left;
}
#eh-fs-wrap img:nth-child(4n+1) {
  -webkit-transform-origin: bottom right;
     -moz-transform-origin: bottom right;
      -ms-transform-origin: bottom right;
       -o-transform-origin: bottom right;
          transform-origin: bottom right;
}*/

#eh-fs-wrap img.fx {
/*    -webkit-transform: scale(1.07);
       -moz-transform: scale(1.07);
        -ms-transform: scale(1.07);
         -o-transform: scale(1.07);*/

transition: transform 5s ease-out;
transform: scale(1.5);
}

#eh-fs-wrap .imgwidth {width:100%; top:50% !important;}
#eh-fs-wrap .imgheight {height:100%; left:50% !important;}

.eh-test-scale {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 200px;
    height: 200px;
    z-index: 10000;
}

.eh-test-scale img {
    display: block;
    height: 100%;
}

.eh-test-scale img.test {
transition: transform 5s ease-out;
transform: scale(1.5);
}

.home-cycle-slideshow {
  height: 100%;
  overflow: hidden;
  width: 100%;
}

.cycle-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  color: #FFFFFF;
  font-size: 10px;
  height: 30px;
  line-height: 1.5;
  padding: 15px 0;
  position: absolute;
  width: 100%;
  z-index: 400;
}

.cycle-overlay div {padding: 0 15px;}

#progress {
  background: -moz-linear-gradient(center top , #A8C620 0%, #64A612 100%) repeat scroll 0 0 / 100% auto #A8C620;
  bottom: 0;
  height: 6px;
  position: absolute;
  width: 0;
  z-index: 500;
}

#circularG{
width:50px;
height:50px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin:-25px 0 0 -25px;
    z-index: 20;
}

.circularG{
    position:absolute;
    background-color:#fff;
    width:11px;
    height:11px;
    -moz-border-radius:8px;
    -moz-animation-name:bounce_circularG;
    -moz-animation-duration:1.04s;
    -moz-animation-iteration-count:infinite;
    -moz-animation-direction:linear;
    -webkit-border-radius:8px;
    -webkit-animation-name:bounce_circularG;
    -webkit-animation-duration:1.04s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-direction:linear;
    -ms-border-radius:8px;
    -ms-animation-name:bounce_circularG;
    -ms-animation-duration:1.04s;
    -ms-animation-iteration-count:infinite;
    -ms-animation-direction:linear;
    -o-border-radius:8px;
    -o-animation-name:bounce_circularG;
    -o-animation-duration:1.04s;
    -o-animation-iteration-count:infinite;
    -o-animation-direction:linear;
    border-radius:8px;
    animation-name:bounce_circularG;
    animation-duration:1.04s;
    animation-iteration-count:infinite;
    animation-direction:linear;
}

#circularG_1{
left:0;
top:20px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG_2{
left:5px;
top:5px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG_3{
top:0;
left:20px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG_4{
right:5px;
top:5px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG_5{
right:0;
top:20px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG_6{
right:5px;
bottom:5px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG_7{
left:20px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG_8{
left:5px;
bottom:5px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}