#kavelkaart-holder { width: 100%; height: auto; float: left; position: relative; z-index: 0; line-height: 14px; } #kavelkaart-holder .fullscreen { width: 100%; height: 100%; } #kavelkaart-holder #lotmap-container { width: 100%; position: relative; float: left; } #kavelkaart-holder #lotmap-container .status-filter-holder { float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-top { width: 100%; float: left; height: auto; text-align: right; padding: 5px; background: white; margin-bottom: 5px; font-size: 80%; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons { display: none; width: 100%; float: right; text-align: right; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter { float: right; width: auto; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter span.span-label { padding: 2px 20px 0 0; float: left; line-height: 26px; font-size: 120%; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder { float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button { display: inline-block; border: medium none; height: 28px; width: 125px; color: #ffffff; font-size: 120%; font-weight: normal; padding: 0; line-height: 28px; text-align: center; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.rent, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.rent, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.rent { background: #aae176; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.rent[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.rent[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.rent[data-active="true"] { background: #28B602; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option-sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option-sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option-sale { background: #ffca7b; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option-sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option-sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option-sale[data-active="true"] { background: #ff8a00; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option-signed, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option-signed, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option-signed { background: #ffca7b; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option-signed[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option-signed[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option-signed[data-active="true"] { background: pink; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option-rent, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option-rent, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option-rent { background: #ffca7b; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.option-rent[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.option-rent[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.option-rent[data-active="true"] { background: #ff8a00; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.sold, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.sold, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.sold { background: #b36255; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.sold[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.sold[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.sold[data-active="true"] { background: #ff1e00; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.sold-almost, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.sold-almost, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.sold-almost { background: #b36255; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.sold-almost[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.sold-almost[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.sold-almost[data-active="true"] { background: yellow; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.rented, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.rented, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.rented { background: #b36255; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.rented[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.rented[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.rented[data-active="true"] { background: #ff1e00; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.piv-sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.piv-sale, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.piv-sale { background: #aae176; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.piv-sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.piv-sale[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.piv-sale[data-active="true"] { background: #28B602; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.piv-rent, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.piv-rent, #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.piv-rent { background: #7072c9; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button.piv-rent[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button.piv-rent[data-active="true"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button.piv-rent[data-active="true"] { background: #3a40ff; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-huur-holder button[data-active="disabled"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-koop-holder button[data-active="disabled"], #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-piv-holder button[data-active="disabled"] { cursor: inherit; } #kavelkaart-holder #lotmap-container #lotmap-container-top #top-status-buttons .status-filter #btn-status-zone-holder button { width: auto; } #kavelkaart-holder #lotmap-container #lotmap-container-top div.tabcontainer { width: 25%; padding: 7px 0 0 5px; float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-top div.tabcontainer button { width: 190px; float: left; border: none; background: #21bbef; color: white; font-weight: bold; padding: 6px 8px; } #kavelkaart-holder #lotmap-container #lotmap-container-top ul.tabcontainer { display: none; list-style: none; margin: 0; padding: 0; width: 25%; float: left; text-align: left; } #kavelkaart-holder #lotmap-container #lotmap-container-top ul.tabcontainer li { float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-top ul.tabcontainer li a { display: block; line-height: 41px; height: 42px; width: 100px; -webkit-border-top-right-radius: 10px; -moz-border-radius-topright: 10px; border-top-right-radius: 10px; padding: 0 10px; background: none; border-bottom: 1px solid #e1e1e1; text-decoration: none; } #kavelkaart-holder #lotmap-container #lotmap-container-top ul.tabcontainer li a.selected { border-right: 1px solid #e1e1e1; border-bottom: none; background: white; } #kavelkaart-holder #lotmap-container #lotmap-container-top ul.tabcontainer li a.selected.show-display-podium { border-left: 1px solid #e1e1e1; } #kavelkaart-holder #lotmap-container #lotmap-container-top #kk-topbutton-select { float: left; margin-right: 15px; height: auto; background: white; } #kavelkaart-holder #lotmap-container #lotmap-container-top #kk-topbutton-select select { padding: 1px 20px 1px 0; font-size: 120%; height: 30px; border: 1px solid #e1e1e1; width: 200px; } #kavelkaart-holder #lotmap-container #lotmap-container-top .kk-topbutton { width: auto; height: 30px; background: white; } #kavelkaart-holder #lotmap-container #lotmap-container-top .kk-topbutton a { width: 100%; height: 100%; display: block; padding: 5px 10px; } #kavelkaart-holder #lotmap-container #lotmap-container-top #lotmap-backlink { display: none; float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-top #lotmap-backlink a.back-to-overview { font-size: 100%; display: inline-block; cursor: pointer; padding: 5px; text-align: center; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; text-decoration: none; background: #21bbef; border: 1px solid #248db9; text-shadow: #1c7aa4 0 -1px 0; color: white; padding: 3px 15px 0 32px; /* background-image: url("../../images/back/arrow-left.png");*/ background-repeat: no-repeat; background-position: 10px center; padding-left: 30px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom { position: relative; float: left; width: 100%; border: 1px solid #fff; /*overflow: hidden;*/ } #kavelkaart-holder #lotmap-container #lotmap-container-bottom a#close-podium, #kavelkaart-holder #lotmap-container #lotmap-container-bottom a#close-podium-area { width: 100%; display: block; color: #d53f6c; text-align: right; font-size: 130%; text-decoration: none; font-weight: bold; background: white; padding: 0 0 5px 15px; line-height: 16px; text-decoration: none; color: #000; font-size: 15px; line-height: 15px; font-weight: bold; float: right; margin: 0 0 5px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder { display: block; position: absolute; z-index: 1000; right: 10px; top: 10px; background: rgba(255, 255, 255, 0.6); padding: 5px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider-plus, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider-min { background: #c0c0c0; font-weight: normal; color: #555; border-radius: 10px; width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 120%; margin: 5px auto; cursor: pointer; background-repeat: no-repeat; background-position: center center; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider-plus img, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider-min img { vertical-align: inherit; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider-plus { background-image: url("../images/plusmin-plus.png"); } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider-min { margin-top: 50px; background-image: url("../images/plusmin-min.png"); } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider { margin: 15px auto; height: 190px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #zoom-slider-holder #zoom-slider .ui-slider-handle { cursor: pointer; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left { width: 46px; height: 33px; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 10000; display: none; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder { position: absolute; top: 0; left: -205px; font-size: 80%; width: 205px; z-index: 10; background: none; border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder #filter-menu { -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.39); box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.39); } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder #filter-menu { width: 240px; height: auto; background: #8bb8b3; color: white; padding: 6px 10px; cursor: pointer; font-size: 120%; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder #filter-menu span { display: block; float: right; font-weight: bold; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder #filter-menu fieldset { margin: 0; padding: 0; border: none; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters { width: 205px; padding: 10px; background: white; float: left; min-height: 100px; border-radius: 0px 0px 5px 0px; -moz-border-radius: 0px 0px 5px 0px; -webkit-border-radius: 0px 0px 5px 0px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #status-filter h3.filterHeader, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #status-filter select { font-size: 120%; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters h3 { color: #8bb8b3; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters { font-weight: normal; font-size: 110%; width: 100%; float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters h3 { margin: 5px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters .filter { width: 100%; float: left; margin: 5px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters .filter select { width: 100%; margin-bottom: 2px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters .filter.filterselect label { width: 30%; float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters #selection-filters .filter.filterselect select { width: 70%; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters button { display: block; background: none; background: #CFCFCF; color: #000; border: 0; width: 100%; margin: 0 0 5px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters button.btn-selected, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters button.btn-inactive { background: #CAD401; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .lotmap-filters fieldset { border: none; padding: 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .explanation { width: 100%; float: left; display: none; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left #lotmap-filters-holder .explanation.selected { display: block; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left.filtersopen { width: 240px; height: 500px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left.filtersopen #lotmap-filters-holder.filtersopen { left: 0; -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.39); -moz-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.39); box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.39); } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-left.filtersopen #lotmap-filters-holder.filtersopen #filter-menu { width: 205px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium { display: block; position: absolute; right: 15px; top: 15px; z-index: 10000; width: 230px; background: white; display: none; padding: 10px; -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.35); -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.35); box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.35); } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium h3 { font-size: 120%; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type { width: 100%; background: white; font-size: 13px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house a.niki-house-image, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type a.niki-house-image { display: block; width: 100%; float: left; height: 110px; background-position: center center; background-size: cover; background-repeat: no-repeat; overflow: hidden; margin-bottom: 5px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house a.niki-house-image img, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type a.niki-house-image img { display: none; width: 100%; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house ul.piv-models, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type ul.piv-models { margin: 3px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house div, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type div { width: 100%; float: left; margin: 3px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house div.house-type, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type div.house-type { font-weight: bold; color: #8bb8b3; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .niki-house a.leesmeer, #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .piv-type a.leesmeer { color: #8bb8b3; text-decoration: underline; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium a.house-leesmeer { display: block; float: left; width: 100%; height: 30px; padding-top: 14px; background: url("../images/house-leesmeer.png") no-repeat right center; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .podiumarrow { position: absolute; height: 0; width: 0; border-top-style: solid; border-top-color: transparent; border-bottom-style: solid; border-bottom-color: transparent; display: none; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .podiumarrow.arrowleft { border-width: 7px 20px 7px 0px; border-right-style: solid; border-right-color: #fff; left: -20px; top: 20px; display: block; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .podiumarrow.arrowright { border-width: 7px 0 7px 20px; border-left-style: solid; border-left-color: #fff; right: -20px; top: 20px; display: block; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium .gebieds-type-content p { margin: 5px 0; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #niki-house-podium.futurearea a#close-podium { width: auto; float: right; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #lotmap-container-right { position: relative; left: 0; top: 0; overflow: hidden; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom #all-maps-holder { position: relative; left: 0; top: 0; width: 100%; float: left; background-color: white; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder { position: relative; left: 0; top: 0; z-index: 100; width: 100%; float: left; display: none; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .overview-title { position: absolute; left: 0; top: 0; z-index: 1000; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .overview-title .thetitle { background: white; border: 1px solid black; padding: 1px 8px; color: black; cursor: pointer; font-size: 120%; -webkit-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.44); -moz-box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.44); box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, 0.44); } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder img { width: 100%; float: left; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .floor-container { position: absolute; z-index: 1000; left: 0; top: 40px; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .floor-container .single-floor { position: absolute; left: 0; top: 0; z-index: 10000; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .svg-map-holder, #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder svg.svgmap { position: absolute; left: 0; top: 0; z-index: 1000; width: 100%; height: 100%; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .svg-map-holder.mouse-mover { cursor: -moz-grab; cursor: -webkit-grab; cursor: grab; } #kavelkaart-holder #lotmap-container #lotmap-container-bottom .map-holder .svg-map-holder.mouse-mover.mouse-grabbing { cursor: -moz-grabbing; cursor: -webkit-grabbing; cursor: grabbing; } /* styling g groups */ #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g { cursor: pointer; fill-opacity: .1; stroke-opacity: .3; fill: #2baaff; stroke: white; stroke-width: 1; stroke-opacity: .6; } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.sale, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.rent { /* stroke: $gsalerent;*/ fill: #28B602; } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.option-sale, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.option-rent { /* stroke: $goption;*/ fill: #ff8a00; } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.rented, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.sold { /*stroke: $gsoldrented;*/ fill: #e60000; } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.piv, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.overview-area, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.future-area { fill: #fff; /*stroke: $gpiv;*/ } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g.piv-sale { fill: #28B602; } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g[data-selected="true"], #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g[data-selected="selected"] { fill-opacity: 0.4; stroke: white; stroke-width: 1; stroke-opacity: 1; } #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g:hover, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g[data-selected="true"]:hover, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g[data-selected="selected"]:hover, #kavelkaart-holder #lotmap-container-bottom .map-holder svg.svgmap g[data-clickselected="true"] { fill-opacity: 0.8; stroke: white; stroke-width: 2; stroke-opacity: 1; } .filterstrans { -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; -o-transition: all 500ms; transition: all 500ms; } @media screen and (min-width: 940px) { #kavelkaart-holder #kk-top-buttons .kk-top-button { width: 25%; } } button { cursor: pointer; } /*# sourceMappingURL=svg-kavelkaart.css.map */