/*************************************************** * * * CSS Styles All-Round website * * * * Aime van Pottelsberghe (auteur) * * in opdracht van Chilli Design & Multimedia * * * ***************************************************/ /* STYLES RESETTER */ html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, address, blockquote, hr { margin: 0px; padding: 0px; } html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #687885; } form input[type="submit"], form input[type="reset"] { cursor: pointer; } fieldset { border: none; } input, select, textarea { font-size: 100%; } h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: bold; color: #000000; } a { text-decoration: none; } a span { color: #FFFFFF; } address { font-style: normal; }/* nieuw: 0b2e3b, oud: 3d505a */ /* CLEARDIV STYLE */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } /* End hide from IE-mac */ /* COMMON TEXT STYLES */ /* STRUCTURE STYLES */ html { width: 100%; background: #fff; /*background: #0b2e3b;*/ } body { width: 100%; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; /*color: #FF0000;*/ } div#site_wrap { width: 100%; background: #FFFFFF url(../images/body_wrap_bg_repeat.jpg) repeat-x top; color: #0b2e3b; /**/padding: 0px 0px 25px 0px !important; } div#footer_wrap { width: 100%; /*background: #0b2e3b;*/ color: #FFFFFF; } div#sitemap_wrap { width: 100%; background: #edeff0; color: #0b2e3b; } div.center_holder { width: 790px; margin: 0px auto; text-align: left; } div#header_wrap { width: 790px; height: 190px; color: #FFFFFF; position: relative; } div#header_wrap div#header_bg { width: 790px; height: 190px; position: absolute; z-index: 1; left: 0px; top: 0px; } div#header_wrap div#lang_wrap { position: absolute; z-index: 5; right: 20px; top: 6px; color: #abb4b8; font-size: 11px; } div#header_wrap div#lang_wrap span.lang_active { text-decoration: underline; } div#header_wrap div#lang_wrap a { color: #abb4b8; } div#header_wrap div#lang_wrap a:hover { color: #FFFFFF; } div#body_holder { width: 790px; background: url(../images/body_holder_bg.gif) repeat-y; /*margin: 0px 0px 15px 0px;*/ } div#body_wrap { width: 790px; background: url(../images/body_bg.gif) no-repeat top left; padding: 3px 0px 0px 0px; } div#main_nav_wrap { width: 189px; float: left; padding: 3px 9px 0px 23px; } div#content_wrap { width: 537px; float: left; padding: 3px 23px 0px 9px; } div#footer_content_wrap { width: 744px; padding: 3px 0px; margin: 0px 23px; color: #0B2E3B/*b6bdc0*/; text-align: center; background: #f3f3f3; } div#footer_content_wrap a { margin: 0px; color: #0B2E3B/*b6bdc0*/; text-decoration: none; text-transform: lowercase; } div#footer_content_wrap a:hover { /*color: #EEE;*/ text-decoration: underline; } /* SIDEBAR NAV BLOCKS STYLES */ /* COMMON STYLES */ .cloud_blue { color: #52bfed !important; } div.mnu_block { width: 189px; padding-bottom: 10px; } div.mnu_header { width: 189px; height: 26px; background: url(../images/nav_mnu_header_gradient_bg.jpg) no-repeat left top; } /*url(../images/nav_mnu_header_bg.jpg)*/ div.mnu_header h3 { font-size: 12px; font-weight: normal; color: #fff; position: relative; left: 35px; top: 6px;/*7*/ width: 150px; text-transform: uppercase; } /* color: #3d505a; */ div.mnu_footer { width: 189px; height: 4px; background: url(../images/main_nav_mnu_body_footer.jpg) no-repeat; float: none; font-size: 0px; line-height: 0px; } div.normal_mnu_body_wrap { width: 154px; background: #f6f6f6 url(../images/nav_mnu_footer_bg.jpg) no-repeat bottom; line-height: 15px; padding: 15px 0px 15px 35px; } hr.mnu_block_tss_lijntje { display: block; height: 1px; width: inherit; margin: 0; _margin: -7px 0; padding: 0; border-top: 1px dashed #d0d4d5; } div#search_block { background: #d7f0fa; } div#search_block hr.mnu_block_tss_lijntje { border-top: 1px dashed #a2b9a3; } div#search_footer { background: url(../images/main_nav_mnu_body_green_footer.jpg) no-repeat; } /* INDIVIDUAL BLOCK STYLES */ /* SIDEBAR NAVIGATION STYLES */ div#main_mnu_body_wrap { width: 189px; /*height: 235px;*/ background: #f6f6f6 url(../images/main_nav_mnu_body_bg.jpg) no-repeat bottom; font-size: 10px; } div#main_mnu_top_spacer { width: 189px; height: 4px; background: #f6f6f6; float: none; font-size: 0px; line-height: 0px; } div#main_mnu_body_wrap ul, div#main_mnu_body_wrap ul li { list-style: none; } div#main_mnu_body_wrap ul { padding: 0px 0px 0px 0px; } div#main_mnu_body_wrap ul li { margin-top: 1px; width: 189px; height: 37px; } div#main_mnu_body_wrap ul li.active { background: url(../images/li_active_bg.jpg) no-repeat; } div#main_mnu_body_wrap ul li.active span { font-weight: bold; } div#main_mnu_body_wrap ul li span, div#main_mnu_body_wrap ul li a span { position: relative; left: 42px; top: 10px; } div#main_mnu_body_wrap ul li a { display: block; width: 189px; height: 37px; outline: none; } div#main_mnu_body_wrap ul li a span { color: #0b2e3b; } div#main_mnu_body_wrap ul li a:hover { background: url(../images/li_active_bg.jpg) no-repeat; } div#main_mnu_body_wrap ul li a:hover span { left: 46px; } div#main_mnu_body_footer { width: 189px; height: 4px; background: url(../images/main_nav_mnu_body_footer.jpg) no-repeat; float: none; font-size: 0px; line-height: 0px; } /* SEARCH BLOCK STYLES */ p#choose_cat_lbl { padding: 0px 0px 2px 0px; margin: 0px; } p#choose_cat_inp { padding-bottom: 10px; } p#choose_cat_inp select#fs_cats_select { display: block; width: 145px; border: none; } p#choose_cat_inp select#fs_cats_select option { padding-right: 20px; } p#search_cat_lbl { padding: 7px 0px 2px 0px; margin: 0px; } div#nav_search_prod { width: 146px; height: 17px; position: relative; } div#nav_search_prod input#search_txt_field { width: 128px; height: 16px; position: absolute; left: 0px; top: 0px; border: none; padding: 0px; margin: 0px; background: #FFFFFF; } /*div#nav_search_prod input#search_txt_btn { width: 17px; height: 16px; background: url(../images/search_txt_btn.jpg) no-repeat; position: absolute; left: 128px; top: 0px; border: none; }*/ div#nav_search_prod input#search_txt_btn { width: 17px; height: 16px; position: absolute; left: 128px; top: 0px; border: none; } /* LOGIN BLOCK STYLES */ div#mnu_block_login_wrap { padding: 0px 0px 4px 0px; } div#mnu_block_login_wrap label.login_lbl { color: #0b2e3b; font-size: 11px; display: block; padding: 0px 0px 3px 0px; } div#mnu_block_login_wrap input.login_txt { height: 16px; width: 144px; border: none; background: #FFF; margin: 0px 0px 6px 0px; } div#mnu_block_login_wrap a { color: #aaa; text-decoration: underline; } div#mnu_block_login_wrap a:hover { text-decoration: none; } p.login_align_right { text-align: right; width: 144px; } p.login_align_right a { margin: 0px 0px 0px 3px; } p.login_btn_wrap { padding: 5px 0px; } p.login_align_right span { display: block; font-weight: bold; padding: 5px 0px 0px 0px; } label#login_pw_lbl { float: left; } a#vergeten_link { float: left; margin: 0px 0px 0px 10px; } /* LOCATION BLOCK STYLES */ div#location_block p { padding: 0px 0px 7px 0px; } div#location_block p b { color: #52bfed; } div#location_block p span.spacing_title { display: block; margin-bottom: 2px; } div#location_block a { color: #0b2e3b; text-decoration: none; } div#location_block a:hover { text-decoration: underline; } /* COMMON PAGE STYLES */ div.content_module_wrap { width: 537px; background: #f3f3f3 /*url(../images/body_bottom_bg.jpg) no-repeat bottom*/; padding: 0px 0px 15px 0px; } div.module_title_wrap { width: 537px; height: 26px; background: url(../images/body_title_bg.jpg) no-repeat top; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } div.module_title_wrap p { position: relative; left: 35px; top: 6px; width: 490px; } div.module_title_wrap p a { color: #0b2e3b; text-decoration: underline; text-transform: lowercase; } div.module_title_wrap p a:hover { background: #FFFFFF; } div.module_title_wrap p span { text-transform: lowercase; font-size: 11px; } div.module_title_prods { background: url(../images/body_title_bg.jpg) no-repeat top; position: relative; } /*div.module_title_prods div.prod_bolletje_top { background: url(../images/prod_bolletje.gif) no-repeat; width: 14px; height: 14px; position: absolute; top: 7px; left: 16px; z-index: 10; } div.module_title_prods div.prod_bolletje_color { width: 14px; height: 14px; position: absolute; top: 7px; left: 16px; z-index: 5; }*/ div.module_title_prods p { position: absolute; } div.module_body_wrap { width: 527px; /*padding: 0px 5px;*/ padding: 0px 0px 0px 5px; position: relative; } p.indented_txt { padding: 0px 6px; color: #50616a; font-size: 11px; line-height: 15px; } p.txt_w_top_img { padding-top: 15px; } p.txt_w_bottom_img { padding-bottom: 15px; } p.indented_txt a.indented_txt_link { color: #0b2e3b; text-decoration: underline; } p.indented_txt a.catalogus_link { line-height: 20px; position: relative; left: 25px; } p.indented_txt a.indented_img_link { outline: none; } p.indented_txt a.indented_img_link img { border: none; } img.module_body_img { border: 1px solid #c0c6c8; position: relative; left: 10px; } div.full_width_img_wrap { width: 515px; /*height: 170px;*/ background: #ebecec; border: 1px solid #a6afb3; padding: 5px; } div.full_width_img_wrap img.full_width_img {} .txt_1000_opl { font-weight: bold; color: #70A36A !important; } p.bordered_txt { background: #FFFFFF; margin-top: 15px; padding: 6px; border: 1px solid #A6AFB3; } /* PAGE SPECIFIC STYLES */ /* ABOUT PAGE */ /*img#allround_aboutus_img1 { margin: 15px 0px 20px 0px; }*/ div#carrousel_wrap { /*width: 527px; height: 310px;*/ } div#scrolling_banner { margin-top: 15px; } /* PRODUCTS OVERVIEW PAGE */ div.cat_record { width: 517px; text-align: left; margin-bottom: 2px; } div.cat_record:hover { background: #d8dcde; } div.cat_record a { display: block; color: #0b2e3b; outline: none; } div.cat_record a span { display: block; float: left; cursor: pointer; } div.cat_record a span.cat_color_span { padding: 4px; margin-right: 10px; color: #FFF; } div.cat_record a span.cat_new_span { padding: 4px 8px; } /*div.cat_record:hover a span.cat_color_span { background: #8ba977; }*/ div.cat_record a span.cat_name_span { padding: 4px; } div.new_prods { margin-bottom: 15px; } div.odd_row { background: #ebecec; } div.even_row { background: #e3e4e4; } /* CAT DETAIL PAGE */ div.page_module { width: 525px; height: 17px; padding-top: 3px; background: #dee1e4; border: 1px solid #c0c7ca; text-align: center; } div.page_module a { color: #0b2e3b; text-decoration: none; padding: 0px 2px; } div.page_module a:hover { color: #999999; } div.page_module span.active_page { color: #0b2e3b; text-decoration: underline; padding: 0px 2px; } div.top_page_module { margin-bottom: 5px; } div.bottom_page_module { margin-top: 12px; } div.prod_fiche { width: 527px; margin-top: 13px; border-bottom: 1px solid #55add7; } ul.prod_title { padding: 3px 0px 0px 15px; margin: 0px 0px 13px 0px; width: 512px; height: 17px; background: #0b2e3b; list-style: disc; } ul.prod_title li { color: #66bee5; list-style: disc; width: 499px; position: relative; left: -2px; top: 0px; margin-left: 15px; } ul.prod_title li span { color: #fff; text-transform: uppercase; } div.prod_fiche_wrap { width: 527px; margin-bottom: 13px; } div.prod_foto_holder { width: 230px; height: 300px; float: left; border: 1px dotted #0b2e3b; position: relative; } div.prod_foto { width: 230px; height: 300px; position: absolute; top: 0px; left: 0px; z-index: 1; background: url(../images/default_foto.jpg) no-repeat; } a.foto_lnk { position: absolute; right: 10px; bottom: 10px; z-index: 5; } span.no_foto_txt { position: absolute; display: block; width: 230px; left: 0px; top: 140px; text-align: center; z-index: 5; } /*span.foto_txt { position: absolute; right: 10px; bottom: 10px; z-index: 5; } span.no_foto_txt { position: absolute; display: block; width: 230px; left: 0px; top: 140px; text-align: center; z-index: 5; }*/ div.prod_descr_holder { float: left; border: 1px dotted #0b2e3b; background: #fafafa; padding: 10px; width: 260px; margin-left: 13px; min-height: 280px; height: auto; } div.prod_draw_holder { width: 230px; height: 200px; float: left; border: 1px dotted #0b2e3b; position: relative; margin-top: 13px; } div.prod_draw { width: 230px; height: 200px; position: absolute; top: 0px; left: 0px; z-index: 1; background: url(../images/default_draw.jpg) no-repeat; } a.draw_lnk { position: absolute; right: 10px; bottom: 10px; z-index: 5; } span.no_draw_txt { position: absolute; display: block; width: 230px; left: 0px; top: 90px; text-align: center; z-index: 5; } /*span.no_draw_txt { position: absolute; display: block; width: 230px; left: 0px; top: 90px; text-align: center; z-index: 5; }*/ div.prod_size_holder { float: left; border: 1px dotted #0b2e3b; background: #e1e3e6; width: 280px; margin:13px 0 0 13px; min-height: 200px; height: auto; } table.tbl_prod_sizes { width: 280px; } col.size_col { width: 120px; } col.code_col { width: 160px; } table.tbl_prod_sizes thead th { padding: 15px 15px 10px 25px; } table.tbl_prod_sizes tbody td { padding: 3px 15px 3px 25px; } table.tbl_prod_sizes tbody tr.even { background: #e1e3e6; } table.tbl_prod_sizes tbody tr.odd { background: #f8f8f8; } /*div.prod_fiche { width: 527px; margin-top: 10px; border-bottom: 1px solid #c5cacd; } div.prod_fiche_wrap { width: 527px; margin-bottom: 5px; } div.prod_pics_wrap { float: left; width: 100px; height: 100px; background: #ebecec; border: 1px solid #a6afb3; padding: 5px; } div.prod_picture_holder { width: 100px; height: 100px; } div.prod_picture_holder a { outline: none; position: relative; display: block; width: 100px; height: 100px; } div.prod_picture_holder a img { border: none; } div.prod_picture_holder a img#plusje { position: absolute; right: 2px; bottom: 2px; z-index: 2; } div.prod_info_wrap { float: left; width: 410px; padding: 0px 0px 0px 5px; } div.info_header { width: 410px; height: 19px; background: url(../images/prod_info_top_balkje.jpg) no-repeat; margin-bottom: 10px; position: relative; } div.info_header span.prod_fiche_title { position: absolute; left: 7px; top: 3px; font-weight: bold; } div.info_header span.prices_title { position: absolute; right: 7px; top: 3px; } p.prod_descr { color: #0b2e3b; margin-bottom: 5px; padding: 0px 5px 0px 7px; } p.prod_specs { color: #859197; padding: 0px 5px 0px 7px; } p.prod_specs a { color: #859197; text-decoration: underline; } p.prod_specs a:hover { color: #0b2e3b; }*/ /*div.info_footer { width: 521px; height: 16px; padding: 3px 0px 0px 6px; background: url(../images/prod_info_foot_balkje.jpg) no-repeat; margin-bottom: 10px; position: relative; } div.info_footer a.draw_link, div.info_footer a.pic_link { float: left; margin-right: 10px; position: relative; height: 14px; } div.info_footer a.draw_link span, div.info_footer a.pic_link span { color: #aeaeaf; text-decoration: underline; padding: 0px 0px 0px 20px; } div.info_footer a.draw_link:hover span, div.info_footer a.pic_link:hover span { color: #0b2e3b; } div.info_footer a.draw_link { background: url(../images/draw_icon.jpg) no-repeat; } div.info_footer a.pic_link { background: url(../images/pic_icon.jpg) no-repeat; } div.add_to_offre_wrap { position: absolute; right: 10px; top: 0px; } label.aantal_stuks_lbl { float: left; display: block; margin-right: 5px; position: relative; top: 3px; } input.aantal_stuks_txt { float: left; width: 50px; height: 11px; position: relative; top: 1px; } a.aantal_stuks_btn { float: left; display: block; width: 14px; height: 14px; background: url(../images/add-item.gif) no-repeat; margin-left: 5px; position: relative; top: 3px; } input.aantal_stuks_submit_btn { float: left; width: 20px; height: 17px; border: none; margin-left: 5px; position: relative; top: 1px; }*/ /* OFFERTE OVERVIEW PAGE */ p#max_msg { margin: 0px 0px 10px 0px; } table#offer_overview_tbl, table#offer_overview_tbl th, table#offer_overview_tbl td { border: none; border-collapse: collapse; } table#offer_overview_tbl { width: 527px; margin-bottom: 50px; } table#offer_overview_tbl thead { background: #0b2e3b; color: #FFF; margin: 0px; padding: 0px; } table#offer_overview_tbl thead tr { height: 20px; } table#offer_overview_tbl tbody tr.spaceer_row { height: 5px; } table#offer_overview_tbl tbody tr.data_row { border-bottom: 1px dashed #d0d4d5; } table#offer_overview_tbl tbody tr.data_row td { padding: 2px 0px; } table#offer_overview_tbl tbody tr.total_row td { padding: 10px 0px 0px 0px; } table#offer_overview_tbl thead tr th.del_head, table#offer_overview_tbl tbody tr td.del_cel { text-align: center; } table#offer_overview_tbl thead tr th.prods_head, table#offer_overview_tbl tbody tr td.prods_cel { padding-left: 5px; } table#offer_overview_tbl thead tr th.total_head, table#offer_overview_tbl tbody tr td.total_cel { text-align: right; padding-right: 5px; } table#offer_overview_tbl tbody tr.total_row td.quan_cel { font-weight: bold; } table#offer_overview_tbl tbody tr td.del_cel input.prod_delete_input { position: relative; top: 1px; } table#offer_overview_tbl tbody tr td.quan_cel input.prod_quantity_input { display: block; width: 40px; height: 10px; } table#offer_overview_tbl tbody tr td.quan_cel select.prod_quantity_select { display: block; width: 50px; height: 17px; } /*div#offer_prev_btns { } div#offer_prev_btns input { }*/ /* PRINTPREVIEW */ #print_prev_wrap { background: #FFF; margin: 0px auto; text-align: left; } #print_head_wrap { height: 152px; border-bottom: 1px solid #18a950; } #print_offer_wrap { text-align: center; padding: 25px 0px; } #print_offer_tbl { background: #FFF; margin: 0px auto; border: 1px solid #000000; border-collapse: collapse; } #print_offer_tbl th { border: 1px solid #000000; border-collapse: collapse; } #print_offer_tbl td { border-left: 1px solid #000000; border-right: 1px solid #000000; border-collapse: collapse; } .total_row_prev { border-top: 1px solid #000000; } #print_foot_wrap { border-top: 1px solid #18a950; padding: 10px 0px 0px 0px; text-align: center; color: #58585a; } /* NIEUWS PAGE */ div.news_fiche { width: 527px; margin-top: 10px; border-bottom: 1px solid #c5cacd; } div.news_header { width: 515px; height: 16px; padding: 3px 6px 0px 6px; background: url(../images/prod_info_foot_balkje.jpg) no-repeat; margin-bottom: 5px; position: relative; } p.news_title { color: #0b2e3b; position: absolute; left: 6px; font-weight: bold; } p.news_added { position: absolute; right: 6px; } div.news_body { width: 527px; margin-bottom: 5px; } div.news_img_wrap { float: left; width: 100px; height: 100px; background: #ebecec; border: 1px solid #a6afb3; padding: 5px; } div.news_txt_wrap { float: left; width: 400px; padding: 0px 0px 0px 15px; color: #0b2e3b; } div.news_footer { width: 515px; height: 16px; padding: 3px 6px 0px 6px; background: url(../images/prod_info_foot_balkje.jpg) no-repeat; margin-bottom: 5px; position: relative; } p.news_link_holder { position: absolute; right: 6px; width: 300px; text-align: right; } p.news_link_holder a { color: #0b2e3b; text-decoration: none; } p.news_link_holder a:hover { text-decoration: underline; } /* REGISTER PAGE */ div#regform_info { width: 507px; margin: 10px 0px 0px 10px; padding: 0px 0px 15px 0px; } div#regform { width: 507px; height: 430px; margin: 10px 0px 0px 10px; position: relative; } div#regform label.input_lbl { display: block; text-align: right; position: absolute; right: 350px; } div#regform label.input_lbl span.required { color: #CC3300; } div#regform input.input_txt { display: block; width: 205px; position: absolute; left: 180px; background: #f2f3f3; border: 1px solid #8e8e8e; } div#regform input.input_error { border: 1px solid #FF0000; } hr.reg_tss_lijntje { width: 207px; position: absolute; left: 180px; border-top: 1px dashed #d0d4d5; } label#reg_vnaam_lbl { top: 30px; } input#reg_vnaam_txt { top: 28px; } label#reg_naam_lbl { top: 50px; } input#reg_naam_txt { top: 48px; } label#reg_mail_lbl { top: 70px; } input#reg_mail_txt { top: 68px; } label#reg_login_lbl { top: 90px; } input#reg_login_txt { top: 88px; } hr#reg_lijntje_1 { top: 122px; } label#reg_company_lbl { top: 140px; } input#reg_company_txt { top: 138px; } label#reg_funct_lbl { top: 160px; } input#reg_funct_txt { top: 158px; } label#reg_activ_lbl { top: 180px; } input#reg_activ_txt { top: 178px; } hr#reg_lijntje_2 { top: 212px; } label#reg_straat_lbl { top: 230px; } input#reg_straat_txt { top: 228px; } label#reg_pc_lbl { top: 250px; } input#reg_pc_txt { top: 248px; } label#reg_plaats_lbl { top: 270px; } input#reg_plaats_txt { top: 268px; } label#reg_land_lbl { top: 290px; } input#reg_land_txt { top: 288px; } hr#reg_lijntje_3 { top: 322px; } label#reg_tel_lbl { top: 340px; } input#reg_tel_txt { top: 338px; } label#reg_fax_lbl { top: 360px; } input#reg_fax_txt { top: 358px; } p#reg_submit_btn { position: absolute; top: 400px; right: 119px; width: 70px; text-align: right; color: #0b2e3b; } *p#reg_submit_btn { right: 116px; } p#reg_submit_btn a { color: #333333; text-decoration: none; color: #0b2e3b; } p#reg_submit_btn a:hover { text-decoration: underline; } img#reg_progress { position: absolute; top: 399px; right: 96px; } p.reg_mail_ok { width: 507px; height: 100px; margin: 10px 0px 0px 10px; position: relative; } /* CONTACT & REG FORM COMMON STYLES */ div.form_errors { width: 507px; margin: 0px 0px 0px 10px; text-align: center; color: #FF0000; } label#title_lbl { top: 5px; } input#title_m_radio { position: absolute; top: 2px; left: 176px; } p#frm_title_m_p { position: absolute; top: 5px; left: 198px; } input#title_v_radio { position: absolute; top: 2px; left: 240px; } p#frm_title_v_p { position: absolute; top: 5px; left: 262px; } /* CONTACT PAGE */ div#contact_data address { float: left; width: 120px; margin: 0px 0px 0px 10px; } div#contact_data p { float: left; width: 135px; margin: 0px 0px 0px 30px; } div#contact_data p span, div#contact_data address span { display: block; margin-bottom: 2px; } div#contact_data p a { color: #0b2e3b; text-decoration: none; } div#contact_data p a:hover { text-decoration: underline; } div#googlemap { width: 505px; height: 298px; margin: 20px 0px 0px 10px; border: 1px solid #0b2e3b; } hr.module_body_tss_lijntje { width: 507px; margin: 20px 0px 15px 10px; border-top: 1px dashed #d0d4d5; } div#contactform_info { width: 507px; margin: 0px 0px 0px 10px; padding: 0px 0px 15px 0px; } div#contactform { width: 507px; height: 750px; margin: 10px 0px 0px 10px; position: relative; } div#contactform label.input_lbl { display: block; text-align: right; position: absolute; right: 350px; } div#contactform label.input_lbl span.required { color: #CC3300; } div#contactform input.input_txt { display: block; width: 205px; position: absolute; left: 180px; background: #f2f3f3; border: 1px solid #8e8e8e; } div#contactform input.input_error { border: 1px solid #FF0000; } hr.contact_tss_lijntje { width: 207px; position: absolute; left: 180px; border-top: 1px dashed #d0d4d5; } label#contact_vnaam_lbl { top: 30px; } input#contact_vnaam_txt { top: 28px; } label#contact_naam_lbl { top: 50px; } input#contact_naam_txt { top: 48px; } label#contact_mail_lbl { top: 70px; } input#contact_mail_txt { top: 68px; } hr#contact_lijntje_1 { top: 102px; } label#contact_company_lbl { top: 120px; } input#contact_company_txt { top: 118px; } label#contact_btw_lbl { top: 140px; } input#contact_btw_txt { top: 138px; } hr#contact_lijntje_2 { top: 172px; } label#contact_straat_lbl { top: 190px; } input#contact_straat_txt { top: 188px; } label#contact_pc_lbl { top: 210px; } input#contact_pc_txt { top: 208px; } label#contact_plaats_lbl { top: 230px; } input#contact_plaats_txt { top: 228px; } label#contact_land_lbl { top: 250px; } input#contact_land_txt { top: 248px; } hr#contact_lijntje_3 { top: 282px; } label#contact_tel_lbl { top: 300px; } input#contact_tel_txt { top: 298px; } label#contact_gsm_lbl { top: 320px; } input#contact_gsm_txt { top: 318px; } label#contact_fax_lbl { top: 340px; } input#contact_fax_txt { top: 338px; } hr#contact_lijntje_4 { top: 372px; } label#contact_bericht_lbl { top: 390px; } textarea#contact_bericht_ta { display: block; position: absolute; top: 387px; left: 180px; width: 205px; height: 110px; background: #f2f3f3; border: 1px solid #8e8e8e; } hr#contact_lijntje_5 { top: 515px; } label#contact_captcha_lbl { top: 530px; } input#contact_captcha_txt { top: 527px; } img#verif_img { position: absolute; top: 550px; left: 180px; border: 1px solid #8e8e8e; } hr#contact_lijntje_6 { top: 652px; } label#contact_cat_lbl { display: block; position: absolute; top: 670px; left: 180px; text-align: left; } input#contact_cat_txt { display: block; position: absolute; top: 667px; right: 350px; } label#contact_sample_lbl { display: block; position: absolute; top: 690px; left: 180px; text-align: left; } input#contact_sample_txt { display: block; position: absolute; top: 687px; right: 350px; } p#contact_submit_btn { position: absolute; top: 730px; right: 119px; width: 70px; text-align: right; color: #0b2e3b; } *p#contact_submit_btn { right: 116px; } p#contact_submit_btn a { color: #333333; text-decoration: none; color: #0b2e3b; } p#contact_submit_btn a:hover { text-decoration: underline; } img#contact_progress { position: absolute; top: 729px; right: 96px; } p.contact_mail_ok { width: 507px; height: 100px; margin: 10px 0px 0px 10px; position: relative; } /* ALGEMENE VOORWAARDEN STYLES */ ol#alg_vwdn_lijst { padding: 20px 10px 0px 30px; } ol#alg_vwdn_lijst li { margin: 0px 0px 10px 0px; } ol#alg_vwdn_lijst ul.sublist { padding: 3px 0px 0px 15px; } ol#alg_vwdn_lijst ul.sublist li { margin: 0px 0px 3px 0px; list-style: square; } /* BROL CODE */ /*div#header_wrap { width: 750px; height: 190px; //background: url(../images/header_bg.jpg) no-repeat top left;// padding: 0px 20px; color: #FFFFFF; position: relative; } div.header_1 { background: url(../images/header1.jpg) no-repeat top left; } div.header_2 { background: url(../images/header2.jpg) no-repeat top left; } div.header_3 { background: url(../images/header_bg.jpg) no-repeat top left; } div#header_wrap h1 { font-family: Arial; font-size: 45px; font-weight: normal; color: #FFFFFF; position: absolute; left: 120px; top: 115px; line-height: 45px; } div#header_wrap h1 span { color: #42585d; } div#header_wrap h2 { font-family: Arial; font-size: 12px; font-weight: normal; color: #c9dfc8; position: absolute; left: 116px; top: 157px; text-transform: uppercase; } div.header_1 h1, div.header_1 h2, div.header_2 h1, div.header_2 h2 { display: none; } div#lang_wrap { position: absolute; right: 20px; top: 6px; color: #abb4b8; font-size: 11px; } span.lang_active { text-decoration: underline; } div#lang_wrap a { color: #abb4b8; } div#lang_wrap a:hover { color: #FFFFFF; }*/ /* PRODUCTS OVERVIEW PAGE */ /*div.cat_wrap { width: 470px; margin: 0px 0px 10px 30px; } div.cat_wrap a.cat_title_link { width: 470px; } div.cat_wrap a.cat_title_link img { display: block; float: left; position: relative; top: 2px; cursor: pointer; } div.cat_wrap a.cat_title_link span { display: block; float: left; margin-left: 4px; color: #333; cursor: pointer; } div.cat_wrap div.collapsible { display: none; padding: 5px; } div.cat_wrap div.collapsible ul, div.cat_wrap div.collapsible ul li { list-style: none; } div.cat_wrap div.collapsible ul { display: block; } div.cat_wrap div.collapsible ul li { margin: 0px 0px 0px 8px; padding: 2px 0px 2px 5px; width: 436px; color: #999; }*/ /* // div.cat_wrap div.collapsible ul li { margin: 0px 0px 0px 3px; width: 447px; }*/ /*div.cat_wrap div.collapsible ul li a { color: #3D505A; } div.cat_wrap div.collapsible ul li:hover { background: #FFFFFF; }*/ /* INDIVIDUAL BLOCK STYLES */ /*p.block_lbl_wrap { background: #00CC99; } p.block_inp_wrap { background: #00CCFF; } div.nav_line { width: 146px; height: 0px; border-top: 1px dashed #d0d4d5; margin: 10px 0px 5px 0px; font-size: 0px; }*/ /*hr.mnu_block_tss_lijntje { border-top: 1px dashed #d0d4d5; height: 0px; line-height: -7px; font-size: 0px; } *hr.mnu_block_tss_lijntje { margin: -7px 0px; }*/ /*hr.mnu_block_tss_lijntje { width: inherit; height: 1px; border-top: 1px dashed #d0d4d5; line-height: 1px; font-size: 1px; margin: 0px !important; }*/ /* SIDEBAR NAVIGATION STYLES */ /* SEARCH BLOCK STYLES */ /*div#search_block { position: relative; height: 100px; } div#search_block p { position: absolute; } div#search_block p#choose_cat_lbl { top: 15px; } div#search_block p#choose_cat_inp { top: 33px; } p#choose_cat_inp select#fs_cats_select { display: block; width: 145px; border: none; } p#choose_cat_inp select#fs_cats_select option { padding-right: 20px; } hr#choose_search_line { top: 60px; } div#search_block p#search_cat_lbl { top: 65px; } div#search_block div#nav_search_prod { width: 146px; height: 17px; position: absolute; top: 83px; } div#search_block div#nav_search_prod input#search_txt_field { width: 128px; height: 16px; position: absolute; left: 0px; top: 0px; border: none; padding: 0px; margin: 0px; background: #FFFFFF; } div#search_block div#nav_search_prod input#search_txt_btn { width: 17px; height: 16px; background: url(../images/search_txt_btn.jpg) no-repeat; position: absolute; left: 128px; top: 0px; border: none; }*/ /*div.info_footer { width: 521px; height: 16px; padding: 3px 0px 0px 6px; background: url(../images/prod_info_foot_balkje.jpg) no-repeat; margin-bottom: 10px; position: relative; } div.info_footer a.draw_link { float: left; display: block; width: 50px; height: 14px; background: url(../images/draw_icon.jpg) no-repeat; } div.info_footer a.draw_link span { position: relative; color: #aeaeaf; left: 19px; text-decoration: underline; } div.info_footer a.draw_link:hover span { color: #0b2e3b; } div.info_footer a.pic_link { float: left; margin-left: 10px; display: block; width: 45px; height: 14px; background: url(../images/pic_icon.jpg) no-repeat; } div.info_footer a.pic_link span { position: relative; color: #aeaeaf; left: 19px; text-decoration: underline; } div.info_footer a.pic_link:hover span { color: #0b2e3b; }*/