/* reset ------------------------------------------------------------------*/ 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, sub, sup, 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; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 4px; font-size: 9px; } sub { top: 4px; font-size: 9px; } /* general ------------------------------------------------------------------*/ body { font: 12px/16px 'Lucida Sans', Arial, Verdana, sans-serif; color: #606264; } h1 { font-size: 20px; line-height: 24px; color: #fff; } h2 { font-size: 13px; color: #6652a5; } h2.metadescription { margin: 0 0 20px 0; } h3 {} h4 {} ul, ol { margin: 0 0 15px 16px; } p, form { margin: 0 0 15px 0; } a { color: #4F535C; } a:hover { color: #6652a5; } input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; } strong { font-weight: bold; } em { font-style: italic; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display: inline-block; } /* Hide from IE Mac \*/ .clearfix { display: block; } /* End hide from IE Mac */ /* colors --------------------- #606264 gray (body txt) #6652a5 purple #e5e7f6 mauve (background) #ea5f06 orange #436d18 voyage #d8523a vie #625ea5 moto #0c9e9c sante #1068de auto #833b84 habitation */ /* page structure ------------------------------------------------------------------*/ #wrapper { width: 980px; margin: 0px auto; } #header { position: relative; width: 980px; height: 110px; background: url(../images/bg_header.gif) no-repeat; z-index: 90; } #container { position: relative; width: 980px; min-height: 380px; background: url(../images/bg_container.gif) repeat-y; } #sidebar { float: right; width: 185px; padding-top: 60px; } #content { float: left; width: 795px; z-index: 100; padding-top: 10px; } .fullwidth #content { width: 980px; padding-top: 13px; } #wrapper .fullwidth { background: url(../images/bg_fw_container.gif) repeat-y; } #footer { clear: both; width: 980px; } /* header ------------------------------------------------------------------*/ #headerWrapper h1 { font-size: 9px; font-weight: bold; text-align: center; color: #606264; } #logo { position: absolute; top: 15px; left: 65px; width: 126px; height: 55px; } #slogan { position: absolute; top: 27px; right: 180px; width: 560px; margin: 0; font-weight: bold; color: #6652a5; text-align: center; } #partenaires { position: absolute; top:0; left: 854px; width: 124px; height: 100px; margin: 2px 0 0 0; overflow: hidden; } #partenaires p { margin: 0 0 3px 0; } #partenaires a { display: block; } #header_nav { position: absolute; bottom: 5px; left: 0; width: 800px; height: 37px; z-index: 100; } #header_nav ul { float: right; width: auto; height: 25px; margin: 0; padding: 10px 0 0 20px; background: url(../images/bg_hdr_nav_links.png) no-repeat; list-style: none; } #header_nav ul li { float: left; width: auto; } #header_nav ul li a { padding: 0 10px; border-left: #606264 1px solid; font-size: 11px; color: #606264; text-decoration: none; } #header_nav ul li a.first { border: none; } #header_nav ul li a.last { padding-right: 0; } #header_nav ul li.active a, #header_nav ul li a:hover { color: #ea5f06; } #hdr_nav_end { float: right; width: 33px; height: 35px; background: url(../images/bg_hdr_nav_rechts.png) no-repeat; } #path { left: 220px; top: 56px; position: absolute; } /* container ------------------------------------------------------------------*/ #container_top { width: 980px; background: url(../images/bg_container_top.gif) no-repeat; } #container_bottom { width: 980px; height: 27px; background: url(../images/bg_container_bottom.gif) no-repeat; } .fullwidth #container_top { background: url(../images/bg_fw_container_top.gif) no-repeat; } .fullwidth #container_bottom { background: url(../images/bg_fw_container_bottom.gif) no-repeat; } /* sidebar - navigation ------------------------------------------------------------------*/ #navigation { margin: 0; list-style-type: none; list-style-position: outside; } #navigation li { width: 183px; margin: 0 0 4px 0; background: #fff; } #navigation li a { display: block; width: 171px; padding: 2px 2px 2px 10px; background: #fff; font-size: 15px; font-weight: bold; color: #524b74; text-decoration: none; } #navigation li.active a, #navigation li a:hover { background: #524b74; color: #fff; } #navigation ul { margin: 10px 0 0 0; padding: 0 0 10px 0; list-style-type: none; list-style-position: outside; } #navigation ul li { width: 183px; padding: 0; } #navigation ul li a, #navigation li.active li a { display: block; width: 153px; padding: 0 0 0 30px; background: #fff url(../images/nav_bullet.gif) 15px 2px no-repeat; font-size: 12px; color: #606264; font-weight: normal; } #navigation ul li.active a, #navigation ul li a:hover { background: #ea5f06 url(../images/nav_bullet_ho.gif) 15px 2px no-repeat; color: #fff; } /* content ------------------------------------------------------------------*/ #content { position: relative; } h2.metPijl { height: 24px; margin: 0 0 0 30px; padding: 6px 0 0 40px; background: url(../images/pijl.gif) no-repeat; font-size: 23px; font-weight: normal; } #left_content { float: left; width: 480px; } #tout_assur, #conseil_jur { display: block; float: left; width: auto; height: 28px; padding: 5px 0 0 40px; font-size: 15px; text-decoration: none; } #tout_assur { margin: 16px 0 0 40px; background: url(../images/lamp.gif) no-repeat; } #conseil_jur { margin: 16px 0 0 18px; background: url(../images/hamer.gif) no-repeat; } #comparer_top, #epargne_top { width: 470px; height: 34px; margin: 0 0 0 10px; padding: 10px 0 0 0 ; background: url(../images/bg_comparer_top.png) no-repeat; } #comparer_top { margin-top: 10px; } #comparer, #epargne { width: 470px; margin: 0 0 0 10px; background: url(../images/bg_comparer.png) repeat-y; } #epargne { min-height: 115px; } #comparer_bottom, #epargne_bottom { width: 470px; height: 29px; margin: 0 0 0 10px; background: url(../images/bg_comparer_bottom.png) no-repeat; } #group_assurances { margin: 0 0 0 15px; list-style: none; } #group_assurances li { float: left; height: 110px; } #group_assurances li a { display: block; text-indent: -9999px; } #nav_auto { width: 220px; height: 110px; background: url(../images/nav_auto.jpg) left top no-repeat; } #nav_auto:hover { background-position: -220px 0; } #nav_habitat { width: 210px; height: 110px; background: url(../images/nav_habitat.jpg) left top no-repeat; } #nav_habitat:hover { background-position: -210px 0; } #nav_sante { width: 220px; height: 110px; background: url(../images/nav_sante.jpg) left top no-repeat; } #nav_sante:hover { background-position: -220px 0; } #nav_vie { width: 210px; height: 110px; background: url(../images/nav_vie.jpg) left top no-repeat; } #nav_vie:hover { background-position: -210px 0; } #nav_moto { width: 220px; height: 117px; background: url(../images/nav_moto.jpg) left top no-repeat; } #nav_moto:hover { background-position: -220px 0; } #nav_chien { width: 210px; height: 117px; background: url(../images/nav_chien.jpg) left top no-repeat; } #nav_chien:hover { background-position: -210px 0; } /*#nav_voyage { width: 210px; height: 117px; background: url(../images/nav_voyage.jpg) left top no-repeat; } #nav_voyage:hover { background-position: -210px 0; }*/ #epargne { position: relative; } #epargne img { position: absolute; top: 0; left: 328px; width: 94px; height: 132px; } #epargne ul { margin: 0 0 0 84px; padding: 0 0 14px; } #epargne ul li { margin: 0 0 5px 0; list-style: disc; font-size: 15px; } #epargne ul li a { text-decoration: none; } #right_content { float: left; width: 302px; margin: 0 0 0 10px; } #comparaison { margin: 10px 0 0 0; } #comparaison h2 { margin: 0 0 20px 0; font-size: 18px; } #comparaison a { text-decoration: none; } #sfeerbeeld { width: 190px; height: 217px; margin: 20px 0 0 0; background: url(../images/sfeer_01.png) no-repeat; } #service_top { width: 212px; height: 34px; padding: 10px 0 0 90px; background: url(../images/bg_service_top.png) no-repeat; } #service { width: 297px; padding: 0 5px 10px 0; background: url(../images/bg_service.png) repeat-y; } #service_bottom { width: 282px; height: 44px; padding: 0 10px; background: url(../images/bg_service_bottom.png) no-repeat; color: #4c4077; text-align: center; } #service ul { width: 282px; margin: 0 0 0 15px; list-style: none; } #service ul li { width: 262px; margin: 0 0 4px 0; padding: 0 0 0 15px; background: url(../images/double_arrow.gif) 0 5px no-repeat; } #service ul li a { width: 226px; text-decoration: none; } #service ul span { color: #999c9e; } .bottom_block { position: absolute; width: 302px; bottom: 0; right: 5px; } .nowrap { white-space: nowrap; } .blocks { margin: 0 0 10px 0; } /* left content binnenpagina's --------------------------------------------*/ #left_content_binnen { display: inline; float: left; width: 227px; margin: 10px 0 0 10px; } h2.metPijlSmall { height: 20px; margin: 0 0 0 20px; padding: 0 0 0 30px; background: url(../images/pijl_small.gif) no-repeat; font-size: 12px; font-weight: bold; } #left_nav_top { width: 227px; height: 26px; padding: 10px 0 0 0; background: url(../images/bg_left_nav_top.png) no-repeat; } #left_nav { width: 227px; background: url(../images/bg_left_nav.png) repeat-y; } #left_nav_bottom { width: 227px; height: 25px; background: url(../images/bg_left_nav_bottom.png) no-repeat; } /* nav -------------*/ #nav_assurances { margin: 0 0 0 5px; list-style: none; } #nav_assurances li { width: 168px; } #nav_assurances li a { display: block; width: 168px; text-indent: -9999px; } #nav_assurances li.active a { margin-left: 20px; } #left_nav_auto { height: 81px; background: url(../images/left_nav_auto.jpg) left top no-repeat; } #left_nav_auto:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_auto { height: 81px; background: url(../images/left_nav_auto_act.jpg) left top no-repeat; } #left_nav_sante { height: 85px; background: url(../images/left_nav_sante.jpg) left top no-repeat; } #left_nav_sante:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_sante { height: 85px; background: url(../images/left_nav_sante_act.jpg) left top no-repeat; } #left_nav_moto { height: 87px; background: url(../images/left_nav_moto.jpg) left top no-repeat; } #left_nav_moto:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_moto { height: 87px; background: url(../images/left_nav_moto_act.jpg) left top no-repeat; } #left_nav_habitat { height: 78px; background: url(../images/left_nav_habitat.jpg) left top no-repeat; } #left_nav_habitat:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_habitat { height: 78px; background: url(../images/left_nav_habitat_act.jpg) left top no-repeat; } #left_nav_vie { height: 90px; background: url(../images/left_nav_vie.jpg) left top no-repeat; } #left_nav_vie:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_vie { height: 90px; background: url(../images/left_nav_vie_act.jpg) left top no-repeat; } /*#left_nav_voyage { height: 86px; background: url(../images/left_nav_voyage.jpg) left top no-repeat; } #left_nav_voyage:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_voyage { height: 86px; background: url(../images/left_nav_voyage_act.jpg) left top no-repeat; }*/ #left_nav_chien { height: 86px; background: url(../images/left_nav_chien.jpg) left top no-repeat; } #left_nav_chien:hover { background-position: -168px 0; } #nav_assurances li.active #left_nav_voyage { height: 86px; background: url(../images/left_nav_voyage_act.jpg) left top no-repeat; } #left_epargne_top { width: 227px; height: 26px; padding: 10px 0 0 0; background: url(../images/bg_left_nav_top.png) no-repeat; } #left_epargne { width: 227px; background: url(../images/bg_left_nav.png) repeat-y; } #left_epargne_bottom { width: 227px; height: 25px; background: url(../images/bg_left_nav_bottom.png) no-repeat; } #left_epargne ul { margin: 0 0 0 60px; padding: 0 0 2px 0; list-style-position: outside; } #left_epargne ul li { margin: 0 0 2px 0; list-style-type: disc; } #left_epargne ul li a { text-decoration: none; } #top_nav_assurances { margin: 0 0 10px 8px; list-style: none; } #top_nav_assurances li { display: inline; } #top_nav_assurances a { float: left; display: block; height: 47px; text-indent: -9999em; } #top_nav_assurances a:hover, #top_nav_assurances .active a { background-position: 0 -47px; } #top_nav_auto { width: 130px; background: url(../images/top_nav_auto.gif) no-repeat left top; } #top_nav_sante { width: 131px; background: url(../images/top_nav_sante.gif) no-repeat left top; } #top_nav_moto { width: 133px; background: url(../images/top_nav_moto.gif) no-repeat left top; } #top_nav_habitat { width: 132px; background: url(../images/top_nav_habitation.gif) no-repeat left top; } #top_nav_vie { width: 131px; background: url(../images/top_nav_vie.gif) no-repeat left top; } #top_nav_chienchat { width: 133px; background: url(../images/top_nav_chienchat.gif) no-repeat left top; } #top_nav_autres { width: 174px; background: url(../images/top_nav_autres.gif) no-repeat left top; } /* right content binnenpagina's --------------------------------------------*/ #right_content_binnen { display: inline; float: right; width: 542px; margin: 10px 5px 0 0; } #header_content { position: relative; width: 542px; height: 116px; } #header_content img { margin: 0 0 0 40px; height: 96px; } #header_content h1 { position: absolute; bottom: 26px; right: 20px; width: 320px; text-align: right; } #header_content h1 a { font-size: 20px; line-height: 24px; color: #fff; text-decoration: none; } #header_content { background: url(../images/hdr_algemeen.png) no-repeat; } .habitation #header_content { background: url(../images/hdr_habitation.png) no-repeat; } .auto #header_content { background: url(../images/hdr_auto.png) no-repeat; } .moto #header_content { background: url(../images/hdr_moto.png) no-repeat; } .vie #header_content { background: url(../images/hdr_vie.png) no-repeat; } .sante #header_content { background: url(../images/hdr_sante.png) no-repeat; } .chien #header_content { background: url(../images/hdr_chien.png) no-repeat; } .voyage #header_content { background: url(../images/hdr_voyage.png) no-repeat; } #inhoud_bottom { width: 542px; height: 24px; background: url(../images/bg_right_content_binnen_bot.png) no-repeat; } #inhoud { width: 492px; padding: 0 10px 20px 40px; background: url(../images/bg_right_content_binnen.png) repeat-y; } #inhoud img { margin-bottom: 10px; } .normal { margin: 0 30px 0 0; } .img_right { float: right; margin: 0 0 10px 10px; } .img_left { float: left; margin: 0 10px 10px 0; } .bestanden { margin: 0 0 10px 0; } #inhoud .bestanden img { margin: 0 5px 0 0; } #inhoud ul.list_categorie { margin: 0 0 10px 0; list-style: none; } #inhoud ul.list_categorie li { margin: 0 0 4px 0; } #inhoud ul.list_categorie li a { padding: 0 0 0 20px; background: url(../images/bg_li_a.gif) no-repeat; text-decoration: none; } #inhoud ul.list_categorie li a:hover { background: url(../images/bg_li_a_ho.gif) no-repeat; color: #ea5f06; } #inhoud .comp_gratuit li { margin: 0 0 10px 0; font-size: 13px; font-weight: bold; } #sloganBanner { padding: 20px 30px 20px 0; font-size: 15px; line-height: 21px; text-align: center; color: #6652a5; } #sloganBanner strong { font-size: 25px; line-height: 29px; } .habitation #inhoud, .habitation a, .habitation #sloganBanner { color: #6652a5; } .sante #inhoud, .sante a, .sante #sloganBanner { color: #226665; } .voyage #inhoud, .voyage a, .voyage #sloganBanner { color: #325d04; } .auto #inhoud, .auto a, .auto #sloganBanner { color: #074a84; } .moto #inhoud, .moto a, .moto #sloganBanner { color: #454370; } #comparez_assurances { width: 330px; padding: 60px 60px 0 80px; } #comparez_assurances ul { list-style: none; } #comparez_assurances ul li { height: 70px; margin: 0 0 24px 0; } #comparez_assurances ul li a { display: block; padding: 0; background: none; font-size: 13px; font-weight: bold; text-align: center; } #comparez_assurances ul li a:hover { background: none; } #comparez_assurances ul li a strong { font-size: 20px; line-height: 24px; } .ass_automobile { background: url(../images/ass_automobile.jpg) no-repeat; } .ass_moto { background: url(../images/ass_moto.jpg) no-repeat; } .btn { margin-left: 150px; padding: 23px 0; } .btn a { display: block; float: left; width: auto; height: 34px; padding: 10px 0 0 24px; background: url(../images/bg_btn.gif) no-repeat; font-size: 15px; font-weight: bold; color: #fff; text-decoration: none; } .btn span { display: block; float: left; width: 23px; height: 44px; background: url(../images/bg_btn_end.gif) no-repeat; } .habitation .btn a { background: url(../images/bg_btn_habitation.gif) no-repeat; } .habitation .btn span { background: url(../images/bg_btn_end_habitation.gif) no-repeat; } .sante .btn a { background: url(../images/bg_btn_sante.gif) no-repeat; } .sante .btn span { background: url(../images/bg_btn_end_sante.gif) no-repeat; } .voyage .btn a { background: url(../images/bg_btn_voyage.gif) no-repeat; } .voyage .btn span { background: url(../images/bg_btn_end_voyage.gif) no-repeat; } .mappenLijst { margin-left: 0; } .mappenLijst li a { padding: 0 0 0 20px; background: url(../images/bg_li_a.gif) 0 4px no-repeat; } .mappenLijst li a:hover { background: url(../images/bg_li_a_ho.gif) 0 4px no-repeat; color: #EA5F06; } #assuranceTable { width: 974px; margin: 0 auto; border-collapse: separate; } #assuranceTable th { padding: 10px 3px; border-bottom: 3px solid #e5e7f6; border-right: 1px solid #7672b4; background: #8781BD; color: #fff; font-weight: normal; vertical-align: bottom; font-size: 11px; line-height: 13px; } #assuranceTable #rowgroup { border-bottom: 1px solid #7672b4; } #assuranceTable td { width: 61px; padding: 7px 3px; border-right: 1px solid #c8ccea; border-bottom: 1px solid #c8ccea; font-size: 11px; vertical-align: bottom; text-align: center; color: #000; } #assuranceTable .last { border-right: 0; } #assuranceTable .first td { border-top: 3px solid #8781BD; } #assuranceTable .assuranceLogo { width: 80px; text-align: center; } #assurancePict { margin: 0 0 15px 12px; } #assureurDetail { width: 973px; margin: 0 0 0 3px; padding-left: 3px; border-bottom: 1px solid #c8cbea; background: url(../images/bg_assurance_detail.gif) no-repeat; } #assureurDetail li { float: left; width: 171px; min-height: 228px; margin-left: 5px; padding: 0 8px 10px; color: #000; } #assureurDetail #detailAssureur { width: 175px; text-align: center; } #assureurDetail h2 { height: 39px; margin-bottom: 20px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; line-height: 39px; } #assureurDetail span { margin-right: 5px; } #detailPerformance span { margin-right: 15px; } #detailFrais span { float: left; width: 125px; margin: 0; } #assureurLinks { margin: 0 3px 0 3px; } #assureurLinks li { padding: 20px 34px; border-bottom: 1px solid #c8cbea; font-size: 14px; } #assureurLinks a { color: #000; } #detailContacter h2 { margin-bottom: 5px; } #detailContacter a { display: block; width: 148px; height: 49px; margin: 5px auto 0 auto; text-indent: -9999em; } .etudierLink { background: url(../images/etudier_1.png) no-repeat; } .etudierLink:hover { background: url(../images/etudier_2.png) no-repeat; } .documentationLink { background: url(../images/souscrire_1.png) no-repeat; } .documentationLink:hover { background: url(../images/souscrire_2.png) no-repeat; } .parlerLink { background: url(../images/parler_1.png) no-repeat; } .parlerLink:hover { background: url(../images/parler_2.png) no-repeat; } .rencontrerLink { background: url(../images/rencontrer_1.png) no-repeat; } .rencontrerLink:hover { background: url(../images/rencontrer_2.png) no-repeat; } #personnalisez { width: 974px; margin-left: 3px; } #personnalisez h1 { margin-bottom: 4px; background: #78C3BA; color: #fff; font-size: 15px; text-align: center; } #trackers { background: #78C3BA url(../images/bg_trackers.gif) repeat-y; } #trackInfo { float: left; width: 150px; margin-top: 50px; color: #fff; text-align: center; } #trackers table { width: 668px; } #trackers th { padding: 5px; color: #fff; font-weight: normal; vertical-align: middle; text-align: right; } #trackers #header1 { width: 120px; } #trackers #header2 { width: 108px; text-align: center; } #trackers #header3 { width: 77px; text-align: left; } #trackers #header4 { width: 61px; text-align: left; } #trackers #header5 { width: 112px; text-align: left; } #trackers .trackLine { width: 115px; padding-right: 20px; } .track { width: 528px; height: 22px; background: transparent url(../images/bg_track.png) no-repeat 0 3px; } .handle { width: 9px; height: 22px; } .handle img { float: left; } #bestOffers h2 { padding: 12px 30px; color: #000; font-size: 14px; font-weight: normal; } #bestOffers h2 span { float: left; } #bestOffers h2 a { float: right; font-style: italic; color: #F15A24; } #bestOffersOverview { width: 974px; margin: 0 0 0 3px; background: url(../images/bg_best_offers.png) no-repeat; } #bestOffersOverview th { width: 191px; padding: 0 5px 0 7px; text-align: center; vertical-align: middle; color: #000; } #bestOffersOverview td { width: 187px; padding: 0 5px 0 0; text-align: center; vertical-align: middle; color: #000; } #bestOffersOverview .last { padding: 0 7px 0 0; } #bestOffersOverview #assureurImg td { height: 94px; padding-top: 10px; vertical-align: top; } #assurancesName td { height: 50px; font-size: 14px; } #actionLinks a { display: block; width: 148px; height: 54px; margin: 5px auto 0 auto; text-indent: -9999em; } #garanties td { padding: 10px 0; border-top: 2px solid #c9d0eb; } #garanties td a { text-decoration: none; font-size: 14px; } #offerPrice td { height: 50px; color: #F15A24; font-size: 24px; font-weight: bold; } #otherInfo { width: 974px; margin: 0 0 0 3px; } #otherInfo li { margin-bottom: 4px; } #otherInfo a { display: block; height: 30px; padding-left: 36px; background: #78C3BA url(../images/bg_open.png) no-repeat 5px 5px; color: #fff; line-height: 30px; text-decoration: none; } #otherInfo table { margin: 4px 0 0 0; } #otherInfo td, #otherInfo th { padding: 5px 5px 5px 7px; border-right: 1px solid #c8cceb; border-bottom: 1px solid #c8cceb; vertical-align: middle; } #otherInfo th { width: 162px; padding-left: 36px; color: #000; text-align: left; } #otherInfo td { width: 187px; text-align: center; } #otherInfo .lastcol { padding: 0 7px 0 0; border-right: 0; } #otherInfo .lastrow th, #otherInfo .lastrow td { border-bottom: 0; } #yourData { min-height: 380px; padding: 20px; } #yourData div { margin-bottom: 5px; } #yourData label { clear: left; float: left; width: 100px; } #yourData input { width: 250px; } #yourData .submitbutton { width: auto; margin-left: 100px; } #lbContent form { margin: 3px 0; } .lbAction { display: block; margin: 3px; padding: 2px; background: #222; color: #fff; text-align: center; } .lbAction:hover { color: #ccc; } /* external ------------- */ .external #header_content { position: relative; width: 720px; height: 116px; } .external #header_content { background: url(../images/hdr_algemeen_extern.png) no-repeat; } .external .habitation #header_content { background: url(../images/hdr_habitation_extern.png) no-repeat; } .external .auto #header_content { background: url(../images/hdr_auto_extern.png) no-repeat; } .external .moto #header_content { background: url(../images/hdr_moto_extern.png) no-repeat; } .external .vie #header_content { background: url(../images/hdr_vie_extern.png) no-repeat; } .external .sante #header_content { background: url(../images/hdr_sante_extern.png) no-repeat; } .external .voyage #header_content { background: url(../images/hdr_voyage_extern.png) no-repeat; } #content.external { width: 980px; } .external #right_content_binnen { float: left; margin-left: 11px; width: 695px; } .external #inhoud { position: relative; top:-20px; left: 0; width: 670px; padding-top: 20px; background: url(../images/bg_right_content_binnen_extern.gif) repeat-y; } .external #inhoud_bottom { position: relative; top: -20px; width: 720px; height: 24px; background: url(../images/bg_right_content_binnen_bot_extern.png) no-repeat; } /* forms ------------ */ fieldset { width: 470px; border: #606264 1px solid; } .contactform, #loginform { margin: 25px 0; } .contactform div, #loginform div { margin-bottom: 5px; } .contactform label { clear: left; float: left; width: 70px; } #loginform label { clear: left; float: left; width: 100px; } .contactform input, #loginform input { width: 250px; } .contactform .submitBtn input { width: auto; } #loginform input.btn_submit { width: auto; margin-left: 100px; } .error { color: #EA5F06; } #verstuurd #info_assureur { margin: 10px 0 0 0; } #verstuurd #info_assureur img { float: left; margin: 0 10px 0 0; } /* formtool ------------ */ #pageNumbers { padding-right: 10px; text-align: right; } .ftlForm table { width: 472px; } .ftlForm p, #inhoud .ftlForm p img { margin: 0; } .ftlForm td, .ftlForm th { padding: 0 5px 5px 0; text-align: left; } .ftlForm th { font-weight: bold; } .ftlForm option { padding-right: 5px; } .ftlForm .textfield input, .ftlForm .zipcode input { width: 270px; } .ftlForm .textarea th { vertical-align: top; } .ftlForm .textarea textarea { width: 270px; } #formbuttonsBottom { padding-left: 200px; } #formbuttonsBottom input { margin: 2px 10px 0 0; padding: 5px; border: 1px solid #b7b8b7; background: #b7b8b7 url(../images/bg_secondaryaction.gif) repeat-x; font-weight: bold; cursor: pointer; } #formbuttonsBottom input.submitButton, #formbuttonsBottom input.forwardButton { border: 1px solid #d6d3f0; background: #d6d3f0 url(../images/bg_primaryaction.gif) repeat-x; } #formbuttonsBottom p { padding-top: 10px; } div.auto_complete { border: 1px solid #eee; background-color: #E5E7F6; font-size: 10px; color: black; } ul.autocompletelist { margin: 0; padding: 0; list-style-type: none; } ul.autocompletelist li { padding: 5px; cursor: pointer; font-variant: small-caps; font-size: 10px; } ul.autocompletelist li.selected { background-color: #d6d3f0; } ul.autocompletelist li img.listimage { margin-right: 8px; } .ftlForm small { font-size: 10px; } #FormElementPreview div h1, .ftlForm h1 { margin: 10px 0; font-size: 18px; font-weight: normal; color: #074A84; } #FormElementPreview div h2, .ftlForm h2 { margin: 10px 0; font-size: 16px; border-bottom: 1px solid #074A84; color: #074A84; } #FormElementPreview div h3, .ftlForm h3 { margin: 10px 0; font-size: 14px; } #FormElementPreview div h4, .ftlForm h4 { margin: 10px 0; font-size: 13px; font-style:italic; } #FormElementPreview div h5, .ftlForm h5 { margin: 5px 0; font-size: 12px; font-weight: normal; letter-spacing: 1px; } #FormElementPreview div h6, .ftlForm h6 { margin: 5px 0; font-size: 12px; font-weight: normal; color: #AAA; } /* FAQ ---------*/ #inhoud #faq_nav { width: 492px; padding-top: 20px; margin-bottom: 50px; list-style: none; } #inhoud #faq_nav li { float: left; width: auto; } #inhoud #faq_nav li a { padding: 0 10px; background: none; border-left:1px solid #606264; color:#606264; } #inhoud #faq_nav li.active a, #inhoud #faq_nav li a:hover { background: none; color:#EA5F06; } #inhoud #faq_nav li a.first { padding-left: 0; border: none; } a.faq_link_auto { display: block; width: 472px; height: 23px; margin: 20px 0 0 0 ; padding: 2px 0 0 0; background: url(../images/bg_faq_link_auto.gif) no-repeat; color: #382181; font-weight: bold; text-align: center; text-decoration: none; } a.faq_link_auto:hover { color: #fff; } /* lexique ------------ */ #inhoud #lexique_nav { width: 492px; padding-top: 20px; margin-bottom: 50px; list-style: none; } #inhoud #lexique_nav li { float: left; width: 15px; height: 15px; margin: 0 3px 0 0; } #inhoud #lexique_nav li a { display: block; padding: 0; background: #e5e7f6; text-align: center; text-transform: uppercase; } #inhoud #lexique_nav li.active a, #inhoud #lexique_nav li a:hover { background: #6652a5; color: #fff; } dl { padding: 0 20px 0 0; } dt { padding: 0 0 0 10px; background: url(../images/bg_dt.gif) 0 8px no-repeat; font-weight: bold; font-size: 13px; color: #6652a5; } dd { margin: 0 0 10px 0; } /* sitemap ------------ */ #sitemap ul li a { padding: 0 0 0 20px; background: url(../images/bg_li_a.gif) 0 4px no-repeat; font-size: 16px; font-weight: bold; color: #524B74; } #sitemap ul li a:hover { background: url(../images/bg_li_a_ho.gif) 0 4px no-repeat; color: #EA5F06; } #sitemap ul ul { list-style-type: square; } #sitemap ul ul li a { padding: 0; background: none; font-size: 14px; font-weight: normal; color: #6652A5; } #sitemap ul ul li a:hover { background: none; } #sitemap ul ul ul { list-style-type: disc; } #sitemap ul ul ul li a { padding: 0; background: none; font-size: 12px; font-weight: normal; color: #606264; } #sitemap ul ul ul ul { list-style-type: circle; } /* footer ------------------------------------------------------------------*/ #footerLinks_top { width: 951px; height: 20px; margin: 10px 0 0 10px; background: url(../images/bg_footerLinks_top.png) no-repeat; } #footerLinks { width: 921px; margin: 0 0 0 10px; padding: 0 0 0 30px; background: url(../images/bg_footerLinks.png) repeat-y; } #footerLinks_bottom { width: 951px; height: 23px; margin: 0 0 0 10px; background: url(../images/bg_footerLinks_bottom.png) no-repeat; } #footerLinks #links_bottom { margin: 15px 0 0 0; } #footerLinks #links_top div, #footerLinks #links_bottom div { float: left; width: 300px; } #footerLinks h2 { font-size: 15px; font-weight: bold; } #l_auto h2 { color: #5752ba; } #l_habitat h2 { color: #c069a4; } #l_sante h2 { color: #41acaa; } #l_vie h2 { color:#eb5f45; } #l_voyage { color: #65af18; } #l_autr { color: #606264; } #footerLinks ul { margin: 0; list-style: none; } #footerLinks ul a { text-decoration: none; } #footer p { margin: 0 0 0 20px; } #footer a { font-size: 9px; } /* extranet ------------------------------------------------------------------*/ #extranet_content .btn { margin: 0; padding: 0; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } #preslider { position: fixed; top:50%; left:50%; width: 980px; height: 208px; margin:-104px 0 0 -490px; background:#FFFFFF; border:#ddd 1px solid; z-index:9999; } #preslider #form { margin: 3px 0; } #preslider #closeSlider { width: 974px; height: 16px; margin: 3px 0 0 3px; background: #222; border: none; color: #fff; cursor: pointer; } #overlaybackground{ position:absolute; width:100%; height:100%; background-color:grey; z-index:100; opacity:0.6; display:none; } #beforeHealthFormSliders { position: relative; margin-left: -33px; margin-bottom: 20px; } #beforeHealthFormSliders #personnalisez { width: 522px; } #beforeHealthFormSliders #personnalisez h1 { font-size: 12px; } #beforeHealthFormSliders #trackers table { width: 414px; } #beforeHealthFormSliders #trackers { background: #78C3BA url(../images/bg_trackers_small.gif) repeat-y; } #beforeHealthFormSliders .track { width: 330px; background: transparent url(../images/bg_track_small.png) no-repeat 0 3px; } #beforeHealthFormSliders #trackInfo { width: 105px; font-size: 11px; } #beforeHealthFormSliders #trackers #header1, #beforeHealthFormSliders #trackers #header2, #beforeHealthFormSliders #trackers #header3, #beforeHealthFormSliders #trackers #header4, #beforeHealthFormSliders #trackers #header5 { padding: 0 2px 0 0; font-size: 10px; } #beforeHealthFormSliders #trackers #header1 { width: 90px; } #beforeHealthFormSliders #trackers #header2 { width: 70px; } #beforeHealthFormSliders #trackers #header3 { } #beforeHealthFormSliders #trackers #header4 { } #beforeHealthFormSliders #trackers #header5 { } #beforeHealthFormSliders #trackers .trackLine { width: 80px; padding: 0 2px 0 0; font-size: 11px; } #beforeHealthFormSliders .handle img { margin: 0 0 2px 0; }