/** * This stylesheet is for all content styles, all elements of the pages for the general site. * Specific colourshemes will be found in the specific subpart stylesheets * version 1.2 - July 2010 * copyright Info.nl Amsterdam * * index: * Typography * - special headers * standaard html elementen * hr * specific image classes for p and a * specific hard image sizes for teasers and carrousel * tables * - general * - in box * specific components * - text-block * - banner * - video-block * - box * - list-block * - slideshow * - imagebank * - thumb-list * - compare-list * - emph * - user-links * - poll * - numbers (cijfers pag) * - organigram * - service voor huurders * - Image block in top with content over it (like Noord Nederland) * - memo * - sitemap * - recognition * - FAQ / ARCORDION * - Area-map * - Numberback * - Rules * - rental-blocks * - image story * - tag cloud * - search fields (header and faq) (z-index 100) * - sitepicker (z-index 900) * - filter-element * - button * - lightbox & overlay (z-index 500) * - sitepicker lightbox * - google maps * tabs * - property selector * - city selector * news pages * footer * forms * - Form-steps * login * tooltip (z-index 1000) * Menu + Submenu */ /* Typography -------------------------------------------------------------- */ html {overflow-y:scroll; height:100%; background:#fff;} body {position:relative; height:100%; background:#fff url('/_LAYOUTS/images/Vestia.Branding/lines/topborder_grey.gif') repeat-x; font-size:62.5%; line-height:1.5em; color:#333; font-family:Verdana, Arial, Garuda, Sans-serif; padding-top:5px;} body.enlarge {font-size:67%;} body.largest {font-size:72%;} h2,h3,h4,h5,h6 {color:#333; font-weight:normal;} h2 {font-size:1.8em; line-height:1.39em; margin-bottom:8px;} h3 {font-size:1.4em; margin-bottom:0.5em;} h4 {font-size:1.1em; line-height:1.5; font-weight:bold;} h5, h6 {font-size:1.1em; font-weight:700; line-height:1.5;} /* special headers */ h3.intro {font-size:1.5em; line-height:1.4em;} h3.intro a {position:relative;} .title {background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x scroll 0 bottom; padding-bottom:0.5em;} h3.title {padding-bottom:0.24em;} a {/*background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_doublegrey_h.gif') repeat-x 0 bottom;*/ color:#333; text-decoration:underline; background:none;} #contentwrapper a:hover, #contentwrapper a:focus, #contentwrapper a:active {text-decoration:none;} .intro a {} a:hover, a:focus, a:active {background:#333; color:#fff;outline:none;text-decoration:none;} a.close, a.close:hover {display:block; height:16px; width:16px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/cancel.png') no-repeat 0 0;} a.close span {display:none;} a span {/*background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_doublegrey_h.gif') repeat-x 0 bottom;*/} a:hover span, a:focus span, a:active span {background:#333; color:#fff;} a.skiplink {position:absolute; left:-999em;} a.img {background:none;} /* A A A font enlarging */ a.standard, a.enlarge, a.largest {text-transform:uppercase; margin-left:0.2em;} a.enlarge {font-size:1.3em;} a.largest {font-size:1.5em; line-height:0.5em;} /* Standaard html elementen -------------------------------------------------------------- */ li {font-size:1.1em; line-height:1.5em; margin:0 0 .4em;} li ul li {font-size:100%;} .faq li {list-style-position:outside; margin-left:20px} .faq li ul li {margin-left:0; margin-top:3px} ul {padding-bottom:1em;} ul ul {padding-bottom:0em;} ul li, ol li ul li {list-style:square; margin-left:20px;} ol li {list-style:decimal; margin-left:20px;} ul.go-back {padding-left:0; background:none;} ul.go-back li {padding-left:15px; margin-left:0; background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-left.gif') no-repeat 0 5px; list-style-type:none;} /* Link lists */ ul.link li {list-style:none;margin-left:0; background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right.gif') no-repeat 0 7px; padding-left:15px;} ul.link li a {} ul.link li a span {} ul.link-right {text-align:right; list-style:none; margin-left:0; background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right.gif') no-repeat 0 7px; padding-left:15px;} ul.terms li {margin:0em;} em {} .image-story em {display:block;} p {font-size:1.1em; line-height:1.5em; margin:0 0 10px;} li p, li li, li address {font-size:1.0em;} p.last {margin-bottom:0;} .more, .overview-item li .more {text-align:right; padding-bottom:10px; margin-bottom:0;} .more a, .overview-item li .more a {padding-left:15px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right.gif') no-repeat 0 6px;} .more ul.link {padding-bottom:0;} .more ul.link li {background:none; margin-bottom:0; text-decoration:none;} /* p.more a:hover {background-color:transparent;} */ .more a:hover span, .overview-item li .more a:hover span {background:#333;} h4.more {text-align:left} h4.more a {padding:0px 15px 0px 0px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right.gif') no-repeat 100% 6px;} /* horizontal lines */ div.hr {height:1px; background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 bottom;margin-bottom:1em;} div.hr hr, .hr-triple hr {display:none;} div.hr-triple {clear:both; height:5px; padding-bottom:0em; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll 0 0;} .columns-two-var div.hr {clear:both; height:5px; margin-bottom:0; width:700px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll 0 100%;} address {display:block; font-size:1.1em; line-height:1.5em; margin-bottom:1em;} /* specific image classes for p and a */ .rss {padding-left:25px; margin:0 10px 10px 0; background:url('/_LAYOUTS/images/Vestia.Branding/icons/rss.gif') no-repeat left center;} .estate-offer {display:block; padding:5px 0 0 30px; margin-bottom:10px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/estate_offer.gif') no-repeat left center;} .estate-new {display:block; padding:5px 0 0 30px; margin-bottom:10px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/estate_new.gif') no-repeat left center;} .rental-offer {display:block; padding:5px 0 0 30px; margin-bottom:10px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/rental_offer.gif') no-repeat left center;} .estate-offer.no-margin, .estate-new.no-margin, .rental-offer.no-margin {margin-bottom:3px;} /* specific hard image sizes for teasers and carrousel */ .column .text-block img {max-width:220px;} .text-block a img.story-opener {width:auto;} .text-block a img, .column .ad-block img {width:220px;} .columns-two-var .visual img {width:338px;} table.houses-overview td img {width:100px;} .image-story img {width:460px;} .thumb-list div.thumb img {width:115px;} /* Tables -------------------------------------------------------------- */ table.datatable {margin-bottom:1em; width:100%;} .datatable th {font-weight:bold;} .datatable tr {background:#fff url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x left bottom;} .datatable th, .datatable td {text-align:left; font-size:1.1em; padding:8px 11px 8px 0; width:1%;} .datatable caption {display:none;} table.inbox {border-collapse:collapse; font-size:1.1em;} table.inbox th {font-weight:bold; padding:5px; text-align:left; width:1%; background:#fff url('/_LAYOUTS/images/Vestia.Branding/bg/top_table.png') repeat-x left bottom;} table.inbox tr {background:#fff url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x left bottom;} table.inbox tr.last {background:none;} table.inbox tr td {padding:10px 5px;} table.sum {font-weight:bold; font-size:1.1em; margin:1em 0;} table.sum th {text-align:left; border-top:1px solid #000;} table.stats tr {clear:both;} table.stats th, table.stats td {float:left; font-size:1.1em; text-align:left; font-weight:normal;} table.houses-overview {border-collapse:collapse; font-size:1.1em;} table.houses-overview tr {background:none;} table.houses-overview tr th {padding:0 0 0 1px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/th_divider.gif') no-repeat 0px 100%;} table.houses-overview tr th.first {background:none;} table.houses-overview tr th a {padding:10px; display:block; background:none;} table.houses-overview tr th a span {background:none;} table.houses-overview tr td {padding:10px;background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x left top;} table.houses-overview span.desc, table.houses-overview span.asc {display:block; background:url('/_LAYOUTS/images/Vestia.Branding/icons/asc-desc.gif') no-repeat 100% -36px;} table.houses-overview span.desc {background:url('/_LAYOUTS/images/Vestia.Branding/icons/asc-desc.gif') no-repeat 100% 2px;} table.houses-overview a:hover span, table.houses-overview th a:active span, table.houses-overview th a:focus span {color:#333;} table.houses-overview th.hover a, table.houses-overview th a:active, table.houses-overview th a:focus {color:#333; background:#eee;} .promo {background:url(/_LAYOUTS/images/Vestia.Branding/bg/dots_ccc.png) 0 0; display:inline-block; margin:10px 0 0 0;} .promo span {display:inline-block; padding:5px;} .promo .red {color:#f00;} .promo .green {color:#090;} .promo .nieuwbouw {background:url(/_LAYOUTS/images/Vestia.Branding/bg/promo_nieuwbouw.png) 5px 5px no-repeat; padding-left:30px;} .js table.clickable tr {cursor:pointer;} table.clickable tr.hover td {background:#eee url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x left top;} table.clickable th {vertical-align:bottom; font-size:1em; width:1%;} table.clickable td {vertical-align:top; font-size:1em;} table.clickable td strong {display:block;} .js table.clickable td a {background:none;} .js table.clickable td a:hover, .js table.clickable td a:focus, .js table.clickable td a:active {color:#333;} table.compare-houses {font-size:1.1em; border-collapse:collapse; border-spacing:0;} table.compare-houses th, table.compare-houses td {border-right:1px dotted #999; text-align:left; padding:6px 4px;} table.compare-houses thead td {border-bottom:1px dotted #666;} table.compare-houses tbody th, table.compare-houses tbody td {border-bottom:1px dotted #ccc; vertical-align:top;} table.compare-houses tbody th {font-weight:bold; width:130px;} table.compare-houses tbody td {width:180px;} table.compare-houses thead td.compare {background:url(/_LAYOUTS/images/Vestia.Branding/icons/compare-houses.png) center no-repeat;} table.compare-houses thead td.house {padding-top:0; vertical-align:top;} table.compare-houses thead td.house img {border:1px dotted #666; width:100px;} table.compare-houses thead td.house a {font-weight:bold;} /* General classes -------------------------------------------------------------- */ .padding {padding:0 7px;} img.padding {padding:15px 0;} .right-top {position:absolute; top:10px; right:7px; z-index:100;} .go-back {padding-left:15px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-left.gif') no-repeat 0 5px;} a.go-back:hover {background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-left.gif') no-repeat 0 5px;} .date {color:#666; padding:0; margin:0;} .grey {background:#eee;} .annul {padding-right:15px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/cancel2.gif') no-repeat 100% 0px;} a.annul:hover {background:url('/_LAYOUTS/images/Vestia.Branding/icons/cancel2.gif') no-repeat 100% 0px;} .nobr {white-space:nowrap;} .print-only {display:none;} .no-margin {margin:0;} /* Specific components -------------------------------------------------------------- */ .text-block {margin-bottom:1.5em; padding:10px 0 0; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll 0 bottom; overflow:hidden;} .wrapper .text-block {padding:10px 0 0} .text-block h3, .box h3, .faq h3, .sitepicker h3, .video-block h3 {background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x scroll 0 bottom; padding-bottom:0.5em;} .columns-two .sitepicker h3 {width:460px;} .stats-block {background:none;} .text-block.select {padding-bottom:5px;} .banner {} .banner a {display:block; background:none;} .banner img {margin-bottom:1em;} .video-block {margin:1em 0;} .video-block h3 {margin-bottom:0.2em;} .ad-block a img, .visual img {display:block;} .dots-back {padding:1px; background:#FFF url('/_LAYOUTS/images/Vestia.Branding/bg/dots_666.gif') repeat left top;} .calendar h3 {margin-bottom:0;} .eventlist li {overflow:hidden; margin-left:0; list-style-type:none;} .text-block .eventlist li {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 bottom; margin:0; padding-bottom:1px; list-style-type:none;} .text-block .eventlist li a {overflow:hidden; display:inline-block; background:#fff; padding:5px 0;} .text-block .eventlist li a:hover, .text-block .eventlist li a:focus, .text-block .eventlist li a:active {background:#eee; overflow:hidden;} .text-block .eventlist li a span {background:transparent;} /* preventing it from having */ .text-block .eventlist li a span.date {color:#fff; display:block; font-size:0.9em; float:left; margin:0 8px 0 2px; text-align:center; width:38px; background:#333 url('/_LAYOUTS/images/Vestia.Branding/bg/evlist-top.png') no-repeat top left;} .text-block .eventlist li a span.btm {display:block; width:38px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/evlist-btm.png') no-repeat bottom left;} .text-block .eventlist li a span.summary {display:block; width:170px; float:left;} .text-block .eventlist li a:hover span.summary, .text-block .eventlist li a:focus span.summary, .text-block .eventlist li a:active span.summary {color:#333; background:transparent;} /* reset a:hover, as specified in the typography section of this document */ .eventlist div.date {color:#fff; float:left; font-size:0.9em; margin-top:4px; margin-right:10px; padding-top:1px; text-align:center; width:65px; background:#333 url('/_LAYOUTS/images/Vestia.Branding/bg/evlist-xl-top.png') no-repeat top left;} .eventlist div.date span {display:block; padding:0 2px; width:61px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/evlist-xl-btm.png') no-repeat bottom left;} .eventlist div.summary {float:left; width:380px;} .story-block {padding-bottom:5px;} .story-block .story-opener {cursor:pointer;} .story-block a {display:block;background:none;text-decoration:none;} .story-block a:hover {background:#eee; color:#333;} .story-block a span {background:none; color:#666;} .story-block a span span.arrow {background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right-large.gif') no-repeat 0 2px; width:15px; height:15px; display:inline-block;} .story-block .story-closer {background:url('/_LAYOUTS/images/Vestia.Branding/icons/cancel.png') no-repeat 0 0; cursor:pointer; width:19px; height:19px; margin-bottom:5px;} .story-block .story {background:#DDD url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x -1px 0; font-size:0.6em; line-height:1.5; padding:10px 5px;} .story-block .story p {clear:right;} .text-block blockquote {color:#666; font-size:1.6em; line-height:1.3em; padding-bottom:5px;} .story-block blockquote .speaker {display:block; line-height:1.5; margin-top:10px; padding-left:3px;} .story-block p.quoter {margin:0 0 5px 0;} .js .story-block .quote {cursor:pointer;} .story .speaker {font-size:1em;} .contact h3 span {display:block; background:url('/_LAYOUTS/images/Vestia.Branding/icons/mail.gif') no-repeat left 0px; padding-left:30px;} .service h3 span {display:block; background:url('/_LAYOUTS/images/Vestia.Branding/icons/service.gif') no-repeat left 0px; padding-left:30px; padding-bottom:2px;} .mail-vestia {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.gif') repeat-x #ddd; padding:15px 5px; margin-bottom:-15px;} .column .mail-vestia label {font-weight:bold; width:150px;} .columns-two .mail-vestia label {font-weight:bold; width:250px; float:left;} .mail-vestia h4 {font-size:1.6em; font-weight:normal;} .mail-vestia-closer, .thumb-item .mail-vestia-closer {background:url('/_LAYOUTS/images/Vestia.Branding/icons/cancel.png') no-repeat 0 0; cursor:pointer; width:19px; height:19px;} .mail-vestia-closer.right {float:right; margin-right:10px;} ul.link .mail-vestia-closer {background:none;} #contact-popup {position:absolute; z-index:800;} /* box schaalbare box met schaduw */ .box {position:relative; margin:3px 0;} .box .top {display:block; height:4px; width:100%; background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/box-top-right.gif') no-repeat right;} .box .topleft {display:block; height:4px; font-size:1px; width:4px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/box-top-left.gif') no-repeat left;} .box .middle {background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/box-mid-right.gif') repeat-y right;} .box .middleleft {background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/box-mid-left.gif') repeat-y left; padding:0 3px 0 2px;} .box .btm {display:block; height:4px; width:100%; background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/box-btm-right.gif') no-repeat right;} .box .btmleft {display:block; height:4px; font-size:1px; width:4px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/box-btm-left.gif') no-repeat left;} .box h3 {padding:.3em .5em .4em;} .box h3.icon {padding-top:0; padding-bottom:0;} .box h3.icon span {display:block; padding-bottom:6px;} .box h3 span.rent {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/home.gif') no-repeat 0 4px; padding:.3em 0 .4em 1.8em;} .box h3 span.mail {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/mail.gif') no-repeat 0 0; padding:0 0 6px 1.8em;} .box-download {margin-bottom:1em; background:#fff url('/_LAYOUTS/images/Vestia.Branding/bg/dots_d6d6d6.gif') repeat left top;} .box-download .top {padding:3px 10px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/dot_h_666_fff.gif') repeat-x bottom;} .box-download.select .top {padding-bottom:10px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/dots_with_arrow.gif') no-repeat bottom;} .box-download.select .btm {padding:3px 10px; background:#fff url('/_LAYOUTS/images/Vestia.Branding/bg/dots-with-line.gif') no-repeat bottom;} .box-download ul {padding-bottom:0} .box-download select {width:200px;} .variant .columns-two {margin-bottom:2px;} .variant .columns-two h2 {margin-bottom:20px; font-size:2em; line-height:1.2em;} .article-image .image-caption {font-size:1em; color:#666; margin-bottom:20px; padding-bottom:5px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x scroll 0 bottom;} /* List-block's -------------------------------------------------------------- */ .list-block {margin-bottom:1em; clear:left; overflow:hidden;} .list-block .content {margin-left:40px;} .list-block img {max-width:36px;} /* Imagebank -------------------------------------------------------------- */ .imagebank {} .imagelist {width:220px;margin:0;padding:0 0 1em 0;overflow:hidden;} .imagelist li {margin:0 3px 3px 0;padding:0;list-style:none;float:left;} .imagelist li a, .imagelist li a span {background:none;margin:0;padding:0;} .imagelist img, .text-block .imagelist a img {width:70px;display:block;} /* Slideshow -------------------------------------------------------------- */ .slideshow {overflow:hidden;width:100%;margin-bottom:1em;} .slideshow .enlarged {margin-bottom:1em; height:350px; width:460px !important; overflow:hidden; /* eeuwig verboden important nodig om de js te overschrijven en te zorgen dat de afbeelding niet uit de div gaat als ie te groot is */} .slideshow .enlarged.loading {background:url(/_LAYOUTS/images/Vestia.Branding/bg/loader-small.gif) center center no-repeat;} .slideshow .enlarged img {display:block;} .slideshow ul.thumbs {width:5000px;} .columns-two .slideshow .enlarged img, #imageSlideShow-preloader img { max-width:460px; max-height:350px } .columns-two .children {width:460px;} /*.children {position:relative;overflow:hidden;height:60px;margin-bottom:1em;}*/ .children {position:relative;height:60px;margin-bottom:1em;} .children .btns a.prev, .children .btns a.next {position:absolute;display:block;top:0px;width:9px;height:60px;z-index:10;} .children .btns a.inactive {cursor:default;} .children .btns a.prev {left:0;background:url(/_LAYOUTS/images/Vestia.Branding/slider_prev.gif) no-repeat left top;} .children .btns a.next {right:0;background:url(/_LAYOUTS/images/Vestia.Branding/slider_next.gif) no-repeat left top;} .children .btns span {display:none;} /*.children ul.thumbs {position:absolute; left:20px;}*/ .children ul.thumbs {left:20px;} .children ul li {float:left;margin:0 0 0 0;padding:0;list-style:none;} .children ul li.active img {/* border:1px solid red; was debug Arno */} .children ul li img, .variant .column .article-image .children ul li img {width:70px;margin-right:10px;} .children ul li a {background:none;} .children ul li a:hover {background:none;} .box-content-pager {} .amount {float:left;padding:2px 10px;background:url(/_LAYOUTS/images/Vestia.Branding/bg/bg_amount.png) repeat-x;color:#333; font-size:1em; border-left:19px solid #FFF;} .amount.no-arrows {border-left:0;} .amount .current {} .variant .column .article-image img {width:340px;} /* Thumb list -------------------------------------------------------------- */ /* thumb-list-s is restricted to one column */ .thumb-item {overflow:hidden; padding-bottom:5px; margin-bottom:20px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x left bottom;} .thumb-item div {float:left; width:335px;} .thumb-item div.thumb {width:115px; padding:5px 10px 12px 0;} .thumb-list li {margin:0; padding:0; overflow:hidden; list-style:none; padding-bottom:5px; margin-bottom:20px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x left bottom;} .thumb-list li li {margin-bottom:auto;} .thumb-list div {float:left; width:335px;} .thumb-list-s div {float:left; width:150px;} .thumb-list div.thumb {width:115px; padding-top:5px; padding-right:10px;} .thumb-list-s div.thumb {width:50px; padding-top:5px; padding-right:10px;} .thumb-list .wrapper, .thumb-list-s .wrapper {margin-bottom:7px; width:100%;} .thumb-overview {width:100%;overflow:hidden;} .thumb-overview li {float:left;width:230px;margin:0 0 20px 0;padding:0;list-style:none;} .thumb-overview .visual {display:block;float:left;width:60px;height:7em;overflow:hidden;} .thumb-overview .content {display:block;width:165px;overflow:hidden;} /* compare-list -------------------------------------------------------------- */ .compare-list {position:relative;width:920px;overflow:hidden;background-color:#eee;padding:10px 10px 2em 10px;background:#eee url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll left bottom;} .compare-list .hr {position:absolute;top:0;left:0;width:940px;height:1px;z-index:100;background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_single_white.gif') repeat-x scroll left bottom;} .compare-list .column {width:245px;font-size:1.1em;} .compare-list .visual {float:left;margin-right:10px; background:#FFF url(/_LAYOUTS/images/Vestia.Branding/bg/dots_666.gif) repeat left top;} .compare-list .visual img {display:block; width:98px; margin:1px} .compare-list .content {float:left;width:135px;} .compare-list .row {margin-bottom:10px;} .compare-list label {display:block;} .compare-list a {font-weight:bold;} .compare-list span.price{display:block;margin:10px 0;} .compare-list div.buttons {padding-top:74px; float:left;} .compare-list .no-selection-left {float:left; background:url(/_LAYOUTS/images/Vestia.Branding/icons/compare-houses.png) 0 center no-repeat; font-size:1.2em; font-weight:bold; padding:0 0 0 40px; width:100px;} .compare-list .no-selection-right {float:right; width:760px; font-size:1.1em;} .rental_offer {width:218px;padding:1px;background:#FFF url(/_LAYOUTS/images/Vestia.Branding/bg/dots_666.gif) repeat left top;} .rental_offer div {padding:5px 10px 5px 35px;background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/rental_offer_big.gif') no-repeat left top;} /* icon list /items -------------------------------------------------------------- */ .icon-item {width:460px; margin-bottom:1em; overflow:hidden;} .icon-item .visual {float:left; width:70px; text-align:center;} .icon-item .visual img {display:inline; padding-bottom:10px} .icon-item div {float:right; width:390px;} /* Grey block round corners -------------------------------------------------------------- */ .emph {position:relative; margin-bottom:1em; z-index:0; background:#eaeaea; clear:left;} .emph-top {background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/emph_lt.gif') no-repeat left top; font-size:1px;} .emph-bottom {background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/emph_lb.gif') no-repeat left top;} .emph-top span, .emph-bottom span {display:block; height:7px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/emph_rt.gif') no-repeat right top; font-size:1px;} .emph-bottom span {background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/emph_rb.gif') no-repeat right top;} .emph .content {padding:6px 10px;} .emph .content a.button {background:transparent url('/_LAYOUTS/images/Vestia.Branding/btn/btn-grey-l.png') no-repeat 0 0; margin-left: 1em;} .emph label {float:left; margin-right:10px;} .emph select {display:block;} .emph ul.link {padding-bottom:0;} #SPAutocomplete_undefined { overflow-y: scroll; height: 20em; } .autocompletetextbox .row > div { float:left; } /* user-links -------------------------------------------------------------- */ .user-links {text-align:right; overflow:hidden; padding-bottom:0.5em;} .lightbox .user-links {position:absolute; right:35px; top:10px; z-index:100; padding:0;} .user-links a {display:block; float:right; padding:0 0 0 18px; margin-left:15px;} .user-links a:hover {color:#333;} .user-links a.pdf, a.pdf{background:url('/_LAYOUTS/images/Vestia.Branding/icons/make-pdf.gif') no-repeat left 1px; padding-left:23px;} .user-links a.email {background:url('/_LAYOUTS/images/Vestia.Branding/icons/send_a_friend.gif') no-repeat left 1px;} .user-links a.print {background:url('/_LAYOUTS/images/Vestia.Branding/icons/print_small.gif') no-repeat left 2px;} .user-links a span {font-size:1.1em;} .columns-two .user-links {margin-bottom:1em;} .add-compare {float:right;padding-left:5px;} /* memo -------------------------------------------------------------- */ .memo {padding:0px 0px 60px 0px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/memo-bottom.png') no-repeat left bottom;} .memo .content {padding:43px 15px 0px 30px; background:transparent url('/_LAYOUTSæ/images/Vestia.Branding/bg/memo-top.png') no-repeat left top;} .memo h3 {margin-bottom:0.9em;} /* Download -------------------------------------------------------------- */ .download {} .download ul.link li {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/download.gif') no-repeat 0 3px;} /* Sitemap -------------------------------------------------------------- */ .sitemap-container {} .sitemap-container .text-block {background-image:none;} .sitemap-container h2.line {background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x scroll 0 100%; padding-bottom:0.5em;} .sitemap-container h3 a {background-image:none;} .sitemap-container h3 a span {background-image:none;} .sitemap-container h3 a:hover {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right-large.gif') no-repeat 0 2px;} .sitemap-container h3 a:hover span {background-color:#333;} .sitemap-container ul.link {background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll 0 100%;} .sitemap-container ul.link ul.link {background-image:none; margin:0;} /* recognition -------------------------------------------------------------- */ .recognition {margin-bottom:1em; padding:10px 10px 0px 10px;} .recognition dl {margin:0 0 5px 0; font-size:1.1em;} .recognition dt {float:left; margin-right:5px; width:100px;} .recognition dd {font-weight:bold;} .recognition .hr {margin:10px -10px; clear:both; height:1px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_single_white.gif') repeat-x left top;} .recognition a, .recognition a span {background:none;} .recognition ul.link {padding:0;} .recognition .hr-triple {height:5px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_triple_white.gif') repeat-x left top;} .recognition .overlay {margin:-10px -10px 0 -10px; padding:10px 10px 0 10px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/overlay.gif') repeat left top;} .recognition .overlay .hr-triple {background:#333 url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_triple_trans.gif') repeat left top;} /* stats -------------------------------------------------------------- */ .stats dt {float:left; width:175px; font-size:1.1em;} .stats dd {font-size:1.1em;} /* FAQ / Cordion -------------------------------------------------------------- */ .faq, .cordion {clear:left; margin-bottom:1em; padding:10px 0 0 0;} .faq ul.infocordion {background:none;} .faq a {color:#666; display:block; width:100%; padding-left:20px; font-weight:normal; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus.gif') no-repeat 0 4px; cursor:pointer; text-decoration:none;} .faq a:hover,.faq a:focus,.faq a:active {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus.gif') no-repeat 0 4px;} .faq a.active {font-weight:bold; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus.gif') no-repeat 0 -96px;} .faq a:hover span, .faq a:active span, .faq a:focus span, .cordion a:hover span, .cordion a:active span, .cordion a:focus span {background:#666; color:#fff;} .faq a:active, .faq a:focus, .cordion a:active, .cordion a:focus {outline:none;} .faq a.active span, .cordion a.active span {color:#333; background:transparent;} .faq .content a {padding-left:0} .faq-content {border-top:10px solid #fff; margin:0 0 10px 0px;} .faq-content .content {padding:6px 10px 6px 20px;} .columns-two .faq-content {width:440px;} .columns-three .faq-content {width:680px;} .faq-content .content a {display:inline; padding-right:0; background:none; text-decoration:none; color:#333;} .faq-content .content a.button {background:transparent url('/_LAYOUTS/images/Vestia.Branding/btn/btn-grey-l.png') no-repeat 0 0;} .faq-content .content a:hover {color:#fff; background-color:#333; background-image:none;} .faq-content .content .link a:hover {background-color:#666;} .js .faq .faq-content,.js .cordion .faq-content {display:none;} ul.questions li {list-style-type:none; margin-left:0;} .ask {padding:10px 0 0 0; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x left bottom;} .ask label {float:left; margin-right:5px;} .ask input.text {margin:3px 5px 0 0;} ul.infocordion {background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x left top;} .columns-two ul.infocordion{width:460px;} .cordion li {padding:3px 0; margin:0; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x left bottom;} .cordion a {color:#666; display:block;padding-right:20px; font-weight:normal; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus_rond.gif') no-repeat 100% 2px; cursor:pointer; text-decoration:none;} .columns-two .cordion a {width:440px; padding-bottom:2px;} .columns-two .cordion a.button {padding-bottom:0px;} .cordion a span {background-image:none;} .cordion a.active {font-weight:bold; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus_rond.gif') no-repeat 100% -98px;} .cordion a:hover {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus_rond.gif') no-repeat 100% 2px;} .cordion a.active:hover {font-weight:bold; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/plusminus_rond.gif') no-repeat 100% -98px;} ul.infocordion ul li {background:none; list-style-type:square; padding:0; margin-left:15px;} ul.infocordion ul li a {text-decoration:none;} .cordion ul.link li, .faq ul.link li {background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right.gif') no-repeat 0 7px; margin-left:0; padding:0 0 0 15px; list-style-type:none;} .columns-two .ask input.text {width:248px; float:left;} .columns-three .ask input.text {width:488px;} /* Area-map ----------------------------------------------------------- */ .area-map {} .area-map .numberback {float:left; width:130px;} .area-map .image-map {float:left; width:328px; padding:1px; background:#FFF url(/_LAYOUTS/images/Vestia.Branding/bg/dots_d6d6d6.gif) repeat left top;} .area-map .image-map img {display:block; width:328px;} /* Numberback ----------------------------------------------------------- */ ol.numberback {} ol.numberback li {list-style:none;} ol.numberback li a {background:none;} ol.numberback li a span.number {display:block; margin:2px 5px 0 0; padding:2px 5px 5px 0px; line-height:8px; font-size:9px; letter-spacing:-2px; color:#FFF; width:11px; float:left; text-align:center; background:#CCC url('/_LAYOUTS/images/Vestia.Branding/icons/nr_back.gif') no-repeat left top;} ol.numberback li a:hover span.number {background:#000 url(/_LAYOUTS/images/Vestia.Branding/icons/nr_back_hover.gif) no-repeat left top;} ol.numberback li a span.done, ol.numberback li a:hover span.number.done {background:#000 url('/_LAYOUTS/images/Vestia.Branding/icons/nr_back.gif') no-repeat left top;} ol.numberback li a span.active, ol.numberback li a:hover span.number.active {background:#999 url('/_LAYOUTS/images/Vestia.Branding/icons/nr_back.gif') no-repeat left top;} /* Rules ----------------------------------------------------------- */ .rules {margin-bottom:2em;} .rules ol.numberback {width:100%;overflow:hidden;margin-bottom:1em;} .rules ol.numberback li span {display:block; width:700px;float:left;margin-bottom:10px;} .rules ol.numberback li span.number {clear:left;margin:3px 5px 0 0; padding:2px 5px 5px 0px; line-height:8px; font-size:9px; letter-spacing:-2px; color:#FFF; width:11px; float:left; text-align:center; background:#333 url(/_LAYOUTS/images/Vestia.Branding/icons/nr_back.gif) no-repeat left top;} .rules ol.numberback li strong {display:block;} .rules ol.numberback li a span {display:inline;width:auto;float:none;} .rules div.buttons {clear:left;margin-left:20px;} /* Rental-blocks ----------------------------------------------------------- */ #maincontent .columns-four {padding:10px 0 0 0;width:100%;overflow:hidden;} #maincontent .columns-four .column {float:left;margin:0 20px 0px 0;padding-bottom:7px;width:160px;overflow:hidden;background:none;} #maincontent .columns-four .column h3 {font-size:1.8em;} #maincontent .columns-four .column h3.title span {font-size:0.8em;} #maincontent .columns-four .column h2 {padding:14px 0 0 10px;height:71px;font-weight:bold;font-size:30px;line-height:20px;font-family:Arial, Helvetica, Sans-serif;} #maincontent .columns-four .column h2 span {display:block;font-size:12px;} #maincontent .columns-four .column .content {display:block;min-height:118px;} #maincontent .columns-four .column .content p {margin-bottom:5px;} #maincontent .columns-four .column p.more {padding-bottom:0px;} #maincontent .columns-four .column a.button {margin:5px 0 0 0px;} #maincontent .columns-four .column ul {padding-bottom:0;} #maincontent .columns-four .hr {margin-bottom:0;} #maincontent .columns-four .hr-triple {margin:0; width:700px;} /* Colour blocks */ .rental-min {background:url(/_LAYOUTS/images/Vestia.Branding/bg/rental_min.png) no-repeat 0 29px;} .rental-min h2 {color:#69c;} .rental-plus {background:url(/_LAYOUTS/images/Vestia.Branding/bg/rental_plus.png) no-repeat 0 29px;} .rental-plus h2 {color:#6c0;} .rental-temp {background:url(/_LAYOUTS/images/Vestia.Branding/bg/rental_temp.png) no-repeat 0 29px;} .rental-temp h2 {color:#f60;} .rental-comp {background:url(/_LAYOUTS/images/Vestia.Branding/bg/rental_comp.png) no-repeat 0 29px;} .rental-comp h2 {color:#c06;} /* Image story ----------------------------------------------------------- */ .visual.center {text-align:center;} .visual.center img {margin:10px auto;} /* Image story ----------------------------------------------------------- */ .image-story {position:relative; margin-bottom:2em;} .image-story div {position:absolute; top:15px; right:10px; bottom:15px; width:206px; overflow:hidden; padding:7px; background:#fff; opacity:0.75;} .image-story div h3 {font-size:1.4em; color:#000;} .image-story div blockquote {opacity:1; color:#000; font-size:1.1em;} .image-story div blockquote .speaker {font-size:1em; font-style:italic;} /* Poll -------------------------------------------------------------- */ .poll {padding-bottom:1em;} h3 span.heart {background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/heart.gif') no-repeat 0 0; padding:0 0 0 1.8em;} .poll input.radio {float:left; margin:0 3px 0 0;} .poll label.radio {float:none; width:auto; cursor:pointer;} .poll .answers {position:relative;padding-bottom:10px;} .poll .result {float:left; width:30px;} .poll .row span {display:block; float:left; margin-right:8px;} .poll .result div {margin:2px 10px 1px 0; height:12px; background-color:#333;} .poll .row span.first {width:120px;} .poll .row span.percentage {width:30px} /* numbers (cijfers pag) ------------------------------------------------------------------------ */ .numbers h4 {padding-bottom:2px;} .numbers .text-block {background:none;} .numbers img {padding:10px 0;} .numbers img.right {padding:20px 0 0;} .numbers .visual {width:150px; float:left;} .numbers p.left {width:300px; padding-top:5px; margin-bottom:0;} .numbers .row {margin-bottom:0;} .numbers span.numbers {display:inline-block; font-size:2.5em; color:#666; padding-top:10px; } .numbers span.access {width:95px; height:110px; margin-left:20px; padding:20px 0 0 45px; /* background:#fff url(/_LAYOUTS/images/Vestia.Branding/bg/access.gif) no-repeat 0 25px;*/} .numbers ul.numbers, .numbers ul.age {float:left; margin-top:30px;} .numbers ul.numbers li {list-style-type:none; margin-left:3px; padding-bottom:5px;background:url(/_LAYOUTS/images/Vestia.Branding/lines/hr_666.png) repeat-x 0 100%;} .numbers ul.numbers li.last {background:none;} .numbers ul.numbers span {background:url(/_LAYOUTS/images/Vestia.Branding/bg/bg_list.gif) no-repeat 0 2px; padding:1px 3px; color:#666; font-weight:bold; display:inline-block; margin-right:2px;} .numbers ul.column {width:165px; margin-right:0} .numbers ul.column span {height:34px; float:left; margin-right:6px;} .numbers ul.age li {list-style-type:none; padding-bottom:5px;background:url(/_LAYOUTS/images/Vestia.Branding/lines/hr_666.png) repeat-x 0 100%;} .numbers ul.age li.last {background:none;} .numbers ul.age span {background:url(/_LAYOUTS/images/Vestia.Branding/icons/age_under65.png) no-repeat 0 0; width:35px;} .numbers ul.age li.last span {background:url(/_LAYOUTS/images/Vestia.Branding/icons/age_above65.png) no-repeat 0 0;} .numbers .row {padding-top:10px;} .numbers .plus {float:left; width:42px; height:42px; margin:10px 40px 10px 0; background:#6c0 url(/_LAYOUTS/images/Vestia.Branding/icons/icon_plus_png8.png) no-repeat 0 0;} .numbers .min {float:left; width:42px; height:42px; margin:10px 40px 10px 0; background:url(/_LAYOUTS/images/Vestia.Branding/icons/icon_min.png) no-repeat 0 0;} .numbers .part {float:left; width:120px;} .holder {width:140px; height:25px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/holder.png) repeat-x 0 0; float:left; margin:10px 10px 0 0;} .bar {color:#fff; font-weight:bold; font-size:1.1em; height:20px; padding:5px 0 0 5px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/bar_diag_gradient.png) repeat-x 0 0;} .bar-low {background-color:#f60;} .bar-young {color:#333; background-color:#6c0;} .numbers table th {text-align:left;} .numbers table td {font-size:1.1em; padding-top:10px;} /* organigram ------------------------------------------------------------------------ */ .organigram img {margin-bottom:-3px;} .organigram-links {float:left; width:250px; height:288px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/organigram-woonbedrijven.png') no-repeat 0 0; padding:25px 0 0;} .organigram-links ul li {list-style-type:none; margin:0 0 0.32em;} .organigram-links ul li a {background:transparent; color:#fff; padding-left:18px; display:block;} .organigram-links ul li a:hover {background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-small-white.gif') no-repeat 7px 4px;} /* service voor huurders ------------------------------------------------------------------------ */ #service, #landingvisual {width:700px; height:300px; position:relative; overflow:hidden; border-right:1px solid #e6e6e6;} #service .top {position:absolute; top:0; z-index:10; width:100%; height:34px; margin:0 0 0 1px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/service_top.png) no-repeat 0 0;} #service h3, #landingvisual h3 {position:absolute; top:5px; left:10px; color:#fff; font-size:1.8em;} #service .vr, #landingvisual .vr {position:absolute; width:1px; height:300px; display:block; left:0px; background:url(/_LAYOUTS/images/Vestia.Branding/lines/dot_v_aaa.gif) repeat-y 0 0; z-index:10;} #service .part {width:472px; height:300px; overflow:hidden; position:absolute; z-index:10;} .js #service .part .content {position:absolute; top:90px; left:236px;} .js #service .part ul {font-size:1.2em;} .js #service .part ul.link {font-size:1.5em;} .js #service .part ul.link li {background-position:0 12px;} .js #service .part ul.link li a {background:none;} .js #service .part ul.link li a:hover {background:#333;} #service .first {left:0; top:0;} #service .first .bg{position:absolute; width:100%; height:300px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/service_first.jpg) no-repeat 0 0;} #service .snd {left:232px; top:0;} #service .snd .bg {position:absolute; width:100%; height:300px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/service_snd.jpg) no-repeat 0 0;} #service .trd {left:464px; top:0;} #service .trd .bg {position:absolute; width:100%; height:300px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/service_trd.jpg) no-repeat 0 0;} #landingvisual {width:939px; min-height:510px; } #landingvisual .part {width:313px; float:left; min-height:510px; position:relative;} #landingvisual .top {position:absolute; top:0; z-index:10; width:100%; height:45px; margin:0 0 0 1px; background:url(/_LAYOUTS/images/Vestia.Branding/bg/brokers_top.png) no-repeat 0 0;} #landingvisual h3 {top:10px;} #landingvisual .vr {height:400px;} #landingvisual .part .content {padding:3px 20px 5px 0;} /* Image block in top with content over it (like Noord Nederland) ------------------------------------------------------------------------ */ .columns-three .fixedbg {height:310px; position:relative;} .columns-three .fixedbg img {position:absolute; z-index:1;} .columns-three .fixedbg .content {position:absolute; z-index:2;} .columns-three .fixedbg.middle-wide-content .content {width:380px; left:270px; top:80px;} .columns-three .fixedbg .content p, .columns-three .fixedbg .content li {font-size:1.6em; background-position:0 9px;} .columns-three .fixedbg .content a {background:none;} /* tagcloud ------------------------------------------------------------------------ */ .tags {overflow:hidden; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll 0 bottom; padding-bottom:10px;} .tags a {white-space:nowrap;background:none; color:#333; display:block; float:left; margin-right:10px; line-height:1.4em; text-decoration:none;} .tags a:hover {background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 bottom; color:#333;} .tags a.s1 {font-size:1.1em;} .tags a.s2 {font-size:1.2em;} .tags a.s3 {font-size:1.3em;} .tags a.s4 {font-size:1.4em;} .tags a.s5 {font-size:1.5em;} .tags a.s6 {font-size:1.6em;} /* Zoeken - header - search fields ------------------------------------------------------------------------ */ /* .js #search {position:absolute; right:19px; top:43px; height:32px; text-align:left; z-index:250;} */ /* .js #search .box {position:absolute; margin:0; top:auto; right:0px; z-index:1; width: 223px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_search_r-larger.png') no-repeat right top;} */ #search {position:absolute; right:19px; top:43px; height:32px; text-align:left; z-index:250;} #search .box {position:absolute; margin:0; top:auto; right:0px; z-index:1; width: 223px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_search_r-larger.png') no-repeat right top;} #search .box span.bg {display:block; padding:8px 10px 4px 9px; height:17px; width:209px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_search_l.png') no-repeat left top;} #search .box span.bg span {font-weight:bold; padding:2px 23px 3px 1px; background:url('/_LAYOUTS/images/Vestia.Branding/icons/search.png') 100% 2px no-repeat; text-decoration:none;} /* #search .box.close a {background:url('/_LAYOUTS/images/Vestia.Branding/icons/cancel.png') right 0 no-repeat;} */ #search a span {background-image:none;} #search a:hover span, #search a:focus span, #search a:active span {background:none; color:#333;} /*.js #search .open {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_search_open.png') no-repeat 0 0; display:none; height:46px; padding:17px 10px 0; position:absolute; right:0; top:29px; width:223px;} */ #search input.text {width:135px; margin-right:5px; float:left;} .search {padding-top:2em; width:100%; overflow:hidden; margin-bottom:2em; padding-bottom:2em; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif') repeat-x scroll 0 bottom} .search p.left {margin-right:5px;} .columns-two.search input.text {width:280px;float:left;} /* sitepicker */ .js #sitepicker {position:absolute; right:20px; top:0;} .sitepicker {font-size:1.1em;} #sitepicker .foldin {display:none;} .js #sitepicker .foldin {display:block; position:absolute; right:-2px; z-index:200; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_sitepicker_r.png') no-repeat right bottom;} #sitepicker .foldin span.bg {padding:5px 8px; height:25px; display:block; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_sitepicker_l.png') no-repeat left bottom;} #sitepicker .foldin a {white-space:nowrap; background:none; text-decoration:none;} #sitepicker .foldin a:hover, #sitepicker .foldin a:focus, #sitepicker .foldin a:active {color:#333; background:none;} .js #sitepicker .foldout {display:none;} /*width:720px; right:-17px; position:absolute; overflow:hidden; z-index:900;}*/ .sitepicker .top {padding:5px 5px 5px 10px; position:relative; width:690px;} .sitepicker div.bg {overflow:hidden; padding-bottom:5px; width:720px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_sitepicker_out.png') repeat-y 0 0;} .sitepicker .bottom {width:720px; height:9px; clear:both; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_sitepicker_btm.png') no-repeat 0 bottom;} .sitepicker .intro {float:left; width:200px; padding-left:10px; margin-right:20px;} .sitepicker .hr {height:1px; width:auto; background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 bottom;} .sitepicker .top .hr {width:680px;} .sitepicker hr {display:none;} .columns-two .sitepicker {width:480px;} .sitepicker ul li {font-size:1em; margin-bottom:0; width:100%; list-style:none; margin:0; background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 100%;} .sitepicker ul li a {display:block; padding:5px 0; background:none; text-decoration:none;} .sitepicker ul li a span {background:url('/_LAYOUTS/images/Vestia.Branding/icons/arrow-right.gif') no-repeat 7px 4px; padding-left:22px;} .sitepicker ul li a:hover, .sitepicker ul li a:focus, .sitepicker ul li a:active {background:#666; color:#fff;} .sitepicker ul li a:hover span,.sitepicker ul li a:focus span,.sitepicker ul li a:active span {background-position:7px -112px; background-color:transparent;} /* sitepicker colored underlines and hovers for regions */ .sitepicker ul li.v01 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_01.gif') repeat-x 0 bottom;} .sitepicker ul li.v01 a:hover,.sitepicker ul li.v01 a:focus,.sitepicker ul li.v01 a:active {background:#c60;} .sitepicker ul li.v02 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_02.gif') repeat-x 0 bottom;} .sitepicker ul li.v02 a:hover,.sitepicker ul li.v02 a:focus,.sitepicker ul li.v02 a:active {background:#39c;} .sitepicker ul li.v03 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_03.gif') repeat-x 0 bottom;} .sitepicker ul li.v03 a:hover,.sitepicker ul li.v03 a:focus,.sitepicker ul li.v03 a:active {background:#f00;} .sitepicker ul li.v04 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_04.gif') repeat-x 0 bottom;} .sitepicker ul li.v04 a:hover,.sitepicker ul li.v04 a:focus,.sitepicker ul li.v04 a:active {background:#099;} .sitepicker ul li.v05 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_05.gif') repeat-x 0 bottom;} .sitepicker ul li.v05 a:hover,.sitepicker ul li.v05 a:focus,.sitepicker ul li.v05 a:active {background:#f60;} .sitepicker ul li.v06 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_06.gif') repeat-x 0 bottom;} .sitepicker ul li.v06 a:hover,.sitepicker ul li.v06 a:focus,.sitepicker ul li.v06 a:active {background:#c06;} .sitepicker ul li.v07 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_07.gif') repeat-x 0 bottom;} .sitepicker ul li.v07 a:hover,.sitepicker ul li.v07 a:focus,.sitepicker ul li.v07 a:active {background:#69c;} .sitepicker ul li.v08 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_08.gif') repeat-x 0 bottom;} .sitepicker ul li.v08 a:hover,.sitepicker ul li.v08 a:focus,.sitepicker ul li.v08 a:active {background:#c00;} .sitepicker ul li.v09 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_09.gif') repeat-x 0 bottom;} .sitepicker ul li.v09 a:hover,.sitepicker ul li.v09 a:focus,.sitepicker ul li.v09 a:active {background:#939;} .sitepicker ul li.v10 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_10.gif') repeat-x 0 bottom;} .sitepicker ul li.v10 a:hover,.sitepicker ul li.v10 a:focus,.sitepicker ul li.v10 a:active {background:#096;} .sitepicker ul li.v11 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_11.gif') repeat-x 0 bottom;} .sitepicker ul li.v11 a:hover,.sitepicker ul li.v11 a:focus,.sitepicker ul li.v11 a:active {background:#09c;} .sitepicker ul li.v12 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_12.gif') repeat-x 0 bottom;} .sitepicker ul li.v12 a:hover,.sitepicker ul li.v12 a:focus,.sitepicker ul li.v12 a:active {background:#6c0;} .sitepicker ul li.v13 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_13.gif') repeat-x 0 bottom;} .sitepicker ul li.v13 a:hover,.sitepicker ul li.v13 a:focus,.sitepicker ul li.v13 a:active {background:#066;} .sitepicker ul li.v14 {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_h_14.gif') repeat-x 0 bottom;} .sitepicker ul li.v14 a:hover,.sitepicker ul li.v14 a:focus,.sitepicker ul li.v14 a:active {background:#46397b;} /* tabs ------------------------------------------------------------------------ */ div.tabs {} ul.tabs, ul.tab {height:28px; padding-left:5px; padding-bottom:0; background:#fff url('/_LAYOUTS/images/Vestia.Branding/tabs/top-bg.gif') repeat-x 0 bottom;} ul.tabs li, ul.tab li {float:left; list-style:none; margin:0 3px 0 0;} ul.tabs li span, ul.tab li span {display:block;} ul.tabs li a, ul.tab li a {background:transparent url('/_LAYOUTS/images/Vestia.Branding/tabs/bg_tabs_grad.png') repeat-x 0 2px; color:#fff; display:block; font-weight:bold; padding:6px 10px 4px 10px; height:17px; text-decoration:none !important;} ul.tabs li a:hover, ul.tab li a:hover {display:block;background:transparent url('/_LAYOUTS/images/Vestia.Branding/tabs/bg_tabs_grad.png') repeat-x 0 -28px;} ul.tabs li.active, ul.tab li.active {background:#fff url('/_LAYOUTS/images/Vestia.Branding/tabs/tab-active-right.png') no-repeat right; padding-right:3px;} ul.tabs li.active span, ul.tab li.active span {background:#fff url('/_LAYOUTS/images/Vestia.Branding/tabs/tab-active-left.png') no-repeat left; padding-left:3px; display:block;} ul.tabs li.active a, ul.tab li.active a {background:#fff; border-top:1px solid #ddd; color:#333; padding-bottom:5px; text-decoration:none;} .full-width .tabs {width:940px;} .tabcontent {padding:1px 0 10px;margin-bottom:2em;} /* specific tab background for search tab element */ .property-selector {margin-bottom:2em; position:relative; width:720px;} .property-selector ul.tab {width:696px;} .property-selector ul.tab li a {padding-bottom:4px;} .property-selector ul.tab li.active a {background:transparent url('/_LAYOUTS/images/Vestia.Branding/tabs/bg_tabs_active_ps.png') repeat-x left top; border:0; padding-bottom:6px;} .property-selector .tabcontent {height:310px; padding:10px 0 15px; background:transparent no-repeat;} .property-selector .tabcontent.socialehuur {background-image:url('/_LAYOUTS/images/Vestia.Branding/tabs/bg-property-selector1.png');} .property-selector .tabcontent.vrijesector {background-image:url('/_LAYOUTS/images/Vestia.Branding/tabs/bg-property-selector2.png');} .property-selector .tabcontent.tijdelijk {background-image:url('/_LAYOUTS/images/Vestia.Branding/tabs/bg-property-selector3.png');} .property-selector .tabcontent.bedrijfsruimte {background-image:url('/_LAYOUTS/images/Vestia.Branding/tabs/bg-property-selector4.png');} .property-selector .column {margin-right:15px; min-height:20px;} .property-selector h2.title {width:190px; margin-left:10px} .property-selector h2 span {padding:10px 0 10px 42px; display:block; background-repeat:no-repeat;} .property-selector h2 span.nl {background-image:url('/_LAYOUTS/images/Vestia.Branding/icons/nl.png'); padding-left:50px;} .property-selector h2 span.price {background-image:url('/_LAYOUTS/images/Vestia.Branding/icons/price_label2.png'); padding-left:60px;} .property-selector h2 span.house {background-image:url('/_LAYOUTS/images/Vestia.Branding/icons/house.png');} .property-selector fieldset {padding:5px 10px;} .property-selector fieldset label {display:block; width:98%;} .property-selector fieldset label.tip {width:auto; margin-right:5px;} .property-selector fieldset .row {position:relative; padding-left:10px;} .property-selector button.cornered {position:absolute; bottom:40px; right:30px;} /*bottom:5px;*/ .property-selector fieldset span.euro {position:absolute; left:0px; top:3px;} .property-selector fieldset span.euro.snd {top:20px;} .property-selector select {width:182px;float:left;} .property-selector select.huurprijs {width:90px;} /* fold out city selector in property selector */ .city-selector.toggle-in {width:17em; margin-left:20px} .city-selector .top {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_ltop.png') no-repeat left top; height:8px; padding-left:9px; width:100%;} .city-selector .top .topright {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_rtop.png') no-repeat right top; height:8px; width:100%;} .city-selector .middle {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_lmid.png') repeat-y left top; padding-left:9px; width:100%;} .city-selector .middle .middleright {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_rmid.png') repeat-y right top; overflow:auto;} .city-selector .btm {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_lbtm.png') no-repeat left bottom; height:9px; padding-left:9px; width:100%;} .city-selector .btm .btmright {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_rbtm.png') no-repeat right bottom; height:9px;} .city-selector a.add {cursor:pointer; font-weight:bold; display:inline-block; padding:3px 25px 5px 0; background:url('/_LAYOUTS/images/Vestia.Branding/icons/plus_circle.png') no-repeat right top;} .city-selector a.min {background:url('/_LAYOUTS/images/Vestia.Branding/icons/min_circle.png') no-repeat right top;} .city-selector ul {padding-bottom:0;} .city-selector .top hr {display:none;} .city-selector .text-right {padding:0 10px 4px 0;} /* large bottom variant */ .city-selector.toggle-out {display:none; width:66em; margin-left:20px; position:absolute; z-index:100} .city-selector.toggle-out .top {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_rtop.png') no-repeat right top; padding:0 9px 0 0;} .city-selector.toggle-out .top .topleft {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_wizard_lmid.png') repeat-y left top; height:9px;} .city-selector fieldset {padding:0;} .city-selector label.checkbox {width:auto; float:left;} .city-selector fieldset .row {width:205px; padding-left:0;} .city-selector .column {width:205px;} .city-selector .column.last {margin-right:0;} /* filter-element for news pages */ #filter-element {margin-bottom:1.5em; overflow:hidden; width:100%; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_news_top.png') no-repeat left top;} #filter-element.noresult {margin-bottom:0;} #filter-element .bg {clear:left; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_news_btm.png') no-repeat left bottom;} #filter-element .columns-three {width:670px; padding:10px 15px 0px 15px;} #filter-element .columns-three input.text {margin-top:4px; width:520px} #filter-element .result {clear:left; height:14px; padding:5px 15px; position:relative; z-index:20; background:#fff url('/_LAYOUTS/images/Vestia.Branding/bg/bg_blocks.png') no-repeat 0 0; float:left; margin-top:-2px;} #filter-element p {color:#fff;} #filter-element div.hr {width:698px; margin:0; border-right:2px solid #fff; background:#fff url('/_LAYOUTS/images/Vestia.Branding/lines/dot_lightgrey_h.gif') repeat-x;} #filter-element label {color:#fff; float:left; width:100px;} #filter-element .columns-three label {width:80px; padding-top:4px;} #filter-element .columns-two {padding:15px 0 10px 15px;} #filter-element .column {padding:10px 0 15px;} #filter-element .column .row {margin-bottom:0;} #filter-element button.right {margin-right:5px;} .columns-two #filter-element .bg {padding:15px 10px 10px 15px; width:440px;} .columns-two #filter-element label {width:130px;} .search-element .result {clear:left; height:14px; padding:7px 15px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_blocks_no_arrow.gif') repeat-x left bottom;} .columns-three.result {width:668px; font-size:1.1em;} .search-element .result {width:668px; margin-bottom:2em; font-size:1.1em;} .columns-four .result, .columns-four .results{width:930px;} .search-results .results, .search-results div.hr-triple {margin-bottom:2em;} .search-results h4 a {background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 bottom;} .search-results h4 a:hover, .search-results h4 a:focus, .search-results h4 a:active {color:#fff; background:#333;} /* news content blocks */ .results {clear:left;} .results a:hover, .results a:hover span, .results a:focus, .results a:active {color:#333; background:#eee; outline:none;} .results img {margin:4px 1em 0 0; float:left; width:220px; height:90px;} .results a span.heading {position:absolute; top:1.6em; left:0; background:#666; padding:0px 4px 1px; color:#fff; opacity:.70; font-size:.9em;} .results a span.date {background:none;} .results a strong {display:block;} .results blockquote {font-size:1.1em;} .results blockquote .speaker {font-size:1em; /*reset to parent's font-size*/ font-style:italic; margin:0;} .overview-list {} .overview-list h3 {margin-bottom:0;} .overview-item {width:100%;overflow:hidden;} .overview-item li {list-style:none;position:relative;clear:left;overflow:hidden;width:100%;margin:0;padding:0 0 1px 0;background:#FFF url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x left bottom;} .overview-item span.heading, .overview-item a:hover span.heading {position:absolute;top:1.5em;left:0;background:#666;padding:0px 4px 1px;color:#fff;opacity:.70;font-size:0.9em;} .overview-item li a {overflow:hidden; background:none; display:block; padding:1em 0; text-decoration:none;} .overview-item a:hover, .overview-item a:hover span, .overview-item a:focus, .overview-item a:active {cursor:pointer; color:#333; background:#EEE; outline:none;} .overview-item a:focus span,.overview-item a:active span {color:#333;} .overview-item li span {display:block;} .overview-item li a strong {display:block;margin-bottom:1.0em;} .overview-item li a span {background:none;} .overview-item li a:hover,.overview-item li a:focus,.overview-item li a:active {/* */} .overview-item .speaker {font-size:1em; /*reset to parent's font-size*/ font-style:italic; margin:0;} .overview-item .visual {display:block; width:150px; margin:4px 1em 0 0; float:left;} .overview-item .visual img {width:150px;} .overview-news .visual img, .overview-news .visual {width:220px; min-height:90px;} .overview-item .content {margin-left:160px;} .overview-news .content {margin-left:230px;} .overview-news li a strong {margin-bottom:0;} .overview-item li p.more {clear:left;margin:0 0 0 230px;} .overview-item li p.more a {padding:0 0 0 15px;} .overview-item li p.more a:hover span, .overview-item li p.more a:focus span, .overview-item li p.more a:active span {color:#FFF;background-color:#333;} /* Testimonials*/ .testimonials li {list-style:none; overflow:hidden; clear:both; margin:0; width:700px; background:url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x bottom left; margin-bottom:15px;} .testimonials .test-photo {width:220px; float:left; margin-right:10px;} .testimonials .test-photo .test-license {font-size:0.9em;} .testimonials .test-quote {width:470px; float:left;} .testimonials .test-quote blockquote {font-size:1.1em;} .testimonials .test-quote blockquote .speaker {font-size:1em; font-style:italic;} /* pager */ .paging {width:100%; overflow:hidden; font-size:1.1em; margin-top:10px;} .search-element .paging {margin-bottom:2em;} .paging a {float:left; margin-right:15px} .paging .block-back {height:20px; width:5px; float:left; background:url('/_LAYOUTS/images/Vestia.Branding/bg/page-block-back.gif') no-repeat 0 0;} .paging .block-next {height:20px; width:5px; float:left; background:url('/_LAYOUTS/images/Vestia.Branding/bg/page-block-next.gif') no-repeat 0 0;} .pages {background:#e5e5e5; float:left; margin-right:15px;} .pages a {padding:2px 7px 0; height:18px; display:block; float:left; background:none; margin-right:0; text-decoration:none;} .pages a:hover,.pages a:focus,.pages a:active {background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_paging.png') repeat-x 0 0;} .pages span.active {color:#fff; float:left; padding:2px 4px 3px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_paging.png') repeat-x 0 0;} .pages a.visited {color:#999;} .pages a span {background:none;} .pages a.active span.back {background:url('/_LAYOUTS/images/Vestia.Branding/bg/page-back.gif') no-repeat 0 5px; display:block; width:5px; height:22px; float:left;} .pages a.active span.bg {padding:2px 6px 4px; background:url('/_LAYOUTS/images/Vestia.Branding/bg/bg_paging.png') repeat-x 0 0; float:left;} .pages a.active span.next {background:url('/_LAYOUTS/images/Vestia.Branding/bg/page-next.gif') no-repeat 0 5px; display:block; width:5px; height:22px; float:left;} /* buttons */ button::-moz-focus-inner {border:none;} /* firefox focus outline removal */ button {width:auto; overflow:visible; font-size:11px; font-weight:bold; font-family:verdana; padding:0; border:0; cursor:pointer; background:transparent; line-height:normal; white-space:nowrap;} button span {background:url(/_LAYOUTS/images/Vestia.Branding/btn/btn-grey.png) 0 0 no-repeat; display:inline-block; padding:0 0 0 7px;} button span span {padding:0 7px 0 0; background-position:right 0;} button span span span {background-position:right -114px; color:#fff; height:24px; padding:5px 1px 0 1px;} button:hover span, button:focus span {background-position:0 -30px;} button:hover span span, button:focus span span {background-position:right -30px;} button:hover span span span, button:focus span span span {background-position:0 -144px;} button.small, button.light {font-weight:normal;} button.small span {background-position:0 -63px;} button.small span span {background-position:right -63px;} button.small span span span {background-position:0 -178px; height:21px; padding:4px 4px 0 1px;} button.small:hover span, button.small:focus span {background-position:0 -87px;} button.small:hover span span, button.small:focus span span {background-position:right -87px;} button.small:hover span span span, button.small:focus span span span {background-position:0 -202px;} .search button.small {margin-top:-4px; background-image:none;} button.light span {background-image:url(/_LAYOUTS/images/Vestia.Branding/btn/btn-light.png); background-position:0 0; color:#333;} button.light span span {background-position:right 0;} button.light span span span {background-position:0 -55px; height:20px; padding:4px 5px 0 5px;} button.light:hover span, button.light:focus span {background-position:0 -26px;} button.light:hover span span, button.light:focus span span {background-position:right -26px;} button.light:hover span span span, button.light:focus span span span {background-position:0 -81px;} button.focus span {background-image:url(/_LAYOUTS/images/Vestia.Branding/btn/btn-focus-search.png);} button.focus span span span {background-position:right -112px;} button.focus:hover span span span, button.focus:focus span span span {background-position:right -142px;} button.find span {background-image:url(/_LAYOUTS/images/Vestia.Branding/btn/btn-focus-search.png); font-weight:bold;} button.find span span span {padding-right:20px; background-position:right -171px;} button.find:hover span span span, button.find:focus span span span {background-position:right -201px;} .property-selector button.find {float:right; margin:10px 35px 0 0;} div.button {height:34px; padding:10px 8px 7px; width:188px; background:url('/_LAYOUTS/images/Vestia.Branding/btn/special-btn.gif') no-repeat;} div.button a {background:none; text-decoration:none;} div.button a:hover,div.button a:focus,div.button a:active {color:#333; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x 0 bottom;} a.button, a.button:hover {cursor:pointer; display:block; float:left; font-size:11px; font-weight:bold; margin-bottom:1em; padding-left:10px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/btn/btn-grey-l.png') no-repeat 0 0; text-decoration:none;} a.button span, a.button:hover span {color:#fff; display:block; float:left; height:16px; padding:4px 10px 8px 0; position:relative; white-space:nowrap; background:transparent url('/_LAYOUTS/images/Vestia.Branding/btn/btn-grey-r.png') no-repeat 100% 0;} a.button:active, a.button:focus {background:transparent url('/_LAYOUTS/images/Vestia.Branding/btn/btn-grey-l.png') no-repeat 0 -30px;} a.button:active span, a.button:focus span {background:transparent url('/_LAYOUTS/images/Vestia.Branding/btn/btn-grey-r.png') no-repeat 100% -30px;} p a.button {font-size:1em;} a.button.focus {background:url('/_LAYOUTS/images/Vestia.Branding/btn/btn-focus-l.png') no-repeat left 0;} a.button.focus span {background:url('/_LAYOUTS/images/Vestia.Branding/btn/btn-focus-r.png') no-repeat right 0;} a.button.focus:active, a.button.focus:hover, a.button.focus:focus {background:url('/_LAYOUTS/images/Vestia.Branding/btn/btn-focus-l.png') no-repeat 0 -30px;} a.button.focus:active span, a.button.focus:hover span, a.button.focus:focus span {background:url('/_LAYOUTS/images/Vestia.Branding/btn/btn-focus-r.png') no-repeat right -30px;} /* lightbox & overlay ------------------------------------------------------------------------ */ .lightbox {position:absolute; top:50px; left:50%; z-index:999; background-color:#FFF; overflow:hidden; padding:0 0 15px 15px; border:1px solid #000;} .lightbox div.buttons {clear:both; text-align:right; padding-right:20px;} .lightbox div.buttons button.button {float:right;} .lb-columns-three {width:720px; margin-left:-369px;} .lb-columns-two {width:470px; margin-left:-244px;} .lightbox .head {position:relative; padding:10px 0;} .lightbox .content {padding:0 15px 0 0;} /* Overlay (used for overlay only in Base.Common.js) */ #OV-overlay, .overlaybg {display:none; position:fixed; top:0px; left:0px; height:100%; width:100%; z-index:501;} /* Different overlay methods depending on OS */ .OV-overlayBG, .overlaybg {opacity:0.75; /*-moz-opacity:0.75;*/ background-color:#000;} #OV-hideselect {z-index:99; position:fixed; top:0; left:0; background-color:#fff; border:none; /*-moz-opacity:0;*/ opacity:0; height:100%; width:100%;} /* sitepicker lightbox (elems created by JS) */ #lb-sitepicker-container {position:absolute; top:0; left:50%; width:960px; margin-left:-480px; z-index:900;} #lb-sitepicker-content {display:none; position:absolute; top:0; right:-17px; width:720px; overflow:hidden;} /* Google maps */ #gmap-markeroverlay.wbhome {width:698px; height:298px;} #gmap-markeroverlay.buurtwijk {width:460px; height:298px;} #gmap-objectdetails {width:938px; height:498px;} #gmap-route-map {width:460px; height:298px; margin:0 0 2em 0;} .gmap {border:1px solid #757575; position:relative;} .gmap #logocontrol a {background:none;} .gmap .zoom {position:absolute; background:url(/_LAYOUTS/images/Vestia.Branding/bg/gmap-zoom.png) no-repeat; left:6px; top:6px; width:36px; height:153px;} .gmap .zoom .in, .gmap .zoom .out {position:absolute; background:url(/_LAYOUTS/images/Vestia.Branding/bg/gmaps-zoom-plus.gif) no-repeat; width:20px; height:20px; left:8px; top:6px; cursor:pointer !important;} .gmap .zoom .out {top:125px; background-image:url(/_LAYOUTS/images/Vestia.Branding/bg/gmaps-zoom-min.gif);} .gmap .zoom .in:hover, .gmap .zoom .out:hover {} .gmap .zoom .steps {background:#5e564e url(/_LAYOUTS/images/Vestia.Branding/bg/gmap-zoom-steps.gif) no-repeat; width:14px; height:86px; position:absolute; top:32px; left:9px; cursor:pointer !important;} .gmap .zoom .steps:hover {background-color:#a6a6a6;} .js .gmap .polygon-label {position:absolute; top:6px; right:6px; background:#0132CC; border:1px solid #fff; color:#fff; line-height:1; padding:4px 5px 5px 5px; text-transform:uppercase; font-size:0.9em; font-weight:bold;} .gm-style-iw { width: 272px !important; min-height: 150px; } #gmap-infowindow {background:#fff; position:absolute; padding:5px; } #gmap-infowindow.gotlink {cursor:pointer !important;} #gmap-infowindow.huur, #gmap-infowindow.koop, #gmap-infowindow.nieuwbouw {width:262px;} #gmap-infowindow.vestiging {width:220px;} #gmap-infowindow.project {width:220px;} #gmap-infowindow-close {background:url(/_LAYOUTS/images/Vestia.Branding/icons/cancel.gif) no-repeat 0 bottom; width:14px; height:14px; cursor:pointer !important; position:absolute; right:5px; top:5px;} #gmap-infowindow.project img {max-width:220px;} #gmap-infowindow div.title { font-weight:bold; font-size:1.1em; padding-right:18px; /* prefents close btn overlap */ padding-bottom:5px; margin:0 0 5px 0; } #gmap-infowindow img.thumb {float:left; width:95px;} #gmap-infowindow div.textwrapper {float:right; width:150px;} #gmap-infowindow p {font-size:1.1em; margin:0;} #gmap-infowindow p.price-size { font-weight:bold; padding:15px 0 0 0;} #gmap-route-form {position:relative;} #gmap-route-form th {font-weight:bold;} #gmap-route-form th, #gmap-route-form td {vertical-align:middle; padding:0 5px 1em 0; font-size:1.1em;} #gmap-route-form input.text {width:210px;} #gmap-route-form .form-error {left:271px; top:0; display:none;} #gmap-route-direction {border-bottom:none; display:none; margin-bottom:1em;} #gmap-route-direction .time {background-color:#757575; padding:5px; font-size:1.1em; color:#fff;} #gmap-route-direction .step {border-bottom:1px solid #757575; padding:8px 3px; font-size:1.1em;} #gmap-route-direction .step.even {background-color:#eee;} /* midden nederland */ #wbhome-mn {border:1px solid #c2c2c2; background:#fff url(/_LAYOUTS/images/Vestia.Branding/bg/wbhome-mn.gif) repeat-x 0 0; height:297px; position:relative; overflow:hidden;} #wbhome-mn .kaart {position:absolute; z-index:15; height:297px; width:423px; background:#fff url(/_LAYOUTS/images/Vestia.Branding/bg/wbhome-mn-kaart.png) no-repeat; right:0;} #wbhome-mn .kaart div {position:absolute;} #btn01 {width:32px; height:21px; left:315px; top:10px;} #btn02 {width:95px; height:64px; left:241px; top:122px;} #btn03 {width:39px; height:39px; left:184px; top:16px;} #btn04 {width:39px; height:39px; left:248px; top:63px;} #btn05 {width:39px; height:41px; left:202px; top:110px;} #btn06 {width:92px; height:33px; left:110px; top:102px;} #btn07 {width:94px; height:36px; left:102px; top:146px;} #btn08 {width:47px; height:11px; left:146px; top:135px;} #btn09 {width:71px; height:59px; left:146px; top:182px;} #btn10 {width:45px; height:16px; left:196px; top:170px;} #btn11 {width:45px; height:42px; left:217px; top:186px;} #btn12 {width:57px; height:33px; left:209px; top:228px;} #btn13 {width:26px; height:28px; left:76px; top:154px;} #wbhome-mn .slides {position:relative; z-index:1;} #wbhome-mn .slide {padding:15px 0 0 15px; width:250px; position:absolute; left:480px; background:#fff; z-index:1;} #wbhome-mn .slide.slide0 {left:0;} #wbhome-mn .slide .cities-wrapper {overflow:auto; width:250px; padding:0 0 20px 0; background:url(/_LAYOUTS/images/Vestia.Branding/lines/dot3_grey_h.gif) repeat-x bottom;} #wbhome-mn .slide .cities {float:left; width:120px; padding:0 5px 0 0; font-size:1.3em; color:#666; line-height:1.2em;} #wbhome-mn .slide h3 {background:url(/_LAYOUTS/images/Vestia.Branding/bg/dot_h_666_fff.gif) repeat-x bottom; padding:0 0 8px 0;} /* Datepicker ------------------------------------------------------------------------ */ table.jCalendar {width:210px; border-collapse:separate; border-spacing:1px; margin:0 4px;} table.jCalendar th {color:#333; font-weight:bold; text-transform:lowercase; padding:6px 5px;} table.jCalendar th.weekend {color:#737373;} table.jCalendar td {background:#fff; font-size:1.1em; line-height:0.85em; color:#000; padding:6px 5px; text-align:center;} table.jCalendar td.weekend {color:#737373;} table.jCalendar td.other-month.weekend {color:#737373;} table.jCalendar td.other-month {background:#f2f2f2; color:#333;} table.jCalendar td.today {font-weight:bold;} table.jCalendar td.selected {background:#333; color:#fff;} table.jCalendar td.selected.dp-hover {background:#000; color:#fff;} table.jCalendar td.dp-hover, table.jCalendar tr.activeWeekHover td {background:#ccc; color:#000;} table.jCalendar tr.selectedWeek td {background:#f66; color:#fff;} table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {background:#fff; color:#b3b3b3;} table.jCalendar td.unselectable, table.jCalendar td.unselectable:hover, table.jCalendar td.unselectable.dp-hover {background:#bbb; color:#888;} /* For the popup */ /* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */ div#dp-popup {position:absolute; z-index:301;} div.dp-popup {position:relative; background:url(/_LAYOUTS/images/Vestia.Branding/bg/datepicker.png) no-repeat; font-size:10px; width:218px; height:191px; line-height:1em; padding:0 4px 4px 1px;} div.dp-popup h2 {text-transform:uppercase; text-align:center; width:196px; margin:7px 0 2px 0;font-size:1.2em;} a#dp-close {background:url(/_LAYOUTS/images/Vestia.Branding/icons/cancel.png) no-repeat; width:19px; height:19px; display:block; position:absolute; top:7px; right:6px; padding:0;} a#dp-close span {display:none;} div.dp-popup a {color:#000; text-decoration:none; padding:3px 2px 0;} div.dp-popup div.dp-nav-prev {position:absolute; top:7px; left:4px; width:45px; line-height:1em;} div.dp-popup div.dp-nav-prev a {float:left; font-weight:bold; font-size:1em; background:none;} /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */ div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {cursor:pointer;} div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {cursor:default;} div.dp-popup div.dp-nav-next {position:absolute; top:7px; right:30px; width:45px;} div.dp-popup div.dp-nav-next a {float:right; font-weight:bold; font-size:1em; background:none;} div.dp-popup a.disabled {cursor:default; color:#999;} div.dp-popup td {cursor:pointer;} div.dp-popup td.disabled {cursor:default;} a.dp-choose-date {float:left; width:14px; height:21px; padding:0; display:block; text-indent:-2000px; overflow:hidden; background:url(/_LAYOUTS/images/Vestia.Branding/icons/datepicker.gif) no-repeat;} a.dp-choose-date:hover {background:url(/_LAYOUTS/images/Vestia.Branding/icons/datepicker.gif) no-repeat;} a.dp-choose-date.dp-disabled {background-position:0 -20px; cursor:default;} /* Footer ------------------------------------------------------------------------ */ #footer {height:16px; margin:1em 0; padding:8px 5px; width:930px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_footer.png') repeat-x scroll 0 bottom;} #footer a {background:none; text-decoration:none;} #footer a:hover, #footer a:focus, #footer a:active {background:#333;} #footer a.vestia-wb {margin-left:10px; padding-left:10px; border-left:2px solid #333;} #footer a.vestia-wb:hover {background:none;} #footer a:hover strong {background:#333;} #footer span {float:left;} #footer ul li {float:left; list-style:none; padding-left:10px; background:transparent url(/_LAYOUTS/images/Vestia.Branding/lines/divider_hor.gif) no-repeat 0 3px;} #footer .left ul li {margin-right:1em;} #footer .right ul li {margin-left:1em;} #footer .payoff {position:relative; background:none; margin:-2px 0 0 0; padding:0;} #footer .socialmedia {position:relative; background:none; margin:-2px 0 0 0; padding:0;} #footer .socialmedia img {height: 22px} /* Forms ----------------------------------------------------------- */ fieldset {padding-bottom:10px;} .multi-row label {display:block;width:auto;padding-bottom:0;} textarea {font-family:verdana, arial; font-size:1.1em; border:1px solid; border-color:#737373 #bdbdbd #bdbdbd #737373;} .row {width:100%; overflow:hidden; margin-bottom:5px;} input.text {float:left; padding-top:1px; height:1.3em; margin-right:5px; border:1px solid; border-color:#737373 #bdbdbd #bdbdbd #737373; font-size:1.1em;} .checkboxes input, .form-sheet fieldset .checkboxes input, .radio-buttons input, .form-sheet fieldset .radio-buttons input {float:left; margin:5px 2px 0 0; width:auto; clear:left;} label {font-size:1.1em; padding:3px 0;} select {border:1px solid; border-color:#737373 #bdbdbd #bdbdbd #737373;} .column label, .login label {width:84px; float:left;} label.small {width:auto; margin-right:5px;} .column input.text, .login input.text {width:70px;} .subcolumn-small {width:87px; float:left;} .subcolumn-small input.text {width:78px;} .subcolumn-mid {width:147px; float:left;} .subcolumn-mid input.text {width:137px;} .variant .subcolumn {width:290px; float:left; margin-right:2px} .error-msg {padding:5px 0 .5em 25px; color:#F30; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/error_small.gif') no-repeat 0px 3px;} button.file {position:relative; top:25px; left:-80px;} button.fileUploadButton {float:right; margin-top:10px} .fileUpload {width:190px;float:none} .form-sheet fieldset input.file {margin-bottom:30px;} .columns-two input.text, .columns-two textarea.text {width:290px; float:none;} .variant label {float:left; width:160px;} .radio-buttons label {padding-bottom:5px; padding-top:0;} .radio-buttons input {margin:0 5px 0 0} li label {font-size:1em; padding:0;} /* form-steps ----------------------------------------------------------- */ .form-steps {position:relative;} .form-steps .steps {position:absolute;top:26px;left:0px;width:241px;z-index:500;} .steps ol.numberback {width:233px;background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x left top;} .steps ol.numberback li {margin:0 0 0 2px;padding:9px 7px 9px 5px;width:213px;background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x left bottom;} .steps ol.numberback .number {display:block; margin:-2px 5px 0 0; padding:6px 9px 7px 1px; line-height:8px; font-size:12px;font-weight:bold;letter-spacing:-2px; color:#FFF; width:15px; float:left; text-align:center; background:#CCC url('/_LAYOUTS/images/Vestia.Branding/icons/nr_back_large.gif') no-repeat left top;} .steps ol.numberback li.active {margin:-1px 0;padding:9px 5px 9px 7px;position:relative;width:243px;font-weight:bold;background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/formback_selected.gif') no-repeat left top;z-index:100;} .steps ol.numberback li a:active, .steps ol.numberback li a:focus, .steps ol.numberback li a:hover {font-weight:bold;color:#333;background-color:transparent;} .steps ol.numberback li.done .number {background-color:#999;} .steps ol.numberback li.active .number {background-color:#333;} .steps ol.numberback li .remark {display:block;color:#999;margin-left:30px;width:200px;} .form-sheet {margin-left:241px;width:463px;background:#FFF url('/_LAYOUTS/images/Vestia.Branding/bg/formback_mid.gif') repeat-y left top;z-index:1;} .form-sheet h2 {padding:22px 0px 8px 0px;} .form-sheet h3 {clear:left;padding-top:20px;margin-bottom:0.7em;} .form-sheet h3.title {font-size:1.5em; font-weight:bold;} .form-sheet-top {height:4px;font-size:1px;background:#FFF url(/_LAYOUTS/images/Vestia.Branding/bg/formback_top.gif) no-repeat left top;} .form-sheet-bottom {height:4px;font-size:1px;background:#FFF url(/_LAYOUTS/images/Vestia.Branding/bg/formback_bottom.gif) no-repeat left bottom;} .form-sheet .content {padding:0 20px;} .form-sheet fieldset input {width:225px;margin-bottom:0.3em;} .form-sheet fieldset .datepicker {width:205px;} .form-sheet fieldset input.radio, .form-sheet fieldset input.checkbox {width:auto;} .form-sheet fieldset .row {clear:left;position:relative;overflow:visible;} .form-sheet fieldset .row span.remark {display:block;clear:left;font-size:0.9em;color:#999;} .form-sheet fieldset select {width:228px; margin-bottom:0.3em; height:1.9em; border:1px solid; border-color:#737373 #bdbdbd #bdbdbd #737373;} .form-sheet fieldset button {margin:1em 0;} .form-sheet fieldset textarea {width:225px;} .form-sheet fieldset .checkboxes {clear:both;} .form-tip, .form-error {position:absolute; top:1.9em; left:233px; height:50px; width:211px; z-index:300;} .form-tip .content {padding:9px 9px 9px 15px;background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/form-tip.png') no-repeat left top;} .form-tip .foot {height:9px;font-size:1px;background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/form-tip.png') no-repeat left bottom;} input.error {border-color:#901d01 #f30 #f30 #901d01;} label.error {color:#f30;} .form-error .content {padding:11px 20px 10px 45px;font-weight:bold;color:#F30;background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/form-error.png') no-repeat left top;} .form-error .foot {height:9px;font-size:1px;background:transparent url('/_LAYOUTS/images/Vestia.Branding/bg/form-error.png') no-repeat left bottom;} .editheader {width:100%; margin:2em 0 0.5em;} .editheader h3 {display:inline; margin-right:5px; line-height:1.6em;} .editheader a {font-style:italic;} .mail-vestia input.text, .mail-vestia input.file, .mail-vestia textarea {width:90%; float:none;} .mail-vestia select {width:90%} /* Login -------------------------------------------------------------- */ .login {background:#fff; border:1px solid #666; left:50%; margin-left:-110px; top:20%; position:absolute; width:220px; z-index:501;} .login .close {margin-top:-6px;} .login h3 {width:190px} div.tip {background:#ddd; padding:0 2px 2px 0; margin:-5px 0 1em;} .tip p {background:#fff; border:1px solid #999; margin:0; padding:0 3px 3px;} /* Tooltip ----------------------------------------------------------- */ .tooltip {display:block; float:left; margin:0px 10px 0 0; width:12px; height:13px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/icons/help.gif') no-repeat left top; cursor:pointer;} .tooltip div {display:none;} .tooltip.right {float:right; margin-top:0;} .infoToolTip {position:absolute; background:#ccc; border:1px solid #000; color:#000; width:200px; padding:5px; z-index:1000;} .row .tooltip {margin-top:5px;} .rss .tooltip {display:inline-block; float:none;} /* Menu + Submenu ----------------------------------------------------------- */ ul.menu, ul.menu li {margin:0; padding:0; list-style-type:none; width:220px;} ul.menu li {width:220px; padding-bottom:1px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/lines/dot_grey_h.png') repeat-x left bottom;} ul.menu li a {display:block; padding:7px 0 7px 10px; background:none; text-decoration:none;} ul.menu li a span {background-image:none;} ul.menu li a:hover {background-color:transparent;} ul.menu li.open a {padding-left:20px; width:200px; font-weight:bold; background:transparent url('/_LAYOUTS/images/Vestia.Branding/nav/submenu_sidebg.gif') no-repeat left bottom;} ul.menu li.open li a {padding-left:25px;} ul.menu li.open li,ul.menu li.selected li,ul.menu li.open li a,ul.menu li.selected li a {background:none; font-weight:normal; text-decoration:none;} ul.menu li.selected a,ul.menu li li.selected a {padding-left:20px; width:200px; font-weight:bold; background:#333 url('/_LAYOUTS/images/Vestia.Branding/nav/sidearrow_neg.png') no-repeat left top;} ul.menu li li.selected a {padding-left:25px; width:195px;} ul.menu ul {display:none; padding-bottom:10px; background:transparent url('/_LAYOUTS/images/Vestia.Branding/nav/submenu_sidebg.gif') repeat-y left top;} ul.menu li.open ul {display:block;} ul.menu ul li a {background-color:transparent} ul.menu ul li.selected {font-weight:bold; background:transparent url('/_LAYOUTS/images/Vestia.Branding/nav/menu_active_arrow.gif') no-repeat left top;} .postalcodedetails p{ margin:0; padding:0; } .text-block {padding-bottom: 0.5em;}