/* --------------------- RESET CSS -----------------------------------*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } /* --------------------- COLOR CSS -----------------------------------*/ /* CSS Document */ html { background:#0059b3; } body { background:#f7fbff url(../img/bg-head-foot---f.png) 0 -45px repeat-x; color:#00264d; } strong {color:#1262B3;} #foot-container { background:transparent url(../img/bg-head-foot---f.png) 0 0 repeat-x; } #content li { background:transparent url(../img/icons--f.png) 10px -692px no-repeat; } h1 { color:#003366; } h2, h3, h4, h5 { color:#004d99; } #perszaal h1, #persbericht h1, #vacatures h1, #promo-acties_page h1 { background:url(../img/border-bg--f.png) -11160px 15px no-repeat; } /* ---------------------- header -------------------------------------*/ #header { background:none; } /*#nav-head li*/ #nav-head li, #nav-head li a, #nav-head .selected { text-indent:-9999px; background:url(../img/headnav-tabs--f.png) 0 0 no-repeat; } .lang_fr #nav-head li, .lang_fr #nav-head li a, .lang_fr #nav-head .selected { text-indent:-9999px; background:url(../img/headnav-tabs-fr.png) 0 0 no-repeat; } .lang_en #nav-head li, .lang_en #nav-head li a, .lang_en #nav-head .selected { text-indent:-9999px; background:url(../img/headnav-tabs-en.png) 0 0 no-repeat; } #nav-head li a:link, #nav-head li a:visited { opacity:1; } #nav-head li a:hover, #nav-head li a:active, #nav-head li a:focus { opacity:0; } #nav-head .selected a:hover, #nav-head .selected a:active, #nav-head .selected a:focus { opacity:1; } #h-nav-wk { width:114px;} #h-nav-w { width:69px;} #h-nav-s { width:76px;} #h-nav-wsw { width:148px;} #h-nav-pro { width:94px;} #h-nav-osw { width:112px;} #h-nav-ca { width:89px;} .lang_fr #h-nav-wk { width:132px;} .lang_fr #h-nav-w { width:53px;} .lang_fr #h-nav-s { width:77px;} .lang_fr #h-nav-wsw { width:153px;} .lang_fr #h-nav-pro { width:103px;} .lang_fr #h-nav-osw { width:152px;} .lang_en #h-nav-wk { width:119px;} .lang_en #h-nav-w { width:69px;} .lang_en #h-nav-s { width:77px;} .lang_en #h-nav-wsw { width:124px;} .lang_en #h-nav-pro { width:103px;} .lang_en #h-nav-osw { width:119px;} .lang_en #h-nav-ca { width:95px;} #header #h-nav-wk.selected a { background-position: 0 -44px; } #header #h-nav-w.selected a { background-position: -115px -44px; } #header #h-nav-s.selected a { background-position: -185px -44px; } #header #h-nav-wsw.selected a { background-position: -263px -44px; } #header #h-nav-pro.selected a { background-position: -412px -44px; } #header #h-nav-osw.selected a { background-position: -507px -44px; } #header #h-nav-ca.selected a { background-position: -620px -44px; } .lang_fr #header #h-nav-wk.selected a { background-position: 0 -44px; } .lang_fr #header #h-nav-w.selected a { background-position: -133px -44px; } .lang_fr #header #h-nav-s.selected a { background-position: -187px -44px; } .lang_fr #header #h-nav-wsw.selected a { background-position: -265px -44px; } .lang_fr #header #h-nav-pro.selected a { background-position: -419px -44px; } .lang_fr #header #h-nav-osw.selected a { background-position: -523px -44px; } .lang_en #header #h-nav-wk.selected a { background-position: 0 -44px; } .lang_en #header #h-nav-w.selected a { background-position: -120px -44px; } .lang_en #header #h-nav-s.selected a { background-position: -190px -44px; } .lang_en #header #h-nav-wsw.selected a { background-position: -268px -44px; } .lang_en #header #h-nav-pro.selected a { background-position: -393px -44px; } .lang_en #header #h-nav-osw.selected a { background-position: -497px -44px; } .lang_en #header #h-nav-ca.selected a { background-position: -617px -44px; } #container #h-nav-wk a { background-position:0 0; } #container #h-nav-w a { background-position:-115px 0; } #container #h-nav-s a { background-position:-185px 0; } #container #h-nav-wsw a { background-position:-263px 0; } #container #h-nav-pro a { background-position:-412px 0; } #container #h-nav-osw a { background-position:-507px 0; } #container #h-nav-ca a { background-position:-622px 0;} #container #h-nav-wk { background-position:0 -22px; } #container #h-nav-w { background-position:-115px -22px; } #container #h-nav-s { background-position:-185px -22px; } #container #h-nav-wsw { background-position:-263px -22px; } #container #h-nav-pro { background-position:-412px -22px; } #container #h-nav-osw { background-position:-507px -22px; } #container #h-nav-ca { background-position:-620px -22px;} .lang_fr #container #h-nav-wk a { background-position:0 0; } .lang_fr #container #h-nav-w a { background-position:-133px 0; } .lang_fr #container #h-nav-s a { background-position:-187px 0; } .lang_fr #container #h-nav-wsw a { background-position:-265px 0; } .lang_fr #container #h-nav-pro a { background-position:-419px 0; } .lang_fr #container #h-nav-osw a { background-position:-523px 0; } .lang_fr #container #h-nav-wk { background-position:0 -22px; } .lang_fr #container #h-nav-w { background-position:-133px -22px; } .lang_fr #container #h-nav-s { background-position:-187px -22px; } .lang_fr #container #h-nav-wsw { background-position:-265px -22px; } .lang_fr #container #h-nav-pro { background-position:-419px -22px; } .lang_fr #container #h-nav-osw { background-position:-523px -22px; } .lang_en #container #h-nav-wk a { background-position:0 0; } .lang_en #container #h-nav-w a { background-position:-120px 0; } .lang_en #container #h-nav-s a { background-position:-190px 0; } .lang_en #container #h-nav-wsw a { background-position:-268px 0; } .lang_en #container #h-nav-pro a { background-position:-393px 0; } .lang_en #container #h-nav-osw a { background-position:-497px 0; } .lang_en #container #h-nav-ca a { background-position:-617px 0; } .lang_en #container #h-nav-wk { background-position:0 -22px; } .lang_en #container #h-nav-w { background-position:-120px -22px; } .lang_en #container #h-nav-s { background-position:-190px -22px; } .lang_en #container #h-nav-wsw { background-position:-268px -22px; } .lang_en #container #h-nav-pro { background-position:-393px -22px; } .lang_en #container #h-nav-osw { background-position:-497px -22px; } .lang_en #container #h-nav-ca { background-position:-617px -22px; } #nav-head #home a { background:none; } #nav-head #home { background:url(../img/sip-well-waterkoelers-logo--f.png) 0 -81px no-repeat; } #nav-head #home a:link img, #nav-head #home a:visited img { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript #nav-head #home a:hover img, .no_javascript #nav-head #home a:active img, .no_javascript #nav-head #home a:focus img { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0;} #header h2 { text-indent:-9999px; background:transparent url(../img/headnav-tabs--f.png) 0 -81px no-repeat; } .lang_fr #header h2 { text-indent:-9999px; background:transparent url(../img/headnav-tabs-fr.png) 0 -81px no-repeat; } .lang_en #header h2 { text-indent:-9999px; background:transparent url(../img/headnav-tabs-en.png) 0 -81px no-repeat; } #nav-lang { background:transparent url(../img/headnav-tabs--f.png) -503px -83px no-repeat; } #nav-lang:hover { background-position:-613px -83px; } .no_javascript #nav-lang { background:none; } #nav-lang li a { background:none; color:#004d99; } /*#header .nav-hover li a:link, */#header #nav-lang:hover li a:link, /*#header .nav-hover li a:visited, */#header #nav-lang:hover li a:visited { background:#cee3f9; color:#00264d; } /*#header .nav-hover li a:hover, */#header #nav-lang:hover li a:hover, /*#header .nav-hover li a:active, */#header #nav-lang:hover li a:active, #header #nav-lang:hover li a:focus { background:#99ceff; color:#00264d; } #nav-lang .active { } /*#header .nav-hover li a:link, */#header #nav-lang:hover .selected a:link, /*#header .nav-hover li a:visited, */#header #nav-lang:hover .selected a:visited { color:#00264d; } #nav-lang .selected { } .no_javascript #container #nav-lang a { font-weight:bold; } .no_javascript #nav-lang .selected a { color:#fff; } .no_javascript #container #header #nav-lang:hover li a { background:none; } #nav-sec a:link { color:#036; } #nav-sec a:visited { color:#036; } #nav-sec a:hover, #nav-sec a:active { color:#000; } #nav-sec .tel { text-indent:-9999px; background:url(../img/headnav-tabs--f.png) -355px -83px no-repeat; } /* ---------------------- left navigation -------------------------------------*/ #nav-left { } #nav-left { background:transparent url(../img/left-nav-tabs--f.png) 0 0 repeat-y; } #nav-left ul ul { background:none; } .sec_se #nav-left h3, .sec_se #nav-left h3 a { background:transparent url(../img/left-nav-service.png) 0 0 no-repeat; } .sec_wk #nav-left h3, .sec_wk #nav-left h3 a { background:transparent url(../img/left-nav-waterkoelers-nl.png) 0 0 no-repeat; } .lang_fr .sec_wk #nav-left h3, .lang_fr .sec_wk #nav-left h3 a { background:transparent url(../img/left-nav-waterkoelers-fr.png) 0 0 no-repeat; } .lang_en .sec_wk #nav-left h3, .lang_en .sec_wk #nav-left h3 a { background:transparent url(../img/left-nav-waterkoelers-en.png) 0 0 no-repeat; } .sec_wa #nav-left h3, .sec_wa #nav-left h3 a { background:transparent url(../img/left-nav-water-en-nl.png) 0 0 no-repeat; } .lang_fr .sec_wa #nav-left h3, .lang_fr .sec_wa #nav-left h3 a { background:transparent url(../img/left--nav-water-fr.png) 0 0 no-repeat; } .sec_os #nav-left h3, .sec_os #nav-left h3 a { background:transparent url(../img/left-nav-over-sip-well-nl.png) 0 0 no-repeat; } .lang_fr .sec_os #nav-left h3, .lang_fr .sec_os #nav-left h3 a { background:transparent url(../img/left-nav-over-sip-well-fr.png) 0 0 no-repeat; } .lang_en .sec_os #nav-left h3, .lang_en .sec_os #nav-left h3 a { background:transparent url(../img/left-nav-over-sip-well-en.png) 0 0 no-repeat; } .sec_pr #nav-left h3, .sec_pr #nav-left h3 a { background:transparent url(../img/left-nav-promoties-nl.png) 0 0 no-repeat; } .lang_fr .sec_pr #nav-left h3, .lang_fr .sec_pr #nav-left h3 a { background:transparent url(../img/left-nav-promoties-fr.png) 0 0 no-repeat; } .lang_en .sec_pr #nav-left h3, .lang_en .sec_pr #nav-left h3 a { background:transparent url(../img/left-nav-promoties-en.png) 0 0 no-repeat; } #container #nav-left h3 { background-position:-245px 0; } #left-side #nav-left h3 a:link, #left-side #nav-left h3 a:visited { color:#036; -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript #left-side #nav-left h3 a:hover, .no_javascript #left-side #nav-left h3 a:active, .no_javascript #left-side #nav-left h3 a:focus { color:#001a33; -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } #nav-left li, #nav-left li a, #nav-contact li, #nav-contact a { background:transparent url(../img/left-nav-tabs--f.png) -245px 0 no-repeat; border:none; } #contact_steps .last_list_item { border-bottom:none; } #nav-left li, #nav-contact li { background-position:-245px -100px; } #nav-left li li, #nav-contact li li { background-position:-245px -78px; } #nav-left h3 a:link, #nav-left h3 a:visited { background-position:0 0; color:#036; } #nav-left h3 a:hover, #nav-left h3 a:active, #nav-left h3 a:focus { background-position:0 0; color:#fff; } #nav-left li a:link, #nav-left li a:visited, #nav-contact li a:link, #nav-contact li a:visited { background-position:-675px 0px; color:#00264d } #left-side #nav-left li .selected, #nav-left li a:hover, #nav-left li a:active, #nav-left li a:focus, #left-side #nav-contact li .selected, #nav-contact li a:hover, #nav-contactt li a:active, #nav-contact li a:focus { background-position:-245px 0; color:#00264c; } #nav-left li li a:link, #nav-left li li a:visited { background-position:-675px -22px; color:#004d99; } #left-side #nav-left li li .selected, #nav-left li li a:hover, #nav-left li li a:active, #nav-left li li a:focus { background-position:-245px -22px; color:#004d99; } #contact_steps li { color:#1262B3; } #contact_service h2, #special_highlight { background:url(../img/left-nav-bottoms.png) 0 0 no-repeat; } #special_highlight { background-position:0 bottom; } #nav-contact { background:url(../img/contact-form-nav.png) 0 0 no-repeat; } /* ---------------------- breadcrumbs -------------------------------------*/ #breadcrumbs li { background:transparent url(../img/icons--f.png) 0 0 no-repeat; } #breadcrumbs a:link, #breadcrumbs a:visited { color:#175ea6 } #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { color:#124980 } /* ---------------------- needs to sort -------------------------------------*/ #job-summary li { background:none; } #content .images_list li { background:none; } /* ---------------------- botteling -------------------------------------*/ .left-tabs, .left-tabs h2, #botteling .nav_bottel, #bottelings_overzicht a { background:url(../img/side-tabs--f.png) 0 0 no-repeat; } .left-tabs { background-position:-1260px 0; background-repeat:repeat-y; } .no_javascript .left-tabs, .no_javascript .left-tabs h2, .no_javascript #bottelings_process { background:none; } .left-tabs h2 { background-position:-540px 60px; background-color:#f7faff; } #botteling .nav_bottel { background-position:-1980px bottom; } #bottelings_overzicht a:link, #bottelings_overzicht a:visited { background-position:-360px -62px; color:#0069cc; } #bottelings_overzicht a:hover, #bottelings_overzicht a:focus { background-position:-180px -62px; color:#004080; } #bottelings_overzicht a:active, #content #bottelings_overzicht .active { background-position:0 -62px; color:#004080; } .no_javascript #container #bottelings_overzicht a, .no_javascript #container #bottelings_overzicht strong { background:none; } #bottelings_overzicht .bott-over-1 a:link, #bottelings_overzicht .bott-over-1 a:visited { background-position:-360px 0px; } #bottelings_overzicht .bott-over-1 a:hover, #bottelings_overzicht .bott-over-1 a:focus { background-position:-180px 0px; } #bottelings_overzicht .bott-over-1 a:active, #content #bottelings_overzicht .bott-over-1 .active { background-position:0 0px; } #bottelings_overzicht li { background:none; } #bottelings_process li, #bottelings_process { background:#fff; } #bottelings_process .proces-detail-list li { background:transparent url(../img/icons--f.png) 3px -693px no-repeat; } #botteling .nav_bottel li a, #botteling .nav_bottel li a strong { background:url(../img/buttons-cta-total--f.png) 0 -717px no-repeat; color:#fff; } #botteling .nav_bottel .next a:link, #botteling .nav_bottel .next a:visited { background-position:184px -169px; } #botteling .nav_bottel .next a:hover, #botteling .nav_bottel .next a:focus { background-position:184px -203px; } #botteling .nav_bottel .next a:active { background-position:184px -237px; } #botteling .nav_bottel .next a:link strong, #botteling .nav_bottel .next a:visited strong { background-position:0 -307px; background-color:#fff; } #botteling .nav_bottel .next a:hover strong, #botteling .nav_bottel .next a:focus strong { background-position:0 -341px; } #botteling .nav_bottel .next a:active strong { background-position:0 -375px; } #botteling .nav_bottel .previous a:link, #botteling .nav_bottel .previous a:visited { background-position:-326px -271px; } #botteling .nav_bottel .previous a:hover, #botteling .nav_bottel .previous a:focus { background-position:-326px -203px; } #botteling .nav_bottel .previous a:active { background-position:-326px -237px; } #botteling .nav_bottel .previous a:link strong, #botteling .nav_bottel .previous a:visited strong { background-position:right -409px; background-color:#fff; } #botteling .nav_bottel .previous a:hover strong, #botteling .nav_bottel .previous a:focus strong { background-position:right -341px; } #botteling .nav_bottel .previous a:active strong { background-position:right -375px; } #bottelings_overzicht strong { background:transparent url(../img/bottelingsinstallatie/bottelings-thumbs.jpg) 0 0 no-repeat; } #bottelings_overzicht .bott-over-1 a:link strong, #bottelings_overzicht .bott-over-1 a:visited strong { background-position:8px -40px; } #bottelings_overzicht .bott-over-1 a:hover strong, #bottelings_overzicht .bott-over-1 a:active strong, #bottelings_overzicht .bott-over-1 a:focus strong, #content #bottelings_overzicht .bott-over-1 .active strong { background-position:8px 0; } #bottelings_overzicht .bott-over-2 a:link strong, #bottelings_overzicht .bott-over-2 a:visited strong { background-position:8px -120px; } #bottelings_overzicht .bott-over-2 a:hover strong, #bottelings_overzicht .bott-over-2 a:active strong, #bottelings_overzicht .bott-over-2 a:focus strong, #content #bottelings_overzicht .bott-over-2 .active strong { background-position:8px -80px; } #bottelings_overzicht .bott-over-3 a:link strong, #bottelings_overzicht .bott-over-3 a:visited strong { background-position:8px -200px; } #bottelings_overzicht .bott-over-3 a:hover strong, #bottelings_overzicht .bott-over-3 a:active strong, #bottelings_overzicht .bott-over-3 a:focus strong, #content #bottelings_overzicht .bott-over-3 .active strong { background-position:8px -160px; } #bottelings_overzicht .bott-over-4 a:link strong, #bottelings_overzicht .bott-over-4 a:visited strong { background-position:8px -280px; } #bottelings_overzicht .bott-over-4 a:hover strong, #bottelings_overzicht .bott-over-4 a:active strong, #bottelings_overzicht .bott-over-4 a:focus strong, #content #bottelings_overzicht .bott-over-4 .active strong { background-position:8px -240px; } #bottelings_overzicht .bott-over-5 a:link strong, #bottelings_overzicht .bott-over-5 a:visited strong { background-position:8px -360px; } #bottelings_overzicht .bott-over-5 a:hover strong, #bottelings_overzicht .bott-over-5 a:active strong, #bottelings_overzicht .bott-over-5 a:focus strong, #content #bottelings_overzicht .bott-over-5 .active strong { background-position:8px -320px; } #bottelings_overzicht .bott-over-6 a:link strong, #bottelings_overzicht .bott-over-6 a:visited strong { background-position:8px -440px; } #bottelings_overzicht .bott-over-6 a:hover strong, #bottelings_overzicht .bott-over-6 a:active strong, #bottelings_overzicht .bott-over-6 a:focus strong, #content #bottelings_overzicht .bott-over-6 .active strong { background-position:8px -400px; } #bottelings_overzicht .bott-over-7 a:link strong, #bottelings_overzicht .bott-over-7 a:visited strong { background-position:8px -520px; } #bottelings_overzicht .bott-over-7 a:hover strong, #bottelings_overzicht .bott-over-7 a:active strong, #bottelings_overzicht .bott-over-7 a:focus strong, #content #bottelings_overzicht .bott-over-7 .active strong { background-position:8px -480px; } /* ---------------------- perszaal -------------------------------------*/ #pers_contact_list li { background:none; } #pers_contact .vcard .press_function { color:#555; } .table_data .zebra td { background:#e5f2ff; } #nieuws_bericht tbody .cell-3 { font-weight:bold; color:#1262b3;} #nieuws_bericht tr:hover td, #pers_bericht tr:hover td, #vacature_table tr:hover td, #vacature_table tr:hover td { background:#f2f9ff; cursor:pointer; } .no_javascript #nieuws_bericht tr:hover td, .no_javascript #pers_bericht tr:hover td, .no_javascript #vacature_table tr:hover td, .no_javascript #vacature_table tr:hover td { cursor:default; } .press-table thead th, .vacature-list thead th { border-bottom:1px solid #a3bed9; } .press-table td, .vacature-list td {border-top:1px solid #f2f9ff; border-bottom:1px solid #c3d5e6; } .press-table .last td, .vacature-list .last td { border-bottom:none; } .press-table, .press-table h2, .press-table .end-note, .vacature-list, .vacature-list h2, .vacature-list .last-update, #detailed-specs .end-note { background:#f7faff url(../img/border-bg--f.png) -2880px bottom repeat-y; } .press-table h2 { background-position:-1440px 0; background-repeat:no-repeat;} .vacature-list h2 { background-position:-1440px 0; background-repeat:no-repeat;} .press-table .end-note { background-position:-4320px bottom; background-repeat:no-repeat;} .vacature-list .last-update, #detailed-specs .end-note { background-position:-4320px bottom; background-repeat:no-repeat;} .vcard, .vcard .end-note, .vcard h3 { background:url(../img/border-bg--f.png) -5040px bottom no-repeat; } .vcard { background-position: -6840px 0; background-repeat:repeat-y; } .photo_vcard { background-position: -5400px 0; } .vcard h3 { background-position: -6480px 0; } .photo_vcard h3 { background-position: -5040px 0; } .vcard .end-note { background-position:-7200px bottom; } .photo_vcard .end-note { background-position:-5760px bottom; } #vacatures .end-note { background-position:-6120px bottom; } /* ---------------------- vacatures -------------------------------------*/ #job-summary, #job-summary ul { background: url(../img/border-bg--f.png) -3600px bottom no-repeat; } #job-summary ul { background-position:-2160px -61px; } #job-summary strong { color:#004D99; } .ingevuld { color:#6c89a6; } .ingevuld a { color:#9783c5; } #footer { color:#fff; } #footer a { color:#fff; } #waterkoeler_keus .header-row th, #waterkoeler_keus .header-row td { background:#ddd; } #vacature-item h1 { background:#f7faff url(../img/border-bg--f.png) -2160px 0 no-repeat; } /* ---------------------- call to actions -------------------------------------*/ #contact_form, #contact_form h2, #contact_form .buttonHolder, .actie-poa, .actie-poa h2, #status-confirmation, #status-confirmation h2, #confirmation-next { background:transparent url(../img/border-bg--f.png) left bottom no-repeat; } .actie-poa-main { position:absolute; bottom:10px; right:10px; width:610px; height:145px; z-index:200; } .actie-poa-main, .actie-poa-main h2, .actie-poa-main ul { background:none; } #actie-step-1 { background:url(../img/acties/action-bottom.jpg) 0 0 no-repeat; } .cta_big, .cta_wide, #contact_form .buttonHolder { background-position:-3600px bottom; } .cta_medium { background-position:-960px bottom; } .cta_big .cta_title, .cta_wide .cta_title, #contact_form h2, #status-confirmation h2 { background-position:-1440px 0; } .actie-poa h2 { background-position:-11880px 0; } .cta_medium .cta_title { background-position:0 0; } .cta_small .cta_title { background:none;} #contact_form, #status-confirmation { background-position:-2880px 0; background-repeat:repeat-y; } #page-formules-ov .actie-poa { background-position:-3600px bottom; background-repeat:no-repeat; } .actie-poa { background-position:-12840px bottom; background-repeat:no-repeat; } .cta_1 .cta_big, .cta_1 .cta_point .button a, .cta_1 .cta_point .button, .cta_1 #vergelijkende-tabel .button, .cta_1 #vergelijkende-tabel .button a { background:url(../img/acties/150-liter-gratis-5gallon-tijdelijke-promotie-cta.png) 0 0 no-repeat; } .lang_fr .cta_1 .cta_big, .lang_fr .cta_1 .cta_point .button a, .lang_fr .cta_1 .cta_point .button, .lang_fr .cta_1 #vergelijkende-tabel .button, .lang_fr .cta_1 #vergelijkende-tabel .button a { background: url(../img/acties/150-litres-d-eau-gratuits-5g-promotion-temporaire-cta-fr.png) 0 0 no-repeat; } .lang_en .cta_1 .cta_big, .lang_en .cta_1 .cta_point .button a, .lang_en .cta_1 .cta_point .button, .lang_en .cta_1 #vergelijkende-tabel .button, .lang_en .cta_1 #vergelijkende-tabel .button a { background: url(../img/acties/150-liters-for-free-5g-special-offer-cta-en.png) 0 0 no-repeat; } .cta_2 .cta_big, .cta_2 .cta_point .button a, .cta_2 .cta_point .button, .cta_2 #vergelijkende-tabel .button, .cta_2 #vergelijkende-tabel .button a { background:url(../img/acties/150-liter-gratis-10liter-tijdelijke-promotie-cta.png) 0 0 no-repeat; } .lang_fr .cta_2 .cta_big, .lang_fr .cta_2 .cta_point .button a, .lang_fr .cta_2 .cta_point .button, .lang_fr .cta_2 #vergelijkende-tabel .button, .lang_fr .cta_2 #vergelijkende-tabel .button a { background: url(../img/acties/150-litres-d-eau-gratuits-10l-promotion-temporaire-cta-fr.png) 0 0 no-repeat; } .lang_en .cta_2 .cta_big, .lang_en .cta_2 .cta_point .button a, .lang_en .cta_2 .cta_point .button, .lang_en .cta_2 #vergelijkende-tabel .button, .lang_en .cta_2 #vergelijkende-tabel .button a { background: url(../img/acties/150-liters-for-free-10l-special-offer-cta-en.png) 0 0 no-repeat; } .cta_3 .cta_big, .cta_3 .cta_point .button a, .cta_3 .cta_point .button, .cta_3 #vergelijkende-tabel .button, .cta_3 #vergelijkende-tabel .button a { background:url(../img/acties/3-maand-gratis-huur-tijdelijke-promotie-cta.png) 0 0 no-repeat; } .lang_fr .cta_3 .cta_big, .lang_fr .cta_3 .cta_point .button a, .lang_fr .cta_3 .cta_point .button, .lang_fr .cta_3 #vergelijkende-tabel .button, .lang_fr .cta_3 #vergelijkende-tabel .button a { background:url(../img/acties/3-mois-de-location-gratuits-promotion-temporaire-cta.png) 0 0 no-repeat; } .lang_en .cta_3 .cta_big, .lang_en .cta_3 .cta_point .button a, .lang_en .cta_3 .cta_point .button, .lang_en .cta_3 #vergelijkende-tabel .button, .lang_en .cta_3 #vergelijkende-tabel .button a { background:url(../img/acties/3-months-rent-for-free-special-offer-cta-en.png) 0 0 no-repeat; } #content .cta_keuze { background:none; } .cta_point .button a { text-indent:-9999px; } .cta_big .action_container, .cta_big .cta_title { background:none; } #content .cta_big .button a { background-position:0 -267px; } #content .cta_big .button { background-position:-340px -267px; } .cta_big .button a:link, .cta_big .button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript .cta_big .button a:hover, .no_javascript .cta_big .button a:active, .no_javascript .cta_big .button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } #content .cta_medium .button a { background-position:-560px 0; } #content .cta_medium .button { background-position:-560px -100px; } .cta_medium .button a:link, .cta_medium .button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript .cta_medium .button a:hover, .no_javascript .cta_medium .button a:active { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } #content #overview_cooler .cta_small .button a { background-position:0 -362px; } #content #overview_cooler .cta_small .button { background-position:-240px -362px; } #overview_cooler .cta_small .button a:link, #overview_cooler .cta_small .button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } #overview_cooler.no_javascript .cta_small .button a:hover, #overview_cooler.no_javascript .cta_small .button a:active, #overview_cooler.no_javascript .cta_small .button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } #content .cta_small .button a { background-position:0 -571px; } #content .cta_small .button { background-position:-240px -571px; } .cta_small .button a:link, .cta_small .button a:visited, .cta_wide .button a:link, .cta_wide .button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript .cta_small .button a:hover, .no_javascript .cta_small .button a:active, .no_javascript .cta_small .button a:focus, .no_javascript .cta_wide .button a:hover, .no_javascript .cta_wide .button a:active, .no_javascript .cta_wide .button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } /* ---------------------- action forms -------------------------------------*/ /* - step 1 - */ #actie-step-1 { background:url(../img/actie-cta-bg.png) 300px 0 no-repeat; } .actie-total h2 { color:#1262B3; } #actie-voorwaarden { color:#004d99; } #content .actie-poa li { background:none; } .actie-poa a, .send_offerte a { background:transparent url(../img/buttons-offerte-nl.png) 0 0 no-repeat; text-indent:-9999px; } .lang_fr .actie-poa a, .lang_fr .send_offerte a { background:transparent url(../img/buttons-offerte-fr.png) 0 0 no-repeat; text-indent:-9999px; } .lang_en .actie-poa a, .lang_en .send_offerte a { background:transparent url(../img/buttons-offerte-en.png) 0 0 no-repeat; text-indent:-9999px; } /*#container #content .action-home { background-position:0 -285px; } #container #content .action-home a { background-position:0 -190px; } #container #content .action-company { background-position:0 -95px; } #container #content .action-company a { background-position:0 0; } */ .cta_doelgroep .action-company a:link, .cta_doelgroep .action-company a:visited, .actie-poa .action-company a:link, .actie-poa .action-company a:visited { background-position:0 0; } .cta_doelgroep .action-company a:hover, .cta_doelgroep .action-company a:active, .cta_doelgroep .action-company a:focus, .actie-poa .action-company a:hover, .actie-poa .action-company a:active, .actie-poa .action-company a:focus { background-position:0 -95px; } .cta_doelgroep .action-home a:link, .cta_doelgroep .action-home a:visited, .actie-poa .action-home a:link, .actie-poa .action-home a:visited { background-position:0 -190px; } .cta_doelgroep .action-home a:hover, .cta_doelgroep .action-home a:active, .cta_doelgroep .action-home a:focus, .actie-poa .action-home a:hover, .actie-poa .action-home a:active, .actie-poa .action-home a:focus { background-position:0 -285px; } #content #actie-voorwaarden li { background-position:10px -695px; } #actie-stappen li { background:none; } #actie-stappen li h3 { background:url(../img/acties/acties-steps.png) 0 0 no-repeat; } #actie-stappen #step-1 h3 { background-position:0 0px; } #actie-stappen #step-2 h3 { background-position:-480px 0; } #actie-stappen #step-3a h3 { background-position:-960px 0; } #actie-stappen #step-3b h3 { background-position:-1920px 0; } #actie-stappen em { color:#555; } #step-3b li { background:none; } .action-phone strong, .safe-call strong { background:url(../img/icons--f.png) 0 -300px no-repeat; color:#004d99; } .actie-poa-main .action-phone strong { background:url(../img/icons--f.png) 10px -300px no-repeat; color:#004d99; } #step-3a .button_second a, #step-3b .button_second a { background:url(../img/acties/action-total-overview-nl.jpg) 0 0 no-repeat; } .lang_fr #step-3a .button_second a, .lang_fr #step-3b .button_second a { background:url(../img/acties/action-total-overview-fr.jpg) 0 0 no-repeat; } .lang_en #step-3a .button_second a, .lang_en #step-3b .button_second a { background:url(../img/acties/action-total-overview-en.jpg) 0 0 no-repeat; } #actie-stappen #actie_1_second .button_second a { background-position:0 0; } #actie-stappen #actie_2_second .button_second a { background-position:-300px 0; } /* - step 2 - */ .mandatory { color:#333; } .formHint { color:#5986b3; } .buttonHolder .send_offerte a:link, .buttonHolder .send_offerte a:visited { background-position:0 -387px; } .buttonHolder .send_offerte a:hover, .buttonHolder .send_offerte a:active, .buttonHolder .send_offerte a:focus { background-position:0 -471px; } .buttonHolder .send_ok a:hover, .buttonHolder .send_ok a:active, .buttonHolder .send_ok a:focus { background-position:0 -513px; } #bel-mij .buttonHolder .send_offerte a:link, #bel-mij .buttonHolder .send_offerte a:visited { background-position:0 -555px; } #bel-mij .buttonHolder .send_offerte a:hover, #bel-mij .buttonHolder .send_offerte a:active, #bel-mij .buttonHolder .send_offerte a:focus { background-position:0 -639px; } #bel-mij .buttonHolder .send_ok a:hover, #bel-mij .buttonHolder .send_ok a:active, #bel-mij .buttonHolder .send_ok a:focus { background-position:0 -681px; } #email-us .buttonHolder .send_offerte a:link, #email-us .buttonHolder .send_offerte a:visited { background-position:0 -723px; } #email-us .buttonHolder .send_offerte a:hover, #email-us .buttonHolder .send_offerte a:active, #email-us .buttonHolder .send_offerte a:focus { background-position:0 -807px; } #email-us .buttonHolder .send_ok a:hover, #email-us .buttonHolder .send_ok a:active, #email-us .buttonHolder .send_ok a:focus { background-position:0 -849px; } .ctrlHolder {border-top:1px solid #f2f9ff; border-bottom:1px solid #c3d5e6; } #choose_contact .ctrlHolder { border:none; } #errorMsg, .error { background:#f2cece; border-top:1px solid #fcf5f5; border-bottom:1px solid #f29d9d;} #errorMsg { background-image:url(../img/validation-forms-icons-no.png); background-repeat:no-repeat; background-position:right bottom; } .errorField dd, .errorField dt, .error label, #errorMsg h3, #errorMsg li a { color:#900; } #errorMsg h3 strong { color:#300; } #contact_form input, #contact_form textarea, #contact_form select { background:#f2f9ff; } #choose_contact input { background:#d9ecff: } #contact_form .error input, #contact_form .error textarea, #contact_form .error select { background:#f2e6e6; } #contact_form input:focus, #contact_form textarea:focus, #contact_form select:focus, #contact_form .error input:focus, #contact_form .error textarea:focus, #contact_form .error select:focus { background:#fff; } #autocomplete ul { border:1px solid #b1d9ff; border-bottom:none; } #autocomplete li { background:none; border-bottom:1px solid #b1d9ff; } #autocomplete a:link, #autocomplete a:visited { background:#F7FAFF; } #autocomplete a:hover, #autocomplete a:active, #autocomplete a:focus { background:#CEE7FF; } /*.error .formHint { border-top:1px solid #200; color:#000; }*/ /* - step 3 - */ #confirmation-next { background-position:-3600px -50px; } #confirmation-next li { background:none; } #confirmation-next li .button_next, #confirmation-next li .button_next a { background:url(../img/water/nieuwe-10L-fles+water-en-gezondheid+een-van-de-lichts-gemineraliseerde-waters-van-europa.jpg) 0 0 no-repeat; } .lang_fr #confirmation-next li .button_next, .lang_fr #confirmation-next li .button_next a { background:url(../img/water/la-bouteille-10L+eau-et-sante+une-des-eaux-les-moins-mineralisees-de-l-europe.jpg) 0 0 no-repeat; } .lang_en #confirmation-next li .button_next, .lang_en #confirmation-next li .button_next a { background:url(../img/water/new-10-litre-bottle+water-and-wellbeing+one-of-the-least-mineralised-waters-of-europe.jpg) 0 0 no-repeat; } #confirmation-next #next-10L .button_next { background-position:0 -275px; } #confirmation-next #next-10L .button_next a { background-position:0 0px; } #confirmation-next #next-gezondheid .button_next { background-position:-240px -275px; } #confirmation-next #next-gezondheid .button_next a { background-position:-240px 0px; } #confirmation-next #next-mineralen .button_next { background-position:-480px -275px; } #confirmation-next #next-mineralen .button_next a { background-position:-480px 0px; } #confirmation-next li .button_next a:link, #confirmation-next li .button_next a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1;} .no_javascript #confirmation-next li .button_next a:hover, .no_javascript #confirmation-next li .button_next a:active, .no_javascript #confirmation-next li .button_next a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0;} #status-confirmation h3 { background:url(../img/validation-forms-icons-ok.png) 455px bottom no-repeat; } /* ---------------------- Waterkoelers met fles page -------------------------------------*/ .waterkoeler-listing, #content .waterkoeler-list .cooler_info_animate, #content .waterkoeler-list .cooler_extra_animate, #content .to-open-2 .waterkoeler-list .selected .cooler_info_animate , #content .open .waterkoeler-list .selected .cooler_info_animate { background:url(../img/waterkoelers/wk-choise-bg.png) 0 63px no-repeat; } #waterkoelers-leiding .waterkoeler-listing, #waterkoelers-leiding #content .waterkoeler-list .cooler_info_animate, #waterkoelers-leiding #content .waterkoeler-list .cooler_extra_animate, #waterkoelers-leiding #content .to-open-2 .waterkoeler-list .selected .cooler_info_animate , #waterkoelers-leiding #content .open .waterkoeler-list .selected .cooler_info_animate { background:url(../img/waterkoelers/wk-choise-bg-leiding.png) 0 63px no-repeat; } .no_javascript .waterkoeler-list { background:none; } #content .waterkoeler-list li { background:none; cursor:pointer;} .waterkoeler-list li { border-left:1px solid #f2f9ff; border-right:1px solid #9cc1e5; } .waterkoeler-list li li { border:none; } .no_javascript #content .waterkoeler-list li { border:none; } #content .to-open-2 .waterkoeler-list .selected .cooler_info_animate , #content .open .waterkoeler-list .selected .cooler_info_animate { background-position:-50px -628px; } #waterkoelers-leiding #content .to-open-2 .waterkoeler-list .selected .cooler_info_animate , #waterkoelers-leiding #content .open .waterkoeler-list .selected .cooler_info_animate { background-position:-50px -628px; } #content .waterkoeler-list .cooler_info_animate { background-position:-40px -6px; } #content .waterkoeler-list .cooler_extra_animate { background-position:-40px -765px; } #waterkoelers-leiding #content .waterkoeler-list .cooler_info_animate { background-position:-2200px -6px; } #waterkoelers-leiding #content .waterkoeler-list .cooler_extra_animate { background: -40px -765px; } #container #content .to-open-2 .waterkoeler-list #sublimo.selected .cooler_info_animate , #container #content .open .waterkoeler-list #sublimo.selected .cooler_info_animate { background-position:-6px -628px; } #container #content .to-open-2 .waterkoeler-list #tabletop.selected .cooler_info_animate , #container #content .open .waterkoeler-list #tabletop.selected .cooler_info_animate { background-position:-294px -628px; } #content .waterkoeler-list #sublimo .cooler_info_animate { background-position:-6px -6px; } #content .waterkoeler-list #tabletop .cooler_info_animate { background-position:right -6px; } #sublimo, #classic_pou { border-left:none; } #tabletop, #design_pro_pou { border-right:none; } .flessen_mogelijk { background:url(../img/icons--f.png) 0 -339px no-repeat; color:#3d80c3; } .no_javascript #content .flessen_mogelijk { background:none;} #sublimo .flessen_mogelijk { background-position:0 -372px; } .tagline { color:#2673bf;} .no_javascript #content .waterkoeler-list .koeler-image { background:none; } #sublimo .koeler-image { background:url(../img/waterkoelers/cat-sublimo-waterkoeler-met-fles--f.jpg) 0 -272px; } #prestige .koeler-image { background:url(../img/waterkoelers/cat-prestige-waterkoeler-met-fles--f.jpg) 0 -272px; } #carbo .koeler-image { background:url(../img/waterkoelers/cat-carbo-waterkoeler-met-fles--f.jpg) 0 -272px; } #classic .koeler-image { background:url(../img/waterkoelers/cat-classic-waterkoeler-met-fles--f.jpg) 0 -272px; } #tabletop .koeler-image { background:url(../img/waterkoelers/cat-tabletop-waterkoeler-met-fles--f.jpg) 0 -272px; } #waterkoelers-fles .waterkoeler-list .koeler-image { background:url(../img/waterkoelers/waterkoelers-met-fles-all.jpg) 0 0 no-repeat; } #waterkoelers-leiding .waterkoeler-list .koeler-image { background:url(../img/waterkoelers/waterkoelers-op-waterleiding-all.jpg) 0 0 no-repeat; } .waterkoeler-list #sublimo .koeler-image { background-position:0 -272px;} .waterkoeler-list #sublimo .koeler-image img { margin-left:0; } .waterkoeler-list #prestige .koeler-image {background-position:-150px -272px;} .waterkoeler-list #prestige .koeler-image img { margin-left:-150px;} .waterkoeler-list #carbo .koeler-image {background-position:-300px -272px;} .waterkoeler-list #carbo .koeler-image img {margin-left:-300px;} .waterkoeler-list #classic .koeler-image {background-position:-450px -272px;} .waterkoeler-list #classic .koeler-image img {margin-left:-450px;} .waterkoeler-list #tabletop .koeler-image {background-position:-600px -272px;} .waterkoeler-list #tabletop .koeler-image img {margin-left:-600px;} .to-open-2 .waterkoeler-list .selected .koeler-image img, .open .waterkoeler-list .selected .koeler-image img {margin-top:-545px;} .waterkoeler-list #classic_pou .koeler-image { background-position:0 -235px;} .waterkoeler-list #classic_pou .koeler-image img { margin-left:0; } .waterkoeler-list #design_pou .koeler-image {background-position:-150px -235px;} .waterkoeler-list #design_pou .koeler-image img { margin-left:-150px;} .waterkoeler-list #classic_pro_pou .koeler-image {background-position:-300px -235px;} .waterkoeler-list #classic_pro_pou .koeler-image img {margin-left:-300px;} .waterkoeler-list #carbo_pou .koeler-image {background-position:-450px -235px;} .waterkoeler-list #carbo_pou .koeler-image img {margin-left:-450px;} .waterkoeler-list #design_tt_pro_pou .koeler-image {background-position:-600px -235px;} .waterkoeler-list #design_tt_pro_pou .koeler-image img {margin-left:-600px;} .waterkoeler-list #carbo_pro_pou .koeler-image {background-position:-750px -235px;} .waterkoeler-list #carbo_pro_pou .koeler-image img {margin-left:-750px;} .waterkoeler-list #design_pro_pou .koeler-image {background-position:-900px -235px;} .waterkoeler-list #design_pro_pou .koeler-image img {margin-left:-900px;} #waterkoelers-leiding .to-open-2 .waterkoeler-list .selected .koeler-image img, #waterkoelers-leiding .open .waterkoeler-list .selected .koeler-image img {margin-top:-470px;} #content .waterkoeler-list .button a { background:url(../img/buttons-cta-total--f.png) 0 0 no-repeat; color:#fff; } #content .waterkoeler-list .button a:link, #content .waterkoeler-list .button a:visited { background-position:0 -446px; } #content .waterkoeler-list .button a:hover, #content .waterkoeler-list .button a:focus { background-position: 0 -488px;} #content .waterkoeler-list .button a:active { background-position: 0 -530px;} #content .waterkoeler-list .warm, #content .waterkoeler-list .room, #content .waterkoeler-list .cold, #content .waterkoeler-list .sparkling-soft, #content .waterkoeler-list .sparkling-hard, #content .koeler_versions li ul li, #waterkoeler #content .solo_options li { background:transparent url(../img/icons--f.png) no-repeat; } #content .waterkoeler-list .cold, #waterkoeler #content .koeler_versions .cold { background-position:0 -40px; } #content .waterkoeler-list .room, #waterkoeler #content .koeler_versions .room { background-position:0 -84px; } #content .waterkoeler-list .warm, #waterkoeler #content .koeler_versions .warm { background-position:0 -128px; } #content .waterkoeler-list .sparkling-hard, #waterkoeler #content .solo_options .sparkling-hard { background-position:0 -172px; } #content .waterkoeler-list .sparkling-soft, #waterkoeler #content .solo_options .sparkling-soft { background-position:0 -216px; } #quality-labels li { background:none; } #quality-labels li a { background:url(../img/waterkoelers/kwaliteits-labels--f.png) no-repeat; } #quality-labels .qual-rohs a { background-position: center 0; } #quality-labels .qual-nsf a { background-position: center -80px; } #quality-labels .qual-ebwa a { background-position: center -160px; } #quality-labels .qual-ce a { background-position: center -240px; } #content .waterkoeler-list .made-by-sip { background:url(../img/waterkoelers/made-by-sip-well-small.png) center top no-repeat; } .tel, .tel strong, #page-formules-ov #content .actie-poa .action-phone .tel { background:url(../img/icons--f.png) 0 -261px no-repeat; color:#004D99; } .vcard .tel { background:none; } .vcard .tel strong { background-position:0 -259px; } .copyright_images { color:#3d85cc; } .copyright_images a:link, .copyright_images a:visited { color:#3d85cc; } .copyright_images a:hover, .copyright_images a:active, .copyright_images a:focus { color:#324580; } #waterkoelers-leiding .waterkoeler-list { border-bottom:1px solid #9cc1e5; } #capacity_order { border-top:1px solid #f2f9ff } /* ---------------------- waterkoeler page -------------------------------------*/ #content .tabs-on li { background:none; } .lang_nl #page_nav, .lang_nl #page_nav a { background: url(../img/tabs-device-nl.png) 0 0 no-repeat; } .lang_fr #page_nav, .lang_fr #page_nav a { background: url(../img/tabs-device-fr.png) 0 0 no-repeat; } .lang_en #page_nav, .lang_en #page_nav a { background: url(../img/tabs-device-en.png) 0 0 no-repeat; } #content #page_nav { background-position:0 bottom; } .lang_nl #overzicht_t a:link, .lang_nl #overzicht_t a:visited { background-position:-5px 0; } .lang_nl #overzicht_t a:hover, .lang_nl #overzicht_t a:focus { background-position:-5px -47px; } .lang_nl #content #overzicht_t .active { background-position:-5px -94px; } .lang_nl #formules_t a:link, .lang_nl #formules_t a:visited { background-position:-110px 0; } .lang_nl #formules_t a:hover, .lang_nl #formules_t a:focus { background-position:-110px -47px; } .lang_nl #content #formules_t .active { background-position:-110px -94px; } .lang_nl #specs_t a:link, .lang_nl #specs_t a:visited { background-position:-306px 0; } .lang_nl #specs_t a:hover, .lang_nl #specs_t a:focus { background-position:-306px -47px; } .lang_nl #content #specs_t .active { background-position:-306px -94px; } .lang_fr #overzicht_t a:link, .lang_fr #overzicht_t a:visited { background-position:-5px 0; } .lang_fr #overzicht_t a:hover, .lang_fr #overzicht_t a:focus { background-position:-5px -47px; } .lang_fr #content #overzicht_t .active { background-position:-5px -94px; } .lang_fr #formules_t a:link, .lang_fr #formules_t a:visited { background-position:-135px 0; } .lang_fr #formules_t a:hover, .lang_fr #formules_t a:focus { background-position:-135px -47px; } .lang_fr #content #formules_t .active { background-position:-135px -94px; } .lang_fr #specs_t a:link, .lang_fr #specs_t a:visited { background-position:-357px 0; } .lang_fr #specs_t a:hover, .lang_fr #specs_t a:focus { background-position:-357px -47px; } .lang_fr #content #specs_t .active { background-position:-357px -94px; } .lang_en #overzicht_t a:link, .lang_en #overzicht_t a:visited { background-position:-5px 0; } .lang_en #overzicht_t a:hover, .lang_en #overzicht_t a:focus { background-position:-5px -47px; } .lang_en #content #overzicht_t .active { background-position:-5px -94px; } .lang_en #formules_t a:link, .lang_en #formules_t a:visited { background-position:-112px 0; } .lang_en #formules_t a:hover, .lang_en #formules_t a:focus { background-position:-112px -47px; } .lang_en #content #formules_t .active { background-position:-112px -94px; } .lang_en #specs_t a:link, .lang_en #specs_t a:visited { background-position:-271px 0; } .lang_en #specs_t a:hover, .lang_en #specs_t a:focus { background-position:-271px -47px; } .lang_en #content #specs_t .active { background-position:-271px -94px; } #new_10_liter a:link, #new_10_liter a:visited, #service_depots a:link, #service_depots a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript #new_10_liter a:hover, .no_javascript #new_10_liter a:active, .no_javascript #new_10_liter a:focus, .no_javascript #service_depots a:hover, .no_javascript #service_depots a:active, .no_javascript #service_depots a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } /* - overzicht - */ #content .koeler_versions li { background:none; } #overview_cooler { background:url(../img/waterkoelers/detail-background.png) 0 0 no-repeat; } .tabletop #overview_cooler, .design_tt_pro_pou #overview_cooler { background:url(../img/waterkoelers/detail-background-table.png) 0 0 no-repeat; } .carbo #overview_cooler, .classic #overview_cooler, .classic_pou #overview_cooler, .carbo_pou #overview_cooler, .classic_pro_pou #overview_cooler { background:url(../img/waterkoelers/detail-background-white-coolers.png) 0 0 no-repeat; } #overview_cooler li { background:none; } #overview_cooler #sizes_weight li { color:#3d80c3;} #bottle_compability a { color:#1262B3; background:url(../img/icons--f.png) 10px -335px no-repeat; } /* - overzicht - */ .slagzin { color:#555; } #waterkoeler #plaatsing_koeler li { background:none; } #waterkoeler #plaatsing_koeler li li { background:transparent url(../img/icons--f.png) 10px -693px no-repeat; } #overzichttab, #formulestab, #specificatiestab { background:#F7FBFF; } /* ---------------------- Waterkoelers page -------------------------------------*/ #wk_type_keuze li { background:none; } #wk_type_keuze .button_choise, #wk_type_keuze .button_choise a { background:url(../img/waterkoelers/waterkoelers-met-fles-vs-waterkoelers-op-waterleiding.jpg) 0 0 no-repeat; } .lang_fr #wk_type_keuze .button_choise, .lang_fr #wk_type_keuze .button_choise a { background:url(../img/waterkoelers/fontaines-d-eau-avec-bouteille-vs-fontaines-d-eau-a-l-eau-courante.jpg) 0 0 no-repeat; } .lang_en #wk_type_keuze .button_choise, .lang_en #wk_type_keuze .button_choise a { background:url(../img/waterkoelers/bottled-water-coolers-vs-tap-water-coolers.jpg) 0 0 no-repeat; } #wk_type_keuze #wk_type_fles .button_choise { background-position:-720px 0;} #wk_type_keuze #wk_type_fles .button_choise a { background-position:0 0;} #wk_type_keuze #wk_type_leiding .button_choise { background-position:-1080px 0; } #wk_type_keuze #wk_type_leiding .button_choise a {background-position:-360px 0;} .no_javascript #wk_type_keuze .button_choise a:link, .no_javascript #wk_type_keuze .button_choise a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript #content #wk_type_keuze .button_choise a, .no_javascript #wk_type_keuze .button_choise a:hover, .no_javascript #wk_type_keuze .button_choise a:active, .no_javascript #wk_type_keuze .button_choise a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } .button a { background:url(../img/buttons-cta-total--f.png) 0 -614px no-repeat; color:#fff; font-weight:bold; text-decoration:none; } .button a:link, .button a:visited { background-position:2px 0; } .button a:hover, .button a:active, .button a:focus { background-position:2px -42px; } #personeelsdienst .button a:link, #personeelsdienst .button a:visited { background-position:2px -614px; } #personeelsdienst .button a:hover, #personeelsdienst .button a:active, #personeelsdienst .button a:focus { background-position:2px -656px; } #contact-opties .button a:link, #contact-opties .button a:visited, #content .google_map a:link, #content .google_map a:visited { background-position:2px -787px; } #contact-opties .button a:hover, #contact-opties .button a:active, #contact-opties .button a:focus, #content .google_map a:hover, #content .google_map a:active, #content .google_map a:focus { background-position:2px -829px; } .koeler-overzicht #content .col-full .button a, .koeler-overzicht #content .col-full .button { background:url(../img/waterkoelers/waarom-waterkoeler+huren-kopen-leasen-overnames+watercooler-accessoires+warme-dranken.jpg) 0 0 no-repeat; } .lang_fr .koeler-overzicht #content .col-full .button a, .lang_fr .koeler-overzicht #content .col-full .button { background:url(../img/waterkoelers/pourquoi-fontaine-d-eau+location-achat-leasing-reprises+accessoires-fontaine-a-eau+boissons-chaudes.jpg) 0 0 no-repeat; } .lang_en .koeler-overzicht #content .col-full .button a, .lang_en .koeler-overzicht #content .col-full .button { background:url(../img/waterkoelers/why-a-water-cooler+rent-lease-buy+water-cooler-accessories+hot-drinks.jpg) 0 0 no-repeat; } #content #waarom-intro .button { background-position:0 -198px; } #content #waarom-intro .button a { background-position:0 0; } #content #formules-intro .button { background-position:0 -594px; } #content #formules-intro .button a { background-position:0 -396px; } #content #waterkoeler_acc .button { background-position:0 -990px; } #content #waterkoeler_acc .button a { background-position:0 -792px; } #content #hot_drinks .button { background-position:0 -1386px; } #content #hot_drinks .button a { background-position:0 -1188px; } #page-waterkoeler-ov #content .col-full .button a:link, #page-waterkoeler-ov #content .col-full .button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1;} #page-waterkoeler-ov.no_javascript #content .col-full .button a:hover, #page-waterkoeler-ov.no_javascript #content .col-full .button a:active, #page-waterkoeler-ov.no_javascript #content .col-full .button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0;} #page-waterkoeler-ov #content .col-full .button {} /* ---------------------- huren kopen leasen overname -------------------------------------*/ #page-formules-ov h2 span { color:#1262B3; } #page-formules-ov h2 strong { color:#003366; } #page-formules-ov h2 em { color:#0f5499; } #formulestab #huren_kopen_leasen_detail_wk h3 { color:#1262B3; } #formulestab #huren_kopen_leasen_detail_wk h3 strong { color:#003366; } #formulestab .slagzin { color:#1470cc; } #formules-comparisson .action_point td, #formules-comparisson .action_point th, #take-action-info, #take-action-cta { background:url(../img/border-bg--f.png) -732px 0 no-repeat; } #waterkoeler strong { color:#1262b3; } #huren-kopen .button a { background:#eee; } #formules-comparisson thead th { border-bottom:1px solid #8babcc; } #formules-comparisson tbody th, #formules-comparisson tbody td, #koeler-specs tbody th, #koeler-specs tbody td { border-top:1px solid #f7fbff; border-bottom:1px solid #afc8e1; border-left:1px solid #f7fbff; border-right:1px solid #afc8e1; } #koeler-specs .first th, #koeler-specs .first td { border-top:none; } #koeler-specs .last th, #koeler-specs .last td { border-bottom:none; } #formules-comparisson .last-before-action th, #formules-comparisson .last-before-action td { border-bottom:1px solid #8BABCC; } #formules-comparisson .first-action th, #formules-comparisson .first-action td { border-top:1px solid #fff; } #formules-comparisson .action_point th, #formules-comparisson .action_point td { border-bottom:1px solid #C3D5E6; } #formules-comparisson .action_point .cell-1 { border-right:1px solid #C3D5E6; } #take-action-info { border-top:1px solid #f7fbff; } #waterkoeler #take-action-info h3 { background:none; } #formules-comparisson tbody .first .cell-1 { border-top:none; } #formules-comparisson thead .cell-2 { border-right:1px solid #afc8e1; } #formules-comparisson tbody .cell-1 { border-right:1px solid #8babcc; } #formules-comparisson tbody .cell-2 { border-left:1px solid #fff; } #formules-comparisson thead .cell-3 { border-left:1px solid #f7fbff; } #formules-comparisson .cell-1 { border-left:none; } #formules-comparisson .cell-2, #formules-comparisson .cell-4 { } #formules-comparisson .cell-3 { } #formules-comparisson .cell-3, #formules-comparisson .cell-4 { border-right:none; } #formules-comparisson .gratis { color:#f00; } #koeler-specs .cell-12, #koeler-specs .cell-1 { border-left:none; } #koeler-specs .cell-3 { border-right:none; } #vergelijkende-tabel, #vergelijkende-tabel h3, #vergelijkende-tabel h2 , #vergelijkende-tabel .take-action, #vergelijkende-tabel .action_info, #detailed-specs, #detailed-specs h3, #detailed-specs .take-action { background:#f7faff url(../img/border-bg--f.png) -2880px bottom repeat-y; } #vergelijkende-tabel h3, #vergelijkende-tabel h2 { background-position:-8280px 0; background-repeat:no-repeat;} #content #vergelijkende-tabel .take-action-compare h2 { background:none; } #detailed-specs h3 { background-position:-1440px 0; background-repeat:no-repeat;} #vergelijkende-tabel .take-action { background-position:0 bottom; background-repeat:no-repeat; background-color:transparent;} #detailed-specs .take-action { background-position:-3600px bottom; background-repeat:no-repeat; background-color:transparent;} #content #vergelijkende-tabel .button a { text-indent:-9999px; background-position:-484px -362px; } #page-formules-ov #vergelijkende-tabel .button { background:none; } #page-formules-ov #vergelijkende-tabel .button a { background:none; text-indent:0; } #content #vergelijkende-tabel .button { background-position:-484px -546px; } #vergelijkende-tabel .button a:link, #vergelijkende-tabel .button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } .no_javascript #vergelijkende-tabel .button a:hover, .no_javascript #vergelijkende-tabel .button a:active, .no_javascript #vergelijkende-tabel .button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } /* ---------------------- accessoires -------------------------------------*/ #content .accessoires_list li { background:none; } #promo-acties_page #content h2, #content .accessoires_list h3, #voorwaarden_installatie h3 { background:url(../img/border-bg--f.png) -11160px 0 no-repeat; } .accessoires_list strong { color:#004D99;} .accessoires_list ul ul li { color:#004d99; } .accessoires_list ul ul li strong { color:#1262b3; } #content #acc_rekken li li p, #flessen_rek_acc .size { font-weight:bold; color:#0060bf; } #content #acc_rekken li li abbr, #flessen_rek_acc .size abbr { font-weight:normal; } /* ---------------------- Contact Us -------------------------------------*/ #contact-opties li { background:none; } #contact-adres .geo li { background:none; } #contact-others .image_holder { background:#ccc; } #contact-others .contact_details li, #contact-others li { background:none; } #contact-others li li { background:transparent url(../img/icons--f.png) 10px -693px no-repeat; } #contact-others li h3 { border-bottom:1px solid #99ceff; border-top:1px solid #99ceff; background:#e5f3ff; } #contact-mogelijkheden { background:none; } #contact-others strong { color:#004d99; } /* ----------------------- service overzicht -----------------------------------*/ #content #full-quality-service .button, #content #full-quality-service .button a { background:url(../img/service/plaatsing-installatie-waterkoelers+waterlevering+onderhoud-herstellingen+4-distributie-hubs.jpg) 0 0 no-repeat; } .lang_fr #content #full-quality-service .button, .lang_fr #content #full-quality-service .button a { background:url(../img/service/pose-installation-fontaines-d-eau+livraisons-d-eau+entretien-reparation+4-centre-de-distribution.jpg) 0 0 no-repeat; } .lang_en #content #full-quality-service .button, .lang_en #content #full-quality-service .button a { background:url(../img/service/placing-and-installation-watercoolers+water-delivery+maintenance-repair-service+4-distribution-hubs.jpg) 0 0 no-repeat; } #enquete caption { color:#555; } #enquete, #enquete h2, #enquete .end_note { background:url(../img/border-bg--f.png) -7800px 0 repeat-y; } #enquete h2 { background-position:-7560px 0; background-repeat:no-repeat} #enquete .end_note { background-position:-8040px bottom; background-repeat:no-repeat} #enquete tbody td, #enquete .summary th { color:#1262B3; } #enquete tbody td, #enquete tbody th {border-top:1px solid #f2f9ff; border-bottom:1px solid #cee0f2; } #enquete .last td, #enquete .last th { border-bottom:1px solid #A3BED9; } #enquete .first td, #enquete .first th { border-top:none; } #enquete .summary .last td, #enquete .summary .last th { border-bottom:none; } #enquete .summary td, #enquete .summary th { border-top:1px solid #fff; } #waterkoeler_meer_drinken .button a, #full-quality-service .button a { background:url(../img/buttons-cta-total--f.png) 0 -787px no-repeat; text-decoration:none; color:#fff; font-weight:bold; } #waterkoeler_meer_drinken .button a:link, #waterkoeler_meer_drinken .button a:visited, #full-quality-service .button a:link, #full-quality-service .button a:visited { background-position:0 -787px; } #waterkoeler_meer_drinken .button a:hover, #waterkoeler_meer_drinken .button a:active, #waterkoeler_meer_drinken .button a:focus, #full-quality-service .button a:hover, #full-quality-service .button a:active, #full-quality-service .button a:focus { background-position:0 -829px; } /* ----------------------- kristalwater page -----------------------------------*/ #water-specs, #water-specs h3, #water-specs-short, #water-specs-short h3, #water-specs-short .end_note, #water-specs .end_note { background:url(../img/border-bg--f.png) -2880px 0 repeat-y; } #water-specs h3 { background-position:-9000px 0; background-repeat:no-repeat;} #water-specs-short h3 { background-position:-9720px 0; background-repeat:no-repeat; } .sip-well-specs th { color:#004D99; } .sip-well-specs th strong { color:#004D99; } .sip-well-specs tfoot td { color:#5684b3; } .sip-well-specs td, .sip-well-specs th { border-left:1px solid #F7FBFF; border-right:1px solid #AFC8E1; border-bottom:1px solid #AFC8E1; border-top:1px solid #F7FBFF; } .sip-well-specs thead td { border:none; } .sip-well-specs thead th { border-top:none; } .sip-well-specs .first th { border-top:none; } .sip-well-specs .cell-1, .sip-well-specs .first-td { border-left:none; } .sip-well-specs .summary { border-right:none; } .sip-well-specs .last td, .sip-well-specs .last th { border-bottom:none; } .sip-well-specs .important .last td { border-bottom:1px solid #AFC8E1; } #water_specs_norms_short tfoot .cell-1 { border-top:none; } .sip-well-specs thead th { border-bottom:1px solid #8babcc; } .sip-well-specs .zebra_uneven { background:#f5f5f5; } .sip-well-specs .important td, .sip-well-specs .important th { color:#004080; background:#ebf5ff; } .sip-well-specs .first .cell-1 { background:none; } #water_specs_norms_short .important .cell-1 { background:none; } #page-kristal-water .sip-well-specs .important th { background:none; } #water-specs-short .end_note { background-position:-10440px bottom ; background-repeat:no-repeat; color:#0066cc;} #water-specs .end_note { background-position:-4320px bottom ; background-repeat:no-repeat; color:#0066cc;} #page-kristal-water #kristalwater-img-3 a:link, #page-kristal-water #kristalwater-img-3 a:visited, #page-kristal-water #kristalwater-img-2 a:link, #page-kristal-water #kristalwater-img-2 a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } #page-kristal-water.no_javascript #kristalwater-img-3 a:hover, #page-kristal-water.no_javascript #kristalwater-img-3 a:active, #page-kristal-water.no_javascript #kristalwater-img-3 a:focus, #page-kristal-water.no_javascript #kristalwater-img-2 a:hover, #page-kristal-water.no_javascript #kristalwater-img-2 a:active, #page-kristal-water.no_javascript #kristalwater-img-2 a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } /* ---------------------- flessen -------------------------------------*/ #water-flessen-soorten li { background:none; } #water-flessen-soorten #fles-10liter, #water-flessen-soorten #fles-5gallon { background:url(../img/back-bottles.png) 0 0 no-repeat; } .title_strong { color:#003366; } #water-flessen-soorten .specs li { background:url(../img/icons--f.png) no-repeat; color:#1f5c99; } #water-flessen-soorten .specs li strong { color:#004d99; } #water-flessen-soorten .specs .weight { background-position:0 -418px; } #overview_cooler #cooler_bullets li, #water-flessen-soorten .bullets li { border-bottom:1px solid #00264d; color:#003366; } #overview_cooler #cooler_bullets li a { color:#003366; } #fles-10liter .specs .height { background-position:3px -461px;} #fles-10liter .specs .diameter { background-position:3px -501px;} #fles-5gallon .specs .height { background-position:3px -541px;} #fles-5gallon .specs .diameter { background-position:3px -581px;} #verpakking_vergelijking { background:url(../img/water/water-verpakking-vergelijking.jpg) 0 0 no-repeat; } #verpakking_vergelijking { color:#297ACC; } #verpakking_vergelijking .cell-1 li { background:none; } #water-flessen-soorten .new { background:url(../img/water/new-label.png) no-repeat; } #water-flessen-soorten h3 em, #flessen-soorten .note { color:#1f5c99; } /* ----------------------- warme dranken -----------------------------------*/ #sip_drink li { background:none; } /* ----------------------- footer -----------------------------------*/ #nav-footer li { background:transparent url(../img/icons--f.png) 0 -20px no-repeat; } /* -------------------------- promo listing -------------------------*/ #promo_listing li { background:none; } /* .lang_nl .promo_listing .cta_button a, .lang_nl .promo_listing .cta_button { background:url(../img/acties/action-overview-actions-nl.png) 0 0 no-repeat; } .lang_fr .promo_listing .cta_button a, .lang_fr .promo_listing .cta_button { background:url(../img/acties/action-overview-actions-fr.png) 0 0 no-repeat; } .lang_en .promo_listing .cta_button a, .lang_en .promo_listing .cta_button { background:url(../img/acties/action-overview-actions-en.png) 0 0 no-repeat; } */ #content #actie_1 .cta_button a { background-position:0 0; } #content #actie_1 .cta_button { background-position:0 -170px; } #content #actie_2 .cta_button a { background-position:0 -340px; } #content #actie_2 .cta_button { background-position:0 -510px; } #promo_listing .cta_button a:link, #promo_listing .cta_button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1;} .no_javascript #promo_listing .cta_button a:hover, .no_javascript #promo_listing .cta_button a:active, .no_javascript #promo_listing .cta_button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } #promo_listing .cta_button { left:0; padding:0; width:360px; height:320px; } #promo_listing .cta_button a { width:360px; height:320px; display:block; padding:0; text-indent:-9999px; } /* --------------------------- plaatsing & installatie ------------------- */ #plaatsing_installatie .plaatsing_voorwaarden li li { background:transparent url(../img/icons--f.png) 10px -693px no-repeat; } /* --------------------------- over sip-well ------------------- */ #content .over-sip-big-button .button, #content .over-sip-big-button .button a { background:url(../img/over-sipwell/bottelinstallatie+onderhouds-en-reparatie-afdeling+contacteer-sip-well+vacatures+bedrijfsprofiel+perszaal.jpg) 0 0 no-repeat; } .lang_fr #content .over-sip-big-button .button, .lang_fr #content .over-sip-big-button .button a { background:url(../img/over-sipwell/ligne-d-embouteillage+maintenance-reparation+profil-de-la-societe+communiques-de-press+contactez-sip-well+offres-d-emploi.jpg) 0 0 no-repeat; } .lang_en #content .over-sip-big-button .button, .lang_en #content .over-sip-big-button .button a { background:url(../img/over-sipwell/over-sip-well-sprites-en.jpg) 0 0 no-repeat; } #page-over-sipwell-ov #over-sip-contact .button { background-position:0 -972px; } #page-over-sipwell-ov #over-sip-contact .button a { background-position:0 -792px; } #page-over-sipwell-ov #over-sip-vacature .button {background-position:0 -1332px;} #page-over-sipwell-ov #over-sip-vacature .button a {background-position:0 -1152px;} #page-over-sipwell-ov #over-sip-bottel .button {background-position:0 -198px;} #page-over-sipwell-ov #over-sip-bottel .button a {background-position:0 0;} #page-over-sipwell-ov #over-sip-onderhoud .button {background-position:0 -594px;} #page-over-sipwell-ov #over-sip-onderhoud .button a {background-position:0 -396px;} #page-over-sipwell-ov #over-sip-profiel .button {background-position:0 -1692px;} #page-over-sipwell-ov #over-sip-profiel .button a {background-position:0 -1512px;} #page-over-sipwell-ov #over-sip-pers .button {background-position:0 -2052px;} #page-over-sipwell-ov #over-sip-pers .button a {background-position:0 -1872px;} /* --------------------- TYPE CSS -----------------------------------*/ /* CSS Document */ body { font:normal 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #nav-head a { font:bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif; text-decoration:none; } h1 { font:bold 28px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } h2 { margin:18px 5px 9px; font: bold 22px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } #header h2 { margin:0; font: bold 18px/24px Arial, Helvetica Neue, Helvetica, sans-serif; } #homepage #header h2 { font: bold 28px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } #nav-lang a { text-decoration:none; } /*#header .nav-hover li a:active, */#header #nav-lang:hover li a:active, #header #nav-lang .selected { font-weight:bold;} #nav-sec { line-height:24px; } #nav-sec a:link, #nav-sec a:visited { text-decoration:none; } #nav-sec a:hover, #nav-sec a:active, #nav-sec a:focus { text-decoration:underline; } a:focus { background-color:#dbedff; } /* #pers_contact h2 { margin-top:0; display:none; } */ h3 { margin:18px 5px 0px; font: bold 18px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } h4 { margin:18px 5px 0px; font: bold 16px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } li h4 { margin:0 5px 0px; line-height:18px;} h5 { /*margin:16px 5px 0px;*/ font: bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .col-2 h3 { margin:9px 5px 0px; } #content li h3 { margin:0 0 9px; font: bold 18px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } p { padding:0 5px 18px; } .before_list { padding:0 5px; } .note { font-style:italic; } /* ----------------------- botteling ----------------------------- */ #bottelings_overzicht li a { text-decoration:none; } #bottelings_overzicht a:link strong, #bottelings_overzicht a:visited strong { font-weight:normal; } #bottelings_overzicht a:hover strong, #bottelings_overzicht a:focus strong { font-weight:normal; } #bottelings_overzicht a:active strong, #content #bottelings_overzicht .active strong { font-weight:bold; } #bottelings_process li h3 { margin:0 5px; font-size:16px; line-height:36px; } #bottelings_process .nav_bottel a { font-weight:bold; text-decoration:none; } #verpakking_vergelijking .header-row { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .vcard .fn { font-weight:bold; } #pers_contact h3 { margin:0 5px 9px; font:bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #pers_contact_list li h4 { margin:0 0 4px; font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #pers_contact .vcard .tel { font-weight:bold;} .vcard .press_function, .vcard .fn { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .vcard .press_function, .vcard .fn { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .lang_fr .vcard h3 { font-size:16px; } #pers_contact .fn { font-size:16px; } .header-row th { font:bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif;} #waterkoeler_keus thead th { font:bold 16px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } /* ---------------------- left navigation -------------------------------------*/ #nav-left a, #nav-contact a { text-decoration:none; line-height:20px; } #nav-left li li a, #nav-contact li li a { line-height:18px; } #container #nav-left h3 a { font-size:16px; line-height:32px; font-weight:bold; } #left-side #nav-left .selected, #left-side #contact_steps .selected { font-weight:bold; } #special_highlight h2 { font-size:20px; line-height:32px; margin:0; } #special_highlight p { font-size:13px; line-height:16px; } #container #special_highlight p a { font-size:12px; font-weight:bold; } /* ----------------------- breadcrumbs -----------------------------------*/ #breadcrumbs a:link, #breadcrumbs a:visited { text-decoration:none; } #breadcrumbs a:hover, #breadcrumbs a:active, #breadcrumbs a:focus { text-decoration:underline; } /* ---------------------- water flessen -------------------------------------*/ #quality_labels_water h2 { font-size:22px; margin:18px 5px 5px; line-height:22px; } .lang_fr #quality_labels_water h2 { font-size:18px; margin:18px 5px 5px; line-height:22px; } #water-flessen-soorten li h3 { line-height:32px; } #water-flessen-soorten h3 em { font:bold 14px/32px Arial, Helvetica Neue, Helvetica, sans-serif; } #water-flessen-soorten .specs { font:normal 11px/14px Arial, Helvetica Neue, Helvetica, sans-serif; } #water-flessen-soorten .specs strong { font:bold 12px/14px Arial, Helvetica Neue, Helvetica, sans-serif; } #flessen-soorten .note { font-style:normal; } #flessen-soorten h4 { font-size:16px; margin:0 5px 9px; } #verpakking_vergelijking th { font-weight:normal; } #verpakking_vergelijking .intro_compare strong { font-size:22px; line-height:22px; font-weight:bold; } .lang_fr #verpakking_vergelijking .intro_compare strong { font-size:18px; line-height:22px; font-weight:bold; } #verpakking_vergelijking .calculate_compare strong { font-size:22px; line-height:26px; } .lang_fr #verpakking_vergelijking .calculate_compare strong { font-size:18px; line-height:26px; } #verpakking_vergelijking .calc_material strong { font-size:14px; } #verpakking_vergelijking .calc_material { font-size:11px; } /* ---------------------- waterkoelers -------------------------------------*/ #wk_type_keuze li h4 { font-size:14px; } #wk_type_keuze .button a { font-size:14px; text-decoration:none; } #waarom-intro h2, #formules-intro h2 { font-size:18px; } /* ---------------------- waterkoelers met fles -------------------------------------*/ .group-facts .col-2 h4 { font:bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0 5px 4px; } #content .waterkoeler-list h3 { font:bold 18px/18px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0 5px 9px; } #waterkoelers-leiding .waterkoeler-list h3 { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0 5px 9px; } #waterkoelers-leiding .waterkoeler-list h3 strong { font-size:18px; } #waterkoelers-leiding .to-open-2 .selected h3 strong, #waterkoelers-leiding .open .selected h3 strong { font-size:24px; } #waterkoelers-leiding .waterkoeler-list h3 em { font-size:14px; font-style:normal; } #waterkoelers-leiding .to-open-2 .selected h3 em, #waterkoelers-leiding .open .selected h3 em { font-size:24px; font-style:italic; } #content .to-open-2 .waterkoeler-list .selected h3, #content .open .waterkoeler-list .selected h3 { font:bold 24px/36px Arial, Helvetica Neue, Helvetica, sans-serif; padding:9px 10px 9px; margin:0; } #waterkoelers-leiding #content .to-open-2 .waterkoeler-list .selected h3, #waterkoelers-leiding #content .open .waterkoeler-list .selected h3 { font:bold 24px/36px Arial, Helvetica Neue, Helvetica, sans-serif; padding:9px 10px 9px; margin:0; } .no_javascript #content .waterkoeler-list .koeler-info { font:bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #content .waterkoeler-list .button a { font:bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; text-decoration:none; } .waterkoeler-list h4 { font: bold 13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0; } #ov-water h3, #ov-service li h3 { font:bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .flessen_mogelijk { font-weight:bold; line-height:16px; } .tagline { font-size:14px;} #waterkoelers-leiding .tagline { font-size:12px;} #content .waterkoeler-list .capacity-cooler h4 { font-size:12px; margin:0 10px; } .lang_fr .tagline { font-size:13px; letter-spacing:0.5px;} .to-open-2 .selected .tagline, .open .selected .tagline { font-size:18px;} #capacity_order strong { font-size:14px; text-transform:uppercase; line-height:28px; } /* ---------------------- waterkoeler page -------------------------------------*/ #waterkoeler h1 { font-size:20px; } #waterkoeler h1 strong { font-size:28px; } #waterkoeler #content h3 { margin:18px 5px 9px; font: bold 22px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } #waterkoeler #content h4 { margin:16px 5px 0px; font-size: 18px; line-height:36px; } #waterkoeler #flessen_rek_acc h4 { font-size:18px; line-height:18px; margin-bottom:18px; } .lang_fr #content #flessen_rek_acc h4 { font-size:16px; line-height:18px; margin-bottom:18px; } #waterkoeler #plaatsing_koeler h4 { margin-top:0; } #waterkoeler #flessen_rek_acc h4 em { font-size:14px; line-height:18px; } #waterkoeler #content li h4 {margin:0 5px 0px;} #waterkoeler #content h5 { margin:16px 5px 0px; font: bold 16px/36px Arial, Helvetica Neue, Helvetica, sans-serif; } #waterkoeler #content .versions h5 { font: bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .lang_fr .classic_pro_pou #content-wrapper #content .versions h5, .lang_fr .carbo_pro_pou #content-wrapper #content .versions h5, .lang_fr .design_tt_pro_pou #content-wrapper #content .versions h5 { font: bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #page_nav a { line-height:28px; text-decoration:none; } /* - overzicht */ #waterkoeler #content .koeler_water h4 { margin-top:0; } #bottle_compability { font-weight:bold; } #bottle_compability a { text-decoration:none; line-height:14px; } #overview_cooler #cooler_bullets li a { text-decoration:none; } /* - huren kopen */ #waterkoeler #plaatsing_koeler em { font-style:normal; color:#004D99; } .slagzin { margin:-9px 5px 0; font: bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #formules-comparisson thead th { font: bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #content #formules-comparisson h4 { margin:0 0 2px; font: bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #waterkoeler #content #take-action-info h3 { margin:0 0 2px; font-size:18px; line-height:18px; } #formules-comparisson th p, #formules-comparisson th li { font-weight:normal; } #formules-comparisson .gratis, .super_action_point .cell-4 strong { font-size:14px; text-transform:uppercase; font-weight:bold; } .super_action_point .cell-4 strong { font-size:16px; } .super_action_point .cell-4 .temporary strong { font-size:12px; font-weight:normal; } .super_action_point .cell-4 strong { text-transform:none; } #formules-comparisson tfoot td { font-style:italic; } /* ---------------------- huren kopen leasen overname -------------------------------------*/ #page-formules-ov h2 span, #page-formules-ov h2 { line-height:24px; } .lang_fr #huren-kopen h2 { font-size:18px; } .lang_fr #huren-kopen h2 strong { font-size:20px; } #page-formules-ov h2 em { font-size:16px; line-height:24px; font-style:normal; font-weight:normal; } #content #vergelijkende-tabel h2, #waterkoeler #vergelijkende-tabel h3 { font-size:18px; } #huren-kopen .button a { text-decoration:none; font-size:16px; letter-spacing:1px; } /* ---------------------- call to actions -------------------------------------*/ #content .cta_small h2, #waterkoeler #content .cta_small h3, #waterkoeler #content .cta_wide h3 { margin:0 5px; } .cta_small .button a { text-decoration:none; } .cta_small .button a strong { display:block; font:bold 16px/24px Arial, Helvetica Neue, Helvetica, sans-serif; } .extra_info .tel { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .cta_keuze .col-2 h4 { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0 5px 4px; } .cta_big h2, #waterkoeler #content .cta_medium h3 { margin:9px 15px 8px; } #container #content .cta_big .cta_title { margin:18px 15px; font-size:22px; line-height:32px; margin-bottom:24px; } #container #content-wrapper .cta_medium .cta_title, #container #content-wrapper .cta_wide .cta_title { margin:0 0 -40px; padding:13px 16px 49px; } #container #content .action_detail h3, #container #content .action_detail h4 { font-size:16px; line-height:24px; font-weight:bold; } .cta_big .button a { font:normal 16px/24px Arial, Helvetica Neue, Helvetica, sans-serif; text-decoration:none; } .cta_big .button strong { font:bold 18px/24px Arial, Helvetica Neue, Helvetica, sans-serif;} .cta_medium .button a { font:normal 16px/24px Arial, Helvetica Neue, Helvetica, sans-serif; text-decoration:none; } .cta_medium .button strong { font:bold 18px/24px Arial, Helvetica Neue, Helvetica, sans-serif;} .cta_wide .button a { font:normal 13px/18px Arial, Helvetica Neue, Helvetica, sans-serif; text-decoration:none; } .cta_wide .button strong { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif;} /* ---------------------- action forms -------------------------------------*/ /* - step 1 - */ .actie-total h2 { font-size:20px; line-height:24px; margin:15px 20px 6px; } #actie-voorwaarden { font-style:italic; line-height:16px; } .actie-poa a { font:normal 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; text-decoration:none; } .actie-poa a strong { font:bold 18px/24px Arial, Helvetica Neue, Helvetica, sans-serif;} #page-formules-ov #content .actie-poa .action-phone .tel { font-size:12px; line-height:18px; font-weight:bold; } .action-phone .tel, .safe-call .tel { font:bold 18px/24px Arial, Helvetica Neue, Helvetica, sans-serif;} #actie-stappen em { font:normal 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif;} #actie-stappen .tel { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif;} #actie_free_trial h4 , #actie-stappen #step-3a li h4, #actie-stappen #step-3b li h4 { margin:0; padding:9px 20px; font:bold 18px/18px Arial, Helvetica Neue, Helvetica, sans-serif;} /* - step 2 - */ #contact_form h2 { font:bold 20px/32px Arial, Helvetica Neue, Helvetica, sans-serif; } .mandatory { font:bold italic 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #contact_form legend { font:bold 16px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .ctrlHolder label { font:bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #choose_contact .ctrlHolder label { font-weight:normal; } #choose_contact .ctrlHolder label strong { font-weight:bold; } .buttonHolder .submitButton a { text-decoration:none; font:bold 12px/24px Arial, Helvetica Neue, Helvetica, sans-serif; } .errorField dt { font:bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #errorMsg li a { font:bold 12px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #autocomplete li a { text-decoration:none; } #contact_steps h3 { font-size:16px; line-height:32px; } /*- step 3 -*/ #confirmation-next li a { font:bold 12px/24px Arial, Helvetica Neue, Helvetica, sans-serif; } /* ---------------------- Contact Us -------------------------------------*/ #contact-opening h2 , #contact-opties h2, #contact-adres h2, #contact-adres h3 { font:bold 18px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #contact-adres h3 { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #contact-adres .adr h3 { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } #contact-opening .openings-uren { font-style:normal; } #contact-opties h2 { } /* ----------------------- service overzicht -----------------------------------*/ #enquete h2, #contact_service h2 { font:bold 18px/32px Arial, Helvetica Neue, Helvetica, sans-serif;} #enquete tbody td { font-weight:bold; } #enquete th { font-weight:normal; } #enquete .summary th { font-weight:bold; } #enquete caption { font:normal 11px/14px Arial, Helvetica Neue, Helvetica, sans-serif; text-align:center; letter-spacing:1px; } #enquete tfoot td, #enquete .end_note { font:normal 11px/16px Arial, Helvetica Neue, Helvetica, sans-serif; text-align:center; } #full-quality-service h3 { margin-top:0; line-height:36px; } #service-hubs h2 { font-size:18px; line-height:24px; height:24px; padding-top:15px; margin-right:-240px; } .lang_fr #service-hubs h2 { font-size:16px; } /* ----------------------- kristalwater page -----------------------------------*/ #water-specs h3 { font:bold 18px/24px Arial, Helvetica Neue, Helvetica, sans-serif; margin:0 5px; } .lang_fr #water-specs h3 { font-size:14px; line-height:14px; height:14px; padding:23px 15px 53px; } .sip-well-specs th { font-weight:bold; } .sip-well-specs th strong { font-weight:bold; } .sip-well-specs thead th { font:bold 14px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } .sip-well-specs thead .summary { font-size:13px; } .lang_en .sip-well-specs thead .summary { font-size:12px; } .sip-well-specs tfoot td { font:normal 11px/14px Arial, Helvetica Neue, Helvetica, sans-serif; word-spacing:0.5px; } .sip-well-specs .important td { font:bold 15px/18px Arial, Helvetica Neue, Helvetica, sans-serif; } /* ----------------------- oorsprong water -----------------------------------*/ /* ----------------------- reparatie & onderhoud -----------------------------------*/ #reinigings_afdeling h3, #reparatie_afdeling h3 { font-size:12px; line-height:18px; margin:0; padding:0 5px 18px; } /* ----------------------- vacatures -----------------------------------*/ #open-solicitaties h2 { margin-bottom:-9px; } /* ----------------------- water gezondheid -----------------------------------*/ #water_specs_norms_short thead .cell-2{ font:normal 11px/16px Arial, Helvetica Neue, Helvetica, sans-serif; } #content #water_specs_norms_short th strong { font:bold 14px/16px Arial, Helvetica Neue, Helvetica, sans-serif; } .lang_en #content #water_specs_norms_short .summary strong { font:bold 13px/16px Arial, Helvetica Neue, Helvetica, sans-serif; } /* ----------------------- oorsprong water -----------------------------------*/ #nav-footer a { font-weight:bold; } #nav-footer a:link, #nav-footer a:visited { text-decoration:none; } #nav-footer a:hover, #nav-footer a:active, #nav-footer a:focus { text-decoration:underline; } /* ---------------------- Start -------------------------------------*/ body { width:100%; } #container { width:960px; margin:0 auto; position:relative; padding:98px 0 0; } #grid { height:100%; width:100%; position:absolute; top:0; left:0; display:none; } #grid-2 { height:950px; width:100%; position:fixed; top:0; left:0; display:none; } #homepage { padding:170px 0 0;} #header { width:960px; height:86px; position:absolute; top:0; left:0; padding:5px 0; } #homepage #header { height:150px; } #header h2 { position:absolute; top:11px; left:240px; height:30px; width:350px; } #homepage #header h2 { top:40px; } #nav-head { width:736px; height:37px; position:absolute; bottom:4px; left:232px; } #nav-head li { float:left; display:inline; padding:0; height:22px; margin:5px 10px 10px; } .lang_fr #nav-head li { margin:5px 3px 10px; height:22px; float:left; display:inline; } .lang_fr #nav-head .selected { margin:0 3px; padding:0; height:37px; } #nav-head li a { display:block; padding:0 11px 0; height:22px; overflow:hidden; } #nav-head .selected { margin:0 10px; padding:0; height:37px; } #nav-head .selected a { padding:5px 11px 10px; height:22px; } #nav-head #home { width:235px; height:81px; margin:0; position:absolute; top:-50px; left:-232px;} #nav-head #home a { padding:0; margin:0; width:235px; height:81px; text-indent:0; } #nav-head #home a img { display:block; } #nav-sec { width:300px; height:24px; position:absolute; top:13px; right:115px;} #nav-sec li { float:right; display:inline; margin:0 8px; width:90px; height:24px; text-align:center; } #nav-sec li a { display:block; } #nav-sec .tel { width:93px; height:24px; display:block; } #nav-lang { width:104px; height:24px; position:absolute; top:13px; right:3px; overflow:hidden; clip: rect(0 104px 24px 0);} #nav-lang li { width:72px; height:18px; float:left; margin:0 19px 0 5px; padding:0 4px; text-align:left; } #nav-lang .active { margin-top:3px; padding-bottom:3px; } #nav-lang li a { display:block; padding:0 4px; margin:0 -4px; } #nav-lang:hover /*, #header .nav-hover*/ { height:78px; clip: rect(0 104px 78px 0); } #nav-lang-home { width:80px; height:48px; position:absolute; top:17px; right:0; overflow:hidden; } #nav-lang-home li { width:15px; height:16px; padding:0; margin:0 5px; text-align:right; float:left; display:inline; } #nav-lang-home li a { display:block; line-height:16px; } #nav-lang-home li.selected { font-weight:bold;} #nav-lang-home li a:link, #nav-lang-home li a:visited {color:#003366; text-decoration:none;} #nav-lang-home li.selected a:link, #nav-lang-home li.selected a:visited, #nav-lang-home li a:hover, #nav-lang-home li a:active, #nav-lang-home li a:focus { color:#000; text-decoration:underline; } #home_page .button a { padding:10px 22px 14px 18px; display:block;} #home_page .button a:link, #home_page .button a:visited { background-position:0 -958px; } #home_page .button a:hover, #home_page .button a:active, #home_page .button a:focus { background-position:0 -1000px; } #home_page #corporate .button { margin:0 5px;} .no_javascript #header #nav-lang li { width:16px; height:16px; float:left; margin:4px 5px; text-align:center; } #header h3 { position:absolute; left:-9999px; } #content-wrapper { width:960px; overflow:auto; } #left-side, #content { float:right; display:inline; } #content { width:720px; padding:19px 0 0; overflow:hidden; position:relative; } #content ul { width:720px; overflow:hidden; padding-bottom:16px; } #content li { width:690px; padding:2px 5px 2px 25px; float:left; display:inline; } #content li ul { width:690px; } #content li li { width:660px; } .tel { padding:0 0 0 28px; } #container .navigation_choice { position:absolute; top:-99999px; left:-9999px; } /* ---------------------- h1 pictures -------------------------------------*/ h1 { width:690px; height:36px; padding:15px 15px 59px 15px; margin:0 0 -9px; } /* #perszaal h1, #persbericht h1, #vacatures h1, #promo-acties_page h1 { width:700px; height:36px; padding:18px 10px 18px; margin:0; } */ #vacature-item h1 { padding-bottom:32px; margin-bottom:0; } #promo-acties_page h1 { margin-bottom:-18px; } /* ---------------------- left navigation -------------------------------------*/ #left-side { width:245px; margin:19px -5px 0 0; } #nav-left { width:245px; padding:0; } #nav-left h2 { position:absolute; left:-9999px; } #nav-left h3 { height:135px; margin:0 0 -20px; padding:0; } #nav-left h3 a { height:32px; padding:20px 15px 83px; text-indent:-9999px;} #nav-left ul, #nav-contact ul { width:225px; overflow:hidden; padding:0 15px 0 5px; margin:0 0 -2px; position:relative; z-index:100; } #nav-left li, #nav-contact li { width:213px; margin:-2px 6px 0; padding:2px 0 0; overflow:hidden; } #nav-left li ul, #nav-contact li ul { width: 225px; margin:-2px -6px 2px; padding:0; } #nav-left li li, #nav-contact li li { width:213px; margin:0 6px; } #nav-left a, #nav-contact a { display:block; padding:0 7px; height:22px; } #nav-left .first a, #nav-contact .first a { padding-top:4px; } #nav-left .first li a, #nav-contact .first li a { padding-top:0; } #nav-left .last, #nav-contact .last { margin-bottom:-2px; } #nav-left .last a, #nav-contact .last a { padding-bottom:2px; } #nav-left li li a, #nav-contact li li a { padding:0 5px 0 15px; height:18px; } #nav-left .closed ul { display:none; } #contact_service { margin:-49px 0 0; padding-bottom:8px; } #contact_service h2 { display:block; margin:0 0 -20px; padding:75px 15px 30px; position:relative; left:0;} #special_highlight { height:152px; width:245px; padding:51px 0 5px; margin:-49px 0 0; position:relative; z-index:10; } #special_highlight h2 { position:absolute; left:15px; width:150px; display:block; } #special_highlight h2 { bottom:85px ; } #nav-left #special_highlight p { bottom:44px; position:absolute; width:120px; left:15px; padding:0; } .lang_fr #nav-left #special_highlight p { width:150px; } #nav-left #special_highlight .highlight_link { bottom:17px; left:12px; width:150px; } #nav-left #special_highlight .highlight_link a { padding:0 20px; } .make_bigger { cursor:pointer; } .no_javascript .make_bigger { cursor:default; } /* ---------------------- home ---------------------- */ #home_page #content, #sitemap #content { width:960px; } #home_page #content { padding-top:0; } #home_page #content-wrapper { margin-top:-7px; } #home_page #content { padding:668px 0 0; overflow: hidden; } #home_page h1, #sitemap h1 { width:auto; height:auto; padding:0; margin:9px 5px; } #home_page h1 { font-size:22px; margin:0; padding:9px 5px; } #sections_site h2 { line-height:22px; padding:10px 5px 8px; margin:0; } #highlights_site h3 { font-size:22px; line-height:36px; margin:4px 5px 0; padding:0; } #commercial { position:absolute; top:0; left:0; height:668px; width:960px; } #waterkoeler_slider h2, #waterkoeler_slider h3, #highlights_site h2 { position:absolute; left:-9999px; } #waterkoeler_slider { width:720px; height:328px; position:absolute; right:0; top:0; background:url(../img/homepage-sprite-nl-2.jpg) -240px 0 no-repeat; } .lang_fr #waterkoeler_slider { background:url(../img/homepage-sprite-fr-2.jpg) -240px 0 no-repeat; } .lang_en #waterkoeler_slider { background:url(../img/homepage-sprite-en-2.jpg) -240px 0 no-repeat; } #content #waterkoeler_sections { width:720px; position:absolute; bottom:0; left:0; padding:0; height:49px; overflow:hidden; } #waterkoeler_sections li { width:240px; margin:0; height:49px; padding:0; float:left; display:inline; background:url(../img/homepage-sprite-nl-2.jpg) -240px -279px no-repeat; } .lang_fr #waterkoeler_sections li { width:240px; margin:0; height:49px; padding:0; float:left; display:inline; background:url(../img/homepage-sprite-fr-2.jpg) -240px -279px no-repeat; } .lang_en #waterkoeler_sections li { width:240px; margin:0; height:49px; padding:0; float:left; display:inline; background:url(../img/homepage-sprite-en-2.jpg) -240px -279px no-repeat; } #waterkoeler_sections li a { display:block; width:240px; height:18px; padding:14px 0 17px; text-align:center; font-size:18px; font-weight:bold; background:url(../img/homepage-sprite-nl-2.jpg) -240px -279px no-repeat; text-indent:-9999px; } .lang_fr #waterkoeler_sections li a { background:url(../img/homepage-sprite-fr-2.jpg) -240px -279px no-repeat; } .lang_en #waterkoeler_sections li a { background:url(../img/homepage-sprite-en-2.jpg) -240px -279px no-repeat; } #waterkoeler_sections #waterkoeler_section_all { background-position:-480px -1013px; } #waterkoeler_sections #waterkoeler_section_all a { width:235px; padding:13px 0 16px 5px; font-size:20px; height:20px; } #waterkoeler_sections #waterkoeler_section_fles { background-position:-480px -1062px; } #waterkoeler_sections #waterkoeler_section_fles a { background-position:-480px -279px;} #waterkoeler_sections #waterkoeler_section_leiding { background-position:-720px -1062px; } #waterkoeler_sections #waterkoeler_section_leiding a { width:235px; padding-right:5px; background-position:-720px -279px; } #content #waterkoeler_hot_ov { width:710px; height:31px; position:absolute; top:5px; left:5px; padding:0; z-index:100; } #content #waterkoeler_hot_ov li { float:left; display:inline; width:120px; height:31px; padding:0; margin:0; background:none; } #waterkoeler_hot_ov li a { display:block; height:18px; font-size:14px; font-weight:bold; text-align:center; padding:8px 0 9px; text-indent:-9999px; background:url(../img/icons--f.png) 0 -720px repeat-x; } #content #waterkoeler_hot_ov #wk_hot_proef_t { width:169px; } #content #waterkoeler_hot_ov #wk_hot_sublimo_t { width:79px; } #content #waterkoeler_hot_ov #wk_hot_carbo_pro_pou_t { width:121px; } #content #waterkoeler_hot_ov #wk_hot_prestige_t { width:77px; } #content #waterkoeler_hot_ov #wk_hot_design_pou_t { width:96px; } #content #waterkoeler_hot { position:absolute; top:5px; left:5px; width:710px; height:274px; padding:0; z-index:10; } #content #waterkoeler_hot li { position:absolute; top:0; left:0; width:710px; height:274px; padding:0; margin:0; text-indent:-9999px; background:none; } #content #waterkoeler_hot li .hot_button { width:710px; height:274px; padding:0; margin:0; position:absolute; top:0; left:0; } #content #waterkoeler_hot li .hot_button a { width:710px; height:274px; padding:0; margin:0; display:block; overflow:hidden; } #content #waterkoeler_hot li .hot_button a img { display:block; position:absolute; left:0; } #content #waterkoeler_hot #wk_hot_proef .hot_button a img { top:0px; } #content #waterkoeler_hot #wk_hot_sublimotab .hot_button a img { top:-274px; } #content #waterkoeler_hot #wk_hot_carbo_pro_poutab .hot_button a img { top:-548px; } #content #waterkoeler_hot #wk_hot_prestigetab .hot_button a img { top:-822px; } #content #waterkoeler_hot #wk_hot_design_poutab .hot_button a img { top:-1096px; } #content #waterkoeler_hot #wk_hot_proeftab { z-index:10; } #content #waterkoeler_hot #wk_hot_sublimotab { z-index:0; } #content #waterkoeler_hot #wk_hot_prestigetab { z-index:0; } #content #waterkoeler_hot #wk_hot_carbotab { z-index:0; } #content #waterkoeler_hot #wk_hot_design_poutab { z-index:0; } #content #waterkoeler_hot li h4 { font-size:36px; height:36px; position:absolute; bottom:18px; right:125px; margin:0; padding:0; } #content #waterkoeler_hot li p { font-size:18px; line-height:18px; position:absolute; bottom:10px; right:125px; padding:0; } #highlights_site .banner_image, #sections_site .section_button { position:absolute; top:0; left:0; padding:0; margin:0; background:url(../img/homepage-sprite-nl-2.jpg) 0 0 no-repeat; z-index:10; } .lang_fr #highlights_site .banner_image, .lang_fr #sections_site .section_button { position:absolute; top:0; left:0; padding:0; margin:0; background:url(../img/homepage-sprite-fr-2.jpg) 0 0 no-repeat; z-index:10; } .lang_en #highlights_site .banner_image, .lang_en #sections_site .section_button { position:absolute; top:0; left:0; padding:0; margin:0; background:url(..img/homepage-sprite-en-2.jpg) 0 0 no-repeat; z-index:10; } #content #highlights_site .banner_image, #content #sections_site .section_button { position:absolute; top:0; left:0; padding:0; margin:0; z-index:10; } .lang_fr #highlights_site .banner_image, .lang_fr #sections_site .section_button { position:absolute; top:0; left:0; padding:0; margin:0; background:url(../img/homepage-sprite-fr-2.jpg) 0 0 no-repeat; z-index:10; } .lang_en #highlights_site .banner_image, .lang_en #sections_site .section_button { position:absolute; top:0; left:0; padding:0; margin:0; background:url(../img/homepage-sprite-en-2.jpg) 0 0 no-repeat; z-index:10; } #highlights_site .banner_image a, #sections_site .section_button a { text-indent:-9999px; background:url(../img/homepage-sprite-nl-2.jpg) 0 0 no-repeat; } .lang_fr #highlights_site .banner_image a, .lang_fr #sections_site .section_button a { text-indent:-9999px; background:url(../img/homepage-sprite-fr-2.jpg) 0 0 no-repeat; } .lang_en #highlights_site .banner_image a, .lang_en #sections_site .section_button a { text-indent:-9999px; background:url(../img/homepage-sprite-en-2.jpg) 0 0 no-repeat; } #content #highlights_site { width:960px; height:137px; top:328px; left:0; position:absolute; } #content #highlights_site .banner_image { width:240px; height:137px; } #content #highlights_site .banner_image a { width:110px; height:127px; position:absolute; top:0; left:0; padding:5px; font-weight:bold; letter-spacing:1px; display:block; } #content #head_banner { position:absolute; top:-328px; left:0; width:210px; height:318px; padding:5px 15px; background-position:0 0; background-repeat:no-repeat; } .lang_nl #content #head_banner { background-image:url(../img/homepage-sprite-nl-2.jpg) } .lang_en #content #head_banner { background-image:url(../img/homepage-sprite-en-2.jpg) } .lang_fr #content #head_banner { background-image:url(../img/homepage-sprite-fr-2.jpg) } #content #head_banner .banner_image { height:328px; background-position:-720px -734px; } #content #head_banner .banner_image a { padding:292px 30px 18px; width:180px; background-position:0 0; } #content #head_banner h3 { font-size:26px; line-height:30px; font-weight:bold; padding-top:2px; position:absolute; left:-9999px; } #content #banner_film h3 { font-size:16px; line-height:18px; font-weight:bold; padding-top:2px; } #content #banner_10L { position:absolute; top:0; left:480px; width:450px; height:127px; padding:5px 15px; } #content #banner_10L .banner_image { width:480px; background-position:0 -871px; } #content #banner_10L .banner_image a { width:470px; background-position:0 -734px; } #content #banner_10L h3 { letter-spacing:3px; } #content #banner_10L .banner_hint { font-size:18px; line-height:20px; width:200px; letter-spacing:2px; } #content #banner_film { position:absolute; top:0; left:240px; height:137px; width:240px; padding:0; } #content #banner_bedrijfsfilm { position:absolute; top:0; left:0; height:127px; width:110px; padding:5px 0 5px 10px; } #content #banner_waterfilm { position:absolute; top:0; left:120px; height:127px; width:110px; padding:5px 10px 5px 0; } #content #banner_bedrijfsfilm .banner_image { background-position: -480px -871px; height:137px; width:120px; } #content #banner_bedrijfsfilm .banner_image a { background-position: -480px -734px; } #content #banner_waterfilm .banner_image { background-position: -600px -871px; height:137px; width:120px; } #content #banner_waterfilm .banner_image a { background-position: -600px -734px;; } #film_bedrijfsfilm, #film_waterfilm { width:240px; height:137px; position:relative; } #film_bedrijfsfilm h3, #film_waterfilm h3 { font-size:22px; line-height:30px; font-weight:bold; margin:0; padding:6px 5px 0; } #bedrijfsprofiel .extra_movie_info { padding:5px 5px; } #bedrijfsprofiel .movie_button { width:240px; height:137px; position:absolute; top:0; left:0; } #bedrijfsprofiel .movie_button a { width:210px; height:18px; text-indent:-9999px; padding:104px 15px 16px; position:absolute; top:0; left:0; } #bedrijfsprofiel.lang_nl .movie_button, #bedrijfsprofiel.lang_nl .movie_button a { background:url(../img/over-sipwell/bedrijfsprofiel-films-nl.jpg) 0 0 no-repeat; } #bedrijfsprofiel.lang_fr .movie_button, #bedrijfsprofiel.lang_fr .movie_button a { background:url(../img/over-sipwell/bedrijfsprofiel-films-fr.jpg) 0 0 no-repeat; } #bedrijfsprofiel.lang_en .movie_button, #bedrijfsprofiel.lang_en .movie_button a { background:url(../img/over-sipwell/bedrijfsprofiel-films-en.jpg) 0 0 no-repeat; } #bedrijfsprofiel #film_bedrijfsfilm .movie_button { background-position:0 -137px; } #bedrijfsprofiel #film_waterfilm .movie_button { background-position:-240px -137px; } #bedrijfsprofiel #film_bedrijfsfilm .movie_button a { background-position:0 0; } #bedrijfsprofiel #film_waterfilm .movie_button a { background-position:-240px 0; } #content #banner_action { position:absolute; top:0; left:0; height:127px; width:210px; padding:5px 15px; } #content #banner_action .banner_image { background-position: -240px -1008px; } #content #banner_action .banner_image a { width:70px; padding:68px 5px 41px 165px; height:28px; text-align:center; line-height:14px; background-position: 0 -1008px; } #content #sections_site { width:960px; height:203px; position:absolute; left:0; top:465px; } #content #sections_site p { z-index:100; position:relative; cursor:pointer; } .no_javascript #content #sections_site p { z-index:100; position:relative; cursor:default; } .no_javascript #content #sections_site .section_button { z-index:50; position:absolute; } #content #sections_site div { width:290px; height:193px; position:absolute; top:0; padding:5px 15px; } #content #sections_site .section_button { width:320px; height:203px; } #content #sections_site .section_button a { position:absolute; top:0; left:0; width:250px; height:18px; padding:160px 35px 25px; font-weight:bold; display:block; } #content #section_water { left:0; } #content #section_water .section_button { background-position: 0 -531px; } #content #section_water .section_button a { background-position: 0 -328px; } #content #section_water p { width:200px; } #content #section_service { left:320px; } #content #section_service .section_button { background-position: -320px -531px; } #content #section_service .section_button a { background-position: -320px -328px; } #content #section_service p { width:290px; } #content #section_service em { display:inline; float:right; width:65px; height:18px; clear:right; } #content #section_service .spacer_1 { width:35px; } #content #section_service .spacer_3 { width:130px; height:54px; } #content #section_contact { left:640px; } #content #section_contact .section_button { background-position: -640px -531px; } #content #section_contact .section_button a { background-position: -640px -328px; } #content #section_contact h3 { position:absolute; left:-9999px; } #content #section_contact p { padding-left:72px; } #content #section_contact .tel_nr { display:block; height:18px; font-size:18px; line-height:18px; letter-spacing:2px;} #content #section_contact .spacer { padding:0 5px; } #home_sipwell { width:630px; float:left; display:inline; margin:9px 5px 0; } #corporate { width:310px; float:left; display:inline; margin:0 5px;} #corporate h2 { margin:0; padding:18px 5px 9px; } #corporate ul { width:310px; display:block; } #corporate li { width:280px; padding:0 5px 0 25px; background:transparent url(../img/icons--f.png) 10px -693px no-repeat; } /* ---------------------- sitemap ---------------------- */ #sitemap #content ul { width:960px; margin-bottom:9px; } #sitemap #sitemap_container li { width:230px; padding:0; background:none; margin:0 5px; } #sitemap #content ul ul { width:240px; margin:0 -5px 9px; } #sitemap #content h2 { margin:0 -5px; padding:0; font-size:18px; line-height:32px; height:47px; background:url(../img/border-bg--f.png) -11160px 0; } #sitemap #content li a { display:block; padding:0 5px; } #sitemap #content h2 a { padding:5px 10px 10px; height:32px; text-decoration:none; } #container #content-wrapper .wide_content { width:960px; } /* ---------------------- Waterkoelers page -------------------------------------*/ #content #wk_type_keuze { padding-bottom:0; position:relative; z-index:10;} #wk_type_keuze li { width:360px; float:left; margin:0; padding:195px 0 0; position:relative; height:242px; } .lang_fr #wk_type_keuze li { height:260px; } #wk_type_keuze li h3 { position:absolute; left:-9999px; } #waterkoeler-cat-choise h2 { margin:0; padding:15px 15px 0; position:relative; z-index:100; height:32px; line-height:32px; } #wk_type_keuze { position:relative; z-index:0; margin-top:-47px; } #wk_type_keuze li h4 { margin:9px 15px 0; position:relative; z-index:100; } #wk_type_keuze li p { margin:0 15px 18px; padding:0; position:relative; z-index:150; } #wk_type_keuze .button_choise { margin:0; width:360px; padding:0; height:437px; position:absolute; top:0; left:0; z-index:10; } .lang_fr #wk_type_keuze .button_choise { height:455px; } #wk_type_keuze .button_choise a { width:360px; height:437px; display:block; text-indent:-9999px; } .lang_fr #wk_type_keuze .button_choise a { height:455px; } #waterkoeler_acc p { width:350px; } #content #accessoires_image, #content #sipdrink_image { width:212px; height:131px; margin:-32px -10px 0 -92px; position:relative; padding:0; z-index:0; } #waterkoeler_acc h2, #waterkoeler_acc p { z-index:10; position:relative; } #content #accessoires_image a { display:block; position:absolute; top:0; bottom:0; } #hot_drinks h2, #hot_drinks p { z-index:10; position:relative; } #waterkoeler_acc p { width:240px; } #hot_drinks p { width:330px; } #hot_drinks .button, #waterkoeler_acc .button { width:360px; } #waterkoelers-leiding .waterkoeler-list .button, #waterkoelers-fles .waterkoeler-list .button { padding:0 0 11px; margin-left:-10px; } #waarom-intro, #formules-intro, #waterkoeler_acc, #hot_drinks { position:relative; height:198px; } #waterkoeler_acc, #hot_drinks { margin-top:10px; } #page-waterkoeler-ov .col-2 h2 { position:absolute; left:-9999px; } #page-waterkoeler-ov #content .col-full .button { width:360px; height:198px; position:absolute; bottom:0; left:0; padding:0; margin:0; z-index:10; } #page-waterkoeler-ov .col-full .button a { display:block; width:360px; height:100%; padding:0; margin:0; text-indent:-9999px; } #page-waterkoeler-ov .col-2 p { position:relative; z-index:100; padding:63px 15px 18px; } #page-waterkoeler-ov .cta_keuze p { padding:0 5px 18px; } #page-waterkoeler-ov #waarom-intro p { width:250px; } #page-waterkoeler-ov .cta_big { margin-top:18px; } #waterkoelers-fles .button a, #waterkoelers-leiding .button a { display:block; height:18px; padding:10px 22px 14px 18px; width:320px; } #waarom-intro ul { margin: 0 0 2px; z-index:100; position:relative; padding:61px 0 0; } #waterkoeler_meer_drinken .button a { display:block; height:18px; padding:10px 22px 14px 18px; width:230px; } /* ---------------------- Waterkoelers met fles page -------------------------------------*/ #waterkoelers-fles .intro { width:480px; float:left; } #waterkoelers-leiding .intro { width:480px; float:left; } #content .group-facts .col-2 { margin-bottom:16px; } #content .group-facts .col-2 p { padding:0 5px; } #content .group-facts .col-2 ul { width:360px; padding:0; } #content .group-facts .col-2 li { width:330px; } .waterkoeler-listing { width:720px; overflow:hidden; } #content .waterkoeler-list { height:410px; width:730px; padding:6px 0 1px 6px; margin:0 -5px; position:relative; } #waterkoelers-leiding .waterkoeler-list { height:381px; } .no_javascript #content .waterkoeler-list { height:auto; width:720px; padding:0; } #waterkoeler-list-container { width:708px; overflow:hidden; margin:0 6px; padding:0 0 6px; position:relative; } #waterkoelers-leiding #waterkoeler-list-container { padding-bottom:34px; } .no_javascript #waterkoeler-list-container { margin:0; width:720px; } #capacity_order { position:absolute; height:28px; bottom:5px; left:1px; margin:0; padding:0; width:708px; text-indent:-9999px; } #capacity_order strong { text-indent:0; position:absolute; top:0; left:10px; } #capacity_order #high_capacity { left:auto; right:10px; } .no_javascript #container #content .waterkoeler-list li { width:350px; height:300px; padding:5px; margin:0 0 20px; position:relative; left:auto; right: auto; top:auto; bottom:auto; float:left; display:inline;} .waterkoeler-list ul { display:none; } #container #content .open .waterkoeler-list .selected li, #waterkoelers-leiding #container #content .open .waterkoeler-list .selected li { width:260px; height:auto; padding:0 0 18px;} #container #content .open .waterkoeler-list .selected li li, #waterkoelers-leiding #container #content .open .waterkoeler-list .selected li li { width:240px; height:auto; padding:2px 0 2px 20px;} #container #content .open .waterkoeler-list .selected .solo_options li, #waterkoelers-leiding #container #content .open .waterkoeler-list .selected .solo_options li { width:240px; height:auto; padding:2px 0 2px 20px;} .no_javascript #content .waterkoeler-list u { display:block; width:240px; padding-bottom:8px; margin:0 0 0 -5px; } #content .to-open-2 .waterkoeler-list .selected .cooler_extra_animate ul, #content .open .waterkoeler-list .selected .cooler_extra_animate ul { display:block; width:260px; padding-bottom:8px; margin:0; } #content .to-open-2 .waterkoeler-list .selected .cooler_extra_animate ul ul, #content .open .waterkoeler-list .selected .cooler_extra_animate ul ul { display:block; width:260px; padding-bottom:8px; margin:0; } #content .to-open-2 .waterkoeler-list .selected .solo_options h4, #content .open .waterkoeler-list .selected .solo_options h4 { margin:0 0 4px; } #content .to-open-2 .waterkoeler-list .selected h4, #content .open .waterkoeler-list .selected h4 { margin:0 0 4px; } #content .to-open-2 .waterkoeler-list .selected .cooler_extra_animate p, #content .open .waterkoeler-list .cooler_extra_animate p { padding-bottom:9px; } #content .waterkoeler-list .selected ul { margin:0 5px; } .waterkoeler-list .selected p { padding-left:0; padding-right:0; } .no_javascript #container #content .waterkoeler-list li li, #container #content .waterkoeler-list .selected li { width:220px; height:auto; padding:2px 10px; position:relative; margin:0;} .no_javascript #content .waterkoeler-list ul ul, #content .waterkoeler-list .selected ul ul { width:220px; margin:0; } .no_javascript #container #content .waterkoeler-list li li li, #container #content .waterkoeler-list .selected li li { width:200px; padding:2px 0 2px 20px; } .no_javascript #content .waterkoeler-list .solo_options ul, .no_javascript #content .waterkoeler-list .solo_options h4 { margin-left:5px; } .no_javascript #container #content .waterkoeler-list .solo_options ul li { width:200px; padding:2px 0 2px 20px; } #container #content .waterkoeler-list h3 { margin:0; padding:15px 10px 4px; width:120px; } #waterkoelers-leiding #content .waterkoeler-list h3 { margin:0; padding:15px 10px 4px; width:79px; } #container #content .waterkoeler-list .selected h3 { width:400px; } #waterkoelers-leiding .waterkoeler-list strong { display:block; } #waterkoelers-leiding .to-open-2 .selected strong, #waterkoelers-leiding .open .selected strong { display:inline; } .no_javascript #content .waterkoeler-list h3 { width:220px; margin:0 5px 9px; } .waterkoeler-list .tagline { margin:0 5px; padding:0 5px; width:120px; } #waterkoelers-leiding .waterkoeler-list .selected .tagline { display:none; } .waterkoeler-list .selected .tagline { margin:0 5px 100px; padding:0 5px; width:400px; } .no_javascript .waterkoeler-list .tagline { margin:0; } #content .waterkoeler-list .flessen_mogelijk { position:absolute; left:10px; bottom:5px; height:32px; padding:0 8px 0 35px; width:87px; } #content .open .waterkoeler-list .selected .flessen_mogelijk {padding:16px 8px 0 35px; height:26px; width:200px; } #content .waterkoeler-list .capacity-cooler { position:absolute; left:10px; bottom:5px; height:36px; width:79px; padding:0; } #content .waterkoeler-list .selected .capacity-cooler { position:absolute; left:10px; bottom:5px; height:38px; width:260px; } #content .waterkoeler-list .selected .capacity-cooler strong { display:inline; } .open .waterkoeler-list .selected .flessen_mogelijk { bottom:auto; top:82px; } #content .open .waterkoeler-list .selected .capacity-cooler { bottom:auto; top:64px; } #content #sublimo .flessen_mogelijk { padding:0 8px 0 25px; } #content .open .waterkoeler-list #sublimo.selected .flessen_mogelijk {padding:16px 8px 0 25px; } .no_javascript #container #content .waterkoeler-list .flessen_mogelijk { position:relative; bottom:0; left:0; width:220px; height:auto; padding:0 5px 18px; } .waterkoeler-list .made-by-sip, .waterkoeler-list .koeler-info, .waterkoeler-list h4 { display:none; } .no_javascript .waterkoeler-list .made-by-sip, .no_javascript .waterkoeler-list .koeler-info, .no_javascript .waterkoeler-list h4, .to-open-2 .waterkoeler-list .selected .made-by-sip, .to-open-2 .waterkoeler-list .selected .koeler-info, .to-open-2 .waterkoeler-list .selected h4, .open .waterkoeler-list .selected .made-by-sip, .open .waterkoeler-list .selected .koeler-info, .open .waterkoeler-list .selected h4 { display:block; } .no_javascript #content .waterkoeler-list .koeler-info { margin:0 5px 4px; padding:0; } .no_javascript #content .waterkoeler-list p { width:230px; } .no_javascript .waterkoeler-list h5 { margin:0 5px; width:230px; } .no_javascript .waterkoeler-list li li h5 { margin:0; width:210px; } #content .waterkoeler-list .koeler-image { padding:0; width:120px; height:272px; position:absolute; top:82px; right:10px; overflow:hidden; } #waterkoelers-leiding #content .waterkoeler-list .koeler-image { width:100px; height:235px; position:absolute; top:82px; right:0; overflow:hidden; } #content .waterkoeler-list .right .koeler-image { left:10px; } #content .to-open-2 .waterkoeler-list .selected .koeler-image, #content .open .waterkoeler-list .selected .koeler-image { width:150px; height:345px; position:absolute; top:65px; right:10px; overflow:hidden; } #waterkoelers-leiding #content .to-open-2 .waterkoeler-list .selected .koeler-image, #waterkoelers-leiding #content .open .waterkoeler-list .selected .koeler-image { width:150px; height:345px; position:absolute; top:18px; right:10px; overflow:hidden; } .no_javascript #content .waterkoeler-list .koeler-image { top:30px; right:0; width:120px; } .no_javascript #content .waterkoeler-list .made-by-sip, #content .waterkoeler-list .selected .made-by-sip { width:64px; height:57px; position:absolute; top:8px; right:10px; padding:0; text-indent:-9999px } .waterkoeler-list .button { position:absolute; left:-9999px; } .open .waterkoeler-list .selected .button { position:absolute; bottom:4px; left:8px; } .open .waterkoeler-list .selected .cooler_info_animate { width:420px; position:relative; } .open .waterkoeler-list .selected .cooler_extra_animate { position:absolute; bottom:0; left:10px; height:272px; width:280px; } .no_javascript #content .waterkoeler-list .button a, #content .waterkoeler-list .selected .button a { display:block; width:210px; height:18px; padding:10px 17px 14px 13px; } #ov-water, #ov-service, #ov-koeler-qualiteit { width:720px; overflow:hidden; position:relative; } #ov-water .image_holder , #ov-service .image_holder, #ov-koeler-qualiteit .image_holder { width:230px; float:right; display:inline; margin:5px; padding:0; } #waterkoelers-leiding .button, #ov-water .button , #ov-service .button { width:360px; margin:-5px 0 18px; } #ov-water .button a , #ov-service .button a { width:330px; } #ov-service ul, #ov-service p, #ov-water ul, #ov-water p { width:480px; } #ov-service li p, #ov-water li p { width:440px; } #ov-service li { width:480px; padding:0; background:none; } #ov-water h3 { margin:9px 5px; } #ov-service li h3 { margin:9px 5px; } #waterkoeler .image_holder { width:240px; position:relative; z-index:10; margin:0 0 0 5px; padding:0; overflow:hidden; } #waterkoeler .image_holder a { width:240px; position:relative; display:block; } #waterkoeler .image_holder img { position:absolute; top:0; left:0; } #compatibility-detail {position:relative; width:720px; } #waterkoeler #flessen-koeler-detail-img-1 { height:132px; width:360px; top:-32px; position:absolute; top:4px; right:0; } #waterkoeler #flessen-koeler-detail-img-1 img { top:0; } #waterkoeler #flessen-koeler-detail-img-2 { height:173px; margin-left:0; position:absolute; top:24px; right:0; } #waterkoeler.lang_en #flessen-koeler-detail-img-2 { height:173px; margin-left:0; position:absolute; top:60px; right:0; } #waterkoeler #flessen-koeler-detail-img-2 img { left:-360px; } #waterkoeler #flessenrek_add_image, #waterkoeler #flessenrek_add_image2 { height:154px; position:absolute; top:-5px; left:0; z-index:0; } #waterkoeler #flessenrek_add_image img { top:-264px; left:0; } #waterkoeler #flessenrek_add_image2 img { top:-264px; left:-240px;} #waterkoeler #leiding-koeler-detail-img-1 { height:210px; width:240px; position:absolute; bottom:6px; right:0; } #waterkoeler #leiding-koeler-detail-img-2 { height:200px; margin-left:0; position:absolute; top:24px; right:0;} #koeler-service h4, #compatibility-detail h4 { z-index:100; position:relative; } #ov-koeler-qualiteit ul { margin-top:-18px; } #page-waterkoeler-ov #content .col-3-1, #page-waterkoeler-ov #content .col-3-2 { float:left; margin-bottom:0; } #content .to-open-1 .waterkoeler-list li .koeler-image a, #content .to-open-2 .waterkoeler-list li .koeler-image a, #content .open .waterkoeler-list li .koeler-image a, #content .to-open-1 .waterkoeler-list li .cooler_info_animate, #content .to-open-2 .waterkoeler-list li .cooler_info_animate, #content .open .waterkoeler-list li .cooler_info_animate { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";} #container #content .to-open-2 .waterkoeler-list .selected { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; } #container #content .open .waterkoeler-list .selected { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } #content .to-open-1 .waterkoeler-list .selected .koeler-image a, #content .to-open-2 .waterkoeler-list .selected .koeler-image a, #content .open .waterkoeler-list .selected .koeler-image a, #container #content .to-open-1 .waterkoeler-list .selected .cooler_info_animate, #content .to-open-2 .waterkoeler-list .selected .cooler_info_animate, #content .open .waterkoeler-list .selected .cooler_info_animate { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } #content .to-open-1 .waterkoeler-list .selected .cooler_info_animate { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } #content .to-open-2 .waterkoeler-list .selected .cooler_extra_animate, #content .open .waterkoeler-list .selected .cooler_extra_animate { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";} .cooler_info_animate, .cooler_extra_animate { position:relative; } .cooler_info_animate { height:410px;} #waterkoelers-leiding .cooler_info_animate { height:381px;} /******************************************************************************************************** ******************************************************************************************************** ******************************************************************************************************** animation info ******************************************************************************************************** ******************************************************************************************************** *********************************************************************************************************/ /* standard li width. initialisation: every list item gets his initial left value. how to calculate. measure the width of every item. first item = always left=0; width "n'th item" = ( ((n-1) x (list width + 2)) -1; --> only exeption = first list item = always left=0; --> +2 = +2x1px border. (-1 = first item has no left-border). ---> test code for absolute positioning : #content .waterkoeler-list li { width:140px; height:410px; padding:0; margin:0; position:absolute; overflow:hidden; top:6px; } */ #content .waterkoeler-list li { width:140px; height:410px; padding:0; margin:0; float:left; display:inline; overflow:hidden; position:relative; } #content .waterkoeler-list #tabletop { width:146px; } #waterkoelers-leiding #content .waterkoeler-list li { width:100px; height:410px; padding:0; margin:0; float:left; display:inline; overflow:hidden; position:relative; } #waterkoelers-leiding #content .waterkoeler-list #classic_pou, #waterkoelers-leiding #content .waterkoeler-list #design_pro_pou, #waterkoelers-leiding #content .waterkoeler-list #classic_pro_pou, #waterkoelers-leiding #content .waterkoeler-list #design_tt_pro_pou { width:99px; } #waterkoelers-leiding .waterkoeler-list li { height:381px; } /* when hovering an item = class selected. we get 2 types of items, items left of the selected class, items right of the selected class. following animation occurs. width items not selected gets smaller + width item selected gets bigger left: postion changes accordingly for the left items. right: position changes accordingly for the right items. step 1 - more width selected (you have to get this value with javascript) */ #container #content .to-open-1 .waterkoeler-list .selected, #container #content .to-open-2 .waterkoeler-list .selected, #container #content .open .waterkoeler-list .selected { width:420px; padding:0; height:410px;} #waterkoelers-leiding #container #content .to-open-1 .waterkoeler-list .selected, #waterkoelers-leiding #container #content .to-open-2 .waterkoeler-list .selected, #waterkoelers-leiding #container #content .open .waterkoeler-list .selected { width:420px; padding:0; height:410px;} /* step 1 - at same time less width selected (you have to get this value with javascript*/ #container #content .to-open-1 .waterkoeler-list li, #container #content .to-open-2 .waterkoeler-list li, #container #content .open .waterkoeler-list li { width:70px; height:410px;} #waterkoelers-leiding #container #content .to-open-1 .waterkoeler-list li, #waterkoelers-leiding #container #content .to-open-2 .waterkoeler-list li, #waterkoelers-leiding #container #content .open .waterkoeler-list li { width:48px; height:410px;} /* animation calculation width calculation: per stapje (increment, decrement) not selected li's = width - 1 --> tot de final width bereikt is. --> noemen deze variabele "width_not_selected" selected li = width + (aantal li items x 1) positionering tegelijkertijd. if item = left --> calculate left position (right:auto;) if item = right --> calculate right position (left:auto;) first item = always left=0; last item = always right=0; left item position (afhankelijk van de widths van de elementen !) left van item n = ((width_not_selected +2) x (n-1)) - 1 -->(buiten n = 1 --> left altijd = 0) --> selected item ook zijn left zo berekenen (tenzij selected = eerste of laatste item) right van item n = (( width_not_selected +2) x (total_items - 1 - n)) - 1 -->(buiten n = last_item --> right altijd = 0) als width_not_selected = final widht = animatie gedaan. tegelijkertijd was er een fade animatie. Alle niet geselecteerde elementen --> fade animatie vergemakkelijkt nu. maar 1 fade ipv verschillende elementen. step 1 --> selected gaat open, andere sluiten = .selected niets verandert ! andere = --> .cooler_info_animate --> opacity naar 0 (de blur zet ik nog in de css bij, staat er voorlopig niet in) step 2 = .selected zeer snel helemaal uitfaden --> .selected opacity naar 0 step 3 = de classe -open zet verschillende elementen aan en opacity op 1 (behoudt de opacity in controle met javascript !) --> .selected opacity naar 1 that's it :) wat doe je eerst ? opacirties. ik denk dat er twee elementen kunnen zijn die veel cpu vragen verschillende elementen tegelijkertijd faden (gebeurt nu) --> very likely dermee change naar paar elementen faden. de floating lists ... de positie berekening van hun over laten nemen door javascript met position absolute. ALs het niet aan de fade lag kan het hieraan liggen. animatie met position absolute nu. cheerz, Fré kgaan eindelijk maffe. */ /* standard li position */ /********************************* test code for absolute positioning .waterkoeler-list #sublimo { left:0 } .waterkoeler-list #prestige { left:141px; } .waterkoeler-list #carbo { left:283px; } .waterkoeler-list #classic { left:425px; } .waterkoeler-list #tabletop { left:567px; } */ /* step 1 - positioning changes (depending which element is getting bigger (fake floats with position absolute) width don't change in next steps (positioning stays position calculation. this is an example for selected prestige */ /********************************* test code for absolute positioning .to-open-1 #sublimo, .to-open-2 #sublimo, .open #sublimo { left:0; right:auto; } .to-open-1 #prestige, .to-open-2 #prestige, .open #prestige { left:71px; right:auto; } .to-open-1 #carbo, .to-open-2 #carbo, .open #carbo { right:143px; left:auto; } .to-open-1 #classic, .to-open-2 #classic, .open #classic { right:71px; left:auto; } .to-open-1 #tabletop, .to-open-2 #tabletop, .open #tabletop { right:0; left:auto; } */ #waterkoelers-leiding .image_holder, #waterkoelers-fles .image_holder { width:240px; margin:0; padding:0; position:relative; overflow:hidden; } #waterkoelers-leiding .image_holder a, #waterkoelers-fles .image_holder a { width:240px; position:relative; display:block; } #waterkoelers-leiding .image_holder img, #waterkoelers-fles .image_holder img { position:absolute; top:0; left:0; } #waterkoelers-fles #flessen-koelers-img1 { height:297px; position:absolute; bottom:29px; right:0;} #waterkoelers-fles #flessen-koelers-img2 { height:373px; margin-left:0; margin-top:-3px;} #waterkoelers-fles #flessen-koelers-img2 img { top:-594px;} #waterkoelers-fles #flessen-koelers-img3 { height:283px; } #waterkoelers-fles #flessen-koelers-img3 img { top:-967px;} #waterkoelers-fles .cta_big, #waterkoelers-leiding .cta_big { margin-top:18px; } #waterkoelers-leiding #leiding-koelers-img1 { height:210px; position:absolute; top:45px; right:0;} #waterkoelers-leiding #leiding-koelers-img2 { height:261px; margin-left:0;} /* ---------------------- waterkoeler page -------------------------------------*/ /* - header -*/ #waterkoeler h1 { padding-bottom:88px; margin-bottom:-37px; } /* - tabs -*/ #device-image { z-index:20; width:70px; height:82px; margin:-45px 15px -37px 635px; padding:0; position:relative; } #content #page_nav { width:710px; padding:0 5px; margin:0; height:47px; overflow:hidden; z-index:10; position:relative; } #page_nav li { float:left; display:inline; padding:0; height:47px; width:auto; } #page_nav a { display:block; height:47px; padding:0 5px; cursor:pointer; text-indent:-9999px; } .lang_nl #overzicht_t { width:105px; } .lang_nl #formules_t { width:196px; } .lang_nl #specs_t { width:128px } .lang_fr #overzicht_t { width:130px; } .lang_fr #formules_t { width:222px; } .lang_fr #specs_t { width:135px } .lang_en #overzicht_t { width:103px; } .lang_en #formules_t { width:159px; } .lang_en #specs_t { width:135px } /* - overzicht -*/ #kenmerken h2, #formules h2, #specificaties h2, #kenmerkentab h2, #formulestab h2, #specificatiestab h2 { position:absolute; left:-9999px; } #overzicht, #kenmerken, #formules, #specificaties, #overzichttab, #kenmerkentab, #formulestab, #specificatiestab { width:720px; overflow:hidden; z-index:30; position:relative; } .col-3-1 { width:240px; float:right; display:inline; } .col-3-2 { width:480px; float:right; display:inline; } #bedrijfsprofiel .col-3-2 { float:left; } #bedrijfsprofiel .col-3-1 { float:left; } #waterkoeler .col-3-1 { width:230px; margin:0 5px; } #waterkoeler .col-3-2 { width:470px; margin:0 5px; } #formules .col-3-1, #formules .col-3-2 { float:left; } .col-full { width:720px; clear:both; overflow:hidden; } #overview_cooler { width:720px; height:487px; position:relative; } #overview_cooler h2 { padding:20px 15px 10px; margin:0; height:32px; line-height:32px; } #overview_cooler h3 { position:absolute; left:-9999px; } #overview_cooler #cooler_quality { position:absolute; left:15px; bottom:15px; height:42px; width:470px; padding:0; margin:0; } #overview_cooler #cooler_quality li { height:42px; padding:0; } #overview_cooler .label_4 li { width:97px; margin:0 10px; } #cta_overview_cooler { position:absolute; right:10px; top:62px; } #overview_cooler #sizes_weight { position:absolute; bottom:77px; right:15px; height:96px; width:220px; padding:0; margin:0; } #overview_cooler #sizes_weight li { height:24px; margin:0; padding:0 10px; width:200px; line-height:24px; } #overview_cooler #bottle_compability { padding:0; height:42px; width:220px; position:absolute; bottom:15px; right:15px; margin:0; } #overview_cooler #bottle_compability a { display:block; width:160px; padding:7px 10px 7px 50px; height:32px; } #bottle_compability strong { display:block; } #cooler_img { padding:0; position:absolute; top:52px; left:6px; width:170px; height:380px; } #overview_cooler #cooler_bullets { width:450px; height:360px; margin:0 15px; position:relative; } #overview_cooler #cooler_bullets li { width:90px; position:absolute; left:70px; margin:0; padding:0; float:none; display:block; height:8px; } #overview_cooler #cooler_bullets li span { width:270px; position:absolute; display:block; left:90px; padding:0 0 0 5px; height:auto; line-height:16px; } #overview_cooler #cooler_bullets .lines_2 span { top:-8px; } #overview_cooler #cooler_bullets .lines_3 span { top:-16px; } #overview_cooler #cooler_bullets .lines_4 span { top:-24px; } .lang_fr .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes span, .lang_fr .design_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes span, #overview_cooler #cooler_bullets #bullet-kinderhandjes span, #overview_cooler #cooler_bullets #bullet-sublimo-toetsen span { top:-16px;} .lang_fr .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-bruis-pro span, .lang_fr #overview_cooler #cooler_bullets #bullet-bekerhouder-voet span, .lang_fr #overview_cooler #cooler_bullets #bullet-voet span, .lang_fr #overview_cooler #cooler_bullets #bullet_vier_in_een span, .lang_fr #overview_cooler #cooler_bullets #bullet-optie-bekerhouder span, .lang_fr #overview_cooler #cooler_bullets #bullet-kinderhandjes span, #overview_cooler #cooler_bullets #bullet-voet-aanpasbaar span, #overview_cooler #cooler_bullets #bullet-AllTemp span, #overview_cooler #cooler_bullets #bullet-leiding_veiligheid span, #overview_cooler #cooler_bullets #bullet-filter span, .carbo #overview_cooler #cooler_bullets #bullet-kinderhandjes span, .carbo_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes span,#overview_cooler #cooler_bullets #bullet_bruiswater_vulling span, #overview_cooler #cooler_bullets #bullet-hygiene span, #overview_cooler #cooler_bullets #bullet-energy-star span { top:-8px;} .prestige #overview_cooler #cooler_bullets #bullet-fles_type { top:20px;} .prestige #overview_cooler #cooler_bullets #bullet-bekerhouder { top:138px; left:110px; width:50px;} .prestige #overview_cooler #cooler_bullets #bullet-bekerhouder span { left:50px; } .prestige #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:95px;} .prestige #overview_cooler #cooler_bullets #bullet-opvangbakje{ top:215px;} .prestige #overview_cooler #cooler_bullets #bullet-energie { top:275px;} .prestige #overview_cooler #cooler_bullets #bullet-hygiene { top:174px;} .sublimo #overview_cooler #cooler_bullets #bullet-fles_type_ten { top:20px;} .sublimo #overview_cooler #cooler_bullets #bullet-sublimo-toetsen { top:110px;} .sublimo #overview_cooler #cooler_bullets #bullet-opvangbakje { top:176px;} .sublimo #overview_cooler #cooler_bullets #bullet-energy-star { top:256px;} .sublimo #overview_cooler #cooler_bullets #bullet-ergonomie { top:198px;} .sublimo #overview_cooler #cooler_bullets #bullet-voet { top:228px;} .sublimo #overview_cooler #cooler_bullets #bullet-hygiene { top:158px;} .classic #overview_cooler #cooler_bullets #bullet-fles_type { top:20px;} .classic #overview_cooler #cooler_bullets #bullet-optie-bekerhouder { top:80px; left:122px; width:38px;} .classic #overview_cooler #cooler_bullets #bullet-optie-bekerhouder span { left:38px; } .classic #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:154px;} .classic #overview_cooler #cooler_bullets #bullet-opvangbakje { top:220px;} .classic #overview_cooler #cooler_bullets #bullet-energie { top:275px;} .classic #overview_cooler #cooler_bullets #bullet-voet { top:332px;} .carbo #overview_cooler #cooler_bullets #bullet-fles_type { top:20px;} .carbo #overview_cooler #cooler_bullets #bullet-optie-bekerhouder { top:80px; left:122px; width:38px;} .carbo #overview_cooler #cooler_bullets #bullet-optie-bekerhouder span { left:38px; } .carbo #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:144px;} .carbo #overview_cooler #cooler_bullets #bullet-opvangbakje{ top:192px;} .carbo #overview_cooler #cooler_bullets #bullet-energie{ top:304px;} .carbo #overview_cooler #cooler_bullets #bullet-voet { top:332px;} .carbo #overview_cooler #cooler_bullets #bullet_vier_in_een { top:222px;} .carbo #overview_cooler #cooler_bullets #bullet_bruiswater_vulling { top:274px;} .tabletop #overview_cooler #cooler_bullets #bullet-fles_type { top:20px;} .tabletop #overview_cooler #cooler_bullets #bullet-optie-bekerhouder { top:80px; left:122px; width:38px;} .tabletop #overview_cooler #cooler_bullets #bullet-optie-bekerhouder span { left:38px; } .tabletop #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:154px;} .tabletop #overview_cooler #cooler_bullets #bullet-opvangbakje { top:220px;} .tabletop #overview_cooler #cooler_bullets #bullet-energie { top:275px;} .tabletop #overview_cooler #cooler_bullets #bullet-voet { top:332px;} .classic_pou #overview_cooler #cooler_bullets #bullet-filter { top:28px;} .classic_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:90px;} .classic_pou #overview_cooler #cooler_bullets #bullet-opvangbakje { top:168px;} .classic_pou #overview_cooler #cooler_bullets #bullet-energie { top:275px;} .classic_pou #overview_cooler #cooler_bullets #bullet-voet { top:332px;} .classic_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:222px;} .design_pou #overview_cooler #cooler_bullets #bullet-filter { top:20px;} .design_pou #overview_cooler #cooler_bullets #bullet-hygiene { top:66px;} .design_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:260px; left:125px; width:70px; } .design_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes span { left:70px; width:245px; } .design_pou #overview_cooler #cooler_bullets #bullet-opvangbakje { top:317px; left:125px; width:70px;} .design_pou #overview_cooler #cooler_bullets #bullet-opvangbakje span { left:70px; width:245px; } .design_pou #overview_cooler #cooler_bullets #bullet-energie { top:292px; left:125px; width:70px;} .design_pou #overview_cooler #cooler_bullets #bullet-energie span { left:70px; width:245px; } .design_pou #overview_cooler #cooler_bullets #bullet-voet{ top:342px; left:125px; width:70px;} .design_pou #overview_cooler #cooler_bullets #bullet-voet span { left:70px; width:245px; } .design_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:118px;} .design_pou #overview_cooler #cooler_bullets #bullet-bekerhouder-voet { top:156px;} .design_pou #overview_cooler #cooler_bullets #bullet-stockage-slot { top:202px;} .carbo_pou #overview_cooler #cooler_bullets #bullet-filter { top:20px;} .carbo_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:74px;} .carbo_pou #overview_cooler #cooler_bullets #bullet-opvangbakje { top:128px;} .carbo_pou #overview_cooler #cooler_bullets #bullet-energie { top:268px;} .carbo_pou #overview_cooler #cooler_bullets #bullet-voet { top:332px;} .carbo_pou #overview_cooler #cooler_bullets #bullet_vier_in_een { top:172px;} .carbo_pou #overview_cooler #cooler_bullets #bullet_bruiswater_vulling { top:236px;} .carbo_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:300px;} .classic_pro_pou #overview_cooler #cooler_bullets #bullet-filter { top:26px;} .classic_pro_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:95px;} .classic_pro_pou #overview_cooler #cooler_bullets #bullet-opvangbakje { top:190px;} .classic_pro_pou #overview_cooler #cooler_bullets #bullet-energie { top:236px;} .classic_pro_pou #overview_cooler #cooler_bullets #bullet-voet { top:332px;} .classic_pro_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:260px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-filter { top:12px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-LCD { top:46px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-AllTemp { top:82px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-opvangbakje { top:168px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-energie { top:222px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-voet-aanpasbaar { top:332px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:238px;} .design_pro_pou #overview_cooler #cooler_bullets #bullet-hygiene { top:132px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-filter { top:8px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-bruis-pro { top:244px; left:125px; width:70px; } .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-bruis-pro span { left:70px; width:245px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:284px; left:85px; width:110px; } .lang_fr .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:288px; } .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes span { left:110px; width:245px; } .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-opvangbakje{ top:84px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-energie { top:64px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-voet { top:344px; left:125px; width:70px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-voet span { left:70px; width:245px; } .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:88px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-bekerhouder-voet{ top:142px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-stockage-slot { top:196px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet_bruiswater_vulling { top:332px; left:125px; width:70px;} .carbo_pro_pou #overview_cooler #cooler_bullets #bullet_bruiswater_vulling span { left:70px; width:332px; } .carbo_pro_pou #overview_cooler #cooler_bullets #bullet-hygiene { top:48px; } .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-filter { top:12px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-hygiene { top:42px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-kinderhandjes { top:82px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-opvangbakje{ top:168px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-energie { top:222px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-voet{ top:332px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-leiding_veiligheid { top:274px;} .design_tt_pro_pou #overview_cooler #cooler_bullets #bullet-hygiene { top:132px;} #waterkoeler #content .versions h4, #waterkoeler #content .versions h5 { margin-top:0; } #waterkoeler #content .koeler_versions { width:720px; margin:0 -5px; padding:0; } #waterkoeler #content .koeler_versions li { width:340px; float:left; display:inline; padding:0; margin:2px 10px; } #waterkoeler #content .koeler_versions ul { width:360px; padding:0; margin:0 -10px; } #waterkoeler #content .koeler_versions ul li { width:325px; padding:2px 0 2px 20px; margin:0 0 0 15px; } #waterkoeler #content .koeler_versions { width:720px; margin:0 -5px; padding:0; } #waterkoeler #content .solo_options li { width:325px; float:left; display:inline; padding:2px 0 2px 20px; margin:2px 0 2px 15px; } .koeler-service, .koeler_water { width:720px; overflow:hidden; position:relative; } .koeler-service { margin-bottom:18px; position:relative; } .leiding-water-service-item p { width:470px; } #content .koeler-service ul { margin: -16px 0 0; padding-bottom:16px; width:480px; position:relative; z-index:150; } .koeler-service p, .koeler-service h3 { z-index:100; position:relative;} .koeler-service h3 { width:710px; } #content .koeler-service ul li { width:450px; } #compatibility-detail h4, #compatibility-detail p { position:relative; z-index:100; } #compatibility-detail p { width: 350px; } .leiding-filter-details #compatibility-detail p { width: 470px; } .koeler-service .image_holder, .koeler_water .image_holder { padding:0; } #content #new_10_liter { width:355px; margin:0 0 -5px 5px; position:relative; z-index:0; height:145px; overflow:hidden; padding:0; display:inline; float:right;} #ov-water #new_10_liter { width:230px; margin:0 5px -5px 5px; height:216px; } #waterkoeler #new_10_liter { margin:-36px 0 -5px 5px; } #content #service_depots { position:absolute; float:none; right:0; bottom:10px; width:265px; height:145px; overflow:hidden; z-index:0; } #ov-service #service_depots { right:0; bottom:10px; width:240px; height:216px; } #service_depots a img { margin-left:-355px; } #flessen-comfort #service_depots a img, #ov-service #service_depots a img { margin-left:-230px; } #waterlevering-extra-value #service_depots img { margin-left:-230px; margin-top:-216px; } #content #flessenrek_image { position:absolute; float:none; right:0; top:-5px; width:193px; height:145px; overflow:hidden; z-index:0; padding:0; } #flessenrek_image a img { margin-left:-620px; } /* - huren kopen -*/ .slagzin { padding:0; } #content .col-3-2 { margin-bottom:18px; } #formulestab .col-3-2, #specificatiestab .col-3-2 { margin-top:-18px; } #formules .col-3-2 p { padding-bottom:0; } #content .col-3-2 ul { width:480px; } #content .col-3-2 li { width:450px; } #waterkoeler .col-3-2 ul { width:460px; } #waterkoeler .col-3-2 li { width:440px; } #waterkoeler #formulestab .cta_small { margin:40px -5px 0; } #formules-comparisson { margin-bottom:36px; width:698px; margin:0 11px; border-collapse:separate; z-index:1000; position:relative; } #formules-comparisson .cell-1 { width:463px; } #formules-comparisson .cell-2 { width:102px } #formules-comparisson .cell-3 { width:99px; } #formules-comparisson .cell-4 { width:212px; } #formules-comparisson td, #formules-comparisson th { padding:14px 5px 14px; } #formules-comparisson thead td, #formules-comparisson thead th { padding:5px 5px; } #formules-comparisson p { padding:0; } #formules-comparisson ul { width:460px; padding-bottom:0; } #formules-comparisson li { width:430px; } #formules-comparisson thead th, #formules-comparisson td { text-align:center; vertical-align:middle; } #vergelijkende-tabel .take-action { width:698px; overflow:hidden; padding:0 11px 15px; } #take-action-info, #take-action-cta { padding:14px 5px 5px; float:left; display:inline; } #take-action-info { width:463px; } #take-action-info p { padding:0 0 18px; } #take-action-cta p { position:absolute; left:-9999px; } #take-action-cta .button { left:0; top:0; } #take-action-info .temporary { padding-bottom:0; } #take-action-cta { margin:0 -11px -15px 0; } #take-action-cta, #take-action-cta .button { width:236px; position:relative; height:184px; padding:0; } #vergelijkende-tabel .action_info { width:460px; float:left; display:inline; padding:17px 245px 0 15px; margin-right:-240px; } #vergelijkende-tabel .button a { display:block; height:184px; width:236px; padding:0; } #page-formules-ov #vergelijkende-tabel .button a { height:90px; width:700px; } #waterkoeler #vergelijkende-tabel { margin-bottom:18px; } /* - specs -*/ #specificatiestab .col-3-1, #specificaties .col-3-1, #specificatiestab .col-3-2, #specificaties .col-3-2 { float:left; position:relative; } #specificatiestab .col-3-1, #specificaties .col-3-1 { padding-top:216px; } #specificatiestab .col-3-1 .cta_small, #specificaties .col-3-1 .cta_small { position:absolute; top:0; left:0; } #flessen_rek_acc { margin:0 -5px; width:240px; position:relative;} #flessen_rek_acc h4 em, #flessen_rek_acc h4 strong { display:block; } #flessen_rek_acc .info { width:150px; } #flessen_rek_acc p, #flessen_rek_acc h4 { position:relative; z-index:40; } #waterkoeler #plaatsing_koeler ul { margin:-9px 0 0; float:left; overflow:hidden; } #waterkoeler #plaatsing_koeler li { padding:0; margin:0 5px; width:450px; } #waterkoeler #plaatsing_koeler em { display:block; } #detailed-specs { width:720px; overflow:hidden; clear:both; margin:0 0 18px; } #koeler-specs { width:698px; margin:0 11px; border-collapse:separate; position:relative; z-index:100; } #waterkoeler #content #detailed-specs h3 { margin:0 0 -27px; padding:15px 15px 37px; height:32px; line-height:32px; } #koeler-specs td, #koeler-specs th { padding:5px; vertical-align:top; } #koeler-specs .cell-1 { vertical-align:middle; } #koeler-specs .cell-1 { width:110px; } #koeler-specs .cell-2 { width:110px; } #koeler-specs .cell-3 { width:470px; } #koeler-specs ul { width:470px; padding-bottom:0; } #koeler-specs ul ul { width:440px; } #koeler-specs li { width:440px; } #koeler-specs li li { width:410px; } #koeler-specs p { padding:0; } #detailed-specs .end-note { text-align:center; padding:51px 15px 15px; margin-top:-42px; position:relative; z-index:0; } #content .copyright_images { padding:9px 5px; } /* ---------------------- huren kopen leasen overname -------------------------------------*/ .remove_me { display:none; } #page-formules-ov h2 span { display:block; } #page-formules-ov .remove_me { display:none; } #content #vergelijkende-tabel h2, #waterkoeler #vergelijkende-tabel h3 { padding:15px 15px 37px; margin:0 0 -74px; height:32px; line-height:32px; z-index:100; } #content #vergelijkende-tabel .take-action-compare { background:url(../img/border-bg--f.png) -3600px bottom no-repeat; } #content #vergelijkende-tabel .take-action-compare h2 { padding:15px 40px 18px; margin:0; height:auto; line-height:36px; font-size:16px; line-height:24px; } #content #vergelijkende-tabel .take-action-compare h2 strong { display:block; font-size:18px; } #page-formules-ov #content .actie-poa .action-phone { width:690px; margin:13px 15px 7px; } #page-formules-ov #content .actie-poa .action-phone .tel { display:inline; margin:0; width:auto; padding-left:28px; } #page-formules-ov #content .actie-poa ul { width:720px; } #page-formules-ov #content .actie-poa .action-company { margin:0 20px 0 40px; } #page-formules-ov #content .actie-poa .action-home { margin:0 40px 0 20px; } #overnames .col-3-2, #overnames .col-3-1 { float:left; } #waterkoeler #take-action-info h3 { margin:0 0 2px; padding:0; height:18px; } /* #huren-kopen .button a, #huren-kopen .button strong { display:block; } #huren-kopen .button a { width:650px; padding:9px 30px; height:36px; text-align:center; } */ #huren-kopen .col-2 { margin-bottom:18px; } /* ---------------------- waarom waterkoeler ? -------------------------------------*/ #page-waarom-waterkoeler .col-full { position:relative; } #page-waarom-waterkoeler .col-full p { width:470px } #page-waarom-waterkoeler #content .image_holder { width:240px; margin:0 0 0 5px; padding:0; overflow:hidden; position:absolute; z-index:10; right:0; bottom:18px; } #page-waarom-waterkoeler .image_holder img { position:absolute; top:0; left:0; } #page-waarom-waterkoeler #content #voordelen_img1 { height:270px; bottom:13px; } #page-waarom-waterkoeler.lang_nl #content #voordelen_img1 img { top:-205px; left:0;} #page-waarom-waterkoeler #content #voordelen_img1 img { top:-223px; left:0;} #page-waarom-waterkoeler #content #voordelen_img2 { height:155px;} #page-waarom-waterkoeler.lang_nl #content #voordelen_img2 img { top:-205px; left:-240px;} #page-waarom-waterkoeler #content #voordelen_img2 img { top:-223px; left:-240px;} #page-waarom-waterkoeler #content #voordelen_img3 { height:246px;} #page-waarom-waterkoeler.lang_nl #content #voordelen_img3 img { top:-360px; left:-240px;} #page-waarom-waterkoeler #content #voordelen_img3 img { top:-378px; left:-240px;} #page-waarom-waterkoeler #content #voordelen_img4 { height:221px; position:absolute; bottom:18px; right:0; } #page-waarom-waterkoeler.lang_nl #content #voordelen_img4 img { top:-475px;} #page-waarom-waterkoeler #content #voordelen_img4 img { top:-493px;} #page-waarom-waterkoeler.lang_nl #content #voordelen_img5 { height:205px; width:480px; position:relative; bottom:auto; right:auto;} #page-waarom-waterkoeler #content #voordelen_img5 { height:223px; width:480px; position:relative; bottom:auto; right:auto;} #waterkoeler_meer_drinken .button { width:230px;} #waterkoeler_meer_drinken .button a { width:190px;} #page-waarom-waterkoeler #content h2 { position:relative; z-index:100; } #page-waarom-waterkoeler .cta_big { margin-top:18px; } /* ---------------------- accessoires -------------------------------------*/ #content .accessoires_list, #content .accessoires_list li, #content .accessoires_list ul { width:720px; overflow:hidden; float:left; padding:0; position:relative; } #content .accessoires_list li li { overflow:visible; } #promo-acties_page #content h2, #content .accessoires_list h3 {margin:0; padding:5px 10px 10px; height:32px; line-height:32px; position:relative; z-index:10} #content .accessoires_list h4 { margin:7px 5px 9px; position:relative; z-index:120; } #content .accessoires_list li li ul { padding-bottom:18px; position:relative; z-index:300; } #content .accessoires_list p { position:relative; z-index:40; } #content .accessoires_list .col-2, #content .accessoires_list .col-full { width:350px; padding:0 5px 24px; margin:0;} #content .accessoires_list .col-full { width:710px; } #content .accessoires_list .col-2 ul { width:260px; margin:0 5px; padding-bottom:9px; } #content .accessoires_list .col-2 li { margin:0; width:260px; } #content .accessoires_list .col-2 p { width:260px; padding-bottom:9px; } #content .accessoires_list #optie_hoes p { width:220px; padding-bottom:9px; } #content .accessoires_list .col-full ul { width:480px; margin:0 5px; padding-bottom:9px; } #content .accessoires_list .col-full li { margin:0; width:480px; } #content .accessoires_list .col-full p { width:480px; padding-bottom:9px; } #beker_fles, #optie_bekerhouder { clear:left; } #content #optie_hoes_fles li { width:360px; } #content #acc_rekken li li, #content #acc_rekken li li ul { width:230px; padding-bottom:0; } #content #acc_rekken li li { margin:0 5px 18px; } #content #acc_rekken li { width:480px; } #content #acc_rekken li ul { margin:0; width:480px; } #content #acc_rekken li li p { padding:0; } #acc_rekken ul { } #container #content .accessoires_list .image_holder { float:none; position:absolute; overflow:hidden; z-index:0; padding:0; margin:0; } .accessoires_list .image_holder img { position:absolute; } #content #beker_normal .image_holder { top:0; right:-10px; height:174px; width:270px; } #beker_normal img { top:-266px; left:-300px;} #content #beker_punt .image_holder { top:0; right:0; height:174px; width:300px; } #beker_punt img { top: -266px; left: 0;} #content #minibron_fles .image_holder { top:0; right:0; height: 184px; width:344px; } #minibron_fles img { top:-471px; left:-371px;} #content #acc_rekken .image_holder { bottom:0; right:0; height:266px; width:344px; } #acc_rekken img { top:0; left:0;} #content #optie_bekerhouder .image_holder { top:0; right:-10px; height:256px; width:270px; } #optie_bekerhouder img { top:0; left:-344px;} #container #content #optie_hoes .image_holder { top:0; right:0; height:256px; width:235px; } #optie_hoes img { top:0; left:-614px;} #content #gebruik_filter .image_holder { top:0; right:-10px; height:215px; width:371px; } #gebruik_filter img { top:-440px; left:0;} #content #gebruik_bruis .image_holder { top:0; right:-10px; height:215px; width:271px; } #gebruik_bruis img { top:-256px; left:-578px;} /* ---------------------- call to actions -------------------------------------*/ .cta_small { width:240px; float:left; padding:0 0 12px; margin:0 -5px; } #waterkoelers-fles .cta_small { margin:40px -5px -50px; } #waterkoelers-leiding .cta_small { margin:40px -5px -50px; } .col-3-1 .cta_small { margin:0; } #waterkoeler .cta_small { margin-top:0; float:none; } #formulestab .cta_small { margin-top:0; } #cta_overview_cooler .cta_small { width:240px; height:209px; padding:0; margin-top:0 } #content #cta_overview_cooler .cta_small .button, #content #cta_overview_cooler .cta_small .button a { width:240px; height:161px; padding:0; margin:0 0 0; } #content .cta_small h2, #content .cta_small h3 { position:absolute; left:-9999px; } #cta_overview_cooler h3 { position:relative; left:0;} #content .cta_small .button { width:240px; height:159px; margin:0 0 -5px; padding:0; } #content .cta_small .button a { display:block; width:240px; height:159px; padding:0; text-align:center; } #content .cta_small p { text-align:center; margin:0 5px; padding:2px 0; } .cta_keuze, .cta_big, .cta_wide { width:720px; position:relative; padding:24px 0 15px 0; overflow:hidden;} .cta_big { padding:0; height:267px; margin-bottom:10px; } .cta_keuze { padding-top:0; } .cta_keuze .action_container, .cta_big .action_container, .cta_wide .action_container { width:720px; overflow:hidden; position:relative; } .cta_big .action_container { height:194px; } .cta_big .urgency, .cta_medium .urgency, .cta_wide .urgency, #actie-stappen .urgency { width:75px; height:75px; padding:0; } .cta_big .urgency, .cta_wide .urgency { margin:0; position:absolute; top:0; right:-9999px; } .cta_medium .urgency { margin:-66px -10px 0 0; float:right; display:inline; } .cta_big p { width:320px; margin:0 20px; float:left; display:inline; padding:0 0 16px; } #content .action_detail { width:360px; float:left; display:inline; padding:0 0 16px; } .cta_big .extra_info { position:absolute; bottom:6px; left:0; } #container #content .action_detail h3, #container #content .action_detail h4 { margin:0 20px 16px; } #content .cta_big .button { text-align:center; width:340px; height:95px; margin:56px 10px 0; padding:0; } #content .cta_big .button a { display:block; width:340px; height:95px; padding:0; } .cta_big .button a strong { display:block; } .cta_big .info_promo { text-align:center; margin-top:0; position:absolute; right:0; bottom:6px; } .cta_medium { width:480px; position:relative; margin:0 -10px; padding:0 0 15px; } .cta_medium .action_detail{ margin:0 15px 0; } .cta_medium .button { margin:0 10px 0; padding:0; width:460px; height:75px; } .cta_medium .button a { display:block; width:460px; height:75px; padding:0; text-align:center; } .cta_medium .button a strong { display:block; } .cta_medium .info_promo { text-align:center; padding-bottom:12px; } #overzicht .extra_info { text-align:center; padding:18px 15px; } .cta_wide { padding-bottom:17px; } .cta_wide .button { width:240px; float:left; padding:0; text-align:center; } .cta_wide .button a { display:block; width:190px; height:36px; padding:10px; margin:0 15px; } .cta_wide .button a strong { display:block; } .cta_wide .info_promo, .cta_wide .extra_info { width:450px; margin:0 15px; float:left; display:inline; padding:0 0 9px; } /* ---------------------- action forms -------------------------------------*/ /* - step 1 - */ .actie #content #actie-step-1 h1 { padding:18px 20px 0px; margin:0 0 20px; width:920px; line-height:36px; z-index:100; position:relative; } #actie-step-1 { width:950px; position:relative; } #action_image { position:absolute; top:104px; right:-5px; width:270px; height:280px; padding:0; z-index:10; } .actie-total { padding:0; z-index:100; width:370px; } .actie-total p, .actie-total h2 { } .actie-total p {padding:0 20px 20px; } .actie-total h3 { display:none; } #content #actie-voorwaarden { margin:18px -5px 18px 5px; padding:0; width:640px; } #content #actie-voorwaarden li { padding:0 5px 0 25px; margin:0 5px; width:610px; } #content .actie-poa ul { width:960px; } #content .actie-poa li { width:320px; margin:0; float:left; display:inline; padding:0; } #content .actie-poa .action-company, #content .actie-poa .action-home { width:300px; margin:0 0 0 20px; } #content #actie-voorwaarden { margin:18px -5px 18px 5px; padding:0; width:960px; } #content #actie-voorwaarden li { padding:0 5px 0 25px; margin:0 5px; width:930px; } #content .actie-poa-main ul { width:620px; margin:0 -5px; padding-bottom:0; padding-top:10px; } #content .actie-poa-main li { width:320px; margin:0; float:left; display:inline; padding:0; } #content .actie-poa-main .action-company { width:300px; margin:0 0 0 15px; } #content .actie-poa-main .action-home { width:300px; margin:0 5px 0 0px; } .actie-poa h2 { margin:0 0 -25px; padding:8px 20px 48px; } .actie-poa-main h2 { padding:8px 20px 9px; margin:0;} .actie-poa a, .actie-poa strong, .safe-call strong { display:block; } .actie-poa a { width:300px; height:95px; padding:0; margin:0; } #actie-step-1 .actie-poa-main strong { display:inline; padding:0 10px 0 50px; } #actie_voorwaarden_block #actie-voorwaarden { margin:5px -5px 25px;} #content .actie-poa .action-phone { width:610px; margin:6px 0 0; text-align:center; } .action-phone, .safe-call { text-align:center; } .action-phone strong, .safe-call strong { width:120px; padding-left: 40px; margin:3px auto; } #content .actie-poa .action-phone { width:290px; margin:11px 15px 0; } .action-phone, .safe-call { text-align:center; } .action-phone strong, .safe-call strong { width:120px; padding-left: 40px; margin:3px auto; } #actie-step-1 .actie-poa-main strong { display:inline; padding:0 10px 0 50px; } #actie_voorwaarden_block #actie-voorwaarden { margin:5px -5px 25px;} #content .actie-poa-main .action-phone { width:610px; margin:6px 0 0; text-align:center; } .action-phone, .safe-call { text-align:center; } .action-phone strong, .safe-call strong { width:120px; padding-left: 40px; margin:3px auto; } #actie-stappen ol { width:960px; overflow:hidden; } #actie-stappen li { width:480px; margin:0 0 18px; padding:0; } #actie-stappen #step-3a, #actie-stappen #step-3b { width:960px; overflow:hidden; } #step-3a { clear:left; } /*#actie-stappen #step-3a, #actie-stappen #step-3b { width:910px; }*/ #actie-stappen h2 { margin:18px 10px 9px; } #content #actie-stappen h3 { margin:0; padding:5px 0 12px 50px; height:32px; line-height:32px; } #actie-stappen em { display:block; } #actie-stappen p { padding:0 20px 18px; } #step-3a .note { padding:0 20px 18px; } #actie-stappen .urgency { float:right; margin:0; display:inline; margin:-4px -5px -16px 5px; } #content #step-3a ul, #content #step-3b ul { width:480px; margin:-9px 0 0; padding:0; } #content #step-3a li, #content #step-3b li { width:480px; margin:0; padding:0; position:relative; } #content #step-3a ul p, #content #step-3b ul p { width:220px; position:relative; z-index:40; } #content #step-3a ul h4, #content #step-3b ul h4 { position:relative; z-index:60; } #content #step-3a em, #content #step-3b em { position:absolute; right: 9999px; } #content #step-3a .button_second, #content #step-3b .button_second { padding:0; margin:0; text-indent:-9999px; height:108px; width:300px; position:absolute; top:0; right:0; z-index:10; } #content #step-3a .button_second a, #content #step-3b .button_second a { display:block; width:300px; height:108px; } .lang_fr #content #step-3a .button_second { padding-top:18px; } #actie_free_trial, #actie_options { width:480px; float:left; display:inline; } /* - step 2 - */ .actie #actie-step-2 h1 { margin-bottom:0; } #contact_form { width:720px; overflow:hidden; position:relative; } #contact_form h2 { margin:0 0 -12px; padding:15px 20px 32px; height:32px; } .mandatory { padding:0 20px; } .safe-call { width:220px; position:absolute; right:15px; top:68px; padding:0; } #errorMsg, .errorField { display:none; } #error2 { display:block;} #errorMsg { display:block; width:680px; overflow:hidden; margin:18px 11px 9px; padding:0 9px 5px; } .actie #errorMsg { margin-top:0; } #errorMsg h3 { margin-top:0; } #errorMsg ol { width:680px; overflow:hidden; } #errorMsg li { width:650px; } #contact_form fieldset { margin-top:9px; } #contact_form legend { display:block; padding:0 20px 9px; } #email-us legend { display:block; padding:18px 20px 9px; } #choose_contact legend { padding-top:9px; } #contact_form .fieldset-info { padding:0 20px 18px; width:440px } .ctrlHolder { width:678px; margin:0 11px; padding:9px 10px; float:left; display:inline; position:relative; } #choose_contact .ctrlHolder { padding:3px 10px; height:14px; } .ctrlHolder label { width:320px; height:18px; display:block; position:absolute; top:9px; left:10px; } #form-field-6 label { width:380px; } #choose_contact label { width:630px; position:relative; float:left; display:inline; top:auto; left:auto; padding-left:12px; margin:-2px 0; } .ctrlHolder input, .ctrlHolder select, .ctrlHolder textarea { width:316px; height:18px; display:block; float:left; clear:left; display:inline; margin-top:22px; } .ctrlHolder select { height:22px; } .ctrlHolder textarea { height:72px; width:676px; float:none; display:block; margin-top:30px; } #content .error { margin:0 11px; padding:9px 10px; } #choose_contact input { width:14px; height:14px; padding:0; margin:0; } .formHint, .error .errorField { width:320px; float:right; display:inline; padding:0; } .ctrlHolder .line-2 { padding-top:13px; } .ctrlHolder .line-1 { padding-top:22px; } .error .formHint { padding-top:0; display:none; } .formHint em { display:block; } #autocomplete, #autocomplete ul { width:318px; overflow:hidden; margin-top:0; padding:0; } #autocomplete { width:320px;} #autocomplete li { width:316px; float:left; height:18px; padding:0; margin:0; } #autocomplete li a { display:block; width:312px; height:18px; padding:0 2px; } .buttonHolder { width:680px; height:40px; padding:10px 20px 20px;} .buttonHolder .submitButton { padding:0; margin:0 -5px;} .buttonHolder .submitButton a { width:335px; padding:0; display:block; height:40px;} #privacy-confirmation { padding:0; position:relative; width:720px; overflow:hidden; } #privacy-confirmation .safe-call { position:relative; top:auto; right:auto; float:left; display:inline; margin:18px 10px 0; width:220px; padding:0;} #privacy-confirmation p { float:left; width:360px; margin:0 5px; padding:0 100px 18px 5px; } #privacy-confirmation h3 { margin-left:10px; margin-right:10px; } #contact_steps h3 { width:215px; height:32px; padding:20px 15px 63px; margin:0; } #nav-contact h2 { position:absolute; left:-9999px; } #nav-contact h4 { margin:0 15px 10px; height:32px; } #nav-contact { position:relative; padding-bottom:96px; height:234px; } #nav-contact .safe-call { top:auto; bottom:21px; } /* #nav-contact ul { width:225px; overflow:hidden; padding:0 15px 0 5px; margin:0 0 30px; position:relative; z-index:100; } #nav-contact li { width:213px; margin:-2px 6px 0; padding:2px 0 0; overflow:hidden; } #nav-contact a { display:block; padding:0 7px; height:23px; } #nav-contact .first a { padding-top:4px; } #nav-contact .last { margin-bottom:-2px; } #nav-contact .last a { padding-bottom:2px; } #nav-contact .safe-call { position:relative; top:0; left:0; width:225px; padding:10px 0 22px; } */ /* - step 3 - */ #status-confirmation { position:relative; z-index:100; margin-top:9px; } #status-confirmation h2 { margin:0 0 -22px; padding:10px 20px 32px; } #status-confirmation h3 { margin:0; padding:18px 20px 59px; margin-bottom:-50px; } #status-confirmation p { padding:0 20px; } #confirmation-next { padding-top:54px; position:relative; } #confirmation-next li { width:240px; margin:0; padding:0; height:275px; } #confirmation-next li p, #confirmation-next li h3 { position:absolute; left:-9999px; } #confirmation-next li .button_next { position:relative; height:275px; width:240px; padding:0; margin:0; left:0; } #confirmation-next li .button_next a { display:block; height:275px; width:240px; padding:0; margin:0; text-indent:-9999px; } /* ---------------------- Sip-Well kristalwater -------------------------------------*/ .sip-well-specs caption { display:none; } .sip-well-specs { width:698px; margin:0 11px; border-collapse:separate; position:relative; z-index:100; } .sip-well-specs th, .sip-well-specs td { height:18px; text-align:center; padding:0; } .sip-well-specs tfoot td { height:14px; text-align:center; } .sip-well-specs tfoot .cell-1 { padding-left:5px; } .sip-well-specs tr { height:18px;} .sip-well-specs thead th { vertical-align:middle; } .sip-well-specs .cell-1 { width:182px; text-align:left; } .sip-well-specs .cell-2 { width:26px; } .sip-well-specs .cell-3 { width:42px; } .sip-well-specs .summary { width:66px; } .sip-well-specs .important tr, .sip-well-specs .important td, .sip-well-specs .important th { height:20px; vertical-align:middle; } #water_specs_norms_short thead .summary strong { height:18px; padding:9px 0; } .sip-well-specs .extra_data tr, .sip-well-specs .extra_data td, .sip-well-specs .extra_data th { height:22px; vertical-align:middle; } #water_specs .extra_data { display:none; } #page-kristal-water .button { width:360px; padding:0 0 13px; } #page-kristal-water .button a { display:block; height:18px; padding:10px 22px 14px 18px; width:320px;} #page-kristal-water .image_holder { position:relative; float:left; display:inline; width:240px; padding:0; margin:0; overflow:hidden; } #page-kristal-water .image_holder img { position:absolute; top:0; left:0; } #page-kristal-water #kristalwater-img-1 { height:198px; margin-top:-48px; z-index:10;} #page-kristal-water #kristalwater-img-1 img { left:-720px;} #page-kristal-water #kristalwater-img-2 { height:215px; width:360px; margin-top:18px;} #page-kristal-water #kristalwater-img-2 img { left:0;} #page-kristal-water #kristalwater-img-3 { height:221px; margin-top:18px;} #page-kristal-water #kristalwater-img-3 img { left:-240px} #page-kristal-water #kristalwater-img-4 { height:216px; margin-top:33px;} #page-kristal-water #kristalwater-img-4 img { left:-960px;} /*.extra_data { display:none; } */ .sip-well-specs td { padding:0; } #page-kristal-water .image_holder { width:240px; margin:0; float:right; display:inline; height:170px; padding:0; } .sip-well-specs th strong { display:block; } .sip-well-specs .info th { text-indent:-9999px; } .sip-well-specs thead th { text-align:center; } #page-kristal-water .sip-well-specs thead th { padding:7px 5px 6px; height:19px; } #page-kristal-water .sip-well-specs thead abbr { display:block; height:19px; line-height:19px; } #water-specs h3 { margin:0 0 -71px; padding:18px 15px 50px; height:24px; line-height:24px; } #quality_labels_water { margin-top:36px; } #quality_labels_water ul { width:720px; padding-bottom:23px; } #quality_labels_water li { margin:0; padding:0; height:78px; } #quality_labels_water #water_label_nsf { width:319px; } #quality_labels_water #water_label_ebwa { width:78px;} #quality_labels_water #water_label_ebwa img { margin-left:-319px;} #quality_labels_water #water_label_bbwa { width:78px;} #quality_labels_water #water_label_bbwa img { margin-left:-397px; } /* ---------------------- mineraalwaarden -------------------------------------*/ #page-mineraal-balans .image_holder { width:240px; position:relative; overflow:hidden; padding:0; margin-left:5px; } #page-mineraal-balans .image_holder img { position:absolute; top:0; left:0; } #page-mineraal-balans #mineraal_waarden_img1 { height:221px; } #page-mineraal-balans.lang_en #mineraal_waarden_img1 { height:221px; margin-top:-18px; } #page-mineraal-balans #mineraal_waarden_img1 img { left:-240px; } #page-gezond-mineralen #welk_water_img2, #page-mineraal-balans #mineraal_waarden_img2 { height:203px; margin-top:-18px; z-index:10;} #page-gezond-mineralen #welk_water_img2 img, #page-mineraal-balans #mineraal_waarden_img2 img { left:0; } #page-mineraal-balans #mineraal_waarden_img3 { height:130px; width:360px; z-index:10; position:absolute; right:0; bottom:0;} #page-mineraal-balans #content h3, #page-mineraal-balans #content h2 { position:relative; z-index:100; } /* ---------------------- flessen -------------------------------------*/ #water-flessen-soorten, #flessen-soorten, #flessen-milieu, #flessen-specs, #flessen-comfort { width:720px; overflow:hidden; } #water-flessen-soorten li { width:720px; height:400px; overflow:hidden; float:left; padding:0; margin:0 0 10px; position:relative; } #water-flessen-soorten li h3 { margin:20px 15px 18px; } #flessen-soorten .note { text-align:left; } #water-flessen-soorten .bullets { width:381px; height:266px; float:none; margin:0 -5px; padding:0; display:block; position:absolute; right:0; top:74px; } #water-flessen-soorten .bullets ul { width:350px; margin:0; padding:0; overflow:hidden; position:absolute; top:0; right:15px; height:243px; } #water-flessen-soorten .bullets li { padding:0; height:18px; width:230px; position:absolute; top:0; overflow:visible; margin:0; } #water-flessen-soorten .bullets li span { display:block; position:absolute; right:0; padding:0 0 0 5px; height:auto; width:170px; line-height:16px; text-align:left; } #water-flessen-soorten .bullets li span { width:167px; } #fles-10liter .bullets .dopsel { top:4px; left:93px; width:70px;} #fles-10liter .bullets .handvat { top:52px; left:93px; width:70px} #fles-10liter .bullets .vorm { top:100px; left:113px; width:50px} #fles-10liter .bullets .uv { top:171px; left:113px; width:50px} #fles-10liter .bullets .dopsel span { height:48px; top:-6px; left:70px;} #fles-10liter .bullets .handvat span { height:16px; top:8px; left:70px; } #fles-10liter .bullets .vorm span { height:48px; top:-6px; left:50px; } #fles-10liter .bullets .uv span { height:32px; top:0px; left:50px; } #fles-5gallon .bullets .dopsel { top:0; left:93px; width:70px;} #fles-5gallon .bullets .vorm { top:100px; left:113px; width:50px} #fles-5gallon .bullets .uv { top:171px; left:113px; width:50px} #fles-5gallon .bullets .dopsel span { height:48px; top:-4px; left:73px;} #fles-5gallon .bullets .vorm span { height:48px; top:-6px; left:53px; } #fles-5gallon .bullets .uv span { height:32px; top:0px; left:53px; } #water-flessen-soorten .bullets .image_holder { width:205px; height:266px; padding:0; margin:0; position:absolute; top:0; left:0; } #water-flessen-soorten li ul { width:350px; overflow:hidden; float:left; } #water-flessen-soorten li li { width:58px; margin:0 10px; padding:6px 5px 6px 33px; height:30px; } #water-flessen-soorten .summary { width:340px; margin:0 10px; } #water-flessen-soorten .weight { width:53px; margin:0 10px; padding:6px 5px 6px 35px; } #water-flessen-soorten .new { position:absolute; right:-9999px; } #water-flessen-soorten .colors { width:340px; padding:18px 0; margin:0 10px; overflow:hidden; float:left; clear:left; display:inline; } #water-flessen-soorten .colors ul { position:absolute; left:-9999px; } #water-flessen-soorten .colors li { width:160px; margin:0 10px; padding:0; } #water-flessen-soorten .colors .colors-image { width:300px; padding:0 20px; height:100px; margin:-1px 0 0; float:left; display:inline; } #water-flessen-soorten .specs { position:absolute; bottom:15px; right:0; display:block; height:42px; width:360px; padding:0; } #water-flessen-soorten .specs strong{ display:block; } .compatibility { width:340px; position:absolute; bottom:15px; left:10px; height:42px; padding:0 10px; } .compatibility h4 { position:absolute; left:-9999px; } .compatibility p { height:18px; padding:12px 5px;} .lang_fr .compatibility p { height:32px; padding:5px 5px; line-height:16px;} #content #flessen-milieu .image_holder { margin:0; z-index:10; position:relative; } #flessen-milieu p { width:470px; } #verpakking_vergelijking { width:720px; z-index:0; position:relative; margin-bottom:18px; } #verpakking_vergelijking td, #verpakking_vergelijking th { vertical-align:top; padding:0; } #verpakking_vergelijking div { width:230px; height:187px; padding:5px; position:relative; } #verpakking_vergelijking #compare_5g div { height:186px; } #headers_compare div { height:172px; } #verpakking_vergelijking ul { width:230px; margin:22px 0 0; padding:0; } #verpakking_vergelijking li { width:210px; margin:0; padding:0 10px; background:none; } #verpakking_vergelijking .contains { margin-top:18px; } #verpakking_vergelijking .durability { width:147px; } #verpakking_vergelijking .durability span { position:absolute; left:-9999px; } #flessen-vergelijking h3 { margin:9px 5px 9px; } #verpakking_vergelijking h3 { margin:0; padding:0 10px; height:32px; line-height:32px; } #verpakking_vergelijking .calculate_compare { position:absolute; top:108px; left:10px; text-align:center; padding:0; width:220px; } #verpakking_vergelijking .cell-1 .calculate_compare { top:108px; text-align:left; width:190px; left:25px; } #compare_10l .cell-1 .calculate_compare { top:112px; } #compare_10l .calculate_compare { top:112px; } #verpakking_vergelijking .calculate_compare strong { display:block; } #verpakking_vergelijking .calc_material { top:152px; text-align:center; padding:0; position:absolute; left:10px; width:220px; } #compare_10l .calc_material { top:156px; } #verpakking_vergelijking .cell-1 .calc_material { text-align:left; left:25px; width:190px; } #verpakking_vergelijking .intro_compare { position:absolute; top:52px; left:15px; padding:0; width:162px; } #compare_10l .intro_compare { top:56px; } #verpakking_vergelijking .intro_compare strong { display:block; } #flessen-comfort #service_depots, #waterlevering-extra-value #service_depots { width:240px; margin:18px 0 0 5px; padding:0; float:right; display:inline; height:216px; position:relative;} #page-water-flessen .image_holder { width:240px; position:relative; overflow:hidden; } #page-water-flessen .image_holder img { position:absolute; top:0; left:0; } #page-water-flessen #flessen_img1 { height:280px; } #page-water-flessen #flessen_img1 img { top:-840px; left:-240px; } #page-water-flessen #flessen_img2, #page-water-flessen #flessen_img4 { width:205px; height:265px;} #page-water-flessen #flessen_img2 img { top:-575px;} #page-water-flessen #flessen_img4 img { top:-575px; left:-205px;} #page-water-flessen #flessen_img3 { width:213px; height:125px; position:relative; overflow:hidden; padding:0; margin:-1px 20px 0;} #page-water-flessen #flessen_img3 img { top:-575px; left:-410px; position:absolute; } #page-water-flessen #flessen_img5 { height:202px;} #page-water-flessen #flessen_img5 img { top:-700px; left:-480px;} #page-water-flessen #flessen_img6 { height:234px;} #page-water-flessen.lang_en #flessen_img6 { height:234px; margin-top:-18px;} #page-water-flessen #flessen_img6 img { top:-840px; left:0;} /* ---------------------- niet elk water goed voor de gezondheid -------------------------------------*/ #page-water-gezondheid-ov #content h2 { z-index:100; position:relative;} #page-gezond-waarom .button, #page-water-gezondheid-ov .button { padding:0 0 13px; } #page-gezond-waarom .button a, #page-water-gezondheid-ov .button a { display:block; width:320px; padding:10px 22px 14px 18px; height:18px; } #page-gezond-mineralen .cta_big, #page-gezond-waarom .cta_big, #page-water-gezondheid-ov .cta_big, #page-gezond-hoeveel .cta_big { margin-top:18px; } #page-gezond-mineralen .image_holder, #page-gezond-hoeveel .image_holder, #page-gezond-waarom .image_holder, #page-water-gezondheid-ov .image_holder { position:relative; overflow:hidden; width:240px; padding:0; margin:0 0 0 5px; z-index:10; } #page-gezond-mineralen .image_holder img, #page-gezond-hoeveel .image_holder img, #page-gezond-waarom .image_holder img, #page-water-gezondheid-ov .image_holder img { position:absolute; top:0; left:0; } #page-water-gezondheid-ov #gezond_water_img1 { height:221px; margin-top:17px; } #page-water-gezondheid-ov.lang_en #gezond_water_img1 { height:221px; margin-top:-1px; } #page-water-gezondheid-ov #gezond_water_img2 {height:221px; margin-bottom:-40px;} #page-water-gezondheid-ov #gezond_water_img2 img {left:-240px;} #page-gezond-mineralen #welk_water_img1, #page-water-gezondheid-ov #gezond_water_img3 { height:181px; margin-top:16px;} #page-gezond-mineralen.lang_nl #welk_water_img1 { margin-top:0; } #page-gezond-mineralen #welk_water_img1 { margin-top:18px; } #page-gezond-mineralen #welk_water_img2 { margin-top:0; } #page-gezond-waarom #waarom_water_img1 { height:203px; } #page-gezond-waarom #waarom_water_img2 { height:167px; } #page-gezond-waarom #waarom_water_img2 img { top:-203px; } #page-gezond-waarom #waarom_water_img3 { height:319px; } #page-gezond-waarom #waarom_water_img3 img { top:-370px; } #page-gezond-hoeveel #hoeveel_water_img1 { height:144px;} #page-gezond-hoeveel.lang_nl #hoeveel_water_img1 img { top:-205px; } #page-gezond-hoeveel #hoeveel_water_img1 img { top:-223px; } #page-gezond-hoeveel #hoeveel_water_img2 { height:167px;} #page-gezond-hoeveel.lang_nl #hoeveel_water_img2 { height:167px;} #page-gezond-hoeveel #hoeveel_water_img2 { height:167px; margin-top:18px;} #page-gezond-hoeveel.lang_nl #hoeveel_water_img2 img { top:-205px; left:-240px; } #page-gezond-hoeveel #hoeveel_water_img2 img { top:-223px; left:-240px; } #page-gezond-hoeveel.lang_nl #hoeveel_water_img3 { height:205px; width:480px; margin-top:-2px;} #page-gezond-hoeveel #hoeveel_water_img3 { height:223px; width:480px; margin-top:-2px;} #waterkoeler_meer_drinken .button { padding:0 0 18px; } #water_gezondheid thead th { vertical-align:bottom; } #water_gezondheid .cell-1 { width:173px;} #water_gezondheid .cell-2 { width:174px;} #water_gezondheid .cell-3 { width:174px;} #water_gezondheid .cell-4 { width:174px;} .image_holder { width:230px; float:right; text-align:center; display:inline; } .image_holder a { display:block; } #content .smaller { width:170px; } #content .half { width:350px; } #water-normen th, #water-normen td { height:18px; text-align:center; padding:0; } #water-normen tfoot td { height:14px; text-align:center; padding:0; } #water-normen tr { height:18px;} #water-specs-short { margin-bottom:18px; } #water-specs-short h3 { margin:0 0 -78px; padding:20px 15px 42px; height:32px; line-height:32px; } #page-gezond-mineralen #water_specs_norms_short thead th, #page-gezond-mineralen #water_specs_norms_short thead td { padding:5px 5px 4px; height:36px;} #water_specs_norms_short .cell-1 { width:350px; } #water_specs_norms_short .cell-2 { width:50px; text-align:center; } #water_specs_norms_short .summary { width:78px; text-align:center; } #water_specs_norms_short .important tr, #water_specs_norms_short .important td, #water_specs_norms_short .important th { height:22px; vertical-align:middle; } #water_specs_norms_short .extra_data tr, #water_specs_norms_short .extra_data td, #water_specs_norms_short .extra_data th { height:22px; vertical-align:middle; } #water-specs-short .end_note, #water-specs .end_note { text-align:right; padding:61px 15px 15px; height:18px; margin:-51px 0 0; z-index:0; position:relative; } /*.extra_data { display:none; } */ #water-normen-specs td { padding:0; } #water_specs_norms_short th strong { display:block;} #water_specs_norms_short .info th { text-indent:-9999px; } /* ---------------------- Contact Us -------------------------------------*/ #contact-mogelijkheden, #contact-adres-map, #contact-adres, #contact-opening { width:720px; overflow:hidden; position:relative; padding:0; margin:0; float:none; } #contact-opening { padding-bottom:18px; } #contact-opening h2 { display:inline; padding:0 8px 0 0; } #contact-mogelijkheden { margin-top:18px; } #contact-mogelijkheden .closed-office .note { display:block; position:absolute; width:230px; top:0; left:5px; margin:0; padding:0; text-align:left; } #contact-mogelijkheden .closed-office .openings-uren { position:relative; float:left; margin:28px 5px 0; left:0; } #contact-mogelijkheden .closed-office .opening-special { float:left; width:450px; padding:0 15px 18px; } #contact-opties, #contact-adres-map { margin-bottom:18px; } #contact-opties li, #contact-adres div { width:230px; padding:5px; float:left; display:inline; } #contact-opties ul ul { width:230px; padding:0; } #contact-opties li li { width:230px; padding:0 0 2px; } #contact-opties #contact_options-straight li { padding:0 0 4px; } #contact-opties #contact_options-phone li { height:18px; line-height:18px; padding:0 0 4px;} #contact-opties #contact_options-phone .tel { height:60px; } #contact-opties #contact_options-phone .international { height:18px;} #contact-opties #contact_options-phone .fax { height:18px;} #contact-opties .tel .type, #contact-opties .website { display:none; } #contact-opties .fax .type { display:inline; } #contact-mogelijkheden .tel strong { font-size:20px; line-height:24px; padding:0 0 0 44px; margin:5px 0 0; font-weight:bold; display:block; background:url(../img/icons--f.png) 0 -300px no-repeat; } #contact-mogelijkheden .international strong { font-size:14px; padding:0; display:inline; background:none; margin:0; } #contact-mogelijkheden .fax strong { font-size:14px; display:inline; background:none; margin:0; padding:0; } #contact-opties .button { margin:0 -5px; padding:0;} #contact-opties .button a { width:200px; padding:10px 22px 14px 18px; height:18px; display:block; } #contact-opties h2, #contact-adres h2 { display:block; padding:0 0 15px; margin:0; } #contact-opties p { padding:0 0 18px; } #contact-adres h2 { width:230px; padding:5px; position:absolute; top:0; left:0; } #contact-adres { width:240px; float:left; display:inline; } #contact-adres div {} #content #contact-adres h3 { margin:0; padding:9px 0 5px; width:auto; background:none; } #contact-adres .adr h3 { padding-bottom:0; } #contact-adres .adr { margin-top:22px; } .latitude, .longitude { cursor:default; } #contact-opening .openings-uren { display:inline; padding:0; } #sip-well-panorama { width:720px; padding:0 0 18px; margin:13px 0 0; float:none; } .opening-special { padding:9px 5px 0; } .opening-special strong { display:block; } #contact-adres .geo ul { width:240px; margin:0 -5px; padding:0; } #contact-adres .geo li { width:110px; margin:0 5px; padding:0; } #google-map-cart { width:480px; height:271px; float:right; display:inline; margin:0; background:#ccc; overflow:hidden; } #contact-others li { width:470px; padding:0 245px 18px 5px; position:relative;} #contact-others li h3 { padding:5px; margin:0 -240px 10px 0; } #contact-others .contact_details { padding:18px 0; width:470px; } #contact-others li ul { width:460px; padding:0 5px; } #contact-others li li { width:430px; margin:0 0px; padding:2px 5px 2px 25px; } #contact-others .contact_details li { padding:0 5px; width:460px; margin:0; } #contact-others p { padding:0 5px; width:460px; } #contact-others .email-adress p { margin:0; padding:0; } #content #contact-others .button { padding:18px 0 9px; margin:0 -5px; width:360px; } #contact-others .button a { display:block; height:18px; padding:10px 22px 14px 18px; width:320px; } #content #contact-others #personeelsdienst .button { width:340px; } #contact-others #personeelsdienst .button a { width:300px; } #pers-vragen p { padding:18px 5px 0; width:340px; } #contact-others .image_holder { height:151px; width:240px; position:absolute; top:39px; right:0px; margin:0; padding:0; } #contact-others #pers-vragen, #contact-others #personeelsdienst { padding:0 5px 18px; width:350px; } #contact-others #pers-vragen h3, #contact-others #personeelsdienst h3 { margin:0 0 -13px -0; } #contact-others #pers-vragen .contact_details, #contact-others #personeelsdienst .contact_details { width:350px; } #contact-others #pers-vragen .contact_details li, #contact-others #personeelsdienst .contact_details li { width:340px; } /* ----------------------- bottelarij -----------------------------------*/ #bottelingsinstallatie_img { width:720px; padding:0; margin:0 0 13px; } .left-tabs { width:720px; overflow:hidden; position:relative; } .left-tabs h2 { margin:0 0 -7px; padding:18px 5px 24px; } #content #bottelings_overzicht { margin:0; width:180px; position:absolute; top:60px; left:5px; overflow:hidden; z-index:100; } .no_javascript #content #bottelings_overzicht { width:710px; margin:0 5px; position:relative; top:0; left:0; } #bottelings_overzicht li { margin:0; padding:0; width:180px; height:56px; } .no_javascript #bottelings_overzicht li { margin:0 10px; padding:0; width:690px; height:18px; } #bottelings_overzicht .bott-over-1 { height:62px; } .no_javascript #bottelings_overzicht .bott-over-1 { height:18px; } #bottelings_overzicht a { display:block; height:36px; width:173px; margin:0 7px 0 0; padding:9px 0 11px; } .no_javascript #container #bottelings_overzicht a { height:18px; width:710px; margin:0; padding:0; } #bottelings_overzicht .bott-over-1 a{ height:36px; margin:0; width:180px; padding:15px 0 11px; } #bottelings_overzicht strong { display:block; height:36px; width:97px; padding:0 8px 0 68px; cursor:pointer;} .no_javascript #container #bottelings_overzicht strong { display:inline; height:auto; width:auto; padding:0; } #bottelings_overzicht .bott-over-1 strong { width:104px;} #content #bottelings-container { padding:0 0 0 185px; width:535px; height:475px; margin:-5px 0 55px; z-index:0; overflow:hidden; position:relative; } .no_javascript #content #bottelings-container { height:3710px; padding:0; } #content #bottelings_process { padding:0; margin:0 15px 0 0; height:auto; width:520px; overflow:visible; position:absolute; top:0; right:0; } #bottelings_process li { padding:0; width:510px; margin:0 0 0 10px; height:530px; position:relative; clear:left; } #bottelings_process .proces-detail-list li { padding:2px 0 0 20px; width:490px; height:auto; margin:0; } #bottelings_process .proces-detail-list li li { width:470px; } #bottelings_process .proces-detail-list { width:510px; margin:-9px 0 0; padding:0; } #bottelings_process .proces-detail-list ul { width:490px; } #botteling .nav_bottel { width:330px; height:34px; margin:0; padding:0 15px 15px 375px; position:absolute; bottom:0px; right:0; } #botteling .nav_bottel li { width:220px; height:34px; margin:0; padding:0; position:absolute; top:0; right:15px; } #botteling .nav_bottel li a { padding:0 34px 0 0; display:block; width:186px; height:34px; } #botteling .nav_bottel li a strong { padding:6px 0 10px 17px; display:block; width:169px; height:18px; } #botteling .nav_bottel .previous { width:110px; left:375px; } #botteling .nav_bottel .previous a { width:76px; padding:0 0 0 34px; } #botteling .nav_bottel .previous a strong { width:59px; padding:6px 17px 10px 0; } #bottelings_process .image_holder { width:520px; margin:-10px -5px 0; padding:0; float:none; } #bottelings_process .image_holder li { padding:0; margin:1px; } #bottelings_process .img_2v_wide .image_holder li { width:224px; height:340px; } #bottelings_process .img_3v_wide .image_holder li { width:148px; height:340px; } #bottelings_process .img_2h_wide .image_holder li { width:452px; height:169px; } #bottelings_process .img_4v_high .image_holder li { width:104px; height:180px; } #controle_processsen li { width:710px; padding:2px 5px 16px; background:none; } #controle_processsen li p { padding:0 0 18px; } /* ----------------------- onderhouds & reparatie afdeling -----------------------------------*/ #reinigings_afdeling, #reparatie_afdeling { width:720px; overflow:hidden;} #reparatie_afdeling { margin-bottom:18px; } #content #reinigings_afdeling p, #content #reparatie_afdeling p { width:350px; float:right; } #content #reinigings_afdeling ul, #content #reparatie_afdeling ul { width:360px; float:right; margin-top:-11px; } #content #reinigings_afdeling ul li, #content #reparatie_afdeling ul li { width:330px; padding:2px 5px 0 25px; margin-bottom:16px; } #onderhoud_reparatie_afdeling #container #content .images_list { width:360px; float:right; margin-top:-5px; } #onderhoud_reparatie_afdeling #container #content .images_list li { width:180px; height:180px; margin:0; padding:0; overflow:hidden; position:relative; } #onderhoud_reparatie_afdeling .images_list li img { position:absolute; } /* ----------------------- vacatures -----------------------------------*/ .col-2 { width:360px; float:left; } #vacature_table tfoot td { padding-top:8px; text-align:right; } #vacature_table .cell-1 { width:386px; padding-left:10px; } #vacature_table .cell-1 a { display:block;} #vacature_table .cell-2 { width:116px; } #vacature_table .cell-3 { width:166px; padding-right:10px; } /* ----------------------- vacature item -----------------------------------*/ #job-summary { width:720px; overflow:hidden; padding:0 0 15px; margin:-22px 0 9px;} #job-summary ul { padding:4px 0 0; } #job-summary li { width:320px; padding:2px 20px;} .street-adress, .post-location, .country-name { display:block; } .adr { padding-bottom:9px;} .vcard div, .vcard .note { position:relative; z-index:100; } .vcard .tel { position:relative; z-index:200; } #google-map-cart div { position:relative; z-index:auto; } #content .vcard .end-note { margin:-20px -15px 0; padding:51px 15px 15px; text-align:center; z-index:10; position:relative; } #content .photo_vcard .end-note { margin:-20px -15px 0 -130px; padding:29px 15px 30px; text-align:center; } #vacatures .photo_vcard .end-note { margin:-30px -15px 0 -130px; padding:50px 15px 15px; text-align:center; } #learn_more { width:320px; margin:0 20px; } #learn_more ul { width:320px; } #learn_more li { width:290px; } .google_map { margin:0 -5px; padding:0; } .google_map a { display:block; height:18px; padding:10px 22px 14px 18px;} /* ----------------------- pers zaal -----------------------------------*/ #pers_contact { width:720px; overflow:hidden; } #pers_contact h3 { clear:both; } #pers_contact .vcard { margin-top:-5px; } .vcard { width:330px; margin:0 0 16px; padding:0 15px; float: left; position:relative; } .photo_vcard { width:215px; padding:0 15px 0 130px; } #vacatures .vcard { margin-top:-35px; } #content .vcard h3 { margin:0 -15px -35px; padding:15px 15px 45px; line-height:24px; position:relative; z-index:10; } #content .photo_vcard h3 { margin:0 -15px -35px -130px; width:330px; height:24px; } .vcard .image_holder { width:100px; height:132px; padding:0; position:absolute; top:49px; left:15px; text-align:center; z-index:200; } .vcard .image_holder img { margin:0 auto; } .vcard .press_function { display:inline; } /* no idea what ?*/ .vcard .fn { display:block; width:350px; padding:2px 0; } .photo_vcard .fn { width:215px; } #pers_contact .fn { display:inline; margin:0; padding:0; width:auto; line-height:24px; } #pers_contact .org, #pers_contact .adr, #pers_contact .type { display:none; } .vcard .tel, #pers_contact .vcard .email_adress { padding:2px 0; } .vcard .tel strong { display:block; padding-left:30px;} .vcard .note { padding:9px 0 2px; text-align:left; } #content #pers_contact_list { width:360px; padding-bottom:0; } #pers_contact_list li { width:350px; padding:0; margin:2px 5px; } #pers_contact .vcard .end-note { padding-left:130px; text-align:left; } #nieuws_bericht caption, #waterkoeler_keus caption { display:none; } #nieuws_bericht, #vacature_table { width:698px; margin:0 11px 0; z-index:100; position:relative; border-collapse:separate; } #perszaal .press-table { margin-bottom:18px; } #vacature_table { margin-top:-22px; } #water_gezondheid { width:710px; margin:0 5px 16px; } #pers_bericht .cell-1 { width:116px; } #pers_bericht .cell-2 { width:36px; } #pers_bericht .cell-3 { width:521px; } #nieuws_bericht .cell-1 { width:116px;} #nieuws_bericht .cell-2 { width:36px;} #nieuws_bericht .cell-3 { width:126px;} #nieuws_bericht .cell-4 { width:290px;} #nieuws_bericht .cell-4 a { display:block; } #nieuws_bericht .cell-5 { width:80px; text-align:right;} .table_data td, .table_data th { padding:3px 5px; } .table_data th { text-align:left; } .lang_fr #water_specs_norms thead th, .lang_fr #water_specs_norms thead td { padding:4px 5px; } .press-table .end-note, .vacature-list .last-update { text-align:center; padding:51px 15px 15px; margin-top:-36px; position:relative; z-index:0; } .press-table .last-update { text-align:right; padding:2px 15px 18px; margin-top:-56px; } .vacature-list .last-update { text-align:right; } .press-table h2, .vacature-list h2 { margin:0; padding:15px 15px 32px; height:32px; line-height:32px; } .vacature-list h2 { } /* ----------------------- Over Sip-Well overzicht -----------------------------------*/ #page-over-sipwell-ov .col-3-1, #page-over-sipwell-ov .col-3-2 { float:left; } /* ----------------------- breadcrumbs -----------------------------------*/ #content #breadcrumbs { width:710px; height:16px; position:absolute; top:0; left:5px; } #content #breadcrumbs h3 { position:absolute; left:-9999px; } #content #breadcrumbs ul { width:710px; height:16px; overflow:hidden; padding:0; } #content #breadcrumbs li { float:left; width:auto; display:inline; padding:0 5px 0 15px; margin:0 15px 0 -15px; } /* ----------------------- service overzicht -----------------------------------*/ #enquete { width:240px; float:right; display:inline; margin-top:27px; } #enquete h2 { margin:0 0 -35px; padding:15px 10px 45px; height:24px; line-height:24px; font-size:16px; } #enquete table { margin:0 11px; width:218px; position:relative; z-index:100; border-collapse:separate; } #enquete .cell-1 { width:164px; } #enquete .cell-2{ width:46px; } #enquete tbody td { text-align:center; } #enquete th, #enquete td { padding:2px; height:18px;} #enquete tfoot td { padding:10px 0 0; height:16px;} #enquete .end_note { padding:57px 10px 15px; margin-top:-53px; height:16px; position:relative; z-index:0; } #content #service-intro { width:720px; margin:0; display:block; } #service-intro h2 { margin-top:12px; } #full-quality-service { width:720px; overflow:hidden; } #full-quality-service .button { width:230px; height:42px; padding:0; position:absolute; bottom:2px; left:5px; } #full-quality-service .button a { display:block; padding:10px 17px 14px 13px; height:18px; } .fqs-item { width:240px; margin:0; float:left; display:inline; height:359px; position:relative; } #full-quality-service h3 { position:absolute; left:-9999px; } #full-quality-service p { padding:0 15px 18px; z-index:100; position:relative; top:203px; } #full-quality-service .button, #full-quality-service .button a { width:240px; height:359px; overflow:hidden; margin:0; padding:0; position:relative; text-indent:-9999px; } #full-quality-service .button { position:absolute; top:0 ; left:0; z-index:10; } #full-quality-service .image_holder a { margin:0; display:block; position:relative; height:150px; width:240px; } #full-quality-service .image_holder img { position:absolute; left:0; } #content #full-quality-service #fqs-instal .button { background-position: 0 -359px; } #content #full-quality-service #fqs-instal .button a { background-position: 0 0; } #content #full-quality-service #fqs-water .button { background-position: 0 -1077px; } #content #full-quality-service #fqs-water .button a { background-position: 0 -718px; } #content #full-quality-service #fqs-onderhoud .button { background-position: 0 -1795px; } #content #full-quality-service #fqs-onderhoud .button a { background-position: 0 -1436px; } #service-ov-img4 { width:240px; height:215px; position:absolute; bottom:0; right:0; overflow:hidden; z-index:10; } #service-ov-img4 img{ position:absolute; top:-2159px; left:0; } #service-hubs { width:240px; padding:9px 240px 18px 0; float:left; display:inline; overflow:hidden; position:relative; } #service-hubs h2 { position:relative; z-index:100; } /* ----------------------- waterlevering -----------------------------------*/ #page-waterlevering .col-3-2, #kristalwater-intro .col-3-2 { float:left; } #waterlevering-intro { margin-bottom:-18px; } #waterlevering-intro, #waterleveirng-op-maat, #kristalwater-intro { width:720px; overflow:hidden; } #waterlevering-intro h2, #waterleveirng-op-maat h2, #waterlevering-extra-value h2 { position:relative; z-index:100; } #waterlevering-extra-value .image_holder, #page-water-flessen .image_holder, #page-kristal-water-oorsprong .image_holder { float:right; margin:0 5px; width:230px; padding:0; text-align:center; } #waterlevering-extra-value p { width:470px; position:relative; z-index:50; } #waterlevering-extra-value h2 { position:relative; z-index:100; } #waterlevering-extra-value #service_depots { margin-top:-18px; z-index:0; } #water_delivery_top { position:relative; width:240px; height:187px; margin:-38px 0 0 5px; padding:0; overflow:hidden; z-index:10; } #water_delivery_top img { position:absolute; top:-221px; left:-230px; } #hoeveelheid_flessen_img { width:350px; height:259px; margin:0 5px 0 10px; position:relative; padding:0; overflow:hidden; } #hoeveelheid_flessen_img img { position:absolute; top:-408px; left:0px; } #extra_bestellingen { position:relative; width:230px; height:374px; margin:0 5px 0 10px; padding:0; overflow:hidden; margin-top:-48px; z-index:10; } #extra_bestellingen img { position:absolute; top:0; left:0; } #waterlevering-extra-value { position:relative; width:720px; } #waterlevering-extra-value p { width:470px; } #content #service_hubs { width:240px; height:221px; position:absolute; bottom:10px; right:0; margin:0; padding:0; overflow:hidden; z-index:10; } #service_hubs img { position:absolute; top:0; left:-230px; } /* ----------------------- oorsprong water -----------------------------------*/ #content #van_bron_tot_fles_img { width:240px; margin:-5px 0 0; padding:0; overflow:hidden; float:right; display:inline; } #content #van_bron_tot_fles_img li { width:240px; margin:0; padding:0; height:123px; overflow:hidden; position:relative; } #content #van_bron_tot_fles_img li img { position:absolute; } #sip-well-flessen .image_holder, #sip-well-bottelarij .image_holder { width:350px; } #sip-well-bron .image_holder { width:230px; } #page-kristal-water-oorsprong .col-full { margin-bottom:18px; overflow:hidden; } #page-kristal-water-oorsprong .important tr, #page-kristal-water-oorsprong .important td, #page-kristal-water-oorsprong .important th { height:20px; vertical-align:middle; } abbr { cursor:help; } #page-kristal-water-oorsprong .image_holder { position:relative; overflow:hidden; width:240px; padding:0; margin:0 0 0 5px; } #page-kristal-water-oorsprong .image_holder img { position:absolute; top:0; left:0; } #page-kristal-water-oorsprong #oorsprong_img1 { height:130px; width:360px; z-index:10; position:absolute; right:0; bottom:0; } #page-kristal-water-oorsprong #oorsprong_img2 { width:360px; height:118px; margin-top:-5px; } #page-kristal-water-oorsprong #oorsprong_img3 { height:136px; margin-top:-5px;} #page-kristal-water-oorsprong.lang_en #oorsprong_img3 { height:118px; margin-top:-5px;} #page-kristal-water-oorsprong #oorsprong_img3 img { top:-118px; } /* ----------------------- water overzicht -----------------------------------*/ #kristal-water { float:left; } #kristal-water-overzicht, #leiding-water-overzicht, #water-gezondheid-overzicht, #page-water-ov #Cuno-waterfilter, #page-water-ov .col-full, #belang_drinkwater { width:720px; overflow:hidden; margin-bottom:18px; } #kristal-water-overzicht h2, #leiding-water-overzicht h2 { margin:0 5px; } #page-water-ov #kristal-water-overzicht h2 { margin-top:18px; } #water-flessen h3, #cuno-filter h3 { margin:0 5px 0; line-height:36px; } #water-flessen, #cuno-filter { margin-top:-36px; } #page-water-ov .image_holder { width:240px; padding:0; margin:0; float:right; display:inline; position:relative; overflow:hidden; z-index:10; } #kristal-water-overzicht h2, .col-full h2, #Cuno-waterfilter h2, #water-gezondheid-overzicht h2, #belang_drinkwater h2 { position:relative; z-index:100;} #page-water-ov p { width:470px; } #page-water-ov .cta_big p { width:320px; } #page-water-ov .image_holder a { display:block; width:240px; height:100%; position:relative; } #page-water-ov .button { padding:0; margin-bottom:18px; } #page-water-ov .button a { display:block; height:18px; padding:10px 22px 14px 18px; width:320px; } #page-water-ov .image_holder img { position:absolute; top:0; left:0; } #page-water-ov #water-ov-img1 { height:211px; margin-top:-50px; } #page-water-ov.lang_en #water-ov-img1 { height:211px; margin-top:-55px; } #page-water-ov #water-ov-img2 { height:197px; margin-top:32px; } #page-water-ov.lang_en #water-ov-img2 { height:197px; margin-top:16px; } #page-water-ov #water-ov-img2 img { top:-212px; } #page-water-ov #water-ov-img3 { height:210px; margin-top:-18px; } #page-water-ov #water-ov-img4 { height:221px; margin-top:35px; } #page-water-ov #water-ov-img5 { height:238px; margin-top:-40px; } #page-water-ov #water-ov-img5 img { top:-408px; } /* ----------------------- warme dranken -----------------------------------*/ #sip_drink li { width:270px; margin:0; padding:4px 0 5px 90px; position:relative } #sip_drink li .image_holder { width:80px; text-align:center; position:absolute; top:0; left:0; padding:0; } #sip_drink li p { padding:0 5px 18px 0px; } /* ----------------------- footer -----------------------------------*/ #foot-container { height:40px; padding:5px 0 0; width:100%; margin:0; } #footer { width:950px; padding:0; margin:10px auto 0; height:18px; position:relative; overflow:hidden; } #nav-footer { width:415px; margin:0 0 0 -5px; overflow:hidden; } #nav-footer li { float:left; display:inline; padding:0 4px 0 5px; } #nav-footer li a { float:left; display:inline; padding:0 5px; } #design { padding:0; width:250px; position:absolute; left:410px; top:0; text-align:center; } #foot-container #copyright { padding:0; width:290px; position:absolute; right:150px; top:0; text-align:right; } #foot-container #voorwaarden { padding:0; width:150px; position:absolute; right:0; top:0; text-align:right; } /* -------------------------- promo listing -------------------------*/ #promo-acties_page h3 { margin-top:0; } #promo-acties_page #content h2 { margin-top:18px; } #promo-acties_page .promo_listing { margin-top:0; } #promo-acties_page .promo_listing li { padding:0; width:720px; height:400px; position:relative; overflow:hidden; } #promo-campaign_page .promo_listing li .action_advert { width:401px; height:400px; position:absolute; left:0; top:0; background-position:0 0; background-repeat:no-repeat; z-index:100; overflow:hidden;} #promo-campaign_page .promo_listing li .action_promo { width:449px; height:400px; left:401px; top:0; position:absolute; background-position:0 0; background-repeat:no-repeat; z-index:50;} .action_advert p { margin-left:421px; margin-right:20px; } .lang_nl #content #campaign_block_fles li .action_advert { background-image:url(../img/promo-actie-medium-moeilijk-nl.jpg); } .lang_nl #content #campaign_block_fles li .action_promo { background-image:url(../img/promo-actie-medium-moeilijk-promo-nl.jpg); } .lang_nl #content #campaign_block_leiding li .action_advert { background-image:url(../img/promo-actie-medium-koel-nl.jpg); } .lang_nl #content #campaign_block_leiding li .action_promo { background-image:url(../img/promo-actie-medium-koel-promo-nl.jpg); } .lang_nl #content #campaign_block_bruis li .action_advert { background-image:url(../img/promo-actie-medium-bruis-nl.jpg); } .lang_nl #content #campaign_block_bruis li .action_promo { background-image:url(../img/promo-actie-medium-bruis-promo-nl.jpg); } .lang_nl #content #campaign_block_all li .action_advert { background-image:url(../img/promo-actie-medium-focus-nl.jpg); } .lang_nl #content #campaign_block_all li .action_promo { background-image:url(../img/promo-actie-medium-focus-promo-nl.jpg); } .lang_fr #content #campaign_block_fles li .action_advert { background-image:url(../img/promo-actie-medium-moeilijk-fr.jpg); } .lang_fr #content #campaign_block_fles li .action_promo { background-image:url(../img/promo-actie-medium-moeilijk-promo-fr.jpg); } .lang_fr #content #campaign_block_leiding li .action_advert { background-image:url(../img/promo-actie-medium-koel-fr.jpg); } .lang_fr #content #campaign_block_leiding li .action_promo { background-image:url(../img/promo-actie-medium-koel-promo-fr.jpg); } .lang_fr #content #campaign_block_bruis li .action_advert { background-image:url(../img/promo-actie-medium-bruis-fr.jpg); } .lang_fr #content #campaign_block_bruis li .action_promo { background-image:url(../img/promo-actie-medium-bruis-promo-fr.jpg); } .lang_fr #content #campaign_block_all li .action_advert { background-image:url(../img/promo-actie-medium-focus-fr.jpg); } .lang_fr #content #campaign_block_all li .action_promo { background-image:url(../img/promo-actie-medium-focus-promo-fr.jpg); } .lang_en #content #campaign_block_fles li .action_advert { background-image:url(../img/promo-actie-medium-moeilijk-en.jpg); } .lang_en #content #campaign_block_fles li .action_promo { background-image:url(../img/promo-actie-medium-moeilijk-promo-en.jpg); } .lang_en #content #campaign_block_leiding li .action_advert { background-image:url(../img/promo-actie-medium-koel-en.jpg); } .lang_en #content #campaign_block_leiding li .action_promo { background-image:url(../img/promo-actie-medium-koel-promo-en.jpg); } .lang_en #content #campaign_block_bruis li .action_advert { background-image:url(../img/promo-actie-medium-bruis-en.jpg); } .lang_en #content #campaign_block_bruis li .action_promo { background-image:url(../img/promo-actie-medium-bruis-promo-en.jpg); } .lang_en #content #campaign_block_all li .action_advert { background-image:url(../img/promo-actie-medium-focus-en.jpg); } .lang_en #content #campaign_block_all li .action_promo { background-image:url(../img/promo-actie-medium-focus-promo-en.jpg); } #promo-acties_page .promo_listing li p, #promo-acties_page .promo_listing li h4 { position:absolute; top:0; left:-9999px; } #promo-acties_page .promo_listing .cta_button { left:0; padding:0; width:720px; height:170px; } #promo-acties_page .promo_listing .cta_button a { width:720px; height:170px; display:block; padding:0; text-indent:-9999px; } #promo-campaign_page .promo_listing { margin:0; padding:0 50px 70px; width:850px; background:url(../img/action-overview-bottom.png) 0 bottom no-repeat; height:400px; } #promo-campaign_page .promo_listing li { padding:0; width:850px; height:400px; position:relative; overflow:hidden; background:#fff none; } #promo-campaign_page .promo_listing li p, #promo-campaign_page .promo_listing li h4 { position:absolute; top:0; left:-9999px; } #promo-campaign_page .promo_listing li .action_advert p { position:relative; left:0; width:409px; text-indent:0; color:#007bff; text-align:center; } #promo-campaign_page .promo_listing li .action_advert .change_line { font-size:16px; font-weight:bold; padding-bottom:0; padding-top:20px; } #promo-campaign_page #content .promo_listing .cta_button { padding:0; width:340px; height:95px; position:absolute; left:53px; top:288px; background:#276bae url(../img/action-overview-button.png) 0 -95px no-repeat; z-index:100; } #promo-campaign_page #content .promo_listing .cta_button a { width:340px; height:95px; display:block; padding:0; text-indent:-9999px; background:#276bae url(../img/action-overview-button.png) 0 0 no-repeat; } .lang_fr #container #content .promo_listing .cta_button { padding:0; width:340px; height:95px; position:absolute; left:53px; top:288px; background:#276bae url(../img/action-overview-button-fr.png) 0 -95px no-repeat; } .lang_fr #container #content .promo_listing .cta_button a { width:340px; height:95px; display:block; padding:0; text-indent:-9999px; background:#276bae url(../img/action-overview-button-fr.png) 0 0 no-repeat; } .lang_en #container #content .promo_listing .cta_button { padding:0; width:340px; height:95px; position:absolute; left:53px; top:288px; background:#276bae url(../img/action-overview-button-en.png) 0 -95px no-repeat; } .lang_en #container #content .promo_listing .cta_button a { width:340px; height:95px; display:block; padding:0; text-indent:-9999px; background:#276bae url(../img/action-overview-button-en.png) 0 0 no-repeat; } #promo-campaign_page #content .promo_listing .cta_button a:link, #promo-campaign_page #content .promo_listing .cta_button a:visited { -khtml-opacity:1; -moz-opacity:1; -ms-filter:”alpha(opacity=100)”; filter:alpha(opacity=100); opacity:1; } #promo-campaign_page #content .promo_listing .cta_button a:hover, #promo-campaign_page #content .promo_listing .cta_button a:active, #promo-campaign_page #content .promo_listing .cta_button a:focus { -khtml-opacity:0; -moz-opacity:0; -ms-filter:”alpha(opacity=0)”; filter:alpha(opacity=0); opacity:0;} /* --------------------------- onderhoud en reparatie van de waterkoeler ------------------- */ #service_onderhoud .image_holder { width:240px; margin:-5px 0 -5px 5px; float:right; position:relative; overflow:hidden; padding:0; } #service_onderhoud .image_holder img { position:absolute; left:0; } #onderhoud_img_1 { height:262px; } .lang_fr #onderhoud_img_1 { height:298px; } #onderhoud_img_1 img { top:0; } #onderhoud_img_2 { height:190px;} .lang_en #onderhoud_img_2 { height:208px;} .lang_fr #onderhoud_img_2 { height:208px;} #onderhoud_img_2 img { top:-262px; } .lang_fr #onderhoud_img_2 img { top:-298px; } #onderhoud_img_3 { height:154px;} #onderhoud_img_3 a { display:block; height:154px; width:240px; position:relative; } #onderhoud_img_3 a img { top:-452px; } .lang_en #onderhoud_img_3 a img { top:-470px; } .lang_fr #onderhoud_img_3 a img { top:-506px; } /* --------------------------- plaatsing & installatie ------------------- */ #plaatsing_installatie .image_holder { width:240px; padding:0; position:relative; overflow:hidden; } #plaatsing_installatie .image_holder img { position:absolute; top:0; } #plaatsing_installatie .image_holder a { position:relative; display:block; width:240px; } #plaatsing_installatie .plaatsing_voorwaarden { width:470px; margin:0 5px } #plaatsing_installatie .plaatsing_voorwaarden li { width:470px; padding:0 0 18px; background:none; } #plaatsing_installatie .plaatsing_voorwaarden li ul { width:470px; padding:0; margin:0; } #plaatsing_installatie .plaatsing_voorwaarden li li { width:440px; padding:02px 5px 2px 25px; margin:0; } #plaatsing_installatie #plaatsing_stock { height:288px; width:350px; margin-left:5px; padding:0 5px;} #plaatsing_installatie #plaatsing_stock img { left:0; } #plaatsing_installatie #plaatsing_img_fles, #plaatsing_installatie #plaatsing_img_fles a { height:362px;} #plaatsing_installatie.lang_en #plaatsing_img_fles { height:346px;} #plaatsing_installatie #plaatsing_img_fles img { left:-350px;} #plaatsing_installatie #plaatsing_img_leiding, #plaatsing_installatie #plaatsing_img_leiding a { height:326px;} #plaatsing_installatie #plaatsing_img_leiding img { left:-590px;} #voorwaarden_installatie h2 { margin-top:27px; } #voorwaarden_installatie h3 { height:32px; padding:5px 10px 10px; margin:0; line-height:32px; } #voorwaarden_installatie p { padding:0 10px 18px; } /* --------------------------- over sip-well ------------------- */ #page-over-sipwell-ov .col-2 { position:relative; height:180px; width:360px; margin:0; padding:0; } #page-over-sipwell-ov #over-sip-bottel, #page-over-sipwell-ov #over-sip-onderhoud { height:198px; } #page-over-sipwell-ov #content .button { position:absolute; bottom:0; left:0; width:360px; height:180px; padding:0; margin:0; z-index:10; } #page-over-sipwell-ov #content .button a { display:block; padding:0; text-indent:-9999px; margin:0; height:100%; width:100%; } #page-over-sipwell-ov #over-sip-bottel .button, #page-over-sipwell-ov #over-sip-onderhoud .button, #page-over-sipwell-ov #over-sip-bottel, #page-over-sipwell-ov #over-sip-onderhoud { height:198px; } #page-over-sipwell-ov .button a { text-indent:-9999px; } #page-over-sipwell-ov #content .col-2 h2 { position:absolute; left:-9999px; } #page-over-sipwell-ov #content p { padding:63px 15px 18px; z-index:100; position:relative; } #page-over-sipwell-ov h1 { margin-bottom:0; } #page-over-sipwell-ov #content { padding-bottom:18px; } #over-sip-contact p { width:230px; } #over-sip-vacature p { width:330px; } #over-sip-bottel p { width:230px; } .lang_fr #over-sip-bottel p { width:210px; } #over-sip-onderhoud p { width:250px; } #over-sip-profiel p { width:275px; } #over-sip-pers p { width:230px; } /* --------------------------- nyro modal ------------------- */ div#nyroModalFull { font-size: 12px; color: #777; } div#nyroModalLoading { border: 10px solid #fff; width: 150px; height: 150px; text-indent: -9999em; background: #fff url(../img/ajaxLoader.gif) no-repeat; background-position: center; } div#nyroModalLoading.error { border: 10px solid #f66; line-height: 20px; padding: 20px; width: 300px; height: 100px; text-indent: 0; background: #fff; } div#nyroModalWrapper { background: #fff; border: 10px solid #fff; } a#closeBut { position: absolute; display: block; top: -26px; right: -26px; width: 34px; height: 34px; text-indent: -9999em; background: url(../img/icons--f.png) 0 -622px no-repeat; outline: 0; } a#closeBut:link, a#closeBut:visited { background-position:0 -622px;} a#closeBut:hover, a#closeBut:active, a#closeBut:focus { background-position:0 -656px;} #nyroModalWrapper h1#nyroModalTitle { margin: 0; padding: 0; position: absolute; top: -22px; left: 5px; font-size: 12px; color: #ddd; background:none; display:none; } #home_page #nyroModalTitle { display:none;} div.wrapper div#nyroModalContent { padding: 5px; } div.wrapperImg div#nyroModalContent { position: relative; overflow: hidden; text-align: center; } div.wrapperImg img { vertical-align: baseline; } div.wrapperImg div#nyroModalContent div { position: absolute; bottom: 0; left: 0; background: black; padding: 10px; margin: 10px; border: 1px white dotted; overflow: hidden; opacity: 0.2; filter: alpha(opacity=20); } div.wrapperImg div#nyroModalContent div:hover { opacity: 0.5; filter: alpha(opacity=50); cursor: help; } a.nyroModalPrev, a.nyroModalNext { z-index: 105; outline: none; position: absolute; top: 0; height: 100%; width: 40%; cursor: pointer; text-indent: -9999em; background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */ } div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext { height: 60%; width: 20%; } a.nyroModalPrev { left: 0; } a.nyroModalPrev:hover { background: url(../img/prev.gif) left 20% no-repeat; } a.nyroModalNext { right: 0; } a.nyroModalNext:hover { background: url(../img/next.gif) right 20% no-repeat; } /* campaign */ #promo-campaign_page #content { width:950px; padding:24px 5px 0; } #campaign_graphic { width:950px; height:489px; position:relative; background:#06122e url(../img/campaign-back-2010-2.jpg) 0 0 no-repeat; color:#fff; margin-top:0; } .lang_fr #campaign_graphic { background:#06122e url(../img/campaign-back-2010-fr.jpg) 0 0 no-repeat; height:500px; } .lang_en #campaign_graphic { background:#06122e url(../img/campaign-back-2010-en.jpg) 0 0 no-repeat; height:500px; } #campaign-summary { position:absolute; top:0; left:0; height:489px; width:950px; } #campaign-summary h1 { margin:0; padding:0; color:#fff; font-size:34px; text-shadow:1px 1px 1px #000; text-indent:-9999px; position:absolute; top:0; left:0; } #campaign-summary p { margin:0; padding:0 0 20px; font-size:16px; line-height:25px; text-shadow:1px 1px 0 #003558; } #campaign_promo_short { position:absolute; top:295px; left:324px;} #campaign_promo_short h2 { color:#fff; font-size:20px; position:relative; z-index:100; text-shadow:1px 1px 0px #000; padding-top:16px; margin-top:0; line-height:20px; } .campaign_detail_block { color:#fff; position:relative; padding-top:40px; background:#06122e; } .campaign_detail_block h2 { margin:0; padding:42px 0 18px 70px; color:#fff; font-size:36px; font-weight:normal; line-height:40px; height:40px; position:relative; background:#06122e url(../img/action-watercoolers-thumbs.jpg) 50px 0 no-repeat; letter-spacing:0.05em; width:830px; } .campaign_detail_block h2 em { display:block; text-indent:-9999px; position:absolute; top:0; right:45px; background:url(../img/action-watercoolers-thumbs.jpg) 0 0 no-repeat; height:100px; width:172px; overflow:hidden;} #campaign_block_fles h2 em { background-position:-634px 0;} #campaign_block_leiding h2 em { background-position:-850px 0;} #campaign_block_bruis h2 em { background-position:-1022px 0;} #campaign_block_all h2 em { background-position:-1194px 0;} .campaign_detail_block h3 { position:absolute; left:0; text-indent:-9999px; width:220px; height:100px; margin:0; padding:0; } #campaign_block_all{ background:#06122e url(../img/campagne-2010/bottom.png) 0 bottom no-repeat; height:570px; padding-bottom:17px; margin-bottom:20px; } #content #campaign_promo_short_list { width:563px; height:178px; position:absolute; top:16px; left:0; z-index:10; background:#fff url(../img/action-overview-thumbs.jpg) 0 -245px no-repeat; padding:0 7px; } #campaign_promo_short_list li { float:left; display:inline; width:140px; height:169px; margin:0; padding:0; background:none; } #campaign_promo_short_list #camp_short_150L, #camp_short_flesjes #camp_short_150L { width:141px; } #campaign_promo_short_list li a { display:block; height:169px; width:140px; text-indent:-9999px; } #campaign_promo_short_list #camp_short_150L a, #camp_short_flesjes #camp_short_150L a { width:141px; } #content #camp_short_150L a:link, #content #camp_short_150L a:visited { background:url(../img/action-overview-thumbs.jpg) -7px -245px no-repeat; } #content #camp_short_150L a:hover, #content #camp_short_150L a:active, #content #camp_short_150L a:focus { background:url(../img/action-overview-thumbs.jpg) -7px -423px no-repeat; } #content #camp_short_huur a:link, #content #camp_short_huur a:visited { background:url(../img/action-overview-thumbs.jpg) -148px -245px no-repeat; } #content #camp_short_huur a:hover, #content #camp_short_huur a:active, #content #camp_short_huur a:focus { background:url(../img/action-overview-thumbs.jpg) -148px -423px no-repeat; } #content #camp_short_bruis a:link, #content #camp_short_bruis a:visited { background:url(../img/action-overview-thumbs.jpg) -288px -245px no-repeat; } #content #camp_short_bruis a:hover, #content #camp_short_bruis a:active, #content #camp_short_bruis a:focus { background:url(../img/action-overview-thumbs.jpg) -288px -423px no-repeat; } #content #camp_short_flesjes a:link, #content #camp_short_flesjes a:visited { background:url(../img/action-overview-thumbs.jpg) -428px -245px no-repeat; } #content #camp_short_flesjes a:hover, #content #camp_short_flesjes a:active, #content #camp_short_flesjes a:focus { background:url(../img/action-overview-thumbs.jpg) -428px -423px no-repeat; } .lang_fr #content #camp_short_150L a:link, .lang_fr #content #camp_short_150L a:visited { background:url(../img/action-overview-thumbs-fr.jpg) -7px -245px no-repeat; } .lang_fr #content #camp_short_150L a:hover, .lang_fr #content #camp_short_150L a:active, .lang_fr #content #camp_short_150L a:focus { background:url(../img/action-overview-thumbs-fr.jpg) -7px -423px no-repeat; } .lang_fr #content #camp_short_huur a:link, .lang_fr #content #camp_short_huur a:visited { background:url(../img/action-overview-thumbs-fr.jpg) -148px -245px no-repeat; } .lang_fr #content #camp_short_huur a:hover, .lang_fr #content #camp_short_huur a:active, .lang_fr #content #camp_short_huur a:focus { background:url(../img/action-overview-thumbs-fr.jpg) -148px -423px no-repeat; } .lang_fr #content #camp_short_bruis a:link, .lang_fr #content #camp_short_bruis a:visited { background:url(../img/action-overview-thumbs-fr.jpg) -288px -245px no-repeat; } .lang_fr #content #camp_short_bruis a:hover, .lang_fr #content #camp_short_bruis a:active, .lang_fr #content #camp_short_bruis a:focus { background:url(../img/action-overview-thumbs-fr.jpg) -288px -423px no-repeat; } .lang_fr #content #camp_short_flesjes a:link, .lang_fr #content #camp_short_flesjes a:visited { background:url(../img/action-overview-thumbs-fr.jpg) -428px -245px no-repeat; } .lang_fr #content #camp_short_flesjes a:hover, .lang_fr #content #camp_short_flesjes a:active, .lang_fr #content #camp_short_flesjes a:focus { background:url(../img/action-overview-thumbs-fr.jpg) -428px -423px no-repeat; } .lang_en #content #camp_short_150L a:link, .lang_en #content #camp_short_150L a:visited { background:url(../img/action-overview-thumbs-en.jpg) -7px -245px no-repeat; } .lang_en #content #camp_short_150L a:hover, .lang_en #content #camp_short_150L a:active, .lang_en #content #camp_short_150L a:focus { background:url(../img/action-overview-thumbs-en.jpg) -7px -423px no-repeat; } .lang_en #content #camp_short_huur a:link, .lang_en #content #camp_short_huur a:visited { background:url(../img/action-overview-thumbs-en.jpg) -148px -245px no-repeat; } .lang_en #content #camp_short_huur a:hover, .lang_en #content #camp_short_huur a:active, .lang_en #content #camp_short_huur a:focus { background:url(../img/action-overview-thumbs-en.jpg) -148px -423px no-repeat; } .lang_en #content #camp_short_bruis a:link, .lang_en #content #camp_short_bruis a:visited { background:url(../img/action-overview-thumbs-en.jpg) -288px -245px no-repeat; } .lang_en #content #camp_short_bruis a:hover, .lang_en #content #camp_short_bruis a:active, .lang_en #content #camp_short_bruis a:focus { background:url(../img/action-overview-thumbs-en.jpg) -288px -423px no-repeat; } .lang_en #content #camp_short_flesjes a:link, .lang_en #content #camp_short_flesjes a:visited { background:url(../img/action-overview-thumbs-en.jpg) -428px -245px no-repeat; } .lang_en #content #camp_short_flesjes a:hover, .lang_en #content #camp_short_flesjes a:active, .lang_en #content #camp_short_flesjes a:focus { background:url(../img/action-overview-thumbs-en.jpg) -428px -423px no-repeat; } #promo_video { width:577px; height:245px; position:absolute; top:41px; right:50px; background:#fff url(../img/action-overview-thumbs.jpg) 0 0 no-repeat; } .lang_fr #promo_video { background:#fff url(../img/action-overview-thumbs-fr.jpg) 0 0 no-repeat; } .lang_en #promo_video { background:#fff url(../img/action-overview-thumbs-en.jpg) 0 0 no-repeat; } #promo_video p { padding:0; margin:0; height:245px; width:167px; position:absolute; top:0; left:0; text-indent:-9999px; } #promo_video_holder { height:225px; width:400px; position:absolute; top:11px; left:166px;} #graphic_full_action { height:375px; width:610px; position:relative; padding:155px 10px 10px 330px } #advertisemt-full { position:absolute; top:0; left:0; width:314px; height:528px; z-index:50; } #advertisemt-full h2 { position:absolute; left:-9999px; } #advertisemt-full .add_holder_big { position:absolute; top:6px; left:1px; width:314px; height:528px; background:#ccc; padding:0; margin:0; } #advertisemt-full p { color:#fff; position:absolute; left:344px; top:60px; width:580px; } #advertisemt-full .change_line { top:20px; font-size:22px; line-height:30px; font-weight:bold; } /* waarom sip-well */ #waarom-sip-well-page #content { width:960px; padding:24px 0 20px; background:url(../img/waarom-sip-well/why-point-bg.png) 0 bottom no-repeat;} #waarom-sip-well { width:530px; height:309px; position:relative; overflow:hidden; padding:0 30px 0 400px; background:#4d89c8 url(../img/waarom-sip-well/waarom-sipwell-bg.jpg) 0 0 no-repeat; } #waarom-sip-well h1 { margin:0; padding:25px 5px 0 ; color:#fff; text-shadow:1px 1px 1px #294767; } #waarom-sip-well h2 { color:#fff; padding:6px 5px 6px; margin:0; text-shadow:1px 1px 1px #294767; } #waarom-sip-well p { color:#000; font-size:14px; line-height:20px; padding:0 5px 20px; } #waarom_sub { width:960px; height:236px; position:relative; background:#1d3569 url(../img/waarom-sip-well/waarom_sub-bg.jpg) 0 0 no-repeat; } #content #main_points_list { position:absolute; left:15px; top:7px; width:370px; overflow:hidden; padding:0; margin:0; } #content #main_points_list li { float:left; display:inline; background:none; width:370px; padding:0; background:url(../img/waarom-sip-well/main-points-list-bg.png) 0 bottom no-repeat; } #main_points_list li a { text-decoration:none; font-weight:bold; display:block; padding:4px 20px 11px 30px; font-size:14px; background:url(../img/waarom-sip-well/main-points-list-bullet.png) 5px 5px no-repeat; } #main_points_list li a:link, #main_points_list li a:visited { background-position:5px 3px; color:#b2d9ff;} #main_points_list li a:hover, #main_points_list li a:active, #main_points_list li a:focus {background-position:5px -77px; color:#fff; } #content #main_groups_list { width:296px; height:90px; overflow:hidden; position:absolute; top:130px; left:390px; } #content #main_groups_list li { float:left; display:inline; height:30px; width:296px; padding:0; margin:0; background:none;} #content #main_groups_list li a { padding:5px 0 5px 25px; display:block; font-size:16px; font-weight:bold; text-decoration:none; background:url(../img/waarom-sip-well/doelgroep-bullets.png) 0 0 no-repeat;} #content #main_groups_list li a:link, #content #main_groups_list li a:visited { color:#b2d9ff; background-position:5px 8px; } #content #main_groups_list li a:hover, #content #main_groups_list li a:active, #content #main_groups_list li a:focus { color:#fff; background-position:5px -37px; } #video_advert { width:300px; height:124px; position:absolute; top:0; left:385px;} #euro { position:absolute; right:28px; top:-13px; width:77px; height:77px; padding:0; margin:0; text-indent:-9999px; background:url(../img/waarom-sip-well/vanaf-1-euro.png) 0 0 no-repeat; } .lang_fr #euro { background-image:url(../img/waarom-sip-well/vanaf-1-euro-fr.png);} .lang_en #euro { background-image:url(../img/waarom-sip-well/vanaf-1-euro-en.png);} #video_advert_button { width:280px; height:124px; position:absolute; top:0; left:8px; padding:0; margin:0; } #video_advert_button a { width:80px; height:60px; position:absolute; top:0; left:0; padding:56px 20px 8px 180px; color:#b2d9ff; font-size:14px; font-weight:bold; text-decoration:none; text-align:center; } #video_advert_button a strong { text-transform:uppercase; font-size:16px; display:block; color:#b2d9ff; } #video_advert_button a:link, #video_advert_button a:visited { background:url(../img/waarom-sip-well/video-thumb-waarom.jpg) 10px 8px no-repeat; } #video_advert_button a:hover, #video_advert_button a:active, #video_advert_button a:focus { background:url(../img/waarom-sip-well/video-thumb-waarom.jpg) 10px -115px no-repeat; } #cta_waarom_sip_top { width:250px; height:264px; position:absolute; top:-48px; right:25px; background:#e8f3ff url(../img/waarom-sip-well/cta_waarom_sip_top.jpg) 0 0 no-repeat; } #waarom-details { width:960px; background:#002954; } #content #waarom_detail_listing { width:960px; margin:0; overflow:hidden; } #content #waarom_detail_listing li { float:left; display:inline; margin:0; padding:0; background:#c9e3ff; position:relative; } #content #waarom_detail_listing #waarom_1, #content #waarom_detail_listing #waarom_2, #content #waarom_detail_listing #waarom_5 { width:460px; padding:35px 455px 35px 45px; } #content #waarom_detail_listing #waarom_1, #content #waarom_detail_listing #waarom_2 { background:url(../img/waarom-sip-well/why-point-bg.png) 0 0 no-repeat; height:204px; } #content #waarom_detail_listing #waarom_3 { width:310px; margin-right:0; padding:35px 160px 35px 45px; background:url(../img/waarom-sip-well/why-point-bg.png) 0 -274px no-repeat; height:225px; } #content #waarom_detail_listing #waarom_4 { width:220px; margin-left:0; padding:35px 215px 35px 10px; background:url(../img/waarom-sip-well/why-point-bg.png) -515px -274px no-repeat; height:225px; } #content #waarom_detail_listing #waarom_5 { background:url(../img/waarom-sip-well/why-point-bg.png) 0 -274px no-repeat; height:225px;} #content #waarom_detail_listing #waarom_3 .image_button { height:209px; width:162px; padding:0; margin:0; position:absolute; bottom:36px; right:0; z-index:10; } #content #waarom_detail_listing #waarom_4 .image_button { height:224px; width:193px; padding:0; margin:0; position:absolute; bottom:35px; right:25px; z-index:10; } #content #waarom_detail_listing #waarom_5 .image_button { height:260px; width:460px; padding:0; margin:0; position:absolute; bottom:35px; right:15px; z-index:10; } #content #waarom_detail_listing li h2 { margin:0; padding:10px 0 5px 0; font-size:18px; margin-right:0; font-weight:normal; position:relative; z-index:60; } #content #waarom_detail_listing #waarom_3 h2, #content #waarom_detail_listing #waarom_4 h2 { margin-right:-100px; } #content #waarom_detail_listing li p { margin:0; padding:0 0 20px; z-index:100; position:relative; } #content #waarom_detail_listing li .video_button_why { margin:0; padding:0; width:400px; height:197px; position:absolute; top:42px; right:25px; } #content #waarom_detail_listing li .video_button_why a { display:block; width:400px; height:197px; background:url(../img/waarom-sip-well/video-button-water.jpg) 0 0 no-repeat; position:relative; text-decoration:none; font-size:14px; font-weight:bold; text-shadow:-1px -1px 0 #fff; } #content #waarom_detail_listing li .video_button_why a .play_button { position:absolute; bottom:5px; left:20px; } #content #waarom_detail_listing li .video_button_why a em { position:absolute; bottom:5px; right:20px; font-style:normal; } #content #waarom_detail_listing li .video_button_why a strong { position:absolute; left:-9999px; } #content #waarom_detail_listing #waarom_2 .video_button_why a { background-image:url(../img/waarom-sip-well/video-button-sip-well.jpg);} #content #waarom_detail_listing li .video_button_why a:link, #content #waarom_detail_listing li .video_button_why a:visited { background-position:0 0 ; color:#0055b0;} #content #waarom_detail_listing li .video_button_why a:hover, #content #waarom_detail_listing li .video_button_why a:active, #content #waarom_detail_listing li .video_button_why a:focus { background-position:-400px 0; color:#001f40; } #waarom_doelgroepen { width:960px; background:#002954; } #waarom_doelgroepen h2 { color:#fff; padding:20px 25px 10px; margin:0; font-size:28px; } #content #waarom_doelgroepen h3 { color:#002a54; font-size:20px; line-height:30px; padding:15px 0 6px; margin:0; } #waarom_doelgroepen h4 { color:#002a54; font-size:18px; line-height:20px; font-weight:normal; padding:1px 0 3px; margin:0; } #content #waarom_doelgroepen_listing { width:960px; overflow:visible; height:1700px; background:#002954; } #content #waarom_doelgroepen_listing li { width:960px; margin:40px 0 0; padding:10px 0 35px; float:left; display:inline; background:#fff url(../img/waarom-sip-well/why-point-bg.png) 0 -569px no-repeat; height:479px; position:relative; } .copy_doelgroep { width:420px; position:absolute; top:10px; left:0; padding:0 20px 0 45px; } .copy_doelgroep p { margin:0; padding:0 0 20px; } .link_doelgroep { width:410px; padding:0 45px 0 20px; position:absolute; top:0; right:0; } .link_doelgroep p { text-align:center; } .link_doelgroep h4 { position:absolute; left:-9999px; } #content #waarom_doelgroepen_listing .cta_doelgroep { width:410px; height:170px; padding:0 45px 0 20px; position:absolute; top:305px; left:485px; display:block; } #content #waarom_doelgroepen_listing .cta_doelgroep .button { width:300px; height:95px; padding:0; margin:20px 50px 0 60px; } #content #waarom_doelgroepen_listing .cta_doelgroep .button a { display:block; width:300px; height:95px; padding:0; margin:0; text-indent:-9999px; } .lang_nl #content #waarom_doelgroepen_listing .cta_doelgroep .button a { background-image:url(../img/buttons-offerte-nl.png); } .lang_fr #content #waarom_doelgroepen_listing .cta_doelgroep .button a { background-image:url(../img/buttons-offerte-fr.png); } .lang_en #content #waarom_doelgroepen_listing .cta_doelgroep .button a { background-image:url(../img/buttons-offerte-en.png); } #content #waarom_doelgroepen_listing .cta_doelgroep h4 { text-align:center; font-size:16px; font-weight:bold; } #content #waarom_doelgroepen_listing .cta_doelgroep h4 strong { display:block; font-size:22px; font-weight:bold; line-height:30px; } #content #waarom_doelgroepen_listing .doelgroep_koeler_listing { width:410px; height:298px; position:absolute; top:-50px; right:45px;} #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li { background:none; height:auto; padding:0; margin:0; width:136px; height:298px; float:left; display:inline } #content #waarom_doelgroepen_listing .doelgroep_koeler_listing .wider_wk { width:138px; } #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a { display:block; width:100%; height:40px; padding-top:258px; position:relative; text-align:center; font-size:16px; font-weight:bold; line-height:40px; } #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a img { margin:0; padding:0; display:block; height:258px; position:absolute; top:0; left:0; } #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a:link, #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a:visited { color:#1262B3; text-decoration:none; } #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a:hover, #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a:active, #content #waarom_doelgroepen_listing .doelgroep_koeler_listing li a:focus { color:#002A54; text-decoration:underline;} #waarom_doelgroepen_listing .link_doelgroep p { margin:0; padding:0; position:absolute; top:258px; width:410px; text-align:center; font-size:13px;} .lang_fr #waarom_doelgroepen_listing .link_doelgroep p { top:248px; } #content #actie_hot_ov { position:absolute; top:240px; width:52px; height:13px; left:99px; overflow:hidden; padding:0; margin:0; z-index:300; } #content #actie_hot_ov li { text-indent:-9999px; width:13px; margin:0; padding:0; float:left; display:inline; } #content #actie_hot_ov li a { display:block; text-indent:-9999px; background:url(../img/icons--f.png) 0 -720px repeat-x; width:13px; height:13px; padding:0; margin:0; } #content #actie_hot { position:absolute; top:0; left:0; padding:0; margin:0; width:250px; height:264px; z-index:10;} #content #actie_hot li { position:absolute; top:0; left:0; z-index:10; width:250px; height:264px; overflow:hidden; } #content #actie_hot li h2 { position:absolute; left:-9999px; } #content #actie_hot li p { position:absolute; left:-9999px; } #content #actie_hot li .hot_button { position:absolute; top:0; left:0; width:250px; height:264px; margin:0; padding:0; } #content #actie_hot li a { position:absolute; top:0; left:0; width:250px; height:264px; display:block; padding:0; margin:0; text-indent:-9999px; } #content #waarom_sub #actie_hot li a:link, #content #waarom_sub #actie_hot li a:visited { background-position:0 bottom;} #content #waarom_sub #actie_hot li a:hover, #content #waarom_sub #actie_hot li a:active, #content #waarom_sub #actie_hot li a:focus { background-position:-250px bottom; } #content #wk_actie_1tab { z-index:100; } #content #wk_actie_1tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-NL1.jpg) 0 0 no-repeat; } #content #wk_actie_2tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-NL2.jpg) 0 0 no-repeat; } #content #wk_actie_3tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-NL3.jpg) 0 0 no-repeat; } #content #wk_actie_4tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-NL4.jpg) 0 0 no-repeat; } #content #wk_actie_1tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-NL1.jpg) 0 0 no-repeat; } #content #wk_actie_2tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-NL2.jpg) 0 0 no-repeat; } #content #wk_actie_3tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-NL3.jpg) 0 0 no-repeat; } #content #wk_actie_4tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-NL4.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_1tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-FR1.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_2tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-FR2.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_3tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-FR3.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_4tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-FR4.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_1tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-FR1.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_2tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-FR2.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_3tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-FR3.jpg) 0 0 no-repeat; } .lang_fr #content #wk_actie_4tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-FR4.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_1tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-EN1.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_2tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-EN2.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_3tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-EN3.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_4tab { background:url(../img/waarom-sip-well/cta_waarom-top/GO-cta_waarom_sip_top-EN4.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_1tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-EN1.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_2tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-EN2.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_3tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-EN3.jpg) 0 0 no-repeat; } .lang_en #content #wk_actie_4tab a { background:url(../img/waarom-sip-well/cta_waarom-bottom/GO-cta_waarom_sip_bottom-EN4.jpg) 0 0 no-repeat; } .seperator { position:absolute; left:-9999px; }