html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
ol,ul{list-style:none}
article,aside,figure,footer,header,hgroup,nav,section{display:block;overflow:hidden}
*,:before,:after{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}
html{-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:#f3f5f6;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body{font-size:100%;font-family:Optima,Lucida,'MgOpen Cosmetica','Lucida Sans Unicode',sans-serif;color:#222;background:#b9bf9c}
@font-face{font-family:'museo_sans500';src:url(fonts/MuseoSans_500-webfont.eot);src:url(fonts/MuseoSans_500-webfont.eot?#iefix) format("embedded-opentype"),url(fonts/MuseoSans_500-webfont.woff) format("woff"),url(fonts/MuseoSans_500-webfont.ttf) format("truetype"),url(fonts/MuseoSans_500-webfont.svg#museo_sans500) format("svg");font-weight:400;font-style:normal}
object,embed{max-width:100%;height:100%}
.google-maps{position:relative;padding-bottom:73%;height:0;overflow:hidden}
.google-maps iframe{position:absolute;top:0;left:0;width:100%;height:100%}
img{max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle}
a img,.noborder{border:0}
a{color:#51a7da}
a:hover{color:#ee6a00}
a:focus{outline:none}
a.btn,#frmFormMailContainer input[type="submit"]{display:block;background:#b6be85;color:#fff;border-radius:10px;width:250px;text-align:center;padding:6px 0;margin:18px auto;font-size:13px;text-decoration:none;font-weight:700;white-space:nowrap;cursor:pointer}
.btn:focus,.btn:active:focus,.btn.active:focus{border:none}
.btn:hover,.btn:focus,#frmFormMailContainer input[type="submit"]:hover{background:#858b65}
p,h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility}
h1,h2,h3{font-family:'museo_sans500';color:#feffcd;font-weight:400}
h1{font-size:1.66em;padding:48px 0 0 28px}
h2{font-size:.9em;padding:8px 0 0 120px;letter-spacing:1px;color:#f4f0bf}
h3{font-size:1.6em;padding:.25em .2em .25em 0;color:#6d6d6d}
p,td{font-size:.88em;margin:.76em 0;line-height:1.5}
.smaller{font-size:.76em}
#content h3:first-child{margin-top:0;padding-top:1em}
#content p:first-child{margin-top:1em}
.rates{margin:30px auto;background-color:#858b65;text-align:center;width:96%;max-width:500px}
.rates th{background-color:#858b65;font-weight:700;text-align:center;font-size:13px;padding:5px;color:#fff}
.rates td{background-color:#f2efcc;padding:5px;font-size:13px}
footer p{font-size:.75em;color:#636652;margin:1em 0 1.8em;text-align:center}
footer a:link,footer a:visited{color:#5194b3;text-decoration:none}
footer a:hover{color:#fff}
.bottmenu{max-width:500px;margin:0 auto;border-bottom:1px dotted #9da385}
.bottbott{padding-top:1em}
footer li a{display:block;float:left;width:33%;padding:10px 0;text-decoration:none;font-size:.75em;color:#faf8d2;font-family:'museo_sans500';text-transform:uppercase;text-align:center}
.bordered{border:6px solid #bfc78c;background:#bfc78c;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px;-moz-box-shadow:0 0 9px #000;-webkit-box-shadow:0 0 9px #000;box-shadow:0 0 9px #000}
.row{width:100%;margin:0 auto;*zoom:1}
.row:before,.row:after{content:" ";display:table}
.row:after{clear:both}
.large-3,.large-9{padding:0 12px;width:100%}
.large-5,.large-7{width:100%}
.languages ul{float:right;margin-top:12px}
.languages a{display:block;padding:0 0 14px 12px;color:#d7e0bb;font-size:12px;text-decoration:none}
.languages a:hover{color:#646464}
nav{margin-top:12px}
nav a{display:block;float:left;width:50%;text-decoration:none;font-size:13px;line-height:24px;color:#faf8d2;font-family:'museo_sans500';text-transform:uppercase}
nav a:hover{color:#646464}
#index a#nav_index,#hotel a#nav_rooms,#teresa a#nav_loca,#activities a#nav_acti,#images a#nav_gall,#contact a#nav_cont{color:#f56505}
#logobar{background:url(img/hotel-top-320.jpg);height:126px;margin-top:20px}
#content{background:#faf8d3;padding:2em .8em}
@media only screen and (min-width: 30em) {
#logobar{background:url(img/hotel-top-480.jpg);height:200px;margin-top:20px}
h2{font-size:1.22em;padding:8px 0 0 123px;letter-spacing:1px;color:#f4f0bf}
}
@media only screen and (min-width: 48em) {
body{background:#b9bf9c}
#roundbox{background:#faf8d3;margin:20px auto;width:762px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-box-shadow:1px 1px 11px rgba(0,0,0,0.75);-moz-box-shadow:1px 1px 11px rgba(0,0,0,0.75);box-shadow:1px 1px 11px rgba(0,0,0,0.75)}
header{-webkit-border-top-left-radius:50px;-webkit-border-top-right-radius:50px;-moz-border-radius-topleft:50px;-moz-border-radius-topright:50px;border-top-left-radius:50px;border-top-right-radius:50px;background:#faf8d3;background:-moz-linear-gradient(left,#f1efcc 0%,#faf8d3 72%);background:-webkit-gradient(linear,left top,right top,color-stop(0%,#f1efcc),color-stop(72%,#faf8d3));background:-webkit-linear-gradient(left,#f1efcc 0%,#faf8d3 72%);background:-ms-linear-gradient(left,#f1efcc 0%,#faf8d3 72%);background:linear-gradient(to right,#f1efcc 0%,#faf8d3 72%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1efcc',endColorstr='#faf8d3',GradientType=1)}
.languages ul,nav{margin-top:0}
.large-3{float:right;position:relative;width:20%}
.large-9{float:left;position:relative;width:80%;padding-left:28px}
.large-5{float:left;width:39%;margin:0 3% 0 0}
.large-7{float:left;width:55%;margin:0 3% 0 0}
nav a{width:auto;float:left;margin:0;padding:40px 26px 8px 0;color:#7c794c;text-align:center}
nav a:hover{border:none;color:#f56505;text-decoration:underline}
.languages ul{float:none}
.languages a{float:right;padding:44px 15px 0 0;color:#7c794c}
#logobar{background:url(img/hotel-top-768.jpg);height:200px;margin-top:0}
#bamboo-bg{background:url(img/bg-bamboo.jpg),url(img/bg-zen.jpg);background-repeat:no-repeat,no-repeat;background-position:top left,bottom right;-moz-border-radius:0 0 50px;-webkit-border-radius:0 0 50px 0}
#content{background:transparent;padding:1.5em .4em 4em .8em}
#content h3:first-child{margin-top:0;padding-top:0}
#content p:first-child{margin-top:0}
.bottmenu{max-width:762px;border-bottom:none}
footer li a{width:16.66%;padding:10px 0}
footer p{margin:.8em 0}
.gallerypicts{margin:10px auto 36px;max-width:620px}
}
@media only screen and (min-width: 64em) {
#roundbox{width:1000px}
nav a{padding:40px 35px 8px 0}
#logobar{background:url(img/hotel-top-1000.jpg);height:200px}
#content{width:900px;margin:0 auto}
}
ol.phpfmg_form{padding:.5em 0 0 2em;max-width:650px;margin:0 auto}
ol.phpfmg_form li{margin-bottom:12px;clear:both;display:block;overflow:hidden;width:100%}
.col_label{display:block;font-size:13px}
.text_box,.text_area,.text_select{width:250px;padding:2px 0 2px 6px}
.col_field{font-size:13px}
.text_area{height:80px}
@media only screen and (min-width: 28em) {
.col_label{float:left;width:150px;text-align:right;padding-right:20px}
.col_field{float:left;padding:0 0 0 12px}
ol.phpfmg_form input,ol.phpfmg_form textarea,ol.phpfmg_form select{border:1px solid #ccc;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px}
.thanx{max-width:650px;margin:20px auto 0;min-height:440px}
.thanx p{font-family:'museo_sans500';color:#9e9f8c;font-weight:400;font-size:18px;padding:40px 0;text-align:center;margin:0 auto;max-width:500px}
}
@media only screen and (min-width: 46em) {
ol.phpfmg_form,.thanx{padding:2em 0 0;background:#e3e3c1;-webkit-border-radius:18px;border-radius:18px;background:rgba(190,198,139,0.42);background:-moz-linear-gradient(top,rgba(190,198,139,0.42) 0%,rgba(97,97,97,0) 100%);background:-webkit-gradient(left top,left bottom,color-stop(0%,rgba(190,198,139,0.42)),color-stop(100%,rgba(97,97,97,0)));background:-webkit-linear-gradient(top,rgba(190,198,139,0.42) 0%,rgba(97,97,97,0) 100%);background:-o-linear-gradient(top,rgba(190,198,139,0.42) 0%,rgba(97,97,97,0) 100%);background:-ms-linear-gradient(top,rgba(190,198,139,0.42) 0%,rgba(97,97,97,0) 100%);background:linear-gradient(to bottom,rgba(190,198,139,0.42) 0%,rgba(97,97,97,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bec68b',endColorstr='#616161',GradientType=0)}
}
/* flexslider */
.flex-container a:active,.flexslider a:active,.flex-container a:focus,.flexslider a:focus{outline:none}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
@font-face{font-family:'flexslider-icon';src:url(flexslider/fonts/flexslider-icon.eot);src:url(flexslider/fonts/flexslider-icon.eot?#iefix) format("embedded-opentype"),url(flexslider/fonts/flexslider-icon.woff) format("woff"),url(flexslider/flexslider/fonts/flexslider-icon.ttf) format("truetype"),url(flexslider/flexslider/fonts/flexslider-icon.svg#flexslider-icon) format("svg");font-weight:400;font-style:normal}
.flexslider{margin:0;padding:0}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{width:100%;display:block;-webkit-border-radius:12px;-moz-border-radius:12px;border-radius:12px}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\0020";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides > li:first-child{display:block}
.flexslider{margin:0;background:#bcc389;border:0;position:relative;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.2);-moz-box-shadow:0 1px 4px rgba(0,0,0,.2);-o-box-shadow:0 1px 4px rgba(0,0,0,.2);box-shadow:0 1px 4px rgba(0,0,0,.2);zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav{*height:0}
.flex-direction-nav a{display:block;width:40px;height:40px;margin:-20px 0 0;position:absolute;top:50%;z-index:10;overflow:hidden;opacity:0;cursor:pointer;color:#fff!important;text-decoration:none;text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease}
.flex-direction-nav .flex-prev{left:-50px}
.flex-direction-nav .flex-next{right:-50px;text-align:right}
.flexslider:hover .flex-prev{opacity:.7;left:10px}
.flexslider:hover .flex-next{opacity:.7;right:10px}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .flex-disabled{opacity:0!important;filter:alpha(opacity=0);cursor:default}
.flex-direction-nav a:before{font-family:"flexslider-icon";font-size:40px;display:inline-block;content:'\f001'}
.flex-direction-nav a.flex-next:before{content:'\f002'}
.flex-pauseplay a{display:block;width:20px;height:20px;position:absolute;bottom:5px;left:10px;opacity:.8;z-index:10;overflow:hidden;cursor:pointer;color:#000}
.flex-pauseplay a:before{font-family:"flexslider-icon";font-size:20px;display:inline-block;content:'\f004'}
.flex-pauseplay a:hover{opacity:1}
.flex-pauseplay a.flex-play:before{content:'\f003'}
.flex-control-nav{width:100%;position:absolute;bottom:-40px;text-align:center}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1;*display:inline}
.flex-control-paging li a{width:11px;height:11px;display:block;background:#666;background:rgba(0,0,0,0.5);cursor:pointer;text-indent:-9999px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px;-webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);-o-box-shadow:inset 0 0 3px rgba(0,0,0,0.3);box-shadow:inset 0 0 3px rgba(0,0,0,0.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,0.7)}
.flex-control-paging li a.flex-active{background:#000;background:rgba(0,0,0,0.9);cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .flex-active{opacity:1;cursor:default}
@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev{opacity:1;left:10px}
.flex-direction-nav .flex-next{opacity:1;right:10px}
}
/* meine */
#topslider .flex-direction-nav .flex-prev { opacity: 0; }
#topslider .flex-direction-nav .flex-next { opacity: 0; }

#gallery {max-width: 637px; margin: 0 auto; margin-bottom: 60px; }
#gallery { border: 2px solid #84d5d7; -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.5);	}