/* Forms v3: Algemene Basis-stylesheet */ /* reset styles van default */ #hspakketdiv p, #hspakketdiv h1, #hspakketdiv h2, #hspakketdiv h3, #hspakketdiv ul, #hspakketdiv li, #hspakketdiv div { margin: 0; padding: 0;} #formwrapper h2, #formwrapper h3, #formwrapper h4, #formwrapper h1{ padding: 0; margin: 0;} #superContainer { margin: 10px 0; float: left;} /* einde reset */ /*========================================================================================= Algemene instellingen: breedtes en kleuren *=========================================================================================*/ /* Linker blok/winkelmandje */ #pakketoverzicht h2 { font-size: 13px; } #nieuw_in_pakket h2 { padding-left: 11px; } a.openClose { margin-top:2px; display:block; background:url(/private/images/openclose.gif) no-repeat 0 0; float:right; width:15px; height:15px; text-decoration:none; margin-right: 10px;} a.openClose:hover { background:url(/private/images/openclose_mo.gif) no-repeat 0 0; } #pakketoverzicht, #pakketoverzicht_top, #pakketoverzicht_content, #pakketoverzicht_bottom { width: 276px; } #pakketoverzicht { background: #eee; } #pakketoverzicht td.verzDescCol { width: 200px; font-size: 11px; } /* Algforms */ #hsGeneralForm fieldset { width: 408px; } #hsGeneralForm .hsLine, #hsGeneralForm .hsLine .fullWidth p, #hsGeneralForm .hsLine .fullWidth, #hsGeneralForm .fullWidthp, #hsGeneralForm .hsErrorBg p{ width: 408px; } #hsGeneralForm .hsBottomButtons { width: 425px; } /* einde Algforms */ /* Rekenformulieren */ #hspakketdiv, #hsformdiv, #hsproductinfodiv { width: 560px; padding: 0; margin: 0; } #hsformdiv { width: 580px; } #hsformdatadiv #hsGeneralForm fieldset { width: 560px; } #hsformdatadiv #hsGeneralForm .hsLine, #hsformdatadiv #hsGeneralForm .fullWidthp, #hsformdatadiv #hsGeneralForm .hsLine .fullWidth p, #hsformdatadiv #hsGeneralForm .hsLine .fullWidth, #hsformdatadiv #hsGeneralForm .hsErrorBg p{ width: 548px; } #hsformdatadiv #hsGeneralForm .hsBottomButtons{ width: 570px; } #hsGeneralForm .samenvattingdiv th.lefttd { width:370px; } #hsGeneralForm .samenvattingdiv th.righttd, #hsGeneralForm .samenvattingdiv td.righttd { width:230px; } /* einde rekenformulieren */ #hsGeneralForm label, #hsGeneralForm span.hsRadioP, #hsGeneralForm span.hsRadioP p, #hsGeneralForm .hsLine .hsPExtra p { width: 180px; min-width: 145px; } #hsGeneralForm span.hsRadioBut, #hsGeneralForm div.hsRadioBut, #hsGeneralForm span.hsRadioBut label, #hsGeneralForm div.euroDiv { width: 160px; } #hsGeneralForm .hsLine .hsRightDiv { width: 180px; } #hsGeneralForm textarea { width: 390px; min-height: 60px; _height: 60px;} #hsGeneralForm input.input_select { width: 100px;} #hsGeneralForm input.hsCheckBox { width: 20px; } /* normale tab */ #hsGeneralForm .hsFaseBut#hsFase1But a, #hsGeneralForm .hsFaseBut#hsFase2But a, #hsGeneralForm .hsFaseBut#hsFase3But a, #hsGeneralForm .hsFaseBut#hsFase4But a, #hsGeneralForm .hsFaseBut#hsFase5But a, #hsGeneralForm .hsFaseBut#hsFase6But a { color: #ccc; } /* hover tab */ #hsGeneralForm .hsFaseBut#hsFase1But a:hover, #hsGeneralForm .hsFaseBut#hsFase2But a:hover, #hsGeneralForm .hsFaseBut#hsFase3But a:hover, #hsGeneralForm .hsFaseBut#hsFase4But a:hover, #hsGeneralForm .hsFaseBut#hsFase5But a:hover, #hsGeneralForm .hsFaseBut#hsFase6But a:hover { color: #000; } /* actieve tab */ #hsGeneralForm .hsFaseButActive#hsFase1But a span, #hsGeneralForm .hsFaseButActive#hsFase2But a span, #hsGeneralForm .hsFaseButActive#hsFase3But a span, #hsGeneralForm .hsFaseButActive#hsFase4But a span, #hsGeneralForm .hsFaseButActive#hsFase5But a span, #hsGeneralForm .hsFaseButActive#hsFase6But a span { color: #000; } /*========================================================================================= ****************************************************************************************** pakketskolom: het winkelmandje *=========================================================================================*/ #pakketoverzicht, #pakketsamenstelling, #pakketoverzicht_top, #pakketoverzicht_content, #pakketoverzicht_bottom { float: left;} #pakketoverzicht h1 { clear: both; margin: 15px 10px 5px 10px; font-size: 18px; line-height: 35px;} #pakketoverzicht p.emptypakketinfo { padding: 10px 10px;} /* pakketnavigatie */ ul#pakketstappen { margin: 10px;} ul#pakketstappen li { width: 100%; height: 25px; font-size: 14px; line-height: 25px; margin-top: 3px; background: #eee url(/private/images/pakketoverzicht_libg.png) no-repeat 0 0;} ul#pakketstappen li.active {font-size: 12px; background: #eee url(/private/images/pakketoverzicht_libg_active.png) no-repeat 0 0;} ul#pakketstappen li a{ color: #000; cursor: hand; text-decoration: underline; font-size: 12px; } ul#pakketstappen li a:hover { color: #000; } ul#pakketstappen li em { padding: 0 10px; } /* einde pakketnavigatie */ /* Tabellen: premies en kortingen */ #pakketsamenstelling table td img{ cursor: hand;} #pakketoverzicht .hsLine, #kortingstabel { margin: 10px; } #pakketoverzicht .po_premie { padding-right: 4px; } #pakketoverzicht #pakketsamenstelling table { margin-left: 9px; } #pakketoverzicht .totaalTabel table { margin-left: 9px; } #pakketoverzicht .totaalTabel .hsLine { padding-left: 2px; } #kortingstabel { padding: 10px; width: 85%; height: 60px; background: #fff; } #pakketoverzicht_content span.po_premie { display: block; width: 60px; height: 14px; text-align: right} #kortingstabel span#centerStaaf { float: left; height: 16px;margin: 5px 0 0 0; background: #464646; } #kortingstabel span#percentageStaaf { display: block; clear: left; font-weight: bold; font-size: 14px; margin: 5px 0 0 0; background: none; color: #363636; } #pakketoverzicht a.afsluiten_button { display: block; float: right; width: 151px; height: 22px; margin: 0 10px 10px 0; *margin: 0 10px 0 0; background: transparent url(/private/images/pp_pakketafsluiten.gif) no-repeat 0 0; text-decoration: none; } #pakketoverzicht a:hover.afsluiten_button { background: transparent url(/private/images/pp_pakketafsluiten_mo.gif) no-repeat 0 0; } /* einde Tabellen: premies en kortingen */ /*========================================================================================= ****************************************************************************************** polis- productenoverzicht *=========================================================================================*/ #hspakketdiv, #hsproductinfodiv { padding: 0 10px; margin-left: 10px;} #hspakketdiv, #hsformdiv, #hsproductinfodiv{ float: left;} #hspakketdiv { padding: 15px; border: 1px solid #ccc; } /***** producten overzicht*****/ #hspakketdiv #meldingwrapper { width: 100%;} #hspakketdiv #linkblock { margin: 10px 0; } #hspakketdiv #linkblock h1 { margin: 10px 0 5px 0; float: left; *float: none; width: 100%;} #hspakketdiv #melding1, #hspakketdiv #melding2, #hspakketdiv #melding3, #hspakketdiv #melding4 { float: left; height: 16px; margin: 5px 15px 0 4px; padding: 2px 0 0 15px; background: transparent url(/private/images/dustbin.gif) no-repeat 0 0;} #hspakketdiv #melding2 { background: transparent url(/private/images/extrainfo.gif) no-repeat 0 0;} #hspakketdiv #melding3 { background: transparent url(/private/images/brochure.gif) no-repeat 0 0;} #hspakketdiv #melding4 { background: transparent url(/private/images/polis.gif) no-repeat 0 0;} #hspakketdiv .rightLink2 a, #hspakketdiv .rightLink4 a, #hspakketdiv .leftLinkA, #hspakketdiv .product_disabled { float: left; display: block; width: 5%; _width: 4%; height: 22px; text-decoration: none;} #hspakketdiv .rightLink2 a { background: transparent url(/private/images/extrainfo.gif) no-repeat 0 0;} #hspakketdiv .rightLink4 a { background: transparent url(/private/images/polis.gif) no-repeat 0 0;} #hspakketdiv .leftLink a { width: 90%; background: transparent url(/private/images/berekenpremie.gif) no-repeat 100% 50%;} #hspakketdiv .leftLink a:hover{ background: transparent url(/private/images/berekenpremie_mo.gif) no-repeat 100% 50%; } #hspakketdiv .leftLink a.product_disabled { float: left; background: none; color: #ccc;} /*========================================================================================= ****************************************************************************************** rekenformulieren *=========================================================================================*/ /************************ ALGEMEEN. WRAPPER/TAGS/CLASSES *************************/ #hsGeneralForm { margin: 0 0 0 20px; padding: 0;} #hsGeneralForm .hsLine div /* zodat de div van de custom-select goed float */ {float: left;} #hsGeneralForm fieldset { float: left; padding: 10px 0 10px 14px; margin: 0 0 3px 0; border: 1px solid #ccc; background-color: #fff; } #hsGeneralForm h2 { clear: both;} #hsformdatadiv #hsGeneralForm .hsLine p.fullWidth, #hsformdatadiv #hsGeneralForm p.fullWidthp { padding: 5px 0;} /************************ NAVIGATIE *************************/ #extrainfo_ul {list-style-type: none; float: right; padding-right: 10px; margin: 10px 0 -15px 0;} #extrainfo_ul li {float: left;} #extrainfo_ul li a {display: block; padding-left: 28px; text-decoration: none;} #extrainfo_ul li a:hover {text-decoration: underline;} #extrainfo_ul li.extrainf a {width: 120px; background: transparent url(/private/images/extrainfo.gif) no-repeat 0 0;} #extrainfo_ul li.brochures a {display: none; width: 95px; background: transparent url(/private/images/brochure.gif) no-repeat 0 0; padding-left: 20px;} #extrainfo_ul li.polisvoorw a { width: 120px; background: transparent url(/private/images/polis.gif) no-repeat 0 0;} #hsGeneralForm ul#hsNav {float: left; width: 100%; margin: 0; padding: 0; position: relative; bottom: -1px;} #hsGeneralForm ul#hsNav li.hsFaseBut { float: left; list-style-type: none; background: transparent url(/private/images/right_tab.gif) no-repeat right bottom; margin: 0; padding: 0;} #hsGeneralForm ul#hsNav li.hsFaseButActive { float: left; list-style-type: none; background: transparent url(/private/images/right_tab_s.gif) no-repeat right bottom; margin: 0; padding: 0;} #hsGeneralForm .hsFaseBut#hsFase1But a, #hsGeneralForm .hsFaseBut#hsFase2But a, #hsGeneralForm .hsFaseBut#hsFase3But a, #hsGeneralForm .hsFaseBut#hsFase4But a, #hsGeneralForm .hsFaseBut#hsFase5But a, #hsGeneralForm .hsFaseBut#hsFase6But a{ display: block; background: transparent url(/private/images/left_tab.gif) no-repeat left bottom; margin: 0 0 0 0; padding: 0 7px; text-decoration: none; font-weight: bold; height: 22px; line-height: 22px; float: left; } #hsGeneralForm .hsFaseBut#hsFase1But a span, #hsGeneralForm .hsFaseBut#hsFase2But a span, #hsGeneralForm .hsFaseBut#hsFase3But a span, #hsGeneralForm .hsFaseBut#hsFase4But a span, #hsGeneralForm .hsFaseBut#hsFase5But a span, #hsGeneralForm .hsFaseBut#hsFase6But a span{ display: block; background: transparent url(/private/images/tab_bg.gif) repeat-x left bottom; margin: 0 0 0 0; padding:0 7px; cursor: pointer; font-weight: bold; height: 22px; line-height: 22px; float: left; } #hsGeneralForm .hsFaseButActive#hsFase1But a, #hsGeneralForm .hsFaseButActive#hsFase2But a, #hsGeneralForm .hsFaseButActive#hsFase3But a, #hsGeneralForm .hsFaseButActive#hsFase4But a, #hsGeneralForm .hsFaseButActive#hsFase5But a, #hsGeneralForm .hsFaseButActive#hsFase6But a{ display: block; background: transparent url(/private/images/left_tab_s.gif) no-repeat left bottom; margin: 0 0 0 0; padding: 0 7px; font-weight: bold; height: 22px; line-height: 22px; text-decoration: none; float: left;} #hsGeneralForm .hsFaseButActive#hsFase1But a span, #hsGeneralForm .hsFaseButActive#hsFase2But a span, #hsGeneralForm .hsFaseButActive#hsFase3But a span, #hsGeneralForm .hsFaseButActive#hsFase4But a span, #hsGeneralForm .hsFaseButActive#hsFase5But a span, #hsGeneralForm .hsFaseButActive#hsFase6But a span { display: block; background: transparent url(/private/images/tab_bg_s.gif) repeat-x left bottom; margin: 0 0 0 0; padding: 0 7px; height: 22px; text-decoration: none; font-weight: bold; height: 22px; line-height: 22px; float: left; } #hsGeneralForm .hsFaseBut#hsFase1But a:hover, #hsGeneralForm .hsFaseBut#hsFase2But a:hover, #hsGeneralForm .hsFaseBut#hsFase3But a:hover, #hsGeneralForm .hsFaseBut#hsFase4But a:hover, #hsGeneralForm .hsFaseBut#hsFase5But a:hover, #hsGeneralForm .hsFaseBut#hsFase6But a:hover { text-decoration: none;} /******************************* HSLINE STYLES ************************************/ #hsGeneralForm .hsLine { float: left; _float: none; /* voor ie6, als float dan duplicate character bug */ _clear: left;/* voor ie6 */ margin: 0 0 5px 0;} #hsGeneralForm p.header, #hsGeneralForm .hsLine p.header {font-size: 12px; line-height: 18px; font-weight: bold; margin-top: 10px; margin-bottom: 5px; } #hsGeneralForm .hsErrorBg p, #hsGeneralForm .hsLine p { margin: 0; padding: 0; float: left;} #hsGeneralForm .hsErrorBg p{ font-weight: bold; color: red;} #hsGeneralForm label.hsLblE { color: red} #hsGeneralForm label, #hsGeneralForm span.hsRadioP, #hsGeneralForm .hsLine .hsRightDiv p, #hsGeneralForm .hsLine .hsPExtra p { margin: 0; padding: 0;} #hsGeneralForm input.hsCheckBox { border: none; } #hsGeneralForm textarea { height: 90px; clear: left; margin-bottom: 10px; margin-left: 0;} /**************************** SELECTS ********************************/ #hsGeneralForm span.selectbox_right { display: block; float: left; margin-left: -1px; margin-right: 4px; height: 18px; border: 1px solid #a5acb2; border-left: none; } #hsGeneralForm select { margin: 0; font-size: 11px; border: 1px solid #a5acb2; } #hsGeneralForm input.input_select, #hsGeneralForm input.hsInput, #hsGeneralForm input.smaller, #hsGeneralForm input.smallest, #hsGeneralForm input.bigger, #hsGeneralForm input.biggest { float: left;} #hsGeneralForm .smaller, #hsGeneralForm input.smaller { width: 100px; } #hsGeneralForm .smallest, #hsGeneralForm input.smallest { width: 50px;} #hsGeneralForm .bigger, #hsGeneralForm select.bigger { width: 200px;} #hsGeneralForm .biggest, #hsGeneralForm select.biggest { width: 320px;} /**************** RADIOS ****************/ #hsGeneralForm label { float: left; color: #333; margin: 0; padding: 0 0 4px 0; display: block;} #hsGeneralForm #hsFase2Div span.hsRadioP p { float: left; width: 548px; display: block;} #hsGeneralForm #hsFase2Div .hsRadioBut { clear: both;} #hsGeneralForm input, #hsGeneralForm textarea { _float: left; margin: 0; padding: 2px 0 0 3px; color: #333; font-size: 11px; height: 16px; border: 1px solid #a5acb2;} #hsGeneralForm textarea { height: 90px; } #hsGeneralForm .hsRadioBut { _float: left; margin: 0; padding: 2px 0 0 3px; color: #333; font-size: 11px; border: 1px solid #a5acb2;} #hsGeneralForm .hsRadioBut { border: none; } #hsGeneralForm span.hsRadioBut { border: none; } #hsGeneralForm .hsRadioP p { float: left; height: auto; _height: 40px; } #hsGeneralForm input.radio { text-align: left; width: 20px; border: none;} /***************** EURO DIV *****************/ #hsGeneralForm div.euroDiv { height: 17px; line-height: 14px; width: 85px; border: #a5acb2 1px solid; padding-left: 2px; background-color: #fff;} #hsGeneralForm div.euroDiv span { text-align: right; display: block; width: 80px; margin-top: -14px; } #hsGeneralForm input.noBorder {float: right; padding-right: 4px; margin-top: -14px; width: 70px; text-align: right; border: none; height: 15px;} #hsGeneralForm span.hsESign { float: left;} #hsGeneralForm span.hsEMon { float: right;} /************************************************ RIGHT DIV - PREMIE VELDEN ************************************************/ #hsGeneralForm .hsLine .hsRightDiv { float: right;} #hsGeneralForm .hsLine .hsRightDiv p.hsPrS { float: right; width: 80px; background: #efefef; border: 1px solid #ccc; padding: 2px; } #hsGeneralForm .hsHintanchor, #hsGeneralForm .hsHintanchorNoPr { float: left; width: 40px; height: 24px; background: transparent url(/private/images/info.gif) no-repeat 4px 0;} #hsGeneralForm #hsPExtraSpan { float: left;} #hsGeneralForm #hsPExtraSpan p { background: #efefef; border: 1px solid #ccc; width: 70px; } #hsGeneralForm .hsSumPr, #hsGeneralForm .hsSumPrMin { display: block; float: right; height: 7px; width: 152px; margin: -2px -1px -7px 0; padding: 0; background: transparent url(/private/images/sumpr.gif) no-repeat 0 0;} #hsGeneralForm .hsSumPrMin { background: transparent url(/private/images/sumprmin.gif) no-repeat 0 0;} /************************************************ BOTTOM BUTTONS ************************************************/ #hsGeneralForm .hsBottomButtons {margin-top: 10px;} #hsGeneralForm .hsBottomButtons a { font-size: 11px; width: 80px; text-align: center; display: block; margin: 0; background: transparent url(/private/images/bottombg_mo.gif) no-repeat 0 0; text-decoration: none; height: 22px; line-height: 22px;} #hsGeneralForm .hsBottomButtons a:hover {display: block; margin: 0; background: transparent url(/private/images/bottombg.gif) no-repeat 0 0; text-decoration: none; color: #000;} #hsGeneralForm .hsBottomButtonsRight {float: right; margin-right: 5px;} #hsGeneralForm .hsBottomButtonsLeft {float: left;} /* afsluitformulieren */ /* Samenvattingsdiv */ #hsGeneralForm .samenvattingdiv td { border: 2px solid #fff;} #hsGeneralForm .samenvattingdiv th.righttd, #hsGeneralForm .samenvattingdiv td.righttd { text-align: right;} #hsGeneralForm .samenvattingdiv tr th { text-align: left; padding: 3px 5px;} #hsGeneralForm .samenvattingdiv tr td { background-color: #efefef; padding: 3px 5px;} #hsGeneralForm .samenvattingdiv { margin-top: 10px;} #hsGeneralForm .samenvattingdiv table { margin: 10px 20px 10px 10px;} #hsGeneralForm .samenvattingdiv ul li { font-weight: bold; font-size: 13px; line-height: 18px; text-align: right; margin-right: 20px; list-style-type: none; } /* afsluiten */ #hsGeneralForm #hsFase4Div .hsLine label.hsLbl{ width: 75%;} #hsGeneralForm #hsFase4Div span.smallMach, #hsGeneralForm #hsFase4Div p.fullWidth{display: block; padding-right: 10px;} /* Onder de formulieren - Extra mededelingen*/ #hsGeneralForm #offertemessage { padding: 0 15px 10px 15px; margin-top: 10px; border: 2px solid #464646; } #hsGeneralForm .verplicht {width: 90%; display: block; margin: 10px 0 0 0; padding: 10px 15px; float: left;} #hsGeneralForm .pakketrule {width: 95%; padding: 5px; margin-bottom: 10px; border: 1px solid #ccc; background: #efefef;} /* extra info teksten */ /* Extra info div */ #hsproductinfodiv a.terug { display: block; padding-bottom: 20px;} #hsproductinfodiv_msg ul li{ padding-left: 20px; background: transparent url(/private/images/arrow.gif) no-repeat 3px 6px;} #hsproductinfodiv_msg ul li ul , #hsproductinfodiv_msg ul li ul li{ padding: 0; background: none;} #hsproductinfodiv_msg .uitvouw {background-color: #efefef; padding: 6px;} /*========================================================================================= ****************************************************************************************** overige classes *=========================================================================================*/ #hsGeneralForm hr {color: #333;} #hsGeneralForm input.button { cursor: hand; padding: 2px 0; height: 20px; font-weight: bold; color: #fff; background-color: #363636; text-align: center; } /* pop up div */ .popupdiv { padding: 20px; border: 1px solid #464646; background-color: #eee; } .popupdiv div { cursor: pointer; position: absolute; top: 3px; right: 3px; width: 17px; height: 17px; background: transparent url(/private/images/close_popup.gif) no-repeat 0 0; } .popupdiv ul, .popupdiv li { list-style: none; padding: 0;} .popupdiv li a { display: block; padding: 3px 0 3px 25px; background: transparent url(/private/images/pdf.gif) no-repeat 0 50%; } /* Hint-box */ #hintbox { position: absolute; visibility: hidden; width: 200px; padding: 10px; z-index:100; border: 1px solid #464646; border-right: 3px solid #464646; border-bottom: 3px solid #464646; background-color: #efefef; } /* UITZONDERINGEN PER FORMULIEREN */ /************************************************ ********* Woonhuis ************** ************************************************/ /* Knopje "bepaal inhoud" */ #hsGeneralForm .uitvouwA a {position: relative;top: 1px;left: 5px;font-weight: bold;color: #fff;padding: 2px 2px 4px 2px;margin-top: 2px;background-color: #363636;text-decoration: none;border: 1px solid #fff;} #hsGeneralForm .uitvouwA a:hover {color: #363636; border: 1px solid #333; text-decoration: none; background-color: #fff;} #hsGeneralForm #uitvouw1 {float: left; position: relative; width: 96%; background-color: #fff;border: 1px solid #333; padding: 5px; margin-top: 5px;margin-bottom: 10px;} #hsGeneralForm .sluitUitvouwA a { display: block; width: 16px; height: 15px; position: absolute; top: 3px; right: 4px; background: transparent url(/private/images/close_popup.gif) no-repeat 0 0;} ul#hsHuizenIcons { margin: 0 8px 0 0; padding: 0; width: 200px; float: right; background-color: #fff;} ul#hsHuizenIcons li { width: 40px; height: 30px; float:left; margin: 0; padding: 0;} ul#hsHuizenIcons li a { float:left; padding: 0; width: 30px; height: 30px;} li#hsHuis0 a { display: block; background: transparent url(/private/images/huis0_small.gif) no-repeat 0 0;} li#hsHuis0 a:hover { background: transparent url(/private/images/huis0_small_mo.gif) no-repeat 0 0;} li#hsHuis1 a { background: transparent url(/private/images/huis2_small.gif) no-repeat 0 0;} li#hsHuis1 a:hover { background: transparent url(/private/images/huis2_small_mo.gif) no-repeat 0 0;} li#hsHuis2 a { background: transparent url(/private/images/huis1_small.gif) no-repeat 0 0;} li#hsHuis2 a:hover { background: transparent url(/private/images/huis1_small_mo.gif) no-repeat 0 0;} .changeHuis_0_0 { background: transparent url(/private/images/huis_0.gif) no-repeat 0 0;} .changeHuis_0_1 { background: transparent url(/private/images/huis_0_h.gif) no-repeat 0 0;} .changeHuis_0_2 { background: transparent url(/private/images/huis_0_l.gif) no-repeat 0 0;} .changeHuis_0_3 { background: transparent url(/private/images/huis_0_b.gif) no-repeat 0 0;} .changeHuis_0_4 { background: transparent url(/private/images/huis_0_hd.gif) no-repeat 0 0;} .changeHuis_1_0 { background: transparent url(/private/images/huis_1.gif) no-repeat 100% 100%;} .changeHuis_1_1 { background: transparent url(/private/images/huis_1_1.gif) no-repeat 100% 100%;} .changeHuis_1_2 { background: transparent url(/private/images/huis_1_2.gif) no-repeat 100% 100%;} .changeHuis_1_3 { background: transparent url(/private/images/huis_1_3.gif) no-repeat 100% 100%;} .changeHuis_1_4 { background: transparent url(/private/images/huis_1_4.gif) no-repeat 100% 100%;} .changeHuis_2_0 { background: transparent url(/private/images/huis_2.gif) no-repeat 100% 100%;} .changeHuis_2_1 { background: transparent url(/private/images/huis_2_1.gif) no-repeat 100% 100%;} .changeHuis_2_2 { background: transparent url(/private/images/huis_2_2.gif) no-repeat 100% 100%;} .changeHuis_2_3 { background: transparent url(/private/images/huis_2_3.gif) no-repeat 100% 100%;} .changeHuis_2_4 { background: transparent url(/private/images/huis_2_4.gif) no-repeat 100% 100%;} #hsGeneralForm #changeHuis { float: right; width: 50%; height: 180px; margin: 0 20px 10px 0;} #hsGeneralForm #gegevensWh { float: left; width: 40%; margin: 0 0 0 5px;} #hsformdatadiv #hsGeneralForm #changeHuis { float: right; width: 35%; height: 180px; margin: 0 20px 10px 0;} #hsformdatadiv #hsGeneralForm #gegevensWh { float: left; width: 60%; margin: 0 0 0 5px;} #gegevensWh label, #gegevensWh p { margin: 0 0 15px 0;} #gegevensWh label, #gegevensWh input { margin: 3px 0 0 0; font-weight: bold;} #hsGeneralForm fieldset p.r_border { font-size: 0.9em; padding-top: 2px; padding-bottom: 2px; }