/* ---------------------------------------------------------------------------- P R O S P E C T P A N E L Specific styles for the Prospect Panel ---------------------------------------------------------------------------- */ #prospectpanel { position:relative; } #prospectpanel.home { } #prospectpanel.home .intro h2 { color:#595959; font-style:normal; margin:10px 0 0 0; font-size:2.2em; border:none;} #prospectpanel.home .intro h4 { font-size:1.6em; background:url(../images/prospectpanel/dotted-line.gif) repeat-x bottom; margin:10px 0; padding-bottom:5px; } #prospectpanel.home .intro p { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; line-height:1.4em; color:#595959; margin-bottom:25px;} #prospectpanel.home .intro a.btn_a_next { line-height:1; } #prospectpanel.home .intro .choose_btns { background:url(../images/prospectpanel/dotted-line.gif) repeat-x bottom; margin-bottom:10px; } #prospectpanel.home .intro .choose_btns a.btn_a_next { margin-bottom: 10px; } #prospectpanel.home .intro .choose_btns a.btn_a_next span { width:360px; } #prospectpanel.imgset .intro .text p { color:#7DA851;} #prospectpanel.imgset .intro .text h2 { color:#693; } #prospectpanel.imgset .intro .text h3 { color:#693; } #prospectpanel .afspraak { text-align:right; line-height:1.8em; padding:0 0 10px 0;} #prospectpanel.home .afspraak { position:absolute; right:0; bottom:0; padding:0; } #prospectpanel .afspraak a { text-align:left; } #prospectpanel .afspraak a span { width:184px; } #prospectpanel .contentbox.dossier { width:220px; float:left; margin:0 0 4px 6px; } #prospectpanel .contentbox.fullwidth { width:680px; } #prospectpanel .contentbox p { margin-bottom: 1em; } #prospectpanel .contentbox.main { width:454px; float:left; } #prospectpanel .contentbox.main .content { min-height:450px; } .minipp { margin: 10px 0 0 0; border:1px dotted #666; width:200px; padding: 5px 10px; } .minipp h3 { color:#333; } .minipp ul.btns { margin:0; } .minipp ul.btns li { margin:5px 0 0 0; } .minipp ul.btns li a { background:url(../images/prospectpanel/minipp_btn.gif) no-repeat 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#fff; text-decoration:none; display:block; width:180px; padding:5px 10px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .minipp ul.btns li a:hover { color:#9c0; } #prospectpanel .contentbox.main-btn { display:none; position:absolute; left:0; top:0; width:450px; } #prospectpanel .contentbox.main-btn .content { width:426px;} #prospectpanel .contentbox.main-btn .close { background:url(../images/buttons/btn-close.gif) no-repeat center; position:absolute; top:10px; right:14px; cursor:pointer; width:10px; height:10px; } #prospectpanel .contentbox .dashed-top, #prospectpanel .contentbox .dashed-bottom { background:url(../images/prospectpanel/dotted-line.gif) repeat-x top; margin:0; padding:10px 0; line-height:1.5em; } #prospectpanel .contentbox .dashed-bottom { background-position:bottom;} #prospectpanel .contentbox .top, .minipp .top { background:url(../images/prospectpanel/top-left.png) no-repeat left top; height:10px; padding:0 0 0 6px; } #prospectpanel .contentbox .top .right, .minipp .top .right { background:url(../images/prospectpanel/top-right.png) no-repeat right top; width:100%; height:10px; } #prospectpanel .contentbox .bottom, .minipp .bottom { background:#fff url(../images/prospectpanel/bottom-left.png) no-repeat left bottom; height:15px; padding:0 0 0 6px; } #prospectpanel .contentbox.main-btn .bottom, .campagne #prospectpanel .contentbox .bottom { background-color:transparent; } #prospectpanel .contentbox .bottom .right, .minipp .bottom .right { background:url(../images/prospectpanel/bottom-right.png) no-repeat right bottom; width:100%; height:15px; } #prospectpanel .main-btn .top, #prospectpanel .main-btn .top .right { height:15px; } #prospectpanel .main-btn .bottom, #prospectpanel .main-btn .bottom .right { height:18px; } #prospectpanel .main-btn .center { height:1px; } #prospectpanel .contentbox .centerright, .minipp .centerright { background:url(../images/prospectpanel/center-right.png) repeat-y right; padding:0 4px 0 0; } #prospectpanel .contentbox .center { background:#384c23 url(../images/prospectpanel/center.png) repeat-x bottom; } .minipp .center { background:#384c23 url(../images/prospectpanel/center-minipp.png) repeat-x bottom; } #prospectpanel .contentbox .content, .minipp .content { color:#333; line-height:1.3em; padding:0 10px; } #prospectpanel .contentbox .content h3 { font-style:normal; font-size:2.4em; color:#693; line-height:1.2em; margin:0 0 5px 0; } #prospectpanel .dossier .content h3 {color:#693; font-size:2.2em; margin:0 0 9px 0; line-height:1.2em; } .minipp .content h3 { color:#693; font-size:1.6em; margin:0 0 8px 0; } #prospectpanel .contentbox .content h4 { font-weight:normal; margin:0 0 5px 0; font-size:1.6em; color:#693; line-height:1.2em; color:#693; } #prospectpanel .contentbox .content h5 { font-style:normal; font-weight:bold; font-size:1.6em; margin:0 0 5px 0; color:#693; line-height:1.2em;} #prospectpanel .contentbox .content .vermogen h5 {width: 200px;} #prospectpanel .contentbox .content h6 { font-weight:bold; font-size:1.2em; margin:0 0 5px 0; color:#fff; line-height:1.2em; } #prospectpanel .contentbox .content p.breadcrumb span { color:#ccc; font-weight:bold; } #prospectpanel .contentbox .content p.breadcrumb span.active { color:#99CA3B; } #prospectpanel ul.path { margin: 0 0 .5em 0; padding: .5em 0; } #prospectpanel .path li { display: inline; margin-right: 5px; } #prospectpanel .path li.past { color: #999; } #prospectpanel .path li.current { color: #99CA3B; font-size: 1.1em; font-weight: 700; } #prospectpanel .path li.next { color: #999; } #prospectpanel hr { background: transparent url(../images/prospectpanel/dotted-line.gif) repeat-x top; border: none; color: #515151; height: 1px; margin: 0.5em 0; } #prospectpanel .contentbox .text-rows-one { min-height:283px; } #prospectpanel .contentbox .text-rows-two { min-height:233px; } #prospectpanel .contentbox .text-rows-three { min-height:183px; } #prospectpanel .contentbox .text-rows-four { min-height:133px; } #prospectpanel .contentbox .custom-checkbox, #overlay_content .custom-checkbox { padding:10px 0; } #prospectpanel .contentbox .custom-checkbox label, #overlay_content .custom-checkbox label { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; display:block; cursor:pointer; padding:5px 0 5px 15px; position:relative; width:auto; } #prospectpanel .contentbox .custom-checkbox span.checkbox, #overlay_content .custom-checkbox span.checkbox { background:url(../images/buttons/checkbox_prospectpanel.gif) no-repeat top; display:block; width:11px; height:11px; float:left; margin:1px 5px 0 0; font-size:0; position:absolute; left:0; top:7px; } #prospectpanel .contentbox .custom-checkbox span.checkbox.checked, #overlay_content .custom-checkbox span.checkbox.checked { background-position:bottom; } .custom-checkbox input { position:absolute; left:-999em; } #prospectpanel .contentbox .footer { background:url(../images/prospectpanel/dotted-line.gif) repeat-x top; padding:10px 0 0 0; width:100%; overflow:auto; } #prospectpanel .contentbox .footer a.left, #prospectpanel .contentbox .footer a.right { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:1.5em; line-height:1.3em; color:#47822b; } #prospectpanel .contentbox .footer a.left { background:url(../images/prospectpanel/footer_a_prev.gif) no-repeat left 4px; padding:0 0 0 16px; } #prospectpanel .contentbox .footer a.left:hover { background-position:left -32px; color:#333; } #prospectpanel .contentbox .footer a.right { background:url(../images/prospectpanel/footer_a_next.gif) no-repeat right 4px; padding:0 16px 0 0; } #prospectpanel .contentbox .footer a.right:hover { background-position:right -32px; color:#333; } .more-space { padding-top:5px; } /* VERMOGENS SLIDER */ .vermogen-slider { position:relative; padding:28px 0 0 0 !important; height:25px; width:280px; margin:0 auto; } .vermogen-slider .slider { background:url(../images/prospectpanel/slider-track.gif) repeat-x left bottom; cursor:pointer; height:24px; margin:0 10px; position:relative; } .vermogen-slider .slider .button { background:url(../images/prospectpanel/slider-btn.gif) repeat-x left; height:19px; width:10px; cursor:w-resize; position:absolute; } .vermogen-slider .slider .button:hover { background-position:right; } .vermogen-slider .label { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; position:absolute; left:0; top:4px; color:#fff; height:26px; margin:0 0 -2px 0; cursor:default; } .vermogen-slider .label span { display:block; background:#474747; border-bottom:1px solid #8e8e8e; padding:4px 3px 6px 3px; float:left; white-space:nowrap; } .vermogen-slider .label .left { background:url(../images/prospectpanel/slider-label.gif) no-repeat top; float:left; width:5px; height:26px; } .vermogen-slider .label .right { background:url(../images/prospectpanel/slider-label.gif) no-repeat bottom; float:left; width:5px; height:26px; } .dialog-slider { width: 300px } .dialog-slider .vermogen-slider .label span { line-height: 1em; } /* END */ /* BUTTONS */ #prospectpanel .arrow_left { background:url(../images/prospectpanel/a-arrow-left.gif) no-repeat left 5px; padding:0 0 0 10px; color:#47822b; cursor:pointer; font-size:1.1em; } #prospectpanel .arrow_left:hover, #prospectpanel .arrow_left.hover { background-position:left -90px; text-decoration:none; color:#333; } #prospectpanel a.btn_b_next { background:url(../images/prospectpanel/btn_b_next.gif) no-repeat top right;display:block;width:210px; padding:5px 0 11px 10px; font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:1.5em; color:#fff; display: -moz-inline-stack; display:inline-block;cursor:pointer; } /* .carrousel a.btn_a_next {line-height:1em;} .carrousel a.btn_a_next, #prospectpanel a.btn_a_next, #prospectpanel a.btn_a_prev, #prospectpanel a.btn_b_next { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:1.5em; color:#fff; display: -moz-inline-stack; display:inline-block;cursor:pointer; } .carrousel a.btn_a_next, #prospectpanel a.btn_a_next { background:url(../images/prospectpanel/btn_a_next_right.gif) no-repeat top right; padding:0 19px 0 0; } .carrousel a.btn_a_next span, #prospectpanel a.btn_a_next span { background:url(../images/prospectpanel/btn_a_next_left.gif) no-repeat top left; display: -moz-inline-stack; display:inline-block; height: 20px; padding:7px 10px 5px; } #prospectpanel a.btn_a_prev { background:url(../images/prospectpanel/btn_a_prev_left.gif) no-repeat top left; padding:0 0 0 17px; } #prospectpanel a.btn_a_prev span { background:url(../images/prospectpanel/btn_a_prev_right.gif) no-repeat top right;display: -moz-inline-stack; display:inline-block; height: 20px; padding:7px 10px 5px; } #prospectpanel a.btn_b_next { background:url(../images/prospectpanel/btn_b_next.gif) no-repeat top right;display:block;width:210px; padding:5px 0 11px 10px; } .carrousel a.btn_a_next:hover, #prospectpanel .btn_a_next:hover, #prospectpanel .btn_a_prev:hover span { background-position:bottom right; } .carrousel a.btn_a_next:hover span, #prospectpanel .btn_a_next:hover span, #prospectpanel .btn_a_prev:hover { background-position:bottom left; } */ #prospectpanel span.button_next {background:url(../images/prospectpanel/button_next.gif) no-repeat top left; padding:0 0 0 5px; display:inline-block; display: -moz-inline-stack;} #prospectpanel span.button_next:hover {background-position:left -33px;} #prospectpanel span.button_next input {background:url(../images/prospectpanel/button_next.gif) no-repeat right -66px; padding:0 18px 4px 2px;} #prospectpanel span.button_next:hover input {background-position:right -99px;} #prospectpanel span.button_next a {background:url(../images/prospectpanel/button_next.gif) no-repeat right -66px; padding:5px 28px 0 8px;} #prospectpanel span.button_next:hover a {background-position:right -99px;} #prospectpanel span.button_prev {background:url(../images/prospectpanel/button_prev.gif) no-repeat top right; padding:0 7px 0 0; display:inline-block;} #prospectpanel span.button_prev:hover {background-position:right -33px;} #prospectpanel span.button_prev input {background:url(../images/prospectpanel/button_prev.gif) no-repeat left -66px; padding:0 2px 4px 18px;} #prospectpanel span.button_prev:hover input {background-position:left -99px;} #prospectpanel span.button_prev a {background:url(../images/prospectpanel/button_prev.gif) no-repeat left -66px; padding:5px 8px 0 28px;} #prospectpanel span.button_prev:hover a {background-position:left -99px;} #prospectpanel span.button_next input, #prospectpanel span.button_prev input {font-family:Georgia, "Times New Roman", Times, serif;border-width:0;height:32px;font-size:1.5em;color:#fff;cursor:pointer;} #prospectpanel span.button_next a, #prospectpanel span.button_prev a { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.5em; line-height:1.2em; color:#fff; display:inline-block; height:27px; text-decoration:none; } #prospectpanel .btn_c_next { background:url(../images/prospectpanel/btn_c_next.gif) no-repeat 0 0; display:table; width:170px; height:40px; overflow:hidden; cursor:pointer; } #prospectpanel .btn_c_next.hover { background-position:0 -41px; } #prospectpanel .btn_c_next .middle { display:table-cell; vertical-align:middle; } #prospectpanel .btn_c_next a { font-family:Georgia, "Times New Roman", Times, serif; text-decoration:none; font-size:1.4em; line-height:1.2em; padding:0 24px 0 10px; display:block; color:#fff; } #prospectpanel .btn_d { display:table; overflow:hidden; cursor:pointer; } /* END */ /* DOSSIER KOLOM */ #prospectpanel .dossier .intro { position:relative; z-index:999; padding: 0 0 10px 0; } #prospectpanel .dossier .intro p { padding: 0 0 10px 0; } .js #prospectpanel .dossier .uitleg { display:none; background:#D9D9D9; position:absolute; padding:10px 10px 10px 10px; width:176px; } .js #prospectpanel .dossier .uitleg h6 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; font-size:1.1em; color:#47822b; } .js #prospectpanel .dossier .uitleg p { background:url(../images/prospectpanel/dotted-line.gif) repeat-x bottom; padding:0 0 10px 0; margin:0 0 7px 0; } .content ul.btns { margin:0; width:196px; } .content ul.btns.centered { margin:0 auto; } .content ul.btns li { margin:0 0 5px 0; } .content ul.btns li a { background:url(../images/prospectpanel/btn_d.gif) no-repeat 0 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:1.2em; color:#fff; text-decoration:none; display:block; width:176px; padding:5px 10px; overflow: hidden; white-space:nowrap; text-overflow:ellipsis; } .content ul.btns li a:hover { background-position:0 bottom; } /* END */ /* DOSSIER SUBJECT SCROLLER */ .content .onderwerpen { height:91px; overflow:hidden; position:relative; margin:5px 0; } .content .onderwerpen ul { position:absolute; } .content .btn-up, .content .btn-down { width:27px; height:16px; margin:0 0 0 84px; } .content .btn-up { background:url(../images/prospectpanel/btn_up_down.gif) no-repeat left bottom; } .content .btn-up-hover { background-position:left 0; cursor:pointer; } .content .btn-down { background:url(../images/prospectpanel/btn_up_down.gif) no-repeat right bottom; } .content .btn-down-hover { background-position:right 0; cursor:pointer; } /* END */ /* SUBJECT SCROLLER */ #prospectpanel .subject-scroller { display:none; position:relative; width:100%; } #prospectpanel .subject-scroller.has-buttons { padding:20px 0 0 0; margin:0; } #prospectpanel .subject-scroller .scrollbox { position:relative; overflow:hidden; width:100%; } #prospectpanel .subject-scroller ul { position:relative; margin:0; } #prospectpanel .subject-scroller li { position:absolute; } #prospectpanel .subject-scroller .btn-prev, #prospectpanel .subject-scroller .btn-next { position:absolute; width:32px; height:46px; } #prospectpanel .subject-scroller .btn-prev { background:url(../images/prospectpanel/btn_left_right.gif) no-repeat 0 -47px; left:-10px;} #prospectpanel .subject-scroller .btn-prev-hover { background-position:0 0; cursor:pointer;} #prospectpanel .subject-scroller .btn-next { background:url(../images/prospectpanel/btn_left_right.gif) no-repeat -33px -47px; right:-10px; } #prospectpanel .subject-scroller .btn-next-hover { background-position:-33px 0; cursor:pointer; } #prospectpanel .subject-scroller .page-state { font-family:Georgia, "Times New Roman", Times, serif; font-size:1.1em; color:#fff; position:absolute; right:0; top:0; } #prospectpanel .subject-scroller .page-state .start { background:url(../images/prospectpanel/page-state_bg.gif) no-repeat left top; display:inline-block; padding:2px 0 2px 0; line-height:1em; width:8px; } #prospectpanel .subject-scroller .page-state .end { background:url(../images/prospectpanel/page-state_bg.gif) no-repeat right top; display:inline-block; line-height:1em; padding:2px 8px 2px 0; } #prospectpanel .subject-scroller.custom-checkbox { padding:20px 0 0 0; } #prospectpanel .subject-scroller.custom-checkbox label { padding:0; margin:0 5px; width:11px; height:15px; } #prospectpanel .subject-scroller.custom-checkbox label span.checkbox { top:14px; } /* END */ /* POSTCODE SEARCH AFSPRAAK MAKEN */ #prospectpanel .postcodezoeken { position:relative; padding:10px 0 10px 0; } #prospectpanel .postcodezoeken span.button_next { position:absolute; right:0; top:4px; } #prospectpanel .postcoderesultaat { padding:10px 0 0 0; } /* END */ #prospectpanel .value { color:#99CA3B; } #prospectpanel .facets .left { width:208px; padding:0 10px 0 0; } #prospectpanel .contentbox .no-dash { background-image:none;} #prospectpanel .fullwidth .vermogen { background:#d9d9d9; padding:10px; } #prospectpanel .fullwidth .vermogen input { width: 192px; } #prospectpanel .fullwidth .uitleg { width:425px; } .loader { background:url(../images/icons/loading.gif) no-repeat center 213px; padding:30px 0 0 0; font-weight:bold; text-align:center; padding:240px 0 0 0; height:230px; color:#898989; }