/* BEGIN DEFAULT */ @media print { #header { display:none;} #menu_container { display:none; } #column1 { display:none; } #column3 { display:none; } #kruimelpad_inner { display:none; } #footer_inner { display:none; } #page_top { display:none; } #product_detail_container #imgholder_real { position:absolute; display:none; left:-1000px; width:0px; height:0px; } #product_detail_container #tabs { display:none; } #product_detail_container #printTabContent { display: block; } } * { padding: 0px; margin: 0px; font-family:Arial, Helvetica, sans-serif; } a, a:hover { color:#FF4000; font-weight:bold; font-size:12px; text-decoration:none; } ul { list-style-type:square; margin-left:17px; color:#000000; font-size:12px; } ul li { margin-bottom:3px; } ul li a, ul li a:hover { text-decoration:underline; } html>body ul { margin-left:14px; } html>body ul li { margin-bottom:2px; } *:first-child+html ul { margin-left:17px; } *:first-child+html ul li { margin-bottom:3px; } ol { list-style:decimal; margin-left:23px; color:#000000; font-size:12px; } ol li { margin-bottom:3px; } ol li a, ol li a:hover { text-decoration:underline; } html>body ol { margin-left:18px; } html>body ol li { margin-bottom:2px; } *:first-child+html ol { margin-left:23px; } *:first-child+html ol li { margin-bottom:3px; } h1 { font-size:18px; font-weight:normal; } h1.header { font-size:14px; font-weight:normal; color:#000000; background:url(../images/ico_arrow_right_white.gif) 0 1px no-repeat; text-indent:26px; margin-bottom:10px; text-decoration:none !important; cursor:pointer; } h1.page_title { font-size:20px; font-weight:normal; margin-left:9px; margin-bottom:10px; } p { font-size:12px; } b { font-weight:bold } table { border:0px; } table tr td { font-size:12px; } select, textarea, input { font-size:12px; } .input-validation-error { } .field-validation-error { color: #FF4000; } .highlight { background-color:Yellow; } a.submit, a.submit:hover { font-size:12px; border:0px; background:url(../images/bg_submit_btn_grijs.jpg) 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; } input.submit, input#submit, input.submit:hover, input#submit:hover { font-size:12px; cursor:pointer; border:0px; background:url(../images/bg_submit_btn_grijs.jpg) 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-align:center; text-decoration:none; } /* END DEFAULT */ /* BEGIN HOME PAGES / MENU */ @media screen { #header { width:100%; height:30px; background:url(../images/bg_header_bar.gif); } #header #header_in { width:980px; margin:0 auto; color:#fff;padding-top:8px; } #header #header_in a { float:left;outline:0px; color:#ff672d; text-decoration:underline; font-weight:normal;font-size:11px; } #header #header_in ul {float:right;margin:0;list-style:none;} #header #header_in ul li {float:left;color:#fff;margin-left:25px;font-size:11px;} #header #header_in ul li a {float:none;margin-left:10px;font-size:11px;} #header #header_in #container_change {display:none;border:1px solid #000;background:#fff;color:#000;position:absolute;width:154px;font-size:11px;padding:3px;float:none;z-index:1000;} #header #header_in #container_change strong {margin-left:11px} #header #header_in #container_change .btnClose {position:absolute;right:4px;top:2px;font-size:11px;} #header #header_in #container_change ul {list-style:none;float:none;padding:0 12px 0 12px;} #header #header_in #container_change ul li {float:none;color:#000;font-size:11px;font-weight:bold;margin:0;padding:12px 0 12px 0;border-bottom:1px solid #d8d8d8; display:block;} #header #header_in #container_change ul li.last {border-bottom:0px;} #header #header_in #container_change ul li a {margin:0;font-size:11px;} #menu_container { width:996px; height:141px; margin:0 auto; } .corporate #menu_container { width:980px; } #menu_container #menu_top { height:82px; width:980px; margin-left:8px; } .corporate #menu_container #menu_top { margin-left:0px; } #menu_top #language_options { height:18px; padding:0 13px 0 0; float:right; } #language_options a { margin-right:10px; padding-top:6px; display:inline-block; float:left; font-size:9px; color:#333333; text-decoration:underline; font-weight:normal; } #menu_top #logo_title { clear:both; height:64px; } #menu_top #logo_title span.logo { display:block; float:left;padding-top:18px; } #menu_top #logo_title span.logo img { margin-left:10px; border:0px; } #menu_top #logo_title span.title { padding:38px 10px 0 0; display:block; float:right; font-size:24px; font-weight:normal; color:#58595B; } #menu_container #menu_bar { height:59px; background:url(../images/bg_menu_bar.jpg) 0 0 repeat-x; } #menu_container #menu_bar { height:59px; background:url(../images/bg_menu_bar.jpg) 0 0 repeat-x; width:980px; margin-left:8px; } .corporate #menu_container #menu_bar { margin-left:0px; } #menu_bar #menu_items { height:40px; float:left; overflow:hidden; width:718px; } #menu_bar #menu_items a {outline:0px; height:40px; margin-left:9px; display:inline-block; float:left; font-size:13px; font-weight:bold; color:#FFFFFF; text-align:center; text-decoration:none; line-height:35px; } #menu_bar #menu_items a span { display:block; float:left; } #menu_bar #menu_items a span.left { width:2px; height:40px; } #menu_bar #menu_items a span.middle { height:40px; padding:0px 5px 0px 5px; } #menu_bar #menu_items a span.right { width:2px; height:40px; } #menu_bar #menu_items a:hover { color:#FF4000;} #menu_bar #menu_items a.selected span.left, #menu_bar #menu_items a:hover span.left { width:2px; height:40px; background:url(../images/bg_menu_bar_item_hover_left.jpg) 0 5px no-repeat; } #menu_bar #menu_items a.selected span.middle, #menu_bar #menu_items a:hover span.middle { height:40px; color:#FF4000; background:url(../images/bg_menu_bar_item_hover_middle.jpg) 0 5px repeat-x; cursor:pointer; } #menu_bar #menu_items a.selected span.right, #menu_bar #menu_items a:hover span.right { width:2px; height:40px; background:url(../images/bg_menu_bar_item_hover_right.jpg) 0px 5px no-repeat; } #menu_bar #menu_searchbox { width:232px; height:40px; float:right; background:url(../images/bg_menu_bar_searchbox.gif) 0 0 no-repeat; } #menu_searchbox span.search_inputbox { width:159px; height:40px; display:block; float:left; } #menu_searchbox .search_inputbox input { width:132px; height:17px; margin:8px 0 0 10px; padding-left:6px; font-size:12px; padding-top:2px; color:#333333; border:1px solid #484848; } html>body #menu_searchbox .search_inputbox input { margin-top:9px; } *:first-child+html #menu_searchbox .search_inputbox input { margin-top:8px; } #menu_searchbox span.search_button { width:60px; height:40px; display:block; float:left; text-align:center; } #menu_searchbox span.search_button a { height:29px; padding:11px 0 0 0; display:block; font-size:13px; font-weight:bold; color:#FFFFFF; text-decoration:none; } #kruimelpad {width:996px; height:31px; margin:0 auto; margin-top:-19px; font-size:11px; color:#67686A; } #kruimelpad_inner { width:980px; height:31px; margin:0 auto; margin-top:-19px; font-size:11px; color:#67686A; } #kruimelpad_inner.print {margin-left:0px; margin-top:0px; } #kruimelpad_in { margin:0 0 0 28px; padding-top:8px; } #kruimelpad_in a { color:#333333; font-weight:bold; font-size:11px; text-decoration:underline; } #kruimelpad_in span { color:#333333; } #wrapper { margin:0 auto; width:996px; margin-top:0px; background:url(../images/bg_mainbox.gif) 0 0 no-repeat; margin-bottom:20px; clear:both; position:relative;} #wrapper.small { background:url(../images/bg_mainbox_small.gif) 0 0 no-repeat; } .corporate #wrapper { width:980px; background:none; } #wrapper_inner { width:996px; margin:0 auto; margin-top:0px; overflow:auto; clear:both; } #wrapper_inner.print { margin-left:0px; } .corporate #wrapper #container_map {width:980px;height:500px;background:url(../images/bg_regionselection_gradient.jpg);} #wrapper #container_map .region {color:#fff;font-size:18px;padding:34px 0 0 34px;} #wrapper #container_map .region a {color:#fff;font-size:14px;padding-left:36px;text-decoration:underline;} #wrapper #container_map #worldmap {border:0px solid red;width:100%;margin-top:15px;} #wrapper #container_map #worldmap #noflashMenu {margin:0 100px;} #wrapper #container_map #worldmap #noflashMenu .reg {background:url(../images/flashmenu/bg_noflash.png);float:left;margin:15px 55px 0px 0px;padding:15px 0px 5px 20px;width:180px;height:150px;} #wrapper #container_map #worldmap #noflashMenu .reg h2 {font-size:18px;color:#fff;} #wrapper #container_map #worldmap #noflashMenu .reg strong {font-size:12px;color:#FF672D;} #wrapper #container_map #worldmap #noflashMenu .reg ul {list-style:none;margin:4px 0 0 0;} #wrapper #container_map #worldmap #noflashMenu .reg ul li {line-height:15px;} #wrapper #container_map #worldmap #noflashMenu .reg a {color:#fff;} #wrapper #container_map #worldmap #noflashMenu .reg a:hover {text-decoration:none;} #wrapper #container_map #checkbox { padding-top:2px; height:25px; text-align:center; font-size:12px; color:#FFFFFF; clear:both; } #wrapper #container_map #checkbox .small {font-size:10px;margin-top:3px;display:block;} html>body #wrapper #container_map #checkbox { padding-top:5px; height:22px; } *:first-child+html #wrapper #container_map #checkbox { padding-top:2px; height:25px; } #checkbox label { cursor:pointer; } #checkbox input { margin:0px; padding:0px; margin-right:5px; vertical-align:-2px; } } /* HOMEPAGE CORPORATE */ #about_holmatro { height:491px; background:#67686A url(../images/bg_about_holmatro_wide.png) 0 0 no-repeat; } #about_holmatro #content { height:147px; padding:16px 0 0 20px; } #about_holmatro #content h1 { color:#FF4000; } #about_holmatro #content p.koptekst { width:590px; height:61px; margin-top:6px; overflow:hidden; } #about_holmatro #content p a { text-decoration:underline; } #about_holmatro #boxen { padding-left:10px; } #about_holmatro #boxen .box { width:313px; height:301px; float:left; } #about_holmatro #boxen .box.box1, #about_holmatro .box.box2 { margin-right:10px; } #about_holmatro #boxen .box .picholder { width:313px; height:301px; position:relative; } .picholder .header_blok_trans { cursor:pointer; background:url(../images/bg_header_blok_trans.png) 0 0 no-repeat; position:absolute; bottom:42px; left:1px; width:311px; height:50px; } *html .picholder .header_blok_trans {filter: alpha(opacity=80); position:absolute; bottom:41px; left:1px; width:311px; height:50px; background:#333333 none; } .picholder a.division_header {position:absolute; bottom:42px; left:1px; padding-left:20px; width:293px; height:50px; text-decoration:none; font-weight:normal; } .picholder a.division_header h1 { cursor:pointer; background:url(../images/ico_arrow_right_orange_trans.png) 0 16px no-repeat; padding-left:24px; color:#FFFFFF; padding-top:14px; font-size:17px; font-weight:normal !important; } *html .picholder a.division_header h1 { cursor:pointer; background:url(../images/ico_arrow_right_orange_trans.gif) 0 16px no-repeat; } .picholder span { display:block; } .picholder img { width:311px; height:258px; border:0px; border:1px solid #EEEEEE; } .picholder p { color:#FFFFFF; width:242px; height:29px; margin:0px; padding:9px 0 0 20px; overflow:hidden; } .picholder p a { color:#FFFFFF !important; text-decoration:underline !important; font-weight:bold !important; } /* HOMEPAGE DIVISIONS */ #about_default { width:980px; min-height:302px; margin:0 auto; background:#67686A url(../images/bg_about_default.jpg) 0 0 no-repeat; } /* height:441px; */ *html #about_default { height:302px; } #about_default.normal { height: 441px; } #about_default #carrousel_dealer { width:980px; height:255px; position:relative; z-index:99; } #about_default #carrousel { width:760px; height:255px; float:left; } #about_default #carrousel #noflash { width:760px; height:255px; float:left; border: 0px solid black; background: url(../images/bg_no_flash.jpg) 0 0 no-repeat; text-align: center; } #about_default #carrousel #noflash span { border: 0px solid black; font-size:16px; font-weight:bold; color: #5f5f5f; position:relative; top: 20%; } #about_default #carrousel #noflash img { border: 0px; margin-top: 20px; } #about_default #dealer { width:220px; height:255px; float:left; position:relative; } #about_default #dealer p { padding:0px 20px 0px 2px; } #about_default #dealer h1 { color:#FFFFFF; margin-bottom:3px; padding:8px 0 0 2px; } #about_default #dealer .dealer_form { margin:13px 0 0 2px; width:160px; } #about_default #dealer .dealer_form select { width:160px; } #about_default #dealer .dealer_form a.submit { width:110px; height:18px; margin-top:11px; padding-top:2px; float:right; } #about_default #dealer .dealer_inloggen { position:absolute; bottom:25px; right:10px; width:171px; height:21px; padding:4px 0 0 9px; display:block; color:#FFFFFF; font-size:13px; text-decoration:none; font-weight:normal; background:#FF5719 url(../images/bg_log_in_dealer.jpg) 0 0 no-repeat; cursor:pointer; } #about_default #dealer .dealer_inloggen.selected { background:#FF5719 url(../images/bg_log_in_dealer_down.jpg) 0 0 no-repeat } #about_default #dealer .dealer_loginbox { width:178px; position:absolute; top:230px; right:10px; display:none; background:#FFFFFF url(../images/bg_log_in_dealerbox.jpg) 0 0 repeat-x; border:1px solid #EEEEEE; } *html #about_default #dealer .dealer_loginbox { top:229px; } #about_default #dealer .dealer_loginbox .login_form .message { font-size:12px; color:#FF4000; display:none; padding:6px 0 0 0; } #about_default #dealer .dealer_loginbox .login_form .message_username { font-size:12px; color:#FF4000; display:none; padding:6px 0 0 0; } #about_default #dealer .dealer_loginbox .login_form { width:162px; margin:0 auto; position:relative; font-size:12px; color:#000000; } #about_default #dealer .dealer_loginbox .login_form .submit_input { height:83px; } html>body #about_default #dealer .dealer_loginbox .login_form .submit_input { height:81px; } *:first-child+html #about_default #dealer .dealer_loginbox .login_form .submit_input { height:83px; } #about_default #dealer .dealer_loginbox .login_form b { display:block; color:#333333; font-size:12px; margin:0 0 4px 0; padding-top:6px; } #about_default #dealer .dealer_loginbox .login_form input { display:block; border:1px solid #CCCCCC; width:159px; font-size:12px; height:17px; padding-left:1px; padding-top:1px; } #about_default #dealer .dealer_loginbox .login_form input.submit {cursor:pointer; border:0px; padding-top:0px; height:20px; width:70px; margin-top:6px; margin-bottom:10px; float:right; } #about_default #dealer .dealer_loginbox .login_form a.password { display:inline-block; clear:both; padding-bottom:4px; text-decoration:underline; font-weight:normal; color:#333333; } #about_default #boxen { width:970px; position:relative; z-index:0; height:139px; margin-top:11px; padding-left:10px; } #about_default #boxen .box { position:relative; float:left; width:235px; height:139px; } #about_default #boxen .box.box1, #about_default #boxen .box.box2, #about_default #boxen .box.box3 { margin-right:10px; } #about_default .box_kop_link { text-decoration:none; cursor:pointer; } #about_default #boxen .box h1 { width:185px; padding-left:26px; font-size:14px; font-weight:bold; color:#FFFFFF; background:url(../images/ico_arrow_right_orange_h2.jpg) 0 0 no-repeat; } #about_default #boxen .box p { color:#FFFFFF; overflow:hidden; width:130px; height:78px; top:38px; position:absolute; } #about_default #boxen .box .list { overflow:hidden; width:130px; height:78px; top:38px; position:absolute; } #about_default #boxen .box ol { list-style:decimal; margin-left:23px; margin-top:0px !important; color:#FFFFFF; font-size:12px; } html>body #about_default #boxen .box ol { margin-left:18px; margin-top:0px !important; } *:first-child+html #about_default #boxen .box ol { margin-left:23px; margin-top:0px !important; } #about_default #boxen .box ol.unordered { list-style:square; margin-left:17px !important;} html>body #about_default #boxen .box ol.unordered { margin-left:13px !important; } *:first-child+html #about_default #boxen .box ol.unordered { margin-left:17px !important; margin-top:-4px !important; } #about_default #boxen .box ol li { margin-bottom:-1px; } html>body #about_default #boxen .box ol li { margin-bottom:1px; } *:first-child+html #about_default #boxen .box ol li { margin-top:-1px;} #about_default #boxen .box ol li a.download { color:#FFFFFF; font-weight:normal; text-decoration:underline; } #about_default #boxen .box a.box_link { bottom:1px; position:absolute; color:#FFFFFF; font-weight:bold; text-decoration:underline; } #about_default #boxen .box .img_holder { width:88px; height:88px; background-color:#FFFFFF; top:38px; right:8px; position:absolute; border:1px solid #EEEEEE; } #about_default #boxen .box .img_holder table { border-collapse:collapse; } #about_default #boxen .box .img_holder table tr td { text-align:center; vertical-align:middle; width:88px; height:88px; } #about_default #boxen .box .img_holder img { border:0px; max-width:88px; max-height:88px; } #about_default #boxen_footer { height:37px; position:relative; } #about_default #boxen_footer a { bottom:8px; right:8px; position:absolute; color:#FFFFFF; font-weight:bold; text-decoration:underline; } #home_boxen_container { height:180px; margin-top:5px; clear:both; position:relative; z-index:0; margin-left:8px; } .corporate #home_boxen_container { margin-left:0px; } #home_boxen_container .home_box { width:362px; height:162px; padding:8px 11px 8px 11px; border:1px solid #EEEEEE; float:left; background:url(../images/bg_newsbox.jpg) bottom left repeat-x; line-height:17px; position:relative; } #home_boxen_container .home_box a.header { text-decoration:none !important; } #home_boxen_container .home_box.info { width:178px; height:157px; background:none; border:none; overflow:hidden; } #home_boxen_container .home_box.info a { text-decoration:underline; } #home_boxen_container .home_box.info p { line-height:15px; } #home_boxen_container .home_box.info h1 { font-size:14px; font-weight:normal; margin-bottom:10px; } #home_boxen_container .home_box.left { margin-right:8px; } #home_boxen_container .home_box.left span { display:block; position:absolute; right:10px; top:33px; } #home_boxen_container .home_box.small { width:168px; margin-left:8px; } #home_boxen_container .home_box.small img { float:none; margin-top:0px; margin-left:30px;border:0px; } #home_boxen_container .home_box p { margin-bottom:10px; } #home_boxen_container .home_box .content { overflow:hidden; height:100px; } #home_boxen_container .home_box .content a { font-size:12px; text-decoration:underline; color:#000000; font-weight:normal; display:block; } #home_boxen_container .home_box .content.vacs { overflow:hidden; height:99px; width:182px; } #home_boxen_container .home_box .content.proza { overflow:hidden; height:106px; line-height:15px; } #home_boxen_container .home_box table.news tr td { vertical-align:top; padding-left:5px; } #home_boxen_container .home_box table.news tr td.date { font-weight:bold; color:#333333; padding-left:0px; white-space:nowrap; } #home_boxen_container .home_box p.more { position:absolute; bottom:1px; } #home_boxen_container .home_box p.more a { text-decoration:underline; } #home_boxen_container .home_box img { margin-left:10px; border:1px solid #EEEEEE; max-width:168px; max-height:118px; float:right; } /* position:absolute; right:10px; top:33px; */ /* BEGIN BINNEN PAGINA'S */ @media screen { #main_content { width:980px; overflow:auto; margin-bottom:20px; margin-left:8px; } #main_content #column1 { float:left; width:190px; margin-right:8px; padding-top:8px; } #main_content #column2 { float:left; width:584px; font-size:12px; } #main_content #column3 { float:right; width:190px; } } /* COLUMN1 */ #column1 #submenu { float:left; } #column1 #submenu #catalog_selection { font-size:12px; padding:0px 5px 12px 5px; } html>body #column1 #submenu #catalog_selection { padding:0px 5px 12px 9px; line-height:20px; } *:first-child+html #column1 #submenu #catalog_selection { padding:0px 5px 12px 5px; } #column1 #submenu a.sub_item { outline:0px; width:190px; padding:9px 0 10px 0px; margin-bottom:1px; display:block; background:#FBFBFB url(../images/bg_submenu_item.jpg) 0 0 repeat-x; color:#333333; font-size:12px; overflow:hidden; font-weight:normal; text-decoration:none; } #column1 #submenu a.sub_item span { cursor:pointer; padding-left:30px; padding-right:5px; width:155px; display:block; background:url(../images/bg_submenu_item_pijl_oranjewit.jpg) 5px 0 no-repeat; } #column1 #submenu a.sub_item:hover { color: #FF4000 } #column1 #submenu a.sub_item.selected { background:#393939 url(../images/bg_submenu_item_selected.jpg) 0 0 repeat-x; color:#FFFFFF; } #column1 #submenu a.sub_item.selected span { background:url(../images/bg_submenu_item_pijl_oranjezwart.jpg) 5px 0 no-repeat; color:#FFFFFF; } #column1 #submenu a.sub_item.selecteddown { background:#393939 url(../images/bg_submenu_item_selected.jpg) 0 0 repeat-x; color:#FFFFFF; } #column1 #submenu a.sub_item.selected.down span { background:url(../images/bg_submenu_item_pijl_oranjezwart_down.jpg) 7px 1px no-repeat; color:#FFFFFF; } #submenu .subsubmenu { width:190px; margin-top:-1px; margin-bottom:1px; background:#FDFDFD url(../images/bg_subsubmenu.jpg) 0 0 repeat-x; display:none; padding:3px 0 10px 0; } #submenu .subsubmenu.selected { display:block; } .subsubmenu a.subsub_item { outline:0px; color:#333333; text-decoration:underline; font-weight:normal; width:163px; padding:2px 0 2px 20px; display:block; line-height:20px; } .subsubmenu a.subsub_item:hover, .subsubmenu a.subsub_item.selectedsubsub { color: #FF4000 !important; } .subsubmenu a.subsub_item span { cursor:pointer; color:#333333; padding-left:10px; width:153px; display:block; background:url(../images/ico_gt_black.gif) 0 7px no-repeat; } .subsubmenu a.subsub_item:hover span, .subsubmenu a.subsub_item.selectedsubsub span { color: #FF4000 !important; background:url(../images/ico_gt_orange.gif) 0 7px no-repeat; } #catalog_submenu { padding-bottom:18px; } /* COLUMN2 */ @media screen { #column2 #page_container { padding:8px 13px 0px 16px; border:1px solid #EEEEEE; min-height:480px;} *html #column2 #page_container { height:480px; } #page_container #page_top { height:40px; clear:both; } #page_container #page_top a, #vacancy_container #vacancy_top a, #product_detail_container #page_top a { color:#333333; text-decoration:underline; font-weight:normal; } #page_container #page_top a.back, #vacancy_container #vacancy_top a.back, #product_detail_container #page_top a.back { font-size:12px; display:block; float:left; } #page_container #page_top a.print, #vacancy_container #vacancy_top a.print, #product_detail_container #page_top a.print { height:17px; padding-left:21px; font-size:11px; display:block; float:right; background:url(../images/ico_print.jpg) 0 0 no-repeat; } } #page_container #page_content { position:relative; } #page_container #page_content a.print { position:absolute; right:0px; top:0px; z-index:99; height:17px; padding-left:21px; display:block; font-size:11px; background:url(../images/ico_print.jpg) 0 0 no-repeat; color:#000000; font-weight:normal; } #page_container #page_content a, #page_container #page_content a:hover { text-decoration:underline; } #page_container #page_content h2 { position:relative; font-size:20px; font-weight:bold; padding-bottom:18px; width:475px; } #page_container #page_content .paragraph_holder { width:553px; padding-bottom:0px; margin-bottom:0px; clear:both; font-size:12px; line-height:18px; } #page_container #page_content .paragraph_holder table tr td { padding-right:5px; } #page_container #page_content .paragraph_holder a, #page_container #page_content .paragraph_holder a:hover { text-decoration:underline; } #page_container #page_content .paragraph_holder.no_end_p { padding-bottom:18px; } /* geen end p? dan een goede marge tov de volgende paragraph te zetten, als er wel een end p is, dan zorgt deze end p voor de marge */ #page_container #page_content .paragraph_holder p { padding-bottom:18px; } #page_container #page_content .paragraph_holder.introduction { padding-bottom:0px; margin-top:0px; margin-bottom:0px; } #page_container #page_content .paragraph_holder.introduction.no_end_p { padding-bottom:18px; } #page_container #page_content .paragraph_holder.introduction p { padding-bottom:18px; } #page_container #page_content .paragraph_holder.introduction span.date { display:block; } #page_container #page_content .selection { padding-bottom:18px; width:553px; font-size:12px; line-height:18px; } #page_container #page_content .selection select { font-size:12px; width:150px; height:20px; } #page_container #page_content .selection input.submit { height:20px; padding:0px 13px 0px 13px; } #page_container #page_content .selection .result { padding:5px 0 5px 0; } #page_container #page_content .selection a { text-decoration:underline; } #page_container #page_content .selection table.form { border-collapse:collapse; } #page_container #page_content .selection table tr td { padding-right:10px; } #page_container #page_content .selection table.results { border-collapse:collapse;} #page_container #page_content .selection table.results tr th { white-space:nowrap; text-align:left; vertical-align:top; padding-right:18px; } #page_container #page_content .selection table.results tr td { padding-right:18px; } .paragraph_holder ul { margin: 18px 0px 0px 16px; padding: 0px; } #vacancy_container.detail td.vacancy_text ul { margin: 18px 0px 18px 16px; padding: 0px; } html>body .paragraph_holder ul { margin-bottom:0px; } *:first-child+html .paragraph_holder ul { margin-bottom:0px; } .paragraph_holder ul li, #vacancy_container.detail td.vacancy_text ul li { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: square; } .paragraph_holder ol { margin: 18px 0px 0px 22px; padding: 0px; } #vacancy_container.detail td.vacancy_text ol { margin: 18px 0px 18px 22px; padding: 0px; } .paragraph_holder ol li, #vacancy_container.detail td.vacancy_text ol li { margin: 0px 0px 0px 0px; padding: 0px; } html>body .paragraph_holder ol { margin-bottom:0px; } *:first-child+html .paragraph_holder ol { margin-bottom:0px; } .paragraph_holder h1 { font-size:14px; font-weight:bold; margin-left:-1px; clear:both; } .paragraph_holder .imgholder { color:#A7A9AC; font-size:11px; display:inline-block; width:170px; line-height:15px; } .paragraph_holder .imgholder.left { float: left; margin: 3px 10px 3px 0px; } .paragraph_holder .imgholder.right { float: right; margin: 3px 0px 3px 10px; } .paragraph_holder .imgholder.right.person { width:200px; text-align:right; } .paragraph_holder .imgholder.center { margin:0 auto; text-align: center; display:block; } .paragraph_holder .imgholder img { border:1px solid #EEEEEE; width:168px; } .paragraph_holder .imgholder img.person { border:1px solid #EEEEEE; width:auto; } .paragraph_holder .imgholder.center { width:auto !important; } .paragraph_holder .imgholder.center img { width:auto !important; max-width:553px;} #column2 #flash_container { float:left; border:1px solid #EEEEEE; padding-bottom:18px; } #column2 #flash_container #flash_top { position:relative; border-bottom:1px solid #EEEEEE; padding:9px 0 0 16px; height:51px; width:566px;} #column2 #flash_container #flash_top h1 {font-size:20px; font-weight:normal; } #column2 #flash_container #flash_intro { padding:18px 13px 18px 16px; } #column2 #flash_container #flash_intro a { text-decoration:underline; } #column2 #flash_container #flash_intro ul { list-style-type:square; } #column2 #flash_container #flash_intro ul { margin-left:16px; padding-bottom:18px; } #column2 #flash_container #flash_intro ol { margin-left:22px; padding-bottom:18px; } #column2 #flash_container #flash_intro p { margin-bottom:18px; } #column2 #flash_container #flashmovie { padding-top:0px } #column2 #vacancy_container { float:left; border:1px solid #EEEEEE; } #column2 #vacancy_container #vacancy_top { position:relative; padding:9px 0 0 16px; height:51px; width:566px;} #column2 #vacancy_container.detail { padding-bottom:18px; } #column2 #vacancy_container.detail #vacancy_top {width:553px; padding-right:13px; height:39px; } #column2 #vacancy_container #vacancy_top h1 {font-size:20px; font-weight:bold; } #column2 #vacancy_container #vacancy_top #vacancy_select { position: absolute; top: 12px; right: 12px; } #column2 #vacancy_container table { margin: 0 0 1em 0; padding: 0; border: 0; border-collapse: collapse; } #column2 #vacancy_container th { font-weight: bold; width: 9em; } #column2 #vacancy_container th, td { margin: 0; padding: 0; vertical-align: top; text-align: left; } #column2 #vacancy_container table.smallbox tr th { padding-right:5px; } #column2 #vacancy_container table.smallbox tr td { width:100% } #vacancy_container #vacancy_content { line-height: 1.75em; } #vacancy_container.detail #vacancy_content { line-height: 1.75em; padding-left:16px; } #vacancy_container.detail td.vacancy_text { line-height:18px; } #vacancy_container.detail td.vacancy_text p { margin-bottom:18px; padding-right:13px; } #vacancy_container.detail td.vacancy_text a { text-decoration:underline; } #vacancy_container #vacancy_content p.intro { margin-bottom: 1em; overflow:hidden; max-height: 75px; /* defaults to this value if javascript is disabled */ height: expression( this.scrollHeight > 74 ? "75px" : "auto" ); } #vacancy_container.detail #vacancy_content h2.vacancy_detail_header { font-size:20px; font-weight:bold; padding-bottom:25px; } #vacancy_container #vacancy_content a.submit { height:18px; padding:3px 6px; font-size:12px; border:0px; background:url(../images/bg_submit_btn_grijs.jpg) 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; } #vacancy_container #vacancy_content .vacancy_box { padding:15px 10px 12px 16px; font-size:12px; line-height:18px; width:556px; height:123px; overflow:hidden; } #vacancy_container #vacancy_content .vacancy_box a { text-decoration:underline; } #vacancy_container #vacancy_content .vacancy_box.gradient { background:#EEEEEE url(../images/bg_news_item_holder.jpg) 0 0 repeat-x; } #vacancy_container #vacancy_content .vacancy_header_link { text-decoration:none; } #vacancy_container #vacancy_content h2.vacancy_header { background:url(../images/bg_news_item_header.jpg) 0 0 repeat-x; height:25px; clear:both; padding:5px 10px 0 16px; font-weight:bold; color:#000000; text-decoration:none !important; cursor:pointer; font-size:14px; width:556px; line-height:20px; overflow:hidden; } #vacancy_container #vacancy_content .vacancy_box p { margin: 0; } #vacancy_container #vacancy_content .vacancy_box div.vacancy_info { float: right; background-color:White; width: 150px; border: 1px solid #EEEEEE; margin: 0 0 1em 1em; padding: 8px 12px; } #vacancy_content .vacancy_box div.vacancy_info table { margin: 0; } #vacancy_content .vacancy_box div.vacancy_info table th { width: 5em; } #column2 #news_items_container { float:left; border:1px solid #EEEEEE; } #column2 #news_items_container #news_top { padding:7px 0 0 16px; height:56px; width:566px; } #column2 #news_items_container #news_top h2 { font-size:20px; font-weight:normal; padding-bottom:18px; } #column2 #news_items_container.links .introduction { margin-top:-15px; padding:0 0 7px 16px; } #column2 #news_items_container a.news_header_link { text-decoration:none; } #column2 #news_items_container a h1.news_item_header { background:url(../images/bg_news_item_header.jpg) 0 0 repeat-x; height:25px; clear:both; padding:5px 10px 0 16px; font-weight:bold; color:#000000; text-decoration:none !important; cursor:pointer; font-size:14px; width:556px; line-height:20px; overflow:hidden; } #column2 #news_items_container.links h1.news_item_header { background:url(../images/bg_news_item_header.jpg) 0 0 repeat-x; height:25px; clear:both; padding:5px 10px 0 16px; font-weight:bold; color:#000000; text-decoration:none !important; cursor:default; font-size:14px; width:556px; line-height:20px; overflow:hidden; } #column2 #news_items_container .news_item_holder { padding:15px 10px 12px 16px; font-size:12px; line-height:18px; width:556px; height:123px; overflow:auto; } .news_item_holder.gradient { background:#EEEEEE url(../images/bg_news_item_holder.jpg) 0 0 repeat-x; } /* .news_item_holder .news_img_holder { float:right; text-align:center; margin:3px 0 0 8px; width:168px; height:118px; border:1px solid #EEEEEE; } .news_item_holder .news_img_holder img { max-width:168px; max-height:118px; }*/ .news_item_holder img { float:right; margin:3px 0 0 8px; width:168px; height:118px; border:1px solid #EEEEEE; } .news_item_holder span.date { display:block; color:#000000; } .news_item_holder .news_item_intro { overflow:hidden; height: 71px;} .news_item_holder .news_item_intro p { padding-top:0px; } .news_item_intro a { text-decoration:underline; } .news_item_holder a.read_more { outline:0px; font-size:12px; font-weight:bold; display:inline-block; color:#FF4000; text-decoration:underline; } #column2 .pager_item_nav { float:left; clear:both; margin-top:8px; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; background:url(../images/bg_news_item_header.jpg) 0 0 repeat-x; height:23px; padding:7px 10px 0 16px; font-weight:normal; font-size:12px; width:556px; } .pager_item_nav span.pages { float:left; } .pager_item_nav span.nav { float:right; } .pager_item_nav span.nav a { color:#FF4000; text-decoration:none; display:block; border:1px solid #EEEEEE; width:14px; height:14px; float:left; text-align:center; font-weight:bold; margin-right:5px; } .pager_item_nav span.nav a:hover, .pager_item_nav span.nav a.selected { background-color:#FF4000; border:1px solid #FF4000; color:#FFFFFF; } .pager_item_nav span.nav a#next { margin-right:0px; } .pager_item_nav span.nav a.nonclick { cursor:default; outline:0px; } .pager_item_nav span.nav a.nonclick:hover, .pager_item_nav span.nav a.nonclick.selected { cursor:default; color:#FF4000; border:1px solid #EEEEEE; background-color:#FFFFFF; outline:0px; } #column2 #faq_container { float:left; border:1px solid #EEEEEE; } #column2 #faq_container #faq_top { padding:7px 0 0 16px; height:56px; width:566px; } #column2 #faq_container #faq_top h2 { font-size:20px; font-weight:normal; padding-bottom:18px; } #column2 #faq_container h1.faq_header { background:url(../images/bg_news_item_header.jpg) 0 0 repeat-x; height:25px; clear:both; padding:5px 10px 0 16px; font-weight:bold; color:#000000; text-decoration:none !important; font-size:14px; width:556px; line-height:20px; overflow:hidden; } #column2 #faq_container .faq_items { line-height:18px; padding:11px 0px 11px 0px } /* IE8 beta2 raakt (als enige browser) de nummering van de ol kwijt doordat er een div meteen na de ol zit en voor de li. een oplossing is om bijv bij .faq_items ol list-style-type:none; op te nemen en dit toe te voegen: .faq_items ol div li div { display:inline-block; position:absolute; margin-top:-1px; left:-5px; } dus een handmatige nummering plaatsen in de aspx pagina's mbv een counter. zie comment in categorydetail.aspx (moet dan ook bij list.aspx) */ .faq_items ol { position:relative; font-weight:bold; margin: 0px 0px 0px 22px; padding: 0px;} .faq_items ol div { } .faq_items ol div.selected { margin-left:-24px; margin-bottom:10px; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; background:url(../images/bg_faq_item.jpg) bottom left repeat-x; } .faq_items ol div.selected li { margin-left:40px; margin-top:-1px; } .faq_items ol div.selected li u { color:#FF4000 !important; font-weight:bold !important; text-decoration:none !important; cursor:pointer !important; } .faq_items ol div li { margin: 0px 0px 3px 17px; padding: 0px 0px 3px 0px; } .faq_items ol div li u { font-weight:normal !important; display:inline; text-decoration:underline; color:#000000 !important; cursor:pointer !important; } .faq_items ol div li u span.highlight { display:inline; } .faq_items ol div li span.holder { font-weight:normal; display:none; overflow:auto; } .faq_items ol div li span span.highlight { display:inline; } .faq_items ol div li span.holder.selected { display:inline-block; } .faq_items ol div li span img { margin-right:16px; margin-left:16px; margin-bottom:11px; display:inline-block; float:right; border:1px solid #EEEEEE;} .faq_categories { line-height:24px; padding:11px 16px 11px 16px; } .faq_categories a { font-weight:normal !important; text-decoration:underline; color:#000000 !important; } #column2 #folder_top_visual {float:left; border:1px solid #EEEEEE; margin-bottom: 7px; width:582px; height:248px; overflow:hidden;} #column2 #folder_container { float:left; clear:both; width:584px; } #folder_container #folder_introduction { width:550px; margin-bottom:8px; padding:7px 16px 7px 16px; border:1px solid #EEEEEE; } #folder_introduction a { text-decoration:underline; } #folder_introduction h1 { font-size:20px; font-weight:bold; } #folder_introduction .introduction_text { margin-top:10px; } #folder_introduction.notfound { min-height:50px; text-align:center; } *html #folder_introduction.notfound { height:50px; } #folder_introduction.notfound h1 { padding-top:13px; } #folder_container .boxitem a.read_more { text-decoration:underline; } #folder_container .boxitem { position:relative; float:left; padding:7px 16px 0 16px; width:254px; margin-bottom:8px; height:151px; border:1px solid #EEEEEE; background:url(../images/bg_newsbox.jpg) bottom left repeat-x; } #folder_container .boxitem.oneven { float:right; } #folder_container .boxitem.whole { width:550px; } .boxitem a.header_link { color:#000000; text-decoration:none; } .boxitem h1 { font-size:14px; font-weight:normal; } .boxitem .boxitem_text { margin-top:11px; height:100px; overflow:hidden; line-height:14px; } .boxitem .boxitem_text ol { list-style:decimal; font-weight:bold; margin-left:23px; color:#000000; font-size:12px; } html>body .boxitem .boxitem_text ol { margin-left:18px; } *:first-child+html .boxitem .boxitem_text ol { margin-left:23px; } .boxitem .boxitem_text ol.unordered { list-style:square; margin-left:17px !important;} html>body .boxitem .boxitem_text ol.unordered { margin-left:13px !important; } *:first-child+html .boxitem .boxitem_text ol.unordered { margin-left:17px !important; } .boxitem .boxitem_text ol li { margin-bottom:0px; } html>body .boxitem .boxitem_text ol li { margin-bottom:-1px; } *:first-child+html .boxitem .boxitem_text ol li { margin-bottom:0px; } .boxitem .boxitem_text ol li a.hotitem { color:#000000; font-weight:normal; text-decoration:underline; } .boxitem .boxitem_text ul { list-style-type:square; margin-left:17px; color:#000000; font-size:12px; } .boxitem .boxitem_text ul li { margin-bottom:3px; } .boxitem .boxitem_text ul li a { text-decoration:underline; } html>body .boxitem .boxitem_text ul { margin-left:14px; } html>body .boxitem .boxitem_text ul li { margin-bottom:2px; } *:first-child+html .boxitem .boxitem_text ul { margin-left:17px; } *:first-child+html .boxitem .boxitem_text ul li { margin-bottom:3px; } .boxitem .boxitem_text img { float:right; width:98px; height:98px; border:1px solid #EEEEEE; margin-left:16px; } .boxitem .boxitem_text a.person_image img { float:right; max-width:114px; max-height:88px; border:0px; width:auto; height:auto; margin-left:16px; } #column2 #products_container { position: relative; float:left; } #column2 #products_top_visual { margin-bottom: 7px; } #column2 #products_top_visual img { width:582px; border: 1px solid #EEEEEE; } #column2 #products_container #products_introduction { width:566px; margin-bottom:8px; padding:7px 8px 7px 8px; border:1px solid #EEEEEE; } #products_introduction .introduction_text { line-height:18px; } #column2 #products_container #product_boxen_header { border:1px solid #EEEEEE; background:url(../images/bg_product_title_nofilter.jpg) bottom repeat-x; min-height:29px; clear:both; padding:9px 10px 0 16px; margin-bottom:10px; } * html #column2 #products_container #product_boxen_header { /*IE6.0 min-height */ height: 29px; } #column2 #products_container h2.product_title { float:left; clear:both; font-weight:normal; color:#000000; font-size:20px; width:556px; line-height:20px; overflow:hidden; } h2.product_title span.sumproducts { font-size:12px; color:#333333; } #column2 #products_container #product_boxen_holder { float:left; clear:both; overflow:auto; width:100%; /*CA*/ position: relative; z-index: 1;} #column2 #products_container .product_box { float:left; position:relative; margin-right:8px; width:187px; height:260px; display:inline-block; border:1px solid #EEEEEE; background:url(../images/bg_product_box.jpg) bottom left repeat-x; } #column2 #products_container .product_box.box3 { margin-right:0px; } #column2 #products_container .products_row_separator { clear:both; height:8px; width:100%; overflow:hidden; } .product_box a.product_header { text-decoration:none; outline:0px; } .product_box a.read_more { text-decoration:underline; position:absolute; bottom:10px; left:10px; width:118px; height:18px; margin-top:11px; outline:0px; } .product_box h1 { font-size:12px; cursor:pointer; font-weight:bold; color:#FF4000; text-decoration:none; padding:3px 8px 0 8px; line-height:18px; height:38px; overflow:hidden; } .product_box .imgholder { width:165px; height:68px; overflow:hidden; border:1px solid #EEEEEE; margin:0 auto; text-align:center; } .product_box .imgholder table tr td { cursor:pointer; height:68px; width:165px; vertical-align:middle; text-align:center; } .product_box .imgholder table tr td span { cursor:pointer; font-weight:bold; font-size:12px; color:#999999; text-align:center; display:block; margin:0 40px 0 40px; line-height:18px; } .product_box .imgholder img { border:0px; max-height: 68px; max-width:165px; } .product_box ul.description { width:175px; height:110px; overflow:hidden; position:absolute; top:115px; margin:4px 0 0 0; } .product_box ul.description li { font-size:11px; margin-left:9px; list-style:none; background:url(../images/bg_li_product_description.gif) 0 6px no-repeat; padding-left:8px; } html>body .product_box ul.description li { margin-bottom:3px; background-position: 0 3px; } *:first-child+html .product_box ul.description li { margin-bottom:0px; background-position: 0 6px; } .product_box ul.description li span { color:#FF4000; } .product_box p.description { height:45px; width:120px; margin:4px 0 0 0; padding:0px 8px 0 8px; overflow:hidden; } .product_box a.submit { position:absolute; bottom:10px; left:10px; width:167px; height:18px; margin-top:11px; padding-top:2px; float:right; } #column2 #product_filter { clear:both; padding-top:10px; width:570px; font-size: 12px; min-height:53px; margin-left:-8px; margin-right:-8px; position: relative; z-index: 100; } #product_filter .filter_kop { font-size:11px; padding-bottom:8px; } #product_filter #tabsholder { overflow:auto; } #product_filter .spec_tab span.tab { float:left; display:block; width:135px; margin:0 10px 0 0; height:32px; } #product_filter .spec_tab span.tab a { color: black; text-decoration: none; outline: none; width:135px; float:left; display: block; position: relative; z-index: 2; font-size: 11px; line-height: 22px; height: 32px; font-weight: normal; background:url(../images/bg_tab_filter_left.gif) top left no-repeat; cursor:pointer; overflow: hidden; } #product_filter .spec_tab span.tab a.disabled { color:#CCCCCC; cursor:default; } #product_filter .spec_tab span.tab a span { display: block; width:130px; padding-left:5px; background:url(../images/bg_tab_filter_right.gif) top right no-repeat; cursor:pointer; height: 32px; } #product_filter .spec_tab span.tab a.disabled span { cursor:default; } #product_filter .spec_popup { display: block; width: 542px; padding: 12px 12px 6px 12px; position: absolute; top: 63px; left: 0; z-index:1; background: #EFEFEF url(../images/bg_filter_popup.gif) repeat-x top; border: 1px solid #C7C7C7; } #product_filter .spec_popup.row2 { top:95px; } #product_filter div.spec_popup a.close { color: black; font-size: 11px; font-weight: normal; position: absolute; right: 8px; top: 8px; padding-right: 10px; background: url(../images/bg_close.gif) no-repeat right; } #product_filter div.spec_popup label { line-height: 24px; display: block; width: 133px; float: left; zoom: 1; } #product_filter .spec_tab_footer { clear: both; text-align: right; border-top: 1px solid #C7C7C7; margin-top: 6px; padding: 6px 0 0 0; } #product_filter .spec_tab_footer a.submit { width:80px; height:18px; margin-left: 4px; padding-top:2px; font-size:12px; float:right; border:0px; background:url(../images/bg_submit_btn_grijs.jpg) 0 0 repeat-x; color:#FFFFFF; font-weight:bold; text-decoration:none; text-align:center; } #product_filter .spec_tab span.tab a.selected { background-image: url(../images/bg_tab_filter_left_active.gif); } #product_filter .spec_tab span.tab a.selected span { background-image: url(../images/bg_tab_filter_right_active.gif); } #product_filter .options { display:none; } #product_filter .options.selected { display:block; } #product_filter .filter_results { overflow:auto; clear:both; font-size:11px;} .filter_results .intro { float:left; padding-right:5px; } .filter_results .filters { float:left; overflow:auto; } .filter_results .filters .filter_result { float:left; padding-right:10px; padding-bottom:3px; } .filter_results .filters .filter_result a { text-decoration:underline; font-size:11px; } .filter_results .filters .filter_result a img { width:10px; height:10px; text-decoration:none; border:0px; outline:0px; margin-left:5px; } .filter_results .filters .break { clear:both; } .filter_results .filter_reset { clear:both; } #product_filter_sort { position: absolute; top: 11px; left: 433px; width: 135px; } #product_filter_sort select { width: 135px; } #column2 #users_top { position: relative; border: 1px solid #EEEEEE; border-bottom-width: 0; } *html #users_top { height:302px; } #users_top h1 { margin: 8px 16px 24px 16px; font-size:20px; } #users_top table { border-collapse:collapse; } #users_top table tr td { width:582px; height:278px; border-top:1px solid #EEEEEE; text-align:center; vertical-align:middle; } #users_top table tr td img { margin: 0; display: block; max-width:582px; max-height:278px; } *html #users_top table tr td img { margin: 0; display: block; width:582px; } #users_top span.trans { position:absolute; background: url(../images/users_worldwide_trans2.png) no-repeat bottom left; width:582px; height:40px; bottom: 0px; } *html #users_top span.trans { position:absolute; filter: alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7; background:#000000 none; width:582px; height:40px; bottom: -1px; } #users_top a.previous_user, #users_top a.next_user { cursor:pointer; } #users_top span.left { position:absolute; background: url(../images/users_worldwide_trans_arrow_left.png) no-repeat; width:14px; height:40px; bottom:0px; left:2px; } #users_top span.right { position:absolute; background: url(../images/users_worldwide_trans_arrow_right.png) no-repeat; width:14px; height:40px; bottom:0px; right:2px; } *html #users_top span.left { background: url(../images/users_worldwide_trans_arrow_left.gif) no-repeat; } *html #users_top span.right {background: url(../images/users_worldwide_trans_arrow_right.gif) no-repeat; } #users_top h2 { color: white; position: absolute; bottom: 8px; left: 27px; font-size:20px; font-weight:bold; } #users_top p { width: 300px; color: white; position: absolute; bottom: 10px; left: 270px; } #users_container .users_menu { overflow:hidden; line-height: 30px; min-height: 30px; padding: 0 7px; border: 1px solid #EEEEEE; background: url(../images/bg_users_menu.gif) repeat-x bottom; } #users_container .users_menu_top { padding-bottom:10px; } * html #users_container .users_menu { height: 30px; } #users_container .users_menu a { color: #333333; font-weight: normal; display:inline-block; } #users_container .users_menu a.previous_user { float: left; padding-left: 22px; background: url(../images/ico_arrow_left_orange.gif) no-repeat left; } #users_container .users_menu a.next_user { float: right; padding-right: 22px; background: url(../images/ico_arrow_right_orange.gif) no-repeat right; } #users_container .users_menu table { border-collapse:collapse; } #users_container .users_menu table tr td { white-space:nowrap; width:10%; } #users_container .users_menu table tr td.pagesholder { width:80%; text-align:center; } #users_container .users_menu table tr td.descriptionholder { width:80%; text-align:center; white-space:normal; } #users_container .users_menu span.description h2 { font-size:12px; } #users_container .users_menu span.pages { line-height: 15px; display:block; padding-top:7px; text-align:center; } #users_container .users_menu span.pages a { color:#FF4000; text-decoration:none; display:inline-block; display:-moz-inline-stack; border:1px solid #EEEEEE; width:14px; height:14px; text-align:center; font-weight:bold; margin-right:5px; } #users_container .users_menu span.pages a b { display:block; text-align:center; } #users_container .users_menu span.pages a:hover, #users_container .users_menu span.pages a.selected { background-color:#FF4000; border:1px solid #FF4000; color:#FFFFFF; } #users_container .users_box { width: 140px; overflow: hidden; float: left; margin: 0 8px 8px 0; background: url(../images/bg_users.gif) repeat-x bottom; } #users_container .box4 { margin: 0; } #users_container .users_box a { font-size: 12px; font-weight: normal; text-decoration: none; display: block; height: 148px; overflow: hidden; padding: 9px; color: black; border: 1px solid #EEEEEE; } #users_container .users_box img { border: 1px solid #EEEEEE; margin-bottom: 7px; width:118px; height:68px;} #users_container .users_box a:hover { border-color: #FF4000; } #users_container .users_menu { clear: both; } #users_container .users_box.selected a { border-color: #FF4000; } #column2 #searchresults_container { padding:0 0 36px 0px; border-top:1px solid #EEEEEE; } #searchresults_content_nav { border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; padding: 8px 13px 0 16px; } #searchresults_content h1 { margin-bottom: 16px; } #searchresults_content p { margin-bottom: 1em; } #searchresults_content ol { margin-left: 2em; padding-left: 0em; padding-top:30px; } #searchresults_content ol li { margin: 0; padding: 0; } #searchresults_content ol h2 { font-size: 12px; margin: 0; padding: 0; } #searchresults_content ol a { color: #333333; font-weight: normal; text-decoration:underline; } .searchresults_menu { background: #EEEEEE url(../images/bg_page_content_tab_inactive.jpg) repeat-x top; margin: 16px -13px 30px -16px; min-height: 30px; border-top: 1px solid #EEEEEE; border-bottom: 1px solid #EEEEEE; } * html .searchresults_menu { height: 30px; } * html .searchresults_menu li, * html .searchresults_menu li a { position: relative; width: 0px; white-space: nowrap; } .searchresults_menu ul, .searchresults_menu ul li { list-style: none; margin: 0; padding: 0; } .searchresults_menu ul li { float: left; display: block; border-right: 1px solid #EEEEEE; } .searchresults_menu:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; } #searchresults_content .searchresults_menu a { outline:0px; font-weight: normal; text-decoration: none; display: block; padding: 0 10px; color: black; line-height: 30px; border-right: 1px solid white; } #searchresults_content .searchresults_menu li.selected { border: none; margin-left: -2px; border-left: 1px solid #EEEEEE; } #searchresults_content .searchresults_menu li.selected:first-child { margin-left: -1px; } * html #searchresults_content .searchresults_menu { /*first child werkt niet in IE6, even oplossen met expression */ behavior:expression(this.firstChild.style.marginLeft = "3px"); } #searchresults_content .searchresults_menu li.selected a { color: #FF4000; background: white url(../images/bg_tab_selected.gif) top right; margin: -2px -2px -1px 0; padding: 2px 12px 0 11px; min-height: 31px; border: none; } * html #searchresults_content .searchresults_menu li.selected a { margin-bottom: -1px; padding-bottom: 1px; } #searchresults_content #results_in { margin-top:-30px; overflow:auto; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; padding: 0 13px 0 16px; } #searchresults_content #results .pager_item_nav { position:absolute; margin:0 auto; margin-top:8px; } #product_detail_container { position:relative; float:left; border:1px solid #EEEEEE; min-height:480px;} *html #product_detail_container { height:480px; } /* min height ie6 */ #largeImagesHolder { width:1px; height:1px; overflow:hidden; } #product_detail_container #page_top { height:32px; padding:8px 13px 0px 16px; } @media screen { #product_detail_container #imgholder_real { background-color:#FFFFFF; text-align:center; display:block; cursor:pointer; position:absolute; top:40px; left:16px; height:198px; width:198px; border:1px solid #EEEEEE; overflow:hidden; z-index:99; } } #product_detail_container #imgholder_real table { padding: 0; border: 0; border-collapse: collapse; } #product_detail_container #imgholder_real table tr td { height:198px; width:198px; } #product_detail_container #imgholder_real.vertical_center table tr td { text-align:center; vertical-align:middle; } #product_detail_container #imgholder_real img { display:none; border:0px; background-color:#FFFFFF;} #product_detail_container #imgholder_real span.vergrootglas { position:absolute; display:block; width:15px; height:15px; bottom:5px; right:5px; z-index:200; background:url(../images/ico_vergrootglas.png) 0 0 no-repeat; cursor:pointer; } *html #product_detail_container #imgholder_real span.vergrootglas { background:url(../images/ico_vergrootglas.gif) 0 0 no-repeat; } #product_detail_container #imgholder_real span.vergrootglas.min { background:url(../images/ico_vergrootglas_min.png) 0 0 no-repeat; cursor:pointer; } *html #product_detail_container #imgholder_real span.vergrootglas.min { background:url(../images/ico_vergrootglas_min.gif) 0 0 no-repeat; } #product_detail_content { position:relative; float:left; clear:both; padding:0px 13px 0px 16px; overflow:hidden; width:553px; } #product_detail_content #imgthumb { float:left; position:relative; width:198px; margin-right:10px; } #product_detail_content #imgholder { float:left; position:relative; width:198px; height:198px; border:1px solid #EEEEEE; } #product_detail_content #imgholder table { padding: 0; border: 0; border-collapse: collapse; } #product_detail_content #imgholder table tr td { height:198px; width:198px; text-align:center; vertical-align:middle; } #product_detail_content #imgholder table tr td span { font-weight:bold; font-size:12px; color:#999999; text-align:center; display:block; margin:0 50px 0 50px; line-height:18px; } #product_detail_content #imgholder img { border:0px; } #product_detail_content #thumbbar { float:left; clear:both; margin-top:7px; overflow:hidden; width:100%; } #thumbbar .thumb { display:inline-block; text-align:center; float:left; border:1px solid #EEEEEE; width:38px; overflow:hidden; height:38px; margin-bottom:8px; margin-right:8px; cursor:pointer; } #thumbbar .thumb table { cursor:pointer; padding: 0; border: 0; border-collapse: collapse; } #thumbbar .thumb table tr td { height:38px; width:38px; vertical-align:middle; text-align:center; } #thumbbar .thumb a { text-decoration:none; outline:0px; } #thumbbar .thumb img { border:0px; max-width:38px; max-height:38px; } #product_detail_content #product_description { float:left; width:343px; position:relative; } #product_description h2 { font-size:20px; font-weight:bold; padding-top:10px; margin-bottom:15px; } #product_description h1 { font-size:14px; font-weight:bold; clear:both; } #product_description .text { position:relative; width:323px; padding-right:20px; line-height:18px; overflow:hidden; } #product_description .text span.trans { position:absolute; bottom:0; display:inline-block; width:343px; height:50px; background:url(../images/product_description.png) 0 0 no-repeat; } *html #product_description .text span.trans { background:#FFFFFF none; height:5px; bottom:-1px; } #product_description .text.open { height:auto; } #product_description .text p { padding-bottom:16px; } #product_description a { text-decoration:underline; } #product_description a.read_more { text-decoration:underline; display:none; } #product_description a.read_less { text-decoration:underline; display:none; } #product_detail_container #printTabContent { display: block; } #product_detail_container #tabs { float:left; overflow:hidden; clear:both; white-space:nowrap; margin-top:0px; border-top:1px solid #EEEEEE; margin-top:8px; width:582px; height:29px; background:url(../images/bg_page_content_tab_inactive.jpg) 0 0 repeat-x; } #product_detail_container .printtab { float:left; overflow:hidden; clear:both; white-space:nowrap; margin-top:0px; border-top:1px solid #EEEEEE; margin-top:8px; width:582px; height:29px; background:url(../images/bg_page_content_tab_inactive.jpg) 0 0 repeat-x; } html>body #product_detail_container #tabs { margin-top:0px; } *:first-child+html #product_detail_container #tabs { margin-top:7px; } #product_detail_container #tabs a.tab { outline:0px; display:inline-block; float:left; padding:6px 10px 0px 10px; height:24px; background:url(../images/bg_page_content_tab_inactive.jpg) 0 0 repeat-x; text-align:center; text-decoration:none; color:#000000; font-size:11px; font-weight:normal; overflow:hidden; } #product_detail_container #tabs a.tab:hover { color:#FF4000; } #product_detail_container #tabs a.tab.selected_tab { padding-right:10px; background:#FFFFFF url(../images/bg_page_content_tab_shade.jpg) top right no-repeat; color:#FF4000 !important; } #product_detail_container #tabs span.sep { display:block; float:left; width:2px; height:29px; background:url(../images/bg_page_content_tab_sep.gif) 0 0 no-repeat; } #product_detail_container .tab_panel { display:none; overflow:hidden; padding-bottom:8px; background:url(../images/bg_tab_panel_bottom.jpg) bottom left repeat-x; clear:both; } #product_detail_container .tab_panel.selected_panel { display:block; } #printTabContent { position: relative; width: 553px; float:left; padding:0px 0px 0px 0px; } .tab_panel table.panel { width:582px; overflow:hidden; margin-top:14px; } .tab_panel table.panel tr { } .tab_panel table.panel tr.color { background-color:#F6F6F6; border-top:1px solid #EEEEEE; border-bottom:1px solid #EEEEEE; } .tab_panel table.panel tr.color.header { font-weight:bold; } .tab_panel table.panel tr.color.header td { border-left:0px; white-space:normal; background:#FFFFFF url(../images/bg_tab_panel_top.jpg) bottom left repeat-x; padding-bottom:16px; } .tab_panel table.panel tr td { border-left:1px solid #EEEEEE; vertical-align:top; padding:7px 8px 7px 8px; font-size:11px; } .tab_panel table.panel tr th { border-left:0px; vertical-align:top; font-weight:bold; font-size:11px; white-space:nowrap; text-align:left; padding:7px 8px 7px 8px } .tab_panel table.panel.dimensions tr th { white-space:normal; width:50%; } .tab_panel table.panel tr td.secondcolumn { width:100%; } .tab_panel table.panel tr td.secondcolumn img{ float:left; border:1px solid #EEEEEE; } .tab_panel table.panel tr.color td.secondcolumn img { border:1px solid #FFFFFF; } .tab_panel table.panel tr td.secondcolumn div { clear:both; } .tab_panel table.panel tr td.secondcolumn span { display:block; float:left; padding-left:8px; } .tab_panel table.panel.features tr td, .tab_panel table.panel.norms tr td { width:100% } .tab_panel table.panel.features tr td a, .tab_panel table.panel.norms tr td a { font-size:11px; } .tab_panel table.panel.dimensions tr td.secondcolumn { width:50%; } .tab_panel table.panel.dimensions tr td.secondcolumn img, .tab_panel table.panel.features tr.color td img, .tab_panel table.panel.norms tr.color td img { float:none; max-width:385px; } .tab_panel table.panel.dimensions tr td.secondcolumn span, .tab_panel table.panel.features tr.color td span, .tab_panel table.panel.norms tr.color td span { display:block; clear:both; padding-left:0px; } #column2 #form_container { float:left; border:1px solid #EEEEEE; padding-bottom:18px; } #column2 #form_container #form_top { position:relative; border-bottom:1px solid #EEEEEE; padding:9px 0 0 16px; height:51px; width:566px;} #column2 #form_container #form_top h1 {font-size:20px; font-weight:normal; } #column2 #form_container #form_intro { padding:18px 13px 0 16px; } #column2 #form_container #form_intro a { text-decoration:underline; } #column2 #form_container #form_intro ul { list-style-type:square; } #column2 #form_container #form_intro ul { margin-left:16px; padding-bottom:18px; } #column2 #form_container #form_intro ol { margin-left:22px; padding-bottom:18px; } #column2 #form_container #form_intro p { margin-bottom:18px; } #form_content { padding:0px 13px 0 16px; } #vacancy_content #form_content { padding:0px; } #form_content table { border-collapse:collapse; margin:0px; padding:0px; width:100%; } #form_content table tr th { padding:3px 6px 3px 0; text-align:left; font-weight:bold; vertical-align:top; width:25%; } #form_content table tr td { padding:3px 6px 3px 0; width:75% } #form_content table tr td label { cursor:pointer; } #form_content table tr td input { font-size:12px; } #form_content table tr td textarea { font-size:12px; } #form_content table tr td input#submit { padding:0px 13px 0px 13px; margin-top:6px; } #column2 #downloads_container { border:1px solid #EEEEEE; overflow:hidden; } #column2 #downloads_container table.download_detail { line-height: 1.9em; width: 100%; border-collapse: collapse; border-top: 0; } .downloads_content { height:173px; border-top: 1px solid #EEEEEE; } .downloads_content.gradient { background:#EEEEEE url(../images/bg_download_gradient.jpg) bottom left repeat-x; } #downloads_header h1 { font-size: 20px; padding: 8px 16px 8px; } #downloads_container .introduction { padding: 8px 16px 8px; } #downloads_container table.download_detail td, #downloads_container table.download_detail th { border: none; padding: 16px; } #downloads_container table.download_detail th { font-size: 14px; text-align: left; font-weight: bold; padding: 4px 16px; background: white url(../images/bg_th_downloads.jpg) 0 0 repeat-x; } #downloads_container table.download_detail td.picture { width: 200px; padding: 16px; } #downloads_container table.download_detail td.picture table.imgholder { width:108px; height:108px; border:1px solid #EEEEEE; background-color:#FFFFFF; } #downloads_container table.download_detail td.picture table.imgholder tr td { padding:0px; margin:0px; border:0px; text-align:center; vertical-align:middle; } #downloads_container table.download_detail td.picture img { border:0px; max-width:108px; max-height:108px; } #downloads_container table.download_detail td.name { width: 225px; } #downloads_container table.download_detail td.downloads { width: 76px; } #downloads_container table.download_detail td.downloads ul, #downloads_container table.download_detail td.downloads ul li { list-style: none; margin: 0; padding: 0; } #downloads_container table.download_detail td.downloads ul li a { font-weight: normal; color: #333333; padding-right: 20px; background: url(../images/ico_download_small.gif) no-repeat right; } #column2 #downloads_container table.download_table_detail { float:left; line-height: 1.9em; width:66%; border-top: 0; } /* border-collapse:collapse; */ #downloads_container #categories { float:left; width:180px; padding-left:4px; } #downloads_container table.download_table_detail td { border:1px solid #EEEEEE; padding-left:3px; } #downloads_container table.download_table_detail th { font-size: 12px; text-align: left; font-weight: bold; padding-left:4px; background-color:#EEEEEE; } #downloads_container table.download_table_detail th.sorted_asc { background:#EEEEEE url(../images/sorted_desc.gif) top right no-repeat; } #downloads_container table.download_table_detail th.sorted_desc { background:#EEEEEE url(../images/sorted_asc.gif) top right no-repeat; } /* DSM */ #downloads_container table.download_table_detail.dsm { border-right:1px solid #EEEEEE; } #downloads_container table.download_table_detail.dsm td a { color:#000; font-weight:normal; text-decoration:underline;} #downloads_container table.download_table_detail.dsm td { border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE; border-bottom:0px; border-right:0px; } #downloads_container table.download_table_detail.dsm td.left { border-left:1px solid #FF4000; border-top:1px solid #FF4000; border-bottom:1px solid #FF4000; border-right:0px; } #downloads_container table.download_table_detail.dsm td.second { border-top:1px solid #FF4000; border-bottom:1px solid #FF4000; border-right:0px; } #downloads_container table.download_table_detail.dsm td.third { border-top:1px solid #FF4000; border-bottom:1px solid #FF4000; border-right:1px solid #FF4000; } #downloads_container table.download_table_detail.dsm th { background:#fff; border-left:1px solid #EEEEEE; border-top:1px solid #EEEEEE; border-bottom:0px; border-right:0px; } #downloads_container table.download_table_detail.dsm th a { color:#000; display:block;} #downloads_container table.download_table_detail.dsm tr.bg { background:transparent url(../images/bg_news_item_header_reverse.gif) repeat-x top;} #downloads_container table.download_table_detail.dsm tr.bg1 { background:#f6f6f6;} #downloads_container table.download_table_detail.dsm td.bg_bld { background:transparent url(../images/bg_news_item_header.jpg) repeat-x bottom; font-weight:bold;} #downloads_container table.download_table_detail.dsm th.sorted_asc a { background:url(../images/ico_arrow_up.gif) right no-repeat;} #downloads_container table.download_table_detail.dsm th.sorted_desc a { background: url(../images/ico_arrow_down.gif) right no-repeat;} /* ul.categorie */ #downloads_container #categories ul.categorie, #downloads_container #categories ul.categorie li ul { margin-left: 0; padding-left: 0; list-style: none;} #downloads_container #categories ul.categorie li { background:url(../images/list_arrow_in.gif) 0px 3px no-repeat; padding:0 0 0px 13px; margin-bottom:5px;} #downloads_container #categories ul.categorie li.active { background:url(../images/list_arrow_out.gif) 0px 1px no-repeat; padding:0 0 0px 13px; margin-bottom:5px; font-weight:bold; } #downloads_container #categories ul.categorie li.active a, #downloads_container #categories ul.categorie li.active ul li.active a, #downloads_container #categories ul.categorie li.active ul li.active ul li.active a, #downloads_container #categories ul.categorie li.active ul li.active ul li.active ul li.active a, #downloads_container #categories ul.categorie li.active ul li.active ul li.active ul li.active ul li.active a { font-weight:bold; } #downloads_container #categories ul.categorie li.active ul li a , #downloads_container #categories ul.categorie li.active ul li.active ul li a, #downloads_container #categories ul.categorie li.active ul li.active ul li.active ul li a, #downloads_container #categories ul.categorie li.active ul li.active ul li.active ul li.active ul li a, #downloads_container #categories ul.categorie li.active ul li.active ul li.active ul li.active ul li.active ul li a { font-weight:normal; } #downloads_container #categories ul.categorie li ul { margin:12px 0 10px 0;} #downloads_container #categories ul.categorie li ul li ul {margin:12px 0 10px 0;} #downloads_container #categories ul.categorie ul.laatste li { background:url(../images/ico_vierkant_oranje.gif) 0px 4px no-repeat; padding:0 0 0px 13px; margin-bottom:5px;} #downloads_container #categories ul.categorie li.empty, #downloads_container #categories ul.categorie li.active.empty { background:url(../images/ico_vierkant_oranje.gif) 0px 4px no-repeat; padding:0 0 0px 13px; margin-bottom:5px;} #downloads_container #categories ul.categorie li a { text-decoration:none;color:#000;font-weight:normal;} #downloads_container #categories ul.categorie li a:hover { text-decoration:underline;} /* COLUMN 3 */ #column3 #dealer_logged_in { float:right; } #dealer_logged_in { margin-top:1px; width:175px; min-height:86px; padding:7px 7px 17px 8px; background:#FF4000 url(../images/bg_find_a_dealer.jpg) 0 0 repeat-x; } *html #dealer_logged_in { height:86px; } #dealer_logged_in h1{ color:#FFFFFF; margin-bottom:3px; font-size:14px; font-weight:normal; } #dealer_logged_in p { line-height:19px; font-size:12px; } #dealer_logged_in p a { color:#000000; font-weight:normal; text-decoration:underline; } #dealer_logged_in p span { font-weight:bold; display:block; } #dealer_logged_in a.submit { padding:0 12px 0 12px; height:18px; margin-top:11px; padding-top:2px; float:right; white-space:nowrap; } #column3 #find_a_dealer { float:right; } #find_a_dealer #find_a_dealer_top { margin-top:1px; width:160px; overflow:auto; padding:7px 16px 17px 14px; background:#FF4000 url(../images/bg_find_a_dealer.jpg) 0 0 repeat-x; } #find_a_dealer_top h1 { color:#FFFFFF; margin-bottom:3px; font-size:18px; font-weight:normal; } #find_a_dealer_top p { line-height:16px; } #find_a_dealer_top .dealer_form { margin:7px 0 0 0; } #find_a_dealer_top .dealer_form select { width:160px; } #find_a_dealer_top .dealer_form a.submit { width:100px; height:18px; margin-top:11px; padding-top:2px; float:right; } #find_a_dealer #find_a_dealer_inloggen { position:relative; width:190px; overflow:hidden; padding-bottom:8px; } #find_a_dealer_inloggen .dealer_inloggen { margin-top:8px; width:176px; height:21px; padding:4px 0 0 14px; color:#FFFFFF; font-size:13px; text-decoration:none; font-weight:normal; background:#FF5719 url(../images/bg_log_in_dealer_190.jpg) 0 0 no-repeat; cursor:pointer; } #find_a_dealer_inloggen.not_auth .dealer_inloggen { margin-top:1px; background:#FF5719 url(../images/bg_log_in_dealer_190_down.jpg) 0 0 no-repeat; } #find_a_dealer_inloggen .dealer_inloggen.selected { background:#FF5719 url(../images/bg_log_in_dealer_190_down.jpg) 0 0 no-repeat; } #find_a_dealer_inloggen .dealer_loginbox { width:188px; display:none; background:#FFFFFF url(../images/bg_log_in_dealerbox.jpg) 0 0 repeat-x; border:1px solid #EEEEEE; } #find_a_dealer_inloggen.not_auth .dealer_loginbox { display:block; } #find_a_dealer_inloggen .dealer_loginbox .login_form { padding-left:13px; padding-right:16px; position:relative; font-size:12px; padding-bottom:4px; color:#000000; } #find_a_dealer_inloggen .dealer_loginbox .login_form .submit_input { height:73px; } html>body #find_a_dealer_inloggen .dealer_loginbox .login_form .submit_input { height:65px; } *:first-child+html #find_a_dealer_inloggen .dealer_loginbox .login_form .submit_input { height:67px; } #find_a_dealer_inloggen .dealer_loginbox .login_form .message { font-size:12px; color:#FF4000; display:none; clear:both; height:auto; padding:6px 0 0 0; } #find_a_dealer_inloggen .dealer_loginbox .login_form .message_username { font-size:12px; color:#FF4000; display:none; clear:both; height:auto; padding:6px 0 0 0; } #find_a_dealer_inloggen .dealer_loginbox .login_form b { clear:both; display:block; color:#333333; font-size:12px; margin:0 0 4px 0; padding-top:6px; } #find_a_dealer_inloggen .dealer_loginbox .login_form input { display:block; border:1px solid #CCCCCC; width:156px; font-size:12px; height:17px; padding-left:1px; padding-top:1px; } #find_a_dealer_inloggen .dealer_loginbox .login_form div {height:20px; padding-bottom:18px; } #find_a_dealer_inloggen .dealer_loginbox .login_form input.submit {cursor:pointer; border:0px; padding-top:0px; height:20px; width:70px; margin-top:6px; float:right; } #find_a_dealer_inloggen .dealer_loginbox .login_form a.password { text-decoration:underline; font-weight:normal; color:#333333; } #column3 .quicklink { float:right; width:188px; overflow:hidden; margin-bottom:8px; border: 1px solid #EEEEEE; background: url(../images/bg_quicklink.jpg) repeat-x bottom left; } .quicklink h2 { font-size: 14px; font-weight: normal; margin: 8px 9px; } .quicklink a, .quicklink a:hover { text-decoration:underline; } .quicklink div { margin: 8px 9px; font-size:12px; color:#333333; } .quicklink div span.imgholder.left { float:left; display:inline-block; margin:1px 5px 1px 0px; } *html .quicklink div span.imgholder.left { margin-right:3px; } .quicklink div span.imgholder.right { float:right; display:inline-block; margin:1px 0px 1px 5px; } *html .quicklink div span.imgholder.right { margin-left:3px; } .quicklink div span.imgholder.center { display:block; margin:5px 0px 5px; width:170px; text-align:center; } .quicklink img { border: 1px solid #eeeeee; max-width:170px; } .quicklink a.download { clear:both; margin: 0px 9px 8px 9px; display:inline-block; padding-right:25px; background:url(../images/ico_download.jpg) no-repeat right;width:20px;height:18px; } .quicklink a.none, .quicklink a.normal { clear:both; display:block; padding:0 9px 0 9px; margin:0 0 7px 0; } .quicklink a.normal.tips { color:#333333; font-weight:normal; } .quicklink a.normal.documents { color:#333333; font-weight:normal; } .selection_wizzard { float: right; width:176px; height:50px; padding:4px 0 0 14px; background:#FFFFFF url(../images/but_cylinderfinder.jpg) 0 0 no-repeat; cursor:pointer; } #product_detail_container #page_top a.selectionwizzard { display: block;float: right;font-size: 11px;height: 17px;padding-right: 9px; } #product_detail_container #page_top a.email { height:17px; padding-left:26px; font-size:11px; display:block; float:right; background:url(../images/ico_mail.png) 0 0 no-repeat; padding-right: 9px;} /* FOOTER */ #footer, #footer_inner { width:980px; height:26px; padding-top:8px; margin:0 auto; clear:both; border-top:1px solid #EEEEEE; text-align:center; color:#333333; font-size:10px; } #footer a, #footer_inner a { color:#333333; font-size:10px; text-decoration:underline; } /* CARROUSSEL Homepages */ #wrapper #carrousel ul { margin-left:0px; } #wrapper #carrousel .photoslider { width:760px; height:255px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:0; } #wrapper #carrousel img.singleimage { width:760px; height:255px; } #wrapper #carrousel .layover { width:760px; height:255px; overflow:hidden; position:absolute; top:0px; left:0px; z-index:99; } #wrapper #carrousel .photoslider_nav { position: absolute; overflow: hidden; top:200px; left:30px; height: 18px; z-index:100; } #wrapper #carrousel .layover { background:url(../images/carroussel/bg_layer_carroussel.png) 0 0 no-repeat; } *html #wrapper #carrousel .layover { background:url(../images/carroussel/bg_layer_carroussel.gif) 0 0 no-repeat; } /* CARROUSSEL Innerpages */ #wrapper_inner #carrousel ul { margin-left:0px; } #wrapper_inner #carrousel { position:relative; overflow:hidden; width:582px; height:248px; } #wrapper_inner #carrousel img.singleimage { width:582px; height:248px; } #wrapper_inner #carrousel .layover { display:none; } /* #wrapper_inner #carrousel img {left:-20px; } */ #wrapper_inner #carrousel .photoslider { position:absolute; top:0px; left:0px; width:582px; height:248px; } #wrapper_inner #carrousel .photoslider ul li img { width:582px; height:248px; } #wrapper_inner #carrousel .photoslider_nav { position: absolute; overflow: hidden; top:200px; left:30px; height: 18px; z-index:100; } /* CARROUSSEL Navigation algemeen */ .photoslider_nav a { display:block !important; float:left !important; background-color:Black !important; width:18px; !important; height:15px !important; text-align:center !important; padding-top:3px !important; text-decoration:none !important; color:White !important; font-size:10px !important; } .photoslider_nav a span { display:block !important;float:left !important; cursor:pointer !important; width:18px !important; height:18px !important; } .photoslider_nav a.first { background:url(../images/carroussel/navleft.png) 0 0 no-repeat !important; } *html .photoslider_nav a.first { background:url(../images/carroussel/navleft.gif) 0 0 no-repeat !important; } .photoslider_nav a.last{ background:url(../images/carroussel/navright.png) 0 0 no-repeat !important; } *html .photoslider_nav a.last{ background:url(../images/carroussel/navright.gif) 0 0 no-repeat !important; } .photoslider_nav a.selected span { background:url(../images/carroussel/ahover.gif) 3px 0px no-repeat !important; } .photoslider_nav a:hover span { background:url(../images/carroussel/ahover.gif) 3px 0px no-repeat !important; } .jcarousel-container { position: relative; } .jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; } .jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; } .jcarousel-list li, .jcarousel-item { float: left; list-style: none; width: 75px; height: 75px; } .jcarousel-next { z-index: 3; display: none; } .jcarousel-prev { z-index: 3; display: none; } .jcarousel-skin-visual .jcarousel-container-horizontal { width: 795px; } .jcarousel-skin-visual .jcarousel-clip-horizontal { height: 260px; } .jcarousel-skin-visual .jcarousel-item { width: 795px; height: 260px; } /* Product detail scrollbar */ a.jScrollArrowUp { background: url(../images/basic_arrow_up.gif) no-repeat 0 0; } a.jScrollArrowUp:hover { background-position: 0 -15px; } a.jScrollArrowDown { background: url(../images/basic_arrow_down.gif) no-repeat 0 0; } a.jScrollArrowDown:hover { background-position: 0 -15px; } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px; } .jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; } .jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; } .jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden; } .jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; } .jScrollPaneDragBottom { position: absolute; bottom: 0; left: 0; overflow: hidden; } a.jScrollArrowUp { display: block; position: absolute; z-index: 1; top: 0; right: 0; text-indent: -2000px; overflow: hidden; height: 9px; } a.jScrollArrowUp:hover { /*background-color: #f60;*/ } a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 9px; } a.jScrollArrowDown:hover { /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { /*background-color: #f00;*/ } /* regionselection */ #flashmenu {display:none;position:absolute;width:245px;color:#fff;} #flashmenu a.btnClose {position:absolute;right:20px;top:15px;font-size:12px;text-decoration:underline;} #flashmenu a {color:#fff;text-decoration:underline;} #flashmenu h3 {color:#fff;font-size:18px;padding-bottom:15px;} #flashmenu li {list-style:none;background:transparent url(../images/flashmenu/liItem.gif) no-repeat 0px 7px;padding-left:10px;margin-left:-10px;} #flashmenu a:hover {color:#FF4000;} #flashmenu .bgTop {width:245px;height:21px;background:transparent url(../images/flashmenu/bgTop.png) no-repeat 3px 0;} #flashmenu .content {padding:0 0 10px 21px;width:224px;background:transparent url(../images/flashmenu/bg.png) 0 0;} #flashmenu .bgBottom {width:250px;height:35px;background:transparent url(../images/flashmenu/bgBottom.png) no-repeat 0 0;}