html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline; }article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block; }body {line-height:1; }ol, ul {list-style:none; }blockquote, q {quotes:none; }blockquote:before, blockquote:after,q:before, q:after {content:'';content:none; }table {border-collapse:collapse;border-spacing:0; }body {background:#fff;font:14px/21px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#444;-webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; }h1, h2, h3, h4, h5, h6 {color:#181818;font-family:"Georgia", "Times New Roman", Helvetica, Arial, sans-serif;font-weight:normal; }h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight:inherit; }h1 { font-size:46px; line-height:50px; margin-bottom:14px;}h2 { font-size:35px; line-height:40px; margin-bottom:10px; }h3 { font-size:28px; line-height:34px; margin-bottom:8px; }h4 { font-size:21px; line-height:30px; margin-bottom:4px; }h5 { font-size:17px; line-height:24px; }h6 { font-size:14px; line-height:21px; }.subheader { color:#777; }p { margin:0 0 20px 0; }p img { margin:0; }p.lead { font-size:21px; line-height:27px; color:#777;}em { font-style:italic; }strong { font-weight:bold; }small { font-size:80%; }blockquote, blockquote p { font-size:17px; line-height:24px; color:#777; font-style:italic; }blockquote { margin:0 0 20px; padding:9px 20px 0 19px; border-left:1px solid #ddd; }blockquote cite { display:block; font-size:12px; color:#555; }blockquote cite:before { content:"\2014 \0020"; }blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#555; }hr { border:solid #ddd; border-width:1px 0 0; clear:both; margin:10px 0 30px; height:0; }a, a:visited {text-decoration:none; outline:0; }a:hover, a:focus { color:#000; }p a, p a:visited { line-height:inherit; }ul, ol { margin-bottom:20px; }ul { list-style:none outside; }ol { list-style:decimal; }ol, ul.square, ul.circle, ul.disc { margin-left:30px; }ul.square { list-style:square outside; }ul.circle { list-style:circle outside; }ul.disc { list-style:disc outside; }ul ul, ul ol,ol ol, ol ul { margin:4px 0 5px 30px; font-size:90%;}ul ul li, ul ol li,ol ol li, ol ul li { margin-bottom:6px; }li { line-height:18px; margin-bottom:12px; }ul.large li { line-height:21px; }li p { line-height:21px; }img.scale-with-grid {max-width:100%;height:auto; }form {margin-bottom:20px; }fieldset {margin-bottom:20px; }input[type="text"],input[type="password"],input[type="email"],textarea,select {border:1px solid #ccc;padding:6px 4px;outline:none;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;font:13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#777;margin:0;width:100%;max-width:100%;display:block;margin-bottom:20px;background:#fff; }select {padding:0; }input[type="text"]:focus,input[type="password"]:focus,input[type="email"]:focus,textarea:focus {border:1px solid #aaa; color:#444; -moz-box-shadow:0 0 3px rgba(0,0,0,.2);-webkit-box-shadow:0 0 3px rgba(0,0,0,.2);box-shadow: 0 0 3px rgba(0,0,0,.2); }textarea {min-height:200px; }label,legend {display:block;font-weight:bold;font-size:13px;}select {width:220px; }input[type="checkbox"] {display:inline; }label span,legend span {font-weight:normal;font-size:13px;color:#444; }.remove-bottom { margin-bottom:0 !important; }.half-bottom { margin-bottom:10px !important; }.add-bottom { margin-bottom:20px !important; }@-ms-viewport { width:device-width; }@media only screen and (min-device-width:800px) { html { overflow:hidden; } }html { height:100%; }body { height:100%; overflow:hidden; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; background-color:#fff; }#pano { position:absolute; left:0; top:0; width:100%; height:90%; z-index:1000; } #loader { display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#98c5e4; z-index:9999; }#logo { position:absolute; left:50%; top:50%; margin-left:-150px; margin-top:-230px; width:291px; height:126px; text-align:center; font-weight:bold; z-index:10000; background-image:url(../_img/static/bionda-logo-big.png); }#loader-inside { position:absolute; left:50%; top:50%; margin-left:-50px; margin-top:-50px; width:100px; height:12px; background-image:url(../_img/static/loader.gif); z-index:10000; background-size:cover; background-repeat:none; }#credits { font-family:'Open Sans', sans-serif; position:absolute; top:50%; margin-top:100px; left:50%; margin-left:-50px;font-size:13px; color:#fff; text-align:center; font-weight:bold; }.credits-image { display:inline-block; width:92px; margin-top:10px; height:96px; background-image:url(../_img/static/360virtualtours.png); background-size:contain; opacity:0.4; -webkit-transition:0.3s; transition:0.3s; }.credits-image:hover { opacity:1; }#loaded { display:block; }#ck { display:none; }#logo-villa { position:absolute; left:50%; margin-left:-85px; top:20px; width:170px; height:74px; background-image:url(../_img/static/bionda-logo.png); background-repeat:no-repeat; z-index:1000; }#gotowebsite { position:absolute; left:50%; margin-left:-500px; top:30px; padding:20px; width:137px; height:20px; background-image:url(../_img/static/gotowebsite.png); background-repeat:no-repeat; background-position:center center; cursor:pointer; z-index:1000; }#menu-button { display:block; position:absolute; margin-top:40px; left:50%; margin-left:376px; width:99px; height:36px; background-image:url(../_img/static/menu-button0.png); z-index:1000; }#menu-overlay { display:none; position:absolute; left:50%; margin-left:35px; top:75px; width:600px; z-index:9999; }#categories { position:absolute; background-color:#b2d5de; padding:20px; width:170px; height:294px; border-right:1px solid #41a4be; padding-right:10px; }#categories .menu-item {font-family:'Open Sans', sans-serif; width:158px; clear:both; float:left; font-size:14px; color:#417b9f; padding-top:5px; padding-bottom:5px; font-weight:600; cursor:pointer; }#categories .menu-item2 {font-family:'Open Sans', sans-serif; width:158px; clear:both; float:left; font-size:14px; color:#5d97bb; padding-top:5px; padding-bottom:5px; font-weight:600; cursor:pointer; }#categories .menu-item:hover { color:#6b6b6b; background-image:url(../_img/static/arrow-item.png); background-repeat:no-repeat; background-position:right center; }.menu-item-active { font-family:'Open Sans', sans-serif; width:158px; clear:both; float:left; font-size:14px; color:#417b9f; padding-top:5px; padding-bottom:5px; font-weight:600; cursor:pointer;color:#6b6b6b; background-image:url(../_img/static/arrow-item.png); background-repeat:no-repeat; background-position:right center; }#categories .margeleft { margin-left:20px; width:137px; }#subcategories { position:absolute; margin-left:201px; background-color:#c6e1e8; width:214px; height:314px; padding:10px; padding-left:15px; font-size:12px; color:#888; padding-right:10px; overflow:hidden; }#subcategories .menu-item { clear:both; float:left; width:205px; border-bottom:1px solid #fff; cursor:pointer; padding-bottom:5px; padding-top:5px; color:#5b5c5d; }#subcategories .menu-item:hover { color:#417b9f; }#subcategories .active { color:#417b9f; }#subcategories .image { float:left; width:56px; height:48px; border:2px solid #fff; border-radius:2px; background-color:#000; overflow:hidden; } #subcategories .noborder { border:0; }#subcategories .title { float:left; margin-left:10px; margin-top:18px; font-size:12px; font-weight:bold; }.subcategories-absolute { position:absolute; width:214px; }.subcategories-absolute h3 { font-family:'Open Sans', sans-serif; font-size:14px; font-weight:bold; color:#000; }.subcategories-absolute p { font-size:12px; color:#000; line-height:18px; }#weather { display:none; position:absolute; top:150px; left:50%; margin-left:381px; width:93px; height:93px; background-image:url(../_img/static/weather.png); z-index:1000; }#welcomeScreen { position:absolute; bottom:40px; width:1000px; left:50%; margin-left:-500px; text-align:center; z-index:2000; }#frontpage { display:inline-block; width:100%; height:119px; background-image:url(../_img/static/slogan.png); background-repeat:no-repeat; background-position:center; }#begintour { display:inline-block; font-family:'Open Sans', sans-serif; width:258px; margin-top:20px; padding-top:15px; font-weight:bold; height:37px; cursor:pointer; border:2px solid #fff; }#begintour:hover { background-color:#98c5e4; color:#fff; }#selected { display:inline-block; width:1000px; height:200px; margin-top:30px; }#selected .selected-title { display:none; font-family:'Open Sans', sans-serif; position:absolute; bottom:15px; margin-left:10px; width:256px; text-align:left; padding-bottom:10px; padding-top:10px; font-weight:bold; padding-left:20px; font-size:14px; color:#fff; background-image:url(../_img/static/selected-bckgrnd.png); }#selected .selected-item { float:left; width:300px; margin-left:25px; height:200px; background-color:#fff; box-shadow:0 0 10px #000; cursor:pointer; }#selected .selected-item:hover > .selected-title { display:block; }#selected .selected-photo {font-family:'Open Sans', sans-serif; float:left; margin-left:10px; margin-top:10px; width:276px; height:180px; background-repeat:no-repeat; background-position:center center; }#footer { position:absolute; bottom:5px; width:960px; left:50%; margin-left:-475px; text-align:left; color:#000; font-size:10px; z-index:2000; }#tooltip { display:none; font-family:'Open Sans', sans-serif; font-weight:bold; font-size:13px; width:280px; text-align:center; color:#000; position:absolute; bottom:100px; left:50%; margin-left:-150px; margin-bottom:-20px; color:#000; background-color:#fff; padding:10px; z-index:9999; border-radius:5px; box-shadow:0px 0px 2px #000; }#tooltip2 { display:none; position:absolute; z-index:9999; color:#000; padding:10px;font-size:12px; width:180px; height:20px; background-color:#fff; }#bottom-widgets-exit { display:block; position:absolute; bottom:-50px; left:50%; margin-left:-300px; padding:5px 10px; background-color:#fff; color:#000; font-weight:bold; z-index:7000; cursor:pointer; }#big-popup-container { display:none; position:absolute; right:0; width:410px; top:260px; z-index:5000; }#big-popup-exit { position:absolute; font-family:'Open Sans', sans-serif; padding:5px 10px; margin-left:-28px; background-color:#fff; font-weight:bold; color:#000; z-index:5000; cursor:pointer; }#big-popup { position:absolute; width:410px; background-color:#fff; box-shadow:0 2px 2px #888; }#big-popup-inside { font-family:'Open Sans', sans-serif; margin-top:20px; margin-left:20px; width:350px; font-size:12px; line-height:18px; color:#105689; overflow:auto; }#big-popup-inside #text { float:left; width:350px; }#big-popup-inside h3 { font-family:'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold; font-size:17px; margin:0; padding:0; padding-bottom:4px; color:#105689; letter-spacing:2px; line-height:20px; }#left-text h3 { font-family:'Open Sans', sans-serif; font-weight:bold; font-size:12px; margin:0; padding:0; padding-bottom:4px; color:#105689; letter-spacing:2px; line-height:14px; }#big-popup-inside #directboeken {display:inline-block; font-family:'Open Sans', sans-serif;padding:5px 10px; padding-right:40px; background-repeat:no-repeat; background-image:url(../_img/static/directboeken.jpg); background-position:center right 10px; margin-bottom:20px; margin-top:10px; background-color:#7ac6e7; color:#fff; letter-spacing:2px; font-weight:bold; font-size:14px; cursor:pointer; }#big-popup-inside .slideshow { clear:both; width:350px; }#big-popup-inside .thumb-item { float:left; width:111px; height:93px; background-color:#fff; margin-right:5px; margin-bottom:5px; background-size:cover; }#small-popup-container { display:none; position:absolute; top:50%; margin-top:-190px; left:50%; margin-left:-150px; width:300px; height:380px; z-index:5000; box-shadow:0 2px 2px #000; }#small-popup-exit { position:absolute; font-family:'Open Sans', sans-serif; padding:5px 10px; margin-top:-31px; background-color:#fff; font-weight:bold; color:#000; z-index:5000; cursor:pointer; }#small-popup { position:absolute; width:300px; height:380px; background-color:#fff; box-shadow:0 2px 2px #888;}#small-popup-inside { float:left; font-family:'Open Sans', sans-serif; margin-top:20px; margin-left:20px; width:897px; font-size:12px; line-height:18px; color:#105689; overflow:auto; background-color:#fff; }#small-popup-inside #text { float:left; width:400px; }#small-popup-inside h3 { font-family:'Open Sans', sans-serif; text-transform:uppercase; font-weight:bold; font-size:17px; margin:0; padding:0; padding-bottom:4px; color:#105689; letter-spacing:2px; line-height:20px; }#small-popup-inside #slideshow { float:left; width:450px; height:410px; margin-left:40px; background-color:#e1e1e1; }#Menu_Begin { display:block; }.click { padding:10px; background-color:#000; color:#fff; float:left; width:200px; text-align:center; margin:10px; cursor:pointer; font-weight:bold; font-size:12px; }h1 { display:none; }.scrollable {position:relative;}.scrollable:focus {outline:0;}.scrollable .viewport {position:relative;overflow:hidden;}.scrollable .viewport .overview {position:absolute;}.scrollable .scroll-bar {display:none;}.scrollable .scroll-bar.vertical {position:absolute;right:0;height:100%;}.scrollable .scroll-bar.horizontal {position:relative;width:100%;}.scrollable .scroll-bar .thumb {position:absolute;}.scrollable .scroll-bar.vertical .thumb {width:100%;min-height:10px;}.scrollable .scroll-bar.horizontal .thumb {height:100%;min-width:10px;left:0;}.not-selectable {-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}.scrollable.gray-skin {padding-right:17px;}.scrollable.gray-skin .scroll-bar {background-color:#e1e1e1;}.scrollable.gray-skin .scroll-bar .thumb {background-color:#97c5e6;border-radius:3px;cursor:pointer;}.scrollable.gray-skin .scroll-bar:hover .thumb {background-color:black;}.scrollable.gray-skin .scroll-bar.vertical {width:4px;margin-right:2px;}.scrollable.gray-skin .scroll-bar.horizontal {height:10px;margin-top:2px;}@media only screen and (min-width:0) and (max-width:1400px) {}@media only screen and (min-width:0) and (max-width:640px) {html { height:550px; width:550px; overflow:hidden; }body { height:550px; width:550px;overflow:hidden; }#gotowebsite { display:none; }#Menu_Begin { display:none; }#footer { display:none; }#pano { height:100%; }#logo-villa { position:absolute; left:0; margin-left:10px; top:10px; width:70px; height:44px; background-image:url(../_img/static/bionda-logo.png); background-repeat:no-repeat; z-index:1000; background-size:cover; }#welcomeScreen { position:absolute; bottom:40px; width:320px; left:50%; margin-left:-160px; text-align:center; z-index:2000; }#frontpage { display:inline-block; width:320px; height:80px; background-image:url(../_img/static/slogan.png); background-repeat:no-repeat; background-position:center; background-size:cover; }#begintour { display:inline-block; font-family:'Open Sans', sans-serif; width:258px; margin-top:20px; padding-top:15px; font-weight:bold; height:37px; cursor:pointer; border:2px solid #fff; }#bottom-widgets-exit { display:none; }#menu-button { display:none; }#menu-button-mobile { display:block; position:absolute; margin-top:15px; right:10px; width:99px; height:36px; background-image:url(../_img/static/menu-button0.png); z-index:1000; }#menu-overlay-mobile { display:block; position:absolute; top:0; padding-bottom:20px; width:100%; top:-400px; z-index:6000; background-color:#C6E1E8; }#menu-overlay-mobile-inside { padding:20px; }.mobile-item { clear:both; float:left; color:#417B9F; font-size:15px; width:100%; line-height:25px; font-weight:bold; cursor:pointer; }#mobile-kamers-sub { display:none; margin-left:10px; font-weight:bold; }.mobile-item2 { clear:both; float:left; color:#346786; font-size:13px; width:100%; line-height:25px; font-weight:bold; cursor:pointer; }}