@charset "utf-8"; /* CSS Document, Company:ISAAC, URL:www.isaac.nl */ *{ margin:0; padding:0;} html{ overflow-y:scroll; /* Dit is nodig bij de mozilla browser die heeft bij kleine content geen scrolbar dit voorkomt verspringen. */ } ul, ol { list-style:none outside none;} fieldset, img { border:medium none; } caption, th { font-weight:normal; text-align:left; } table { border-collapse:collapse; border-spacing:0; } blockquote:before, blockquote:after, q:before, q:after { content:""; } blockquote, q { quotes:"" ""; } /* helpers */ .center { text-align: center;} .clearboth { clear:both; line-height:1px; } .clearspace { clear:both; } .push { clear:both; height:50px; margin:0 auto; width:980px; } .imageright, .imageRight { float: right; margin: 0 0 10px 15px; } .floatright { float:right; } .floatleft { float:left; margin-right: 10px;} .nonoutline { outline: none;} /* class image*/ .oranje { color: #f26722; font-weight: bold;} .belmij { background: transparent url(img/icon_belmij.gif) left 2px no-repeat; padding-left: 15px; } .icon-pdf { background: transparent url(img/icon_pdf.gif) left top no-repeat; padding-left: 17px; margin-right: 10px; } .push { margin: 10px auto; height: 18px; width: 980px; clear: both; } .push220 { margin: 0 auto; height: 220px; width: 180px; clear: both; } .jqRuimte { margin: 0 auto; width: 100%; clear: both; height: 50px; _height: 450px; } /* algemeen */ html, body { text-align: left; font: normal normal normal 12px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif; color:#656565; width: 100%; margin: 0px;} #wrapper { } #wrapper.home { } #wrapper { position:relative; min-height:90%; height:auto !important; height: 90%; } #container { width: 977px; margin:0 auto 0px auto; background: transparent url(img/bg_framework.gif) left 8px repeat-x; } .home #container { background-image: none;} #content { display:block; width: 980px; } input { color: #656565; font: normal normal bold 12px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif; } select { font: normal normal normal 12px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif;color: #656565; border: 1px solid #cccccc; } h1 { font: normal normal normal 18px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif; color: #1b3564; margin:0 0 10px 0; } h2 { font: normal normal normal 14px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif; color: #f26722; margin: 0px 0 10px 0; } h3 { font: normal normal normal 20px/normal 'Lucida', Verdana, 'Bitstream Vera Sans', sans-serif; color:#1b3564; } p { font-size: 12px; margin: 0px 0 10px 0; } blockquote { font-size: 11px; } a { color:#3366cc; text-decoration: underline; } a:hover { color:#3366cc; text-decoration: none; } h2 a { color: #f26722; text-decoration: none;} h2 a:hover { color: #f26722; text-decoration: underline;} a.anchorAFMBannerProof { text-decoration:none; } /* faq */ h4.directaHideNext, h4.hideNext { margin-bottom: 5px; height:20px;line-height:20px; display: block; cursor: pointer; width: 525px; } h4.directaHideNext span, h4.hideNext span { background: transparent url(img/bg_collapse.gif) left 1px no-repeat; padding: 0 0 0 15px; font-size: 12px; color: #3366cc; font-weight:normal; text-decoration: underline; *background-position: left 0px; /*ie6 repair*/} h4.directaHideNext.active span, h4.hideNext.active span{background: transparent url(img/bg_collapse.gif) left -21px no-repeat;font-size: 12px; *background-position: 0px -22px; /*ie6 repair*/ } .directaHideWithHideNext, .hideWithHideNext { margin: 0 0 10px 15px; width: 500px; } /* opmaak-midden */ .opmaak-midden h1 { font-size: 26px; font-weight: bold; } .opmaak-midden h2 { font-size: 16px; font-weight: bold; color: #e55f1c;} .opmaak-midden h3 { font-size: 18px; color: #e55f1c; margin-bottom: 10px; display: block;} .opmaak-midden p strong { color: #1b3564; font-size: 11px;} .opmaak-midden hr { padding:0; display:block; margin: 10px 0 10px 0; clear: both; width: 526px; border:none; height:1px; background: white url(img/bg_hr_grijs.gif) left top repeat-x; } .opmaak-midden hr.linespace { margin: 0px; padding: 0; *position: absolute; clear: both; } .opmaak-midden a.btn_oranje_right, .opmaak-midden a.btn_oranje { background: transparent url(img/btn_oranje_w_212.gif) left top no-repeat; display:block; width: 180px/*180*/; padding: 8px 16px 0px 16px; height: 21px; margin: 0 0 10px 0; } .opmaak-midden a.btn_oranje_right, .opmaak-midden a.btn_oranje { color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center;} .opmaak-midden a.btn_oranje_right { float: right; clear: both;} .opmaak-midden a.btn_blauw_right, .opmaak-midden a.btn_blauw { background: transparent url(img/btn_blauw_w212.gif) left top no-repeat; display:block; width: 180px/*180*/; padding: 8px 16px 0px 16px; height: 21px; margin: 0 0 10px 0; } .opmaak-midden a.btn_blauw_right, .opmaak-midden a.btn_blauw { color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: center;} .opmaak-midden a.btn_blauw_right { float: right; clear: both;} a.btn_oranje_pijl {display:block; background: transparent url(img/btn_oranje_pijl_w212.gif) left top no-repeat; width: 147px; padding: 6px 60px 0px 0; height: 23px; } a.btn_oranje_pijl { color: #FFFFFF; text-decoration: none; font-weight: bold; text-align: right; } .opmaak-midden a.bt_calculator { background: transparent url(img/bt_calculator.jpg) left top no-repeat; padding: 23px 0 0 60px; height: 24px;/*47*/width: 154px;/*214*/ display: block; margin-left: 200px; } .opmaak-midden a.bt_calculator { color: #fff; text-decoration: none; font-weight:bold; } #TB_window a.btn_oranje_pijl { color: #FFFFFF; margin: 0 auto; } .opmaak-midden .grijs { background-color: #eaeaea ; padding: 10px 14px; } /********** - tabs - **********/ .tab { display: block; clear: both; margin: 10px 0; background: transparent url(img/bg_hr_grijs.gif) left 31px repeat-x ; width:526px; height:32px; } .tab .tab-item { float: left; outline: none; margin: 6px 5px 0px 0; background: transparent url(img/bg_tab_active.gif) right 0px no-repeat; padding-right: 3px; } .tab .tab-item span { float: left; outline: none; padding: 4px 12px 6px 15px; color: #3366cc; display: block; background: transparent url(img/bg_tab_active.gif) left 0px no-repeat; } .tab .active { background: #fff url(img/bg_tab_active.gif) right top no-repeat; margin: 0px 5px 0px 0; text-decoration: none;} .tab .active span { background: #fff url(img/bg_tab_active.gif) left top no-repeat; padding: 8px 12px 11px 15px; color: #1b3564; font-weight: bold; text-decoration: none;} .tabContent { display:none;} .tabContent.active {display:block;} /* opsommingen en lijsten */ /*cijfers*/ ul, ol { margin:0 0 10px 0; } ol li { list-style: decimal outside; background-image:none; margin:0; padding:4px 0px; color: #1e3062; margin-left: 24px;} /*lijst*/ ul li { background: transparent url(img/bullit_lijst_blauw.gif) 4px 5px no-repeat; margin: 0; padding: 0 18px; } li.check { background: transparent url(img/bullit_vink_groen_klein.gif) left 3px no-repeat; margin: 0; padding: 4px 18px; list-style: none; } li.cross { background: transparent url(img/bullit_kruis.gif) left 5px no-repeat; margin: 0; padding: 4px 16px; list-style: none; } /* uitzonderingen*/ .banner-tekst ul, .banner-tekst ol {text-decoration: none; font-size: 13px; font-weight: bold;color: #1e3062;} .banner-tekst ul li.cross { padding:4px 24px; font-size: 13px; } .banner-tekst ul li.check { background:transparent url(img/bullit_vink_groen.gif) no-repeat scroll left 6px; padding:4px 24px; font-size: 13px; } .opmaak_1 ul li { color: #2f2f2f; background-image:none; padding:0px; } .opmaak_2 ul li { list-style-type: disc; margin: 0 15px; background:none; padding: 0; } .opmaak_2 ul.pijlen li { background: transparent url(img/ul_pijl.gif) left 3px no-repeat; list-style-type: none; margin: 0; padding: 0 10px; color: #3366cc; text-decoration: underline; } /* end opsommingen */ .img-left { float: left; margin: 0 30px 20px 0; } .img-left-header {float: left; margin: 0 10px 0px 0; } .img-right-header {float: right; margin: 0 0px 0px 10px; } /* main structure */ #header { display: block; text-align: left;background: transparent url(img/bg_hoofd_lijn.gif) left 0px no-repeat; height: 85px; } #header .logo { margin-top: 10px; margin-left: 20px; } #header .navMenu { float: right; width: 692px; } #header .navMenu .search { float: right; margin-top: 20px; width: 310px; text-align: right; padding-right: 22px;} #header .navMenu .search form input.invoer { width: 225px;padding-left: 5px; height: 18px;padding-top: 3px;color: #878787; border: 1px solid #aac6d1; } #header .navMenu .search form input.bt_zoek { width: 66px;border: none; height: 22px; color:#43627f; background: transparent url(img/bt_search.gif) left top no-repeat; *padding-bottom: 0px;} #header .navMenu ul.links { margin-top: 18px; margin-bottom: 24px; width: 350px; } #header .navMenu ul.links li { display: inline; padding: 0 5px; border-left: 1px solid #7f8d9a;background:none;background:none; list-style-type: none; margin: 0; } #header .navMenu ul.links li.first { border-left: 0px solid; color: #7f8d9a;padding-left: 0px; } #header .navMenu ul.links li a { color: #7f8d9a; text-decoration: underline; font-size: 10px; } #header .navMenu ul.links li a:hover { text-decoration: none; } /* menu */ #menu ul { margin: 0; padding: 0; list-style-type: none; width:689px; } #menu ul li { position: relative; display: inline; float: left; background:none;margin: 0; padding: 0; } #menu ul li a { display: block; text-indent: -9999px; outline: none;} /* niveau 1 */ #menu ul li ul { display:none; } #menu ul li ul li a { background-image:none; } #menu ul li ul li { display: list-item; float: none; z-index: 1100; } #menu ul li ul li a:hover { background: #eff9ff; color: #2c65d6; } /* nivea-1 */ #menu ul li ul.nivea-1 {z-index:1100; position: absolute; width:160px; display: block; visibility: visible; border: 1px solid #1B3564;border-top:none;background-color:#fff; margin: 0px; padding: 0px; } #menu ul li ul.nivea-1 li { margin: 0px; padding: 0px; width:160px; display: block; float:none; } #menu ul li ul.nivea-1 li.active a { font-weight: bold; } #menu ul li ul.nivea-1 li a { display: block; margin: 0px; padding: 8px 10px 9px 10px; height:auto; width:auto; background-image: none; text-indent:0px; color:#2e69d1; font-size: 11px; font-weight: normal; text-decoration: none; line-height: 11px; } #menu ul li ul.nivea-1 li a:hover { background-color: #ffe3ce;font-weight: bold;line-height: 11px; font-size: 11px;} /* End */ li#home a { background: transparent url(img/sprite_mainmenu.gif) left top no-repeat; width: 79px; height: 29px; } li#berekenen a { background: transparent url(img/sprite_mainmenu.gif) -79px top no-repeat; width: 106px; height: 29px; } li#leningen a { background: transparent url(img/sprite_mainmenu.gif) -187px top no-repeat; width: 104px; height: 29px; } li#over-directa a { background: transparent url(img/sprite_mainmenu.gif) -291px top no-repeat; width: 136px; height: 29px; } li#alles-over-lenen a { background: transparent url(img/sprite_mainmenu.gif) -427px top no-repeat; width:147px; height: 29px; } li#contact a { background: transparent url(img/sprite_mainmenu.gif) -574px top no-repeat; width: 99px; height: 29px; } li#home.active a { background: transparent url(img/sprite_mainmenu.gif) left -29px no-repeat; } li#berekenen.active a { background: transparent url(img/sprite_mainmenu.gif) -80px -29px no-repeat; } li#leningen.active a{ background: transparent url(img/sprite_mainmenu.gif) -187px -29px no-repeat; } li#over-directa.active a { background: transparent url(img/sprite_mainmenu.gif) -291px -29px no-repeat; } li#alles-over-lenen.active a { background: transparent url(img/sprite_mainmenu.gif) -427px -29px no-repeat; } li#contact.active a { background: transparent url(img/sprite_mainmenu.gif) -574px -29px no-repeat; } #contact .nivea-1 { left: -63px!important; } #kolom_1_kruimelpad { display: block; height: 47px; *height: 44px; margin-top: 6px;} .kruimelpad { display: block; width: 650px; margin: 0 0 0 294px; padding-top: 15px; } .kruimelpad p{ display: inline} .kruimelpad ul{ display: inline; padding-left: 10px;} .kruimelpad ul li{ display: inline; padding: 0 8px 0 12px; background: transparent url(img/bullit_pijl_grijs.gif) left 4px no-repeat; list-style-type: none; margin: 0; } .kruimelpad ul li.first{ background-image: none; padding: 0 8px 0 0px; } .kruimelpad ul li a{ color: #505050; padding: 0; } #breadcrumb { display:inline; } #u-bent-hier { display: inline; } #kolom_3_content { margin: 0;padding: 0;} #kolom_3_content .submenu { float:left; width: 183px; padding-top: 20px; } #kolom_3_content .submenu li { display: block; padding: 15px 0; margin: 0; padding-left: 16px; background-image: none; } #kolom_3_content .submenu li.active { width:186px; padding: 5px 0 0px 0; position:relative; background: transparent url(img/sprite_bg_submenu_w186.gif) left top no-repeat; margin-right: -3px; color: #e55f1c; } #kolom_3_content .submenu li.active a { padding: 10px 0 15px 15px; display:block; color: #e55f1c; background: transparent url(img/sprite_bg_submenu_w186.gif) -186px bottom no-repeat; text-decoration: none; font-weight: bold; outline: none; } #kolom_3_content #inhoud{ margin-top:3px; float:left; background: transparent url(img/bg_inhoud_midden_w570.gif) left top repeat-y; } #kolom_3_content #inhoud .inhoud-midden { float:left; width: 526px;/*570*/ background: transparent url(img/bg_inhoud_midden_bottom_w570.gif) left bottom no-repeat; padding: 20px 20px 20px 24px; } #kolom_3_content #inhoud .inhoud-producten{ } .naarboven {background: transparent url(img/bg_link_naarboven.gif) left top no-repeat ; display: block; position: absolute; margin-top:23px; margin-left: -18px; padding-left: 16px; outline: none; } #kolom_3_content .banner_right{ float:right; padding-top: 20px; width:195px;} #kolom_2_content .banner_right{ float:right; padding-top: 20px;width:195px; } .kol_item_boven { background: #fde4d0 url(img/sprite_bg_banner_right_w195.gif) left top no-repeat; width: 195px; margin-bottom: 12px;} .kol_item_beneden { background: transparent url(img/sprite_bg_banner_right_w195.gif) -195px bottom no-repeat; width: 175px; padding: 10px;} .opmaak_banner h2 { color: #1b3564; font-size: 13px; } .lineheight p { line-height: 20px;} .kol_item_1 .kol_item_boven { float: left;width: 318px; background: #daf1fa url(img/sprite_bg_blauw.gif) left top no-repeat ; } .kol_item_1 .kol_item_beneden { float: left;width: 288px; background: transparent url(img/sprite_bg_blauw.gif) -318px bottom no-repeat; padding: 10px 14px 10px 16px; } .kol_item_1 { float: left;width: 350px; } .kol_item_2 { float: left;width: 250px; } .kol_item_3 {float: left;width: 205px; } .kol_item_4 {float: right; width: 170px; } .opmaak_1 p { font-size: 10px; } .opmaak_1 p.inline { font-size: 12px; } .opmaak_2 h2 { margin: 10px 0 10px 0; } .banner-home { width:977px; height:299px; display:block;margin-top: 20px; margin-bottom: 15px; background: transparent url(img/bg_banner_calculator.gif) left top no-repeat ; } .banner-tekst { width: 286px; height: 210px; float: right; margin: 15px 10px 0 0; padding: 20px 20px 0px 20px; overflow: hidden; } .banner-tekst h2 { font-size: 18px; } .banner-menu { height: 52px; clear: both; } .banner-menu ul { overflow: hidden;zoom:1; } .banner-menu ul li { float: right; padding: 15px 0px 0px 0px; background:none; list-style-type: none; margin: 0; } .banner-menu ul li a { display:block; padding: 12px 32px 10px 32px; background: transparent url(img/bg_fade_menu_btn.gif) left top repeat-x; font-size: 14px; font-weight: bold; color: #3962cb; text-decoration: underline; outline: none; border-left: 1px solid #fae5d2;} .banner-menu ul li a:hover{ text-decoration: none; background: #1B3665 none left top no-repeat; color:#fff; } .banner-menu ul li.last { color: #1c3963; padding: 27px 0px 0px 0px; font-size: 14px; font-weight: bold; margin-right: 30px;} .banner-menu ul li.last a:hover{ border-left: none;} .banner-menu ul li.first a:hover{ background: #1B3665 url('img/menu_bg_first.gif') right top no-repeat; } .banner-menu ul li.first a { background: #1b3665 url(img/menu_bg_first_rose.gif) right top no-repeat; } .banner-menu ul li.first.active { background: transparent url(img/menu_bg_driehoek.gif) center 3px no-repeat ;} .banner-menu ul li.first.active a.first { background: #1b3665 url(img/menu_bg_first.gif) right top no-repeat ; } .banner-menu ul li.active { background: transparent url(img/menu_bg_driehoek.gif) center 3px no-repeat ;} .banner-menu ul li.active a { background-color: #1b3665; background-image:none; color: #fff; text-decoration: none;} /* contact */ #inhoud-2 { display:block;float:left; margin-top:3px; width: 753px; } #inhoud-2 h1 { background: #daf1fa url(img/bg_titel_bottom_.gif) left bottom no-repeat; padding: 15px 0 20px 30px; margin-left: 3px;} #inhoud-2 .subkolom_1 { float:left; margin-bottom:20px; margin-right: 0px; width: 758px;} #inhoud-2 .border { background: transparent url(img/sprite_bg_grijsborder-w758.gif) left top repeat-y; display: inline; } #inhoud-2 .border .subkolom-boven { background: transparent url(img/sprite_bg_grijsborder-w758.gif) -758px top no-repeat;} #inhoud-2 .border .subkolom-onder { background: transparent url(img/sprite_bg_grijsborder-w758.gif) -1516px bottom no-repeat; width: 722px;/*758*/ padding: 18px 10px 10px 18px; padding-left: 24px; } #footer { position:relative; color: #838383; font-size: 11px; height: 60px; width:980px; margin: 0px auto 0px auto; padding: 4px 0 0 0; text-align: left; bottom: 0px; background: transparent url(img/bg_stippel_lijn.gif) left top repeat-x ;} #footer .kol_item_3_1 {float: left;width: 500px; padding-top: 6px; } #footer .kol_item_3_2 {float: left;width: 215px; padding-top: 6px;} #footer .kol_item_3_3 {float: right;width: 265px; } #footer .opmaak_1 ul.links { margin: 0 0 5px 0; } #footer .opmaak_1 ul.links li { display: inline; padding: 0 4px 0 7px; border-left: 1px solid #7f8d9a; background-image: none; } #footer .opmaak_1 ul.links li.first { border-left: 0px solid; color: #8a919d; padding-left: 0px; } #footer .opmaak_1 ul.links li a { color: #8a919d; text-decoration: underline; font-size: 10px; } #footer .opmaak_1 ul.links li a:hover { text-decoration: none; } #footer .opmaak_1 p.copy a { color: #8a919d; text-decoration: none; } #footer .kol_item_3_2 p { margin-bottom: 5px;} /* ballon */ .ballon { width: 488px; background: transparent url(img/sprite_bg_ballon_w488.gif) -976px top repeat-y ; } .ballon .ballon-boven { width: 488px; background: #fff url(img/sprite_bg_ballon_w488.gif) -488px 24px no-repeat; } .ballon .ballon-onder { width: 488px; background: #fff url(img/sprite_bg_ballon_w488.gif) 0px top no-repeat; } .ballon p { margin: 10px 10px 0px 10px; } .ballon .ballon-boven { padding: 8px 0px 8px 0px; text-align: right; } .ballon .ballon-onder { margin: 5px 0 0 0; padding-top: 5px; } .ballon .ballon-onder p { margin: 0px 0px 0 30px; padding-top: 5px; font-style: italic; color: #3366cc; } .banner_right .ballon { width: 184px; background: transparent url(img/sprite_bg_ballon_w184.gif) -368px top repeat-y ; } .banner_right .ballon .ballon-boven { width: 184px; background: #fff url(img/sprite_bg_ballon_w184.gif) -184px 24px no-repeat; } .banner_right .ballon .ballon-onder { width: 184px; background: #fff url(img/sprite_bg_ballon_w184.gif) 0px top no-repeat; } .banner_right .ballon { width: 185px; font-size: 11px;} .banner_right .ballon .ballon-onder { width: 184px; } /* alfabet*/ .link-alfabet { margin-bottom: 20px;} .link-alfabet a { padding: 0px 4px 0px 3px; font-weight: bold; } .alfabet { display: block; } .alfabet tr th { width: 485px;/*499*/ padding: 3px 7px; display: block; background-color: #dcdcdc; color: #1a214b; font-weight: bold; } .alfabet tr td { padding: 10px 0 10px 0;} .alfabet dl dt { width: 135px; float: left; margin: 5px 0; color: #3366cc; padding: 0 5px 0 0;font-size: 10px; } .alfabet dl dd { width: 338px; float: left; margin: 5px 0; } .alfabet dl dd p { font-size: 10px; margin: 0; } .link-blauw { background: transparent url(img/link_pijl_boven_blauw.gif) right top no-repeat ; padding-right: 20px;} /* border kolom */ .kolom_1 { display: block; width: 519px; margin-bottom: 20px; } /* border default*/ .een-border {margin: 0px; display:block; width: 519px; background: transparent url(img/sprite_bg_groot_border_w519.gif) -1038px top repeat-y ; } .een-border .kolom-boven { width: 519px; background: transparent url(img/sprite_bg_groot_border_w519.gif) left top no-repeat;} .een-border .kolom-onder { width: 483px;/*519*/ padding: 18px; background: transparent url(img/sprite_bg_groot_border_w519.gif) -519px bottom no-repeat; } .opmaak-een { } .opmaak-een hr { width:519px;} .opmaak-een p { margin: 0 10px 0 15px; } .opmaak-een p strong { color: #f26722; margin: 0 10px 0 -15px; } .subkolom_1 { width: 243px; float: left; margin-right: 10px; margin-bottom: 20px; } .subkolom_2 { width: 243px; float: right; margin-bottom: 20px; } /* border default*/ .border { background: transparent url(img/sprite_bg_kolom_border_lijn.gif) left top repeat-y; display: inline;} .border .subkolom-boven { background: transparent url(img/sprite_bg_boven_onder.gif) -243px top no-repeat;} .border .subkolom-onder { background: transparent url(img/sprite_bg_boven_onder.gif) left bottom no-repeat; width: 207px;/*243*/ padding: 18px;} .opmaak-rand-1 hr { width:200px;} .subkolom_2 .opmaak-rand-1 hr { width:230px;} /* een koloms tarief */ .dynamische-border { margin-bottom: 20px; } .dynamische-border .boven .boven-links { background: transparent url(img/sprite_bg_dynamisch.gif) left top no-repeat ; } .dynamische-border .boven .boven-rechts { background: transparent url(img/sprite_bg_dynamisch.gif) right top no-repeat ; } .dynamische-border .midden-vertical-left { background: transparent url(img/sprite_dynamische_dot.gif) left top repeat-y ; } .dynamische-border .midden-vertical-rechts {background: transparent url(img/sprite_dynamische_dot.gif) right top repeat-y ; } .dynamische-border .onder .onder-links { background: transparent url(img/sprite_bg_dynamisch.gif) left bottom no-repeat ; } .dynamische-border .onder .onder-rechts { background: transparent url(img/sprite_bg_dynamisch.gif) right bottom no-repeat ; } .dynamische-border .boven .midden-horizon { background: transparent url(img/sprite_dynamische_dot.gif) left top repeat-x ; } .dynamische-border .onder .midden-horizon { background: transparent url(img/sprite_dynamische_dot.gif) left bottom repeat-x ; } .midden-opmaak { padding: 0 8px; vertical-align: top; white-space: nowrap; } .midden-opmaak p { margin: 0 0 0 0; } .dynamische-border .midden-opmaak { padding: 3px;} .dynamische-border h3 { font-size: 11px; color: #1b3564; font-weight: bold; } .dynamische-border h4 { font-size: 11px; color: #3666c8; font-weight: bold; } .groot-border { border-collapse: collapse; display: block; width: 519px; margin-bottom: 20px; } .groot-border tr{ display: block; float: none; margin: 0; padding: 0px; width: 519px; } .groot-border tr td { display: block; float: none; padding: 0 10px;} .border-blauw-boven-w519 { width: 519px; background: transparent url(img/sprite_bg_groot_border_w519.gif) left top no-repeat;} .border-blauw-onder-w519 { width: 519px; background: transparent url(img/sprite_bg_groot_border_w519.gif) -519px bottom no-repeat ;} .border-blauw-opmaak{ margin: 0px 0 0 0; display:block; width: 519px; background: transparent url(img/sprite_bg_groot_border_w519.gif) -1038px top repeat-y ;} .border-blauw-opmaak p { margin: 0 10px 0 15px; } .border-blauw-opmaak p strong { color: #f26722; margin: 0 10px 0 -15px; } .banner-calculator { width: 321px; height: 228px; float: right; margin: 15px 21px 0px 10px; padding:0px; display: inline; } /* genericForm */ .belmijBody { padding: 10px; width: 520px; height: 402px; } .belmijBody h1 {font-size:26px; font-weight:bold;} .belmijBody p { width: 520px; } .belmijBody table.lichtblauw { background-color:#DAF1FA; width: 540px; } .belmijBody table.lichtblauw p { padding: 10px 10px 0px 10px; width: 500px;} .belmijBody #genericForm { margin-top:20px;} .belmijBody #genericForm #genericFormResetButton{ display: none;} #genericForm {line-height:22px;} #genericForm label {position:absolute;width:130px; text-align: right;} #genericForm divclass { display: block;border: 1px solid red;} #genericForm input, #genericForm select, #genericForm textarea { border:1px solid #ACC6D1; margin:1px 1px 1em 150px; width:208px; padding:2px 0; } #genericForm label.invalid { color:#333; height:20px; line-height:20px; margin:2px 0 2px 5px; padding:0 7px 0 10px; width:auto;border: 2px solid red; } #genericForm label.valid { border: none;} #genericForm input.buttons {background:transparent url(img/btn_oranje_pijl_w212.gif) no-repeat scroll left top; border:medium none; display:block; height:29px; padding:0 60px 0 0; width:208px; color: #fff; text-align: right; } #genericForm input.radio2{ border: 0px solid #afadad!important; width: 16px; _height: 16px; *height: 16px; padding: 0;margin: 0px; } #genericForm input.radio { border: 0px solid #afadad!important; width: 16px; _height: 20px; *height: 20px; } #genericForm input.radio { *margin-top: 1px;*vertical-align:bottom; _vertical-align:bottom; _margin-top: -3px; } #radioForm input.radio {width: 14px; float:left; clear: left; height: 16px; margin-right: 8px;line-height: 16px; margin-top: 2px; } #radioForm p.titel { font-weight: bold; margin: 0; padding: 0 0 10px 0; } #radioForm p.nowActive { color:#3366CC; } #radioForm .activeTest { color:#1B3564; } #radioForm .question { padding: 0 0 10px 0;} #radioForm .question label { display: block; padding: 2px 0 2px 0px; line-height: 16px; vertical-align: top; width: 205px; } #radioForm .question label span { float:left; width: 180px; } #radioForm label { display: block; padding: 2px 0 2px 0px; line-height: 16px; vertical-align: top; width: 205px; } #radioForm label span { float:left; width: 180px; } #radioForm input.btn_oranje_pijl {background:transparent url(img/btn_oranje_pijl_w212.gif) no-repeat scroll left top; border:medium none; display:block; height:29px; padding:0 60px 0 0; width:208px; color: #fff; text-align: right; } /* style actie pages. */ #wrapper-actie { position:relative; min-height:100%; height:auto !important; height: 100%; margin: 0; padding: 0px; } #wrapper-actie #container { background: transparent url(img/actie_bg_framework.gif) left 0px repeat-x;} #wrapper-actie #header { float:left; width:980px; background: none; height: auto; } #wrapper-actie #header .logo { margin: 30px 0 34px 0; float: left; width: 180px;} #wrapper-actie #header .titel { float: left; width: 800px;height: 151px; } #wrapper-actie #header .titel img { float: left; } #wrapper-actie #header .titel h1 { float: left; font-size: 30px; margin-top: 35px; } #wrapper-actie #kolom_3_content { float:left; width: 980px; margin-top: -20px; } #wrapper-actie .opmaak-midden h2 { font-size:18px;font-weight:normal;color:#1B3564; } #wrapper-actie a.btn_oranje { background: transparent url(img/btn_oranje_w_195.gif) left top no-repeat; display:block; width: 180px; padding: 6px 8px 0px 8px; height: 23px; margin: 0 0 10px 0; color: #fff; font-size: 13px; font-weight: bold; text-decoration: none; } #wrapper-actie #inhoud .opmaak-midden h1 { font-size: 18px; font-weight: normal;} .leesMeer span { display: block; margin: 8px 0; padding: 0 25px;} .imgIn { height:15px; padding:0 0 2px 25px; width:80px; background:transparent url(img/sprit_plus_min.gif) no-repeat scroll left top;} .imgOut { height:15px; padding:0 0 2px 25px; width:80px; background:transparent url(img/sprit_plus_min.gif) no-repeat scroll left -30px; } .belDirectActie { margin-top: 20px; background: transparent url(img/beldirectActie.gif) left top no-repeat; height: 149px; padding: 0 0 0 15px;} .belDirectActie strong { color:#EC7405; } .belDirectActie a { text-decoration: underline; color: #999; } #wrapper-actie .banner_right ul li { background:transparent url(img/bullit_vink_groen.gif) no-repeat scroll left 6px; margin:0; padding:4px 22px; text-decoration:underline; color: #698fda; text-decoration: none; } #wrapper-actie .actie_opsomming h2 { font-weight:bold; } /* actie pagina carvan keuken auto */ .oneImage { position: relative; } #wrapper-actie #container .oneImage .titel h1 { display: none; } #wrapper-actie #container .oneImage .titel img { position: absolute; left: 0px; } #wrapper-actie #container .oneImage .logo a { position: absolute; left: 0px; position: absolute; left: 20px; z-index: 100; width: 185px; height: 76px;} #wrapper-actie #container .oneImage .logo a img{ display: none;} /* afm -> a tag van a-z */ /*.anchorAFMBannerProof { position: absolute; }*/ /* AFM - hack alleen voor ie6 */ #imgDiv { _margin-right: 2px!important; } /*** zoek ***/ #searchResults { padding-top: 5px; } #searchResults ol { padding: 0px; margin: 0px; list-style-type:none; } #searchResults ol li { background-image: none; width: 524px; list-style-type:none; margin: 0px;padding: 0px; } #searchResults h3 { font-size: 13px; margin: 10px 0px 0px 0px; color: #3366CC; } #searchResults p.resultTekst { display: block; padding-left: 22px; line-height:14px; } #searchResults h3 span {float: left; width: 22px; overflow: hidden; color: #1E3062; } #searchResults h3 a {display: block; width: 500px; overflow: hidden; } .pageNav { position: relative; height: 22px; margin:0; display: block; } .pageNav { *padding-top:5px; } .pageNav span {float: left; width: 80px; } .pageNav span.pageNavNumber { width: 300px; float: left; position: absolute; left: 100px; text-align: center; } .pageNav a.bullit_right { padding-right:10px; width: 80px; text-align:right; background: transparent url(img/bullit_pijl_grijs.html) right 5px no-repeat; float: right; } .pageNav a.bullit_left { padding-left: 10px; background: transparent url(img/bullit_pijl_grijs_left.html) left 5px no-repeat; float: left; } .pageNav a.bullit_left { _position: absolute; } .zoekresultaat { } .zoekresultaat p.zoekresultaat strong { font-size: 12px;} .zoekresultaat hr.linespace { margin: 0 0 5px 0; }