/* 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 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; } /* general ------------------------------------------------------------------*/ body { font: 12px/17px Verdana, Arial, sans-serif; font-weight: normal; color: #666666; } h1 { margin: 0 0 10px 0; padding: 0 0 5px 0; border-bottom: #8cc63f 1px solid; font-size: 24px; line-height: 30px; font-weight: bold; color: #8cc63f; } h2 { font-size: 14px; font-weight: bold; color: #75a132; } ul, ol { margin: 0 0 14px 16px; } ul { margin: 0 0 14px 16px; list-style: disc; } ol { margin: 0 0 14px 0; padding: 0 0 0 25px; list-style: decimal; } p, form { margin: 0 0 14px 0; } a { color: #666; } a:hover { color: #430100; } input, textarea, select { font-size: 11px; font-family: Arial, sans-serif; color: #4F535C; } strong { font-weight: bold; } em { font-style: italic; } fieldset { margin: 0 0 14px 0; padding: 14px; border: #5d8f1b 1px solid; } legend { padding: 0 14px; font-size: 10px; color: #8cc63f; } sup, sub { vertical-align: 0; position: relative; } sup { bottom: 4px; font-size: 9px; } sub { top: 4px; font-size: 9px; } .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 */ /* page structure ------------------------------------------------------------------*/ #wrapper { width: 950px; margin: 0 auto; } #header { position: relative; width: 950px; height: 167px; background: url(/images/hdr_algemeen.jpg) no-repeat; } .be #header { background: url(/images/hdr_algemeen_nl.jpg) no-repeat; } #wrap_nav_content { position: relative; width: 950px; padding: 0 0 3px 0; background: url(/images/bg_wrap_nav_content.gif) bottom left no-repeat; } #sidebar { float: left; width: 225px; margin: 0 5px 0 0; padding: 0 0 100px 0; } #sidebar.width_loginOpen { padding: 0 0 180px 0; } #content { position: relative; float: left; width: 720px; padding: 0 0 30px 0; } #footer { position: relative; clear: both; width: 950px; } /* header ------------------------------------------------------------------*/ #body_effects_health #header { background: url(/images/hdr_effects_health.jpg) no-repeat; } #body_effects_health .be #header { background: url(/images/hdr_effects_health_nl.jpg) no-repeat; } #body_how_acticoa_works #header { background: url(/images/hdr_how_acticoa.jpg) no-repeat; } #body_how_acticoa_works .be #header { background: url(/images/hdr_how_acticoa_nl.jpg) no-repeat; } #body_products_market #header { background: url(/images/hdr_market.jpg) no-repeat; } #body_products_market .be #header { background: url(/images/hdr_market_nl.jpg) no-repeat; } #body_health #header { background: url(/images/hdr_healthmeter.jpg) no-repeat; } #body_health .be #header { background: url(/images/hdr_healthmeter_nl.jpg) no-repeat; } #body_forum #header { background: url(/images/hdr_forum.jpg) no-repeat; } #body_forum .be #header { background: url(/images/hdr_forum_nl.jpg) no-repeat; } #body_product_comparison #header { background: url(/images/hdr_prod_comp.jpg) no-repeat; } #body_product_comparison .be #header { background: url(/images/hdr_prod_comp_nl.jpg) no-repeat; } #body_my_acticoa .be #header { background: url(/images/hdr_mijn_acticoa_nl.jpg) no-repeat; } #header #logo { display: block; position: absolute; width: 126px; height: 132px; top: 8px; left: 53px; } #header #logo img { width: 126px; height: 132px; } #header #claims { position: absolute; top: 0; left: 295px;} #header img#sfeerImage { position: absolute; width: 146px; height: 116px; top: 0; right: 0; display: block; overflow: hidden; } #rightimg_bottom { position: absolute; width: 146px; height: 62px; top: 105px; right: 0; background: url(/images/hdr_rightimg_bottom.png) no-repeat; } /* navigation ------------------------------------------------------------------*/ #navigation { width: 225px; background: url(/images/bg_navigation.gif) repeat-y; } #navigation ul { margin: 0 0 0 20px; list-style: none; } #navigation ul li { width: 178px; margin: 0 0 1px 0; padding: 3px 0 4px 12px; border-bottom: #c2c2c2 1px solid; } #navigation ul li#mijnacticoa { background: url(/images/bg_nav_li_rood.gif) repeat-y; border-bottom: none; } #navigation ul li#effects { background: url(/images/bg_nav_li_groen.gif) repeat-y; border-bottom: none; } #navigation ul li#how { background: url(/images/bg_nav_li_oranje.gif) repeat-y; border-bottom: none; } #navigation ul li a { display: block; width: 178px; color: #2f500a; text-decoration: none; } #navigation ul li#mijnacticoa a { color: #ecb1ad; } #navigation ul li.active a, #navigation ul li a:hover { font-weight: bold; } #navigation ul li.width_subnav a { color: #401200; } #navigation ul ul { margin: 0; } #navigation ul ul li { width: 178px; padding: 0px; border-bottom: none; } #navigation ul ul li a { width: 168px; padding: 0 0 0 10px; background: url(/images/bg_nav_a_square_witgroen.gif) 0 6px no-repeat; } #navigation ul li.active ul li a { font-weight: normal; } #navigation ul li.active ul li a:hover, #navigation ul li.active ul li.active a { font-weight: bold; } #navigation ul li#effects ul li a { background: url(/images/bg_nav_a_square_groen.gif) 0 6px no-repeat; color: #2f500a; } #navigation ul li#how ul li a { background: url(/images/bg_nav_a_square_oranje.gif) 0 6px no-repeat; color: #5c4a15; } #navigation ul li#mijnacticoa ul li a { background: url(/images/bg_nav_a_square_rood.gif) 0 6px no-repeat; color: #fff; } #navigtion_bottom { width: 225px; height: 20px; background: url(/images/bg_navigation_bottom.gif) no-repeat; } /* login ------------------------------------------------------------------*/ #login { position: absolute; width: 225px; /*height: 76px;*/ height: auto; bottom: 20px; left: 0; background: url(/images/bg_loginOpen.gif) repeat-y; } /*#login.loginOpen { height: auto; background: url(/images/bg_loginOpen.gif) repeat-y; }*/ #login_top { position: absolute; top: 0; left: 0; width: 225px; height: 7px; background: url(/images/bg_loginOpen_top.gif) no-repeat; } #login_bottom { width: 225px; height: 53px; background: url(/images/bg_loginOpen_bottom.gif) no-repeat; } #login a { display: block; width: 120px; margin: 2px 0 0 0; font-size: 11px; color: #7e7e7e; } #login a#open_login { display: block; width: 193px; padding: 7px 0 0 20px; font-size: 12px; font-weight: bold; text-align: center; color: #ec1c24; text-decoration: none; } #login #logo_barry_loggin { width: 225px; } #logo_barry_loggin img { margin: 18px 0 0 32px; } /*.loginOpen #logo_barry_loggin img { margin-left: 32px; }*/ #login a#forgot_password { float: left; } #login form { width: 172px; margin: 5px 0 0 32px; } #login form div { margin: 0 0 2px 0; vertical-align: middle; } #login label { float: left; width: 65px; font-size: 11px; color: #7e7e7e; } #login input { width: 100px; height: 16px; border: #fff 1px solid; background: #ebebeb; } #login button { float: right; width: 50px; margin: 2px 0 0 0; padding: 0; background: none; border: none; font-size: 11px; text-align: right; color: #7e7e7e; text-decoration: underline; cursor: pointer; } #login #logout { margin: 0 0 0 32px; } h2#forgotpw { margin-bottom: 17px; } /* content ------------------------------------------------------------------*/ /* #content_nav { margin: 5px 0 0 0; margin: 0 0 0 70px; padding: 0 0 40px 142px; background: url(/images/bg_contentnav_nl.gif) no-repeat; list-style: none; } .com .nl #content_nav, .com .fr #content_nav { padding-left: 218px; background: url(/images/bg_contentnav_com.gif) no-repeat; }*/ #content_nav { margin: 5px 0 0 0; /*margin: 0 0 0 70px;*/ padding: 0 0 40px 142px; background: url(/images/bg_contentnav_nl.gif) no-repeat; list-style: none; } .com #content_nav { padding-left: 218px; background: url(/images/bg_contentnav_com.gif) no-repeat; } #content_nav li { float: left; width: 136px; height: 75px; margin: 0 13px 0 0; } #content_nav li a { display: block; width: 136px; height: 75px; font-size: 13px; text-indent: -9999px; } #content_nav li#healthmeter a { height: 27px; padding-top: 48px; background: url(/images/bg_contNav_healthmeter.gif) no-repeat; color: #fff; } #content_nav li#healthmeter a:hover { background-position: 0 -74px; } #content_nav li#prod_comp a { background: url(/images/bg_contNav_prod_comp.gif) no-repeat; } .nl #content_nav li#prod_comp a { background: url(/images/bg_contentnav_prod_comp_nl.gif) no-repeat; } .fr #content_nav li#prod_comp a { background: url(/images/bg_contentnav_prod_comp_fr.gif) no-repeat; } #content_nav li#prod_comp a:hover { background-position: 0 -74px; } #content_nav li#prod_market a { background: url(/images/bg_contNav_prod_market.gif) no-repeat; } .nl #content_nav li#prod_market a { background: url(/images/bg_contentnav_prod_market_nl.gif) no-repeat; } .fr #content_nav li#prod_market a { background: url(/images/bg_contentnav_prod_market_fr.gif) no-repeat; } #content_nav li#prod_market a:hover { background-position: 0 -74px; } #content_nav li#myacticoa a { background: url(/images/bg_contNav_myacticoa.gif) no-repeat; } .nl #content_nav li#myacticoa a { background: url(/images/bg_contentnav_mijn_acticoa_nl.gif) no-repeat; } .fr #content_nav li#myacticoa a { background: url(/images/bg_contentnav_mijn_acticoa_fr.gif) no-repeat; } #content_nav li#myacticoa a:hover { background-position: 0 -74px; } #content_nav li#forum a { height: 27px; padding-top: 48px; background: url(/images/bg_contNav_forum.gif) no-repeat; color: #fff; } #content_nav li#forum a:hover { background-position: 0 -74px; color: #097fc5; } #content_nav_small { position: absolute; top: -40px; right: 0; /*width: 135px;*/ /*width: 90px;*/ margin: 0; list-style: none; } #content_nav_small li { float: left; width: 113px; height: 40px; margin: 0 0 0 5px; } #content_nav_small li#healthmeter { margin: 0; } #content_nav_small li a { display: block; width: 113px; height: 40px; font-size: 11px; text-decoration: none; } #content_nav_small li a:hover { border: none; } #content_nav_small li#healthmeter a { background: url(/images/cont_nav_small_health_temp.gif) no-repeat; color:#666; } #content_nav_small li#healthmeter.active a, #content_nav_small li#healthmeter a:hover { background: url(/images/cont_nav_small_health_temp_ho.gif) no-repeat; color: #d97421; } #content_nav_small li#prod_comp a { background: url(/images/cont_nav_small_prod_comp_text_en.gif) no-repeat; } .nl #content_nav_small li#prod_comp a { background: url(/images/cont_nav_small_prod_comp_text_nl.gif) no-repeat; } .fr #content_nav_small li#prod_comp a { background: url(/images/cont_nav_small_prod_comp_text_fr.gif) no-repeat; } .nl #content_nav_small li#prod_comp.active a, .nl #content_nav_small li#prod_comp a:hover { background: url(/images/cont_nav_small_prod_comp_text_nl_ho.gif) no-repeat; } .fr #content_nav_small li#prod_comp.active a, .fr #content_nav_small li#prod_comp a:hover { background: url(/images/cont_nav_small_prod_comp_text_fr_ho.gif) no-repeat; } #content_nav_small li#prod_comp.active a, #content_nav_small li#prod_comp a:hover { background: url(/images/cont_nav_small_prod_comp_text_en_ho.gif) no-repeat; } #content_nav_small li#prod_market a { background: url(/images/cont_nav_small_prod_market_text_en.gif) no-repeat; } .nl #content_nav_small li#prod_market a { background: url(/images/cont_nav_small_prod_market_text_nl.gif) no-repeat; } .fr #content_nav_small li#prod_market a { background: url(/images/cont_nav_small_prod_market_text_fr.gif) no-repeat; } #content_nav_small li#prod_market.active a, #content_nav_small li#prod_market a:hover { background: url(/images/cont_nav_small_prod_market_text_en_ho.gif) no-repeat; } .nl #content_nav_small li#prod_market.active a, .nl #content_nav_small li#prod_market a:hover { background: url(/images/cont_nav_small_prod_market_text_nl_ho.gif) no-repeat; } .fr #content_nav_small li#prod_market.active a, .fr #content_nav_small li#prod_market a:hover { background: url(/images/cont_nav_small_prod_market_text_fr_ho.gif) no-repeat; } .nl #content_nav_small li#myacticoa a { background: url(/images/cont_nav_small_mijn_acticoa_text_nl.gif) no-repeat; } .fr #content_nav_small li#myacticoa a { background: url(/images/cont_nav_small_mijn_acticoa_text_fr.gif) no-repeat; } .nl #content_nav_small li#myacticoa.active a, .nl #content_nav_small li#myacticoa a:hover { background: url(/images/cont_nav_small_mijn_acticoa_text_nl_ho.gif) no-repeat; } .fr #content_nav_small li#myacticoa.active a, .fr #content_nav_small li#myacticoa a:hover { background: url(/images/cont_nav_small_mijn_acticoa_text_fr_ho.gif) no-repeat; } #content_nav_small li#forum a { background: url(/images/cont_nav_small_forum_text_en.gif) no-repeat; } #content_nav_small li#forum.active a, #content_nav_small li#forum a:hover { background: url(/images/cont_nav_small_forum_text_en_ho.gif) no-repeat; } #content_nav_small li a span { display: none; } #new_product { float: left; width: 245px; } #new_product h2 { width: 245px; height: 38px; margin: 0 0 18px 0; background: url(/images/h2_new_prod.gif) no-repeat; border-bottom: #8cc63f 1px solid; text-indent: -9999px; } .fr #new_product h2 { background-image: url(/images/h2_new_prod_fr.gif); } .nl #new_product h2 { background-image: url(/images/h2_new_prod_nl.gif); } #new_product img { display: block; margin: 0 0 15px 0; } #new_product p { font-style: italic; } #new_product p a { padding: 0 0 0 5px; color: #798641 } #new_product p a:hover { color: #000; } #sfeer_startpagina { float: left; width: 180px; height: 187px; margin: 78px 0 0 20px; background: url(/images/img_sfeer001.jpg) no-repeat; } #highlight { float: right; width: 245px; } #highlight h2 { width: 245px; height: 38px; margin: 0 0 18px 0; background: url(/images/h2_highlight.gif) top right no-repeat; border-bottom: #8cc63f 1px solid; text-indent: -9999px; } #highlight img { display: block; margin: 0 0 15px 0; } #highlight p { font-style: italic; } #highlight p a { padding: 0 0 0 5px; color: #798641 } #highlight p a:hover { color: #000; } #pressClippings { list-style-image: url(/images/faq_li_square.gif);} #pressClippings li { margin-bottom: 4px; } #pressClippings li img { vertical-align: middle; } #movie { text-align: center; } #bannerBar { float: right; width: 265px; text-align: right; } #maContent { float: left; width: 445px; } #maRegistration { clear: both; padding: 15px 0; } #maRegistration h2 { position: absolute; left: 7px; top: -10px; padding: 0 5px; background: #fff; } #maRegister { position: relative; float: left; width: 356px; height: 157px; padding: 12px; background: url(/images/bg_ma_register.jpg) no-repeat; } #maLogin { position: relative; float: right; width: 296px; height: 157px; padding: 12px; background: url(/images/bg_ma_login.jpg) no-repeat; } #loggedIn { position: absolute; top: 12px; right: 0; width: 300px; text-align: right; font-size: 11px; } #loggedIn span { color: #b9201b; } #ranking { margin-top: 14px; } #ranking ol { margin-left: 10px; } #body_my_acticoa #ranking h2 { color: #6a6a6a; } .moreFriendsLink, .statusFriendsLink { display: block; width: 200px; padding: 3px; background: #b9201b; text-align: center; color: #fff; font-size: 12px; text-decoration: none; } .statusFriendsLink { width: 260px; } a:hover.moreFriendsLink, a:hover.statusFriendsLink { color: #fff; } #body_my_acticoa table { width: 720px; margin-bottom: 30px; border-top: 1px solid #bcbcbc; } #body_my_acticoa td { padding: 3px; border-bottom: 1px solid #bcbcbc; } #body_my_acticoa tr.odd td { background: #f8eaea; } #body_my_acticoa td.name { width: 220px; } #body_my_acticoa td.date, #body_my_acticoa td.actie { width: 100px; } #body_my_acticoa td.email { width: 382px; } #lnkMoreInv { clear: left; } #promotions { margin: 0; list-style: none; } #promotions li { margin-bottom: 15px; } #promotions h2 { margin-bottom: 15px; } #printPromotion #printLink1 { border-bottom: 1px solid black;text-align:center; height: 30px; margin-bottom: 20px; } #printPromotion #printLink2 { margin-top: 10px; border-top: 1px solid black;text-align:center; height: 30px; margin-bottom: 20px; } #printPromotion #promo { width: 620px; margin: 0 auto; } .reminderMessage { font-weight: bold } #friendsInfo p { margin: 14px 0 0 0; } /* page -------------*/ .right img { float: right; margin: 5px 0 15px 15px; } .left img { float: left; margin: 0 15px 15px 0; } #content .file a { position: relative; padding-left: 20px; } #content .file a img { position: absolute; left: 0; top: 0; } a.more_in_depth { display: block; width: 180px; padding: 2px; background: #9dbe6e; font-size: 10px; color: #fff; text-align: center; text-decoration: none; } a.more_in_depth:hover { color: #000; } #inDepth { position: relative; margin-top: 14px; padding: 10px; border: 1px solid #9dbe6e; } #inDepth h3 { position: absolute; top: -10px; padding: 0 5px; background: #fff; color: #9dbe6e; font-size: 10px; } #inDepth #closeLink { position: absolute; top: -20px; right: 0; width: auto; padding: 0; background: #fff; color: #9dbe6e; } #inDepth a#closeLink:hover { color: #000; } #body_how_acticoa_works a.more_in_depth { background: #c39322; } #body_how_acticoa_works h1 { border-bottom: 1px solid #deab1d; color: #deab1d; } #body_products_market h1 { border-bottom: 1px solid #deab1d; color: #df2626; } #body_product_comparison h1 { border-bottom: 1px solid #dfbcb8; color: #ae5356; } #body_my_acticoa h1 { border-bottom: 1px solid #c9726b; color: #bb2123; } #body_how_acticoa_works h2 { color: #deab1d; } #body_products_market h2 { color: #df2626; } #body_my_acticoa h2 { color: #bb2123; } #body_how_acticoa_works fieldset { border-color: #deab1d; } #body_how_acticoa_works legend { color: #deab1d; } #body_my_acticoa fieldset { padding: 0; border: 0; } #body_my_acticoa legend { display: none; } #body_my_acticoa form p { margin: 0 0 14px 0; } a.register_btn { display: block; width: 100px; height: 25px; margin: 0 0 10px 0; padding: 4px 0 0 36px; background: url(/images/arrow_down.gif) no-repeat; font-size: 14px; color: #75a132; } a.register_btn:hover { color: #000; } .product_land { font-weight: bold; color: #df2626; } #products_overview { width: 366px; margin: 25px 0 0 0; } .product_detail { float: left; width: 510px; margin: 0 0 13px 0; padding: 0 0 13px 0; border-bottom: #666 1px solid; } #body_products_market .product_detail.new_prod { background: url(/images/bg_new_prod.gif) repeat-y; } .product_detail img { float: left; margin: 5px 13px 13px 0; } #body_products_market .product_detail h2 { font-size: 12px; color: #666; } #body_products_market .product_detail.new_prod h2 { color: #df2626; } #body_products_market .product_detail p { margin: 0; line-height: 16px; } #body_products_market .product_detail a { text-decoration: underline; color: #666; } #body_products_market .product_detail a:hover { color: #df2626; } #landkaart_klein { float: right; width: 172px; margin: 20px 0 0 0; } /* forms ------------------------- */ label { float: left; width: 130px; } input { float: left; width: 418px; height: 18px; } select { width: 170px; height: 20px; margin-left: 0; } input, select { border: #666 1px solid; } form div { margin: 0 0 7px 0; } form p { margin: 15px 0 10px 0; } .lbl_street { width: 55px; } .lbl_nr { width: 75px; } .lbl_zip { width: 70px; } .lbl_city { width: 60px; } #press_zip, #contact_zip, #press_nr, #contact_nr { width: 86px; } #press_nr, #contact_nr { margin-left: 8px; } #press_zip, #contact_zip { margin-right: 8px; } #press_city, #contact_city, #press_street, #contact_street { width: 320px; } #p_username, #c_username, #contact_username, #press_username, #p_password, #c_password, #contact_password, #press_password, #press_password2 { width: 190px; } #content .checkbox { clear: both; margin-left: 130px; } #content .checkbox label, #content .checkbox input { float: none; width: auto; height: auto; margin-left: 0; border: 0; vertical-align: middle; } small.verplicht { display: block; margin: 0 0 0 130px; font-size: 10px; } #body_forum small.verplicht { clear: both; margin-left: 110px; } #body_forum #forumForm small.verplicht { margin-left: 130px; } /*.btn_submit { width: 28px; height: 28px; margin: 10px 0 0 130px; background: url(/images/btn_submit.gif) no-repeat; border: none; cursor: pointer; }*/ .btn_submit { width: auto; height: 28px; margin: 10px 0 0 130px; padding-left: 33px; background: url(/images/btn_submit.gif) no-repeat; border: none; font-size: 14px; color: #75A132; cursor: pointer; } .btn_submit span { text-decoration: underline; } .btn_submit_forum { width: 28px; height: 28px; margin: 10px 0 0 110px; background: url(/images/btn_submit_forum.gif) no-repeat; border: none; cursor: pointer; } .btn_bold_forum { float: left; width: 28px; height: 28px; background: url(/images/btn_bold_forum.gif) no-repeat; border: none; cursor: pointer; } .btn_italic_forum { float: left; width: 28px; height: 28px; background: url(/images/btn_italic_forum.gif) no-repeat; border: none; cursor: pointer; } .btn_insert_pict_forum { float: left; width: 28px; height: 28px; background: url(/images/btn_insert_pict_forum.gif) no-repeat; border: none; cursor: pointer; } #typeOfRegistration { padding: 0 0 10px 0; border-bottom: #666 1px solid; } #typeOfRegistration select { width: 170px; } .sales_contact { clear: both; margin: 0; padding: 5px 0 0 130px; } .sales_contact input { width: auto; border: none; } .sales_contact label { width: 400px; } .error {color: red;} #contactForm textarea { width: 418px; } #pressroomLoginForm { margin: 10px 0 0 0; } #chooseCountryForm label { display: block; float: none; margin: 0 0 10px 0; width: auto; font-size: 14px; color: #df2626; } #choose_country, #othercountry { width: 140px; } #otherCountryForm { position: absolute; width: 250px; top: 45px; right: 0; text-align: right; } #otherCountryForm label { display: block; float: none; margin: 0 0 3px 0; width: auto; font-size: 12px; color: #df2626; } #reactieForm { clear: both; position: relative; width: 698px; margin-top: 10px; padding: 10px; background: #eff3f6 url(/images/bg_reactieForm.gif) bottom left no-repeat; border: #94d5f0 1px solid; } #reactieForm div { margin: 0 0 3px 0; } #reactieForm input { width: 290px; } #reactieForm label { width: 110px; } #reactieForm textarea { float: left; width: 400px; } #reactieForm #captchaTitle { display: block; float: left; margin-left: 110px; font-weight: bold; color: #0071bc; } #reactieForm #captchaHelp { display: block; float: right; width: 45px; margin: 0 15px 3px 0; text-align: right; } #reactieForm #captchaInfo { /*display: none;*/ position: absolute; top: 215px; left: 350px; width:300px; margin: 0; padding: 0; background:#FFFFFF none repeat scroll 0%; border: 1px solid #0071bc; font-size:11px; line-height:14px; z-index: 2; } #reactieForm #captchaInfo h2 { margin: 0; padding: 2px 5px; background: #0071bc; color: #fff; font-size: 12px; } #reactieForm #captchaInfo p { margin: 5px; padding: 0; } #reactieForm #captchaInfoClose { position: absolute; top: 0; right: 0; margin: 2px 5px 0 0; color: white; text-decoration: none; font-weight: bold; } #reactieForm div#captcha_img_input { float: left; width: 400px; } #reactieForm #captcha label, #reactieForm #captcha img { clear: both; } #reactieForm #captcha img { margin: 0 0 5px 0; } #newsletter { float: left; width: 450px; } #newsletterForm input { width: 300px; } #banners { float: left; width: 270px; text-align: right; } #formHome label, #formHome input, #formPassword label, #formPassword input { float: none; } #formHome input { width: 120px; } #formHome .button, #formLogin .button, #formPassword .button, #formActivate .button, #formInvite .button, #formProfile .button, #formInvitePromotion .button { width: 200px; height: 23px; padding-bottom: 2px; background: #b9201b; border: 0; color: #fff; font-size: 12px; cursor: pointer; font-family: Verdana, sans-serif; } #formHome .button, #formLogin .button { width: 120px; } #maRegistration .button { position: absolute; left: 12px; bottom: 10px; } #formProfile .button { width: 150px; } #formLogin label { float: left; width: 80px; } #formActivate label { width: 140px; } #formActivate .checkbox { margin-left: 140px; } #formLogin #maForgotPw { width: 260px; text-align: right; } #formLogin input, #formPassword input { width: 180px; } #formActivate input, #formInvitePromotion input { width: 250px; } #lstInvite .invite { margin-bottom: 3px; } #lstInvite .header div, #lstInvite .invite div { float: left; margin-right: 8px; } #lstInvite .email, #lstInvite .email input { width: 255px; } #lstInvite .voornaam, #lstInvite .voornaam input { width: 129px; } #lstInvite .naam, #lstInvite .naam input { width: 154px; } #lstInvite .taal, #lstInvite .taal select { width: 100px; } #body_my_acticoa #passwordMessage { margin: 30px 0 5px 0; } #body_my_acticoa #peterMeter { float: left; width: 300px; margin: 0; } #a_code { width: 250px; } #copyForm #tekst { width: 600px; height: 420px; background: #fcf3f4; font-size: 12px; font-family: Verdana, sans-serif; } /* downloads ------------------------------------------------------------------*/ #nav_downloads { margin: 25px 0; list-style: none; } #nav_downloads li { float: left; width: auto; height: 30px; } #nav_downloads li a { display: block; padding: 4px 30px 4px 50px; background: url(/images/download.gif) 30px 3px no-repeat; border-left: #75A132 1px solid; text-decoration: none; } #nav_downloads li a img { display: inline; margin: 0 5px 0 0; } #nav_downloads li a.first { padding-left: 20px; background: url(/images/download.gif) 0 3px no-repeat; border-left: #75A132 1px solid; border-left: none; } #nav_downloads li.active a, #nav_downloads li a:hover { background: url(/images/nav_downloads_ho.gif) bottom left repeat-x; text-decoration: none; } #nav_downloads li.active a.first, #nav_downloads li a.first:hover { background: url(/images/nav_downloads_ho.gif) -30px 100% repeat-x; text-decoration: none; } #table_downloads { clear: both; width: 720px; margin: 0 0 15px 0; } #table_downloads th { padding: 2px 4px; background: #75A132; border-left: #fff 1px solid; color: #fff; text-align: left; } #table_downloads td { padding: 4px; border-bottom: #75A132 1px solid; vertical-align: middle; } #table_downloads a { text-decoration: none; } #table_downloads th.type { width: 70px; } #table_downloads th.size { width: 90px; } #table_downloads th.titel { width: 534px; } /* faq ------------------------------------------------------------------*/ #faq_vragen { margin-top: 25px; list-style-image: url(/images/faq_li_square.gif); } #faq_vragen li { margin: 0 0 3px 0; padding: 0 0 0 0; } #faq_vragen li a { font-weight: bold; font-weight: bold; text-decoration: none; }/*#2F500A #75A132*/ #faq_vragen li a:hover { color: #75A132; } a.top_link { clear: both; float: right; display: block; width: 35px; margin: 0 0 15px 0; padding: 0 0 0 15px; background: url(/images/arrow_top.gif) 0 4px no-repeat; font-weight: bold; } a.top_link span { color: #75A132; } p.faq_movie { margin-top: 8px; } /* glossary ------------------------------------------------------------------*/ dt { font-weight: bold; } dd { margin: 0 0 10px 0; } /* forum ------------------------------------------------------------------*/ #body_forum h1 { border-bottom: 1px solid #0071bc; color: #0071bc; } #body_forum h2 { margin-top: 5px; padding-bottom: 5px; border-bottom: 1px solid #0071bc; color: #0071bc; } #body_forum h2 a { display: block; } #body_forum strong { color: #0071bc;} #body_forum #forumWelcome { float: right; margin-top: -34px; } #body_forum #forumWelcome span { color: #0071bc; } #body_forum #forumWelcome strong { color: #666; } .forum_cat { margin-bottom: 16px; } .forum_cat a {color: #0071bc; text-decoration: none; } .forum_threads { margin-top: 5px; } .forum_threads div { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #7ccaf0; } .forum_threads div.last { border: 0; } .forum_threads p { margin: 0; color: #7ccaf0; } .forum_threads a { color: #0071bc; font-weight: normal; } #forumReacties .profiel { float: left; width: 120px; padding-bottom: 10px; } #forumReacties .reactieNaam { font-weight: bold; } #forumReacties .reactie { float: right; width: 560px; } #forumReacties .reactie .quotepost { margin: 0; text-align: right; } #forumReacties .reactie .quotepost a, #forumReacties .postActions a { color: #0071BC; } #forumLinks { clear: both; margin: 0; padding-top: 10px; } #forumLinks a { color: #0071BC; } #firstProfiel { margin: 10px 0; padding: 5px 10px 10px 10px; background: #eff3f6 url(/images/bg_reactieForm.gif) bottom left no-repeat; border: 1px solid #94d5f0; } #firstProfiel .reactie { width: 550px; font-weight: bold; } .forumPost { padding: 5px 0; border-bottom: 1px solid #8cc63f; } #forum_reacties img { display: block; margin: 0 0 5px 0; border: #c2c2c2 1px solid; } #reactieForm h2 { margin: 0 0 15px 0; color: #0071bc; } #forumLogin { margin: 10px 0 0 0; } .quote { padding: 2px; background: #EFF3F6; font-style: italic; } .quote small { color: #0071BC; font-style: normal; } /* footer ------------------------------------------------------------------*/ #footer ul { float: right; width: 650px; margin: 0; list-style: none; } #footer ul li { float: right; width: auto; } #footer ul li a { padding: 0 5px 0 8px; background: url(/images/bg_footer_li_a_square.gif) 0 5px no-repeat; font-size: 9px; text-decoration: none; } #footer ul li a.last { background: none; } #footer ul li.active a { font-weight: bold; color: #430100; } #footer ul li a:hover { color: #430100; } h2.vraag { clear: both; } a#print { display: block; width: 65px; margin: 0 0 0 20px; padding: 0 0 0 15px; background: url(/images/icon_print.gif) 0 3px no-repeat; font-size: 10px; text-decoration: none; } a#print:hover { color: #430100; } #footer #languages { position: absolute; right: 5px; top: -25px; float: none; } #footer #languages li { margin-left: 5px; padding-left: 5px; border-left: 1px solid #fff; font-size: 11px; color: #fff; line-height: 1.1; } #footer #languages li.last { border: 0; } #footer #languages li a { padding: 0; background: none; text-decoration: underline; color: #fff; font-size: 11px; } #trademark { clear: both; padding-right: 5px; font-size: 9px; text-align: right; } /* homepage ------------------------------------------------------------------*/ #intro { position: relative; width: 800px; height: 579px; margin: 0 auto; background: url(/images/intro.jpg) no-repeat; } #be #intro { background-image: url(/images/intro_be.jpg); } #intro #logo_barry_callebaut { position: absolute; width: 143px; height: 22px; top: 494px; left: 104px; } #intro #logo_acticoa { position: absolute; top: 0; left: 484px; z-index: 10; width: 201px; height: 205px; cursor: pointer; } #intro #introtekst { position: absolute; width: 322px; height: auto; top: 255px; right: 0; text-align: right; } #intro h1 { margin: 0 86px 8px 0; padding: 0 29px 8px 0; border-bottom: #430100 1px solid; font: 16px/20px Arial, Verdana, sans-serif; color: #430100; font-weight: bold; text-transform: uppercase; } #intro h2 { margin: 0 115px 0 0; font: 10px/14px Arial, Verdana, sans-serif; color: #430100; font-weight: bold; text-transform: uppercase; } #intro #slogan { margin: 35px 115px 0 0; font: 25px/29px Arial, Verdana, sans-serif; color: #fff; text-transform: uppercase; letter-spacing: 1px; } #intro a#enter { position: absolute; width: 100px; top: 510px; right: 86px; font: 13px Verdana, Arial, sans-serif; color: #75a132; text-align: right; text-decoration: none; } #intro a#enter2 { position: absolute; width: 100px; top: 525px; right: 86px; font: 13px Verdana, Arial, sans-serif; color: #75a132; text-align: right; text-decoration: none; } #intro a#enter0 { position: absolute; width: 100px; top: 540px; right: 86px; font: 13px Verdana, Arial, sans-serif; color: #75a132; text-align: right; text-decoration: none; } #intro a#enter:hover, #intro a#enter2:hover, #intro a#enter0:hover { color: #430100; } #be #intro a#enter, #be #intro a#enter2, #be #intro a#enter0 { color: #DF2626; } #be #intro a#enter:hover, #be #intro a#enter2:hover, #be #intro a#enter0:hover { color: #430100; } small {font-size: 10px; } /* CMS Preview ------------------------------------------------------------------*/ #CMSpreviewBar { margin-bottom: 10px; padding: 3px; background-color: red; color: #fff; } #CMSpreviewBar a { color: #fff; } #maNav li.active { font-weight: bold }