/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(/Includes/iepngfix.php);} HTML, BODY{ margin: 0; padding: 0; height: 100%; font-size: 12px; color: #87888a; line-height:normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #0055a4;} A:hover{ color: #f78f1e;} A:focus, INPUT:focus, IMG:focus{ outline: none;} P{ margin: 0 0 10px 0;} IMG{ border: none;} FORM{ margin: 0;} TABLE{ border-collapse: collapse; margin-bottom: 10px;} TABLE P{ margin: 0 0 5px 0;} UL, OL{ margin: 0 0 10px; padding: 0 0 0 18px;} LI{ padding-bottom: 5px;} LI LI{ padding-bottom: 2px;} H1{ font-size: 40px; line-height: 42px;} H2{ font-size: 34px; line-height: 36px;} H3{ font-size: 26px; line-height: 28px;} H4{ font-size: 18px; line-height: 20px;} H5{ font-size: 14px; line-height: 16px;} H6{ font-size: 12px; line-height: 14px;} H1, H2, H3, H4, H5{ margin: 0 0 10px 0; font-family: Arial, Helvetica, sans-serif; color: #87888a;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px 0 1px 2px; margin: 0; border: #bebfc0 1px solid; font-size: 10px; font-weight: normal; color: #87888a; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 13px; color: #000; font-family: Arial, Helvetica, sans-serif;} INPUT.form_box{ float: left; width: 13px; height: 13px; margin: 3px 3px 0 0;} SELECT.form_text{ padding: 0; font-size: 10px; border: #bebfc0 1px solid; color: #87888a;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; padding: 2px; border: #bebfc0 1px solid; color: #87888A;} BR.clearer{ margin: 0; padding: 0; line-height: 0; font-size: 1px; height: 0; clear: both;} .clear-element:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ie_clearer{ content: "."; display: inline; height: 0; font-size: 1px; clear: both; visibility: hidden;} .spamcontrole { width: 5px; visibility: hidden;} DIV.label-input { position: relative; float: left; padding-bottom: 2px;} DIV.label-input LABEL.overlabel { color: #87888a; position: absolute; top: 3px; left: 5px; font-size: 10px;} .blauw{ color: #0055a4;} .oranje{ color: #f78f1e;} .grijs{ color: #87888a;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 1000px; float: left; clear: left;} .row{ width: 100%; float: left; clear: left;} .foto-op-oranje{ float: left; position: relative;} .foto-op-oranje IMG{ float: left;} .foto-op-oranje DIV{ position: absolute; width: 4px; height: 4px; font-size: 1px; background: url(../../Images/foto_corners_oranje.gif) no-repeat;} .foto-op-oranje DIV.tl{ background-position: 0 0; top: 0; left: 0;} .foto-op-oranje DIV.tr{ background-position: 100% 0; top: 0; right: 0;} .foto-op-oranje DIV.bl{ background-position: 0 100%; bottom: 0; left: 0;} .foto-op-oranje DIV.br{ background-position: 100% 100%; bottom: 0; right: 0;} .foto-op-wit{ float: left; position: relative;} .foto-op-wit IMG{ float: left;} .foto-op-wit DIV{ position: absolute; width: 4px; height: 4px; font-size: 1px; background: url(../../Images/foto_corners_wit.gif) no-repeat;} .foto-op-wit DIV.tl{ background-position: 0 0; top: 0; left: 0;} .foto-op-wit DIV.tr{ background-position: 100% 0; top: 0; right: 0;} .foto-op-wit DIV.bl{ background-position: 0 100%; bottom: 0; left: 0;} .foto-op-wit DIV.br{ background-position: 100% 100%; bottom: 0; right: 0;} .corner_small{ width: 8px; height: 8px; font-size: 1px; z-index: 999; position: absolute; background: url(../../Images/corners_small.png) no-repeat;} .tl{ top: 0; left: 0; background-position: 0 0;} .tr{ top: 0; right: 0; background-position: 100% 0;} .bl{ bottom: 0; left: 0; background-position: 0 100%;} .br{ bottom: 0; right: 0; background-position: 100% 100%;} /************************************************************** ** Header ***************************************************************/ .header{ width: 100%; float: left; clear: left;} .header DIV.left{ width: 730px; height: 100%; float: left; display: inline; background: url(../../Images/fading_border.gif) #FFF no-repeat 0 79px;} .header DIV.left DIV.logo{ width: 90px; height: 90px; padding: 8px 0 0 12px; float: left; display: inline;} .header DIV.left DIV.logo A{ display: block; height: 100%; background: url(../../Images/logo.jpg) no-repeat 0 0;} .header DIV.left DIV.quote{ width: 628px; float: left; display: inline;} .header DIV.left DIV.quote DIV.eerste_regel{ width: 558px; margin: 20px 0 0 50px; padding-left: 20px; float: left; display: inline; background: url(../../Images/open_quote.gif) no-repeat 0 3px;} .header DIV.left DIV.quote DIV.tweede_regel{ width: 493px; clear: left; float: left; text-align: right; padding-right: 20px; display: inline; margin: 0 115px 0 0; background: url(../../Images/close_quote.gif) no-repeat 100% 8px;} .header DIV.left DIV.quote DIV.tweede_regel span.mooie_letters{ font-family:"Lucida Handwriting"; color:#0055a4;} .header DIV.left DIV.quote H1{ font-size: 18px; line-height: 20px; margin: 0; font-weight: normal;} .header DIV.right{ width: 210px; height: 100%; margin-left: 10px; float: left; display: inline;} .header DIV.right DIV.telnr{ width: 170px; color: #0055a4; padding-left: 40px; margin: 12px 0; float: left; clear: left; background: url(../../Images/Icons/telefoon_ico.gif) no-repeat 3px 50%;} .header DIV.right DIV.zoeken{ width: 100%; float: left; clear: left;} .header DIV.right DIV.zoeken DIV.label-input{ padding-bottom: 10px;} .header DIV.right DIV.zoeken INPUT.form_text{ width: 185px;} .header DIV.right DIV.zoeken SELECT{ width: 189px;} .submit_btn{ width: 17px; height: 17px; margin-left: 3px; float: left; display: block; background: url(../../Images/Icons/submit_ico.gif) no-repeat 0 0;} .submit_btn_contact{ width: 73px; height: 17px; margin-left: 3px; float: left; display: block; background: url(../../Images/Icons/submit_ico_contact.gif) no-repeat 0 0;} .submit_btn:hover, .submit_btn_contact:hover{ background-position: 0 100%;} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 100%; float: left; clear: left; margin-top: 20px;} .menu UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} .menu UL LI{ float: left; display: inline; margin-left: 8px; position: relative; z-index: 999;} .menu UL LI A{ display: block; float: left; height: 21px; line-height: 21px; font-size: 11px; font-weight: bold; text-decoration: none; text-transform: uppercase; background-color: #e6e8e7;} .menu UL LI A.current{ color: #f78f1e;} .menu UL LI A SPAN{ float: left; display: block; height: 21px; cursor: pointer;} .menu UL LI A SPAN.icoon{ width: 21px; height: 21px; margin-right: 6px; background: url(../../Images/Icons/menu_icons.gif) no-repeat;} .menu UL LI A SPAN.right{ width: 5px; font-size: 1px; background: url(../../Images/menuitem_right.gif) no-repeat 0 0;} .menu UL LI A SPAN#menuitem_1{ background-position: 0 0;} .menu UL LI A.current SPAN#menuitem_1{ background-position: 0 100%;} .menu UL LI A SPAN#menuitem_2{ background-position: -21px 0;} .menu UL LI A.current SPAN#menuitem_2{ background-position: -21px 100%;} .menu UL LI A SPAN#menuitem_3{ background-position: -42px 0;} .menu UL LI A.current SPAN#menuitem_3{ background-position: -42px 100%;} .menu UL LI A SPAN#menuitem_4{ background-position: -63px 0;} .menu UL LI A.current SPAN#menuitem_4{ background-position: -63px 100%;} .menu UL LI A SPAN#menuitem_5{ background-position: -84px 0;} .menu UL LI A.current SPAN#menuitem_5{ background-position: -84px 100%;} .menu UL LI A SPAN#menuitem_6{ background-position: -105px 0;} .menu UL LI A.current SPAN#menuitem_6{ background-position: -105px 100%;} .menu UL LI A SPAN#menuitem_7{ background-position: -126px 0;} .menu UL LI A.current SPAN#menuitem_7{ background-position: -126px 100%;} .menu UL LI A SPAN#menuitem_8{ background-position: -147px 0;} .menu UL LI A.current SPAN#menuitem_8{ background-position: -147px 100%;} .menu UL LI A SPAN#menuitem_9{ background-position: -168px 0;} .menu UL LI A.current SPAN#menuitem_9{ background-position: -168px 100%;} /************************************************************** ** Submenu ***************************************************************/ .submenu{ width: 198px; position: absolute; left: 0; top: 23px; z-index: 999; display: none; background-color: #ebecec; border: #c8c8c9 1px solid;} .submenu DIV.submenu_item{ width: 100%; float: left; clear: left;} .submenu DIV.submenu_item A{ display: block; height: auto; padding: 3px 0 3px 25px; background: url(../../Images/pijl_submenu.gif) no-repeat 10px 7px; line-height: 12px; font-weight: normal; float: none;} /************************************************************** ** Content ***************************************************************/ .content_container{ width: 100%; float: left; clear: left; margin-top: 20px;} .gray_area{ float: left; display: inline; padding-left: 50px; background: url(../../Images/gray-area_bg.gif) repeat-y 0 0; position: relative;} .gray_area DIV.top{ position: absolute; width: 43px; height: 5px; top: 0; left: 0; font-size: 1px; background: url(../../Images/gray-area_top.gif) no-repeat 0 0;} .gray_area DIV.bottom{ position: absolute; width: 43px; height: 5px; bottom: 0; left: 0; font-size: 1px; background: url(../../Images/gray-area_bottom.gif) no-repeat 0 0;} H1.titel{ font-size: 20px; line-height: 20px; font-weight: normal; text-align: left !important; margin: 0; padding: 15px 0;} H2.titel{ font-size: 16px; line-height: 16px; font-weight: normal; text-align: left !important; margin: 0; padding: 15px 0;} .content{ width: 700px; float: left; display: inline;} .content DIV.venster_container{ margin: 0 -5px 10px; width: 710px;} .content DIV.venster_container.sb_panorama{ position:relative; width:700px; margin:0 0 10px 0;} .content DIV.half_venster{ background: url(../../Images/content_half_bottom.gif) no-repeat scroll 0 100%; float:left; padding-bottom:5px; width:345px; margin-left:5px; display: inline;} .content DIV.half_venster_outer{ background: url(../../Images/content_half_midden.gif) repeat-y scroll 0 0; float:left; width:100%;} .content DIV.half_venster_inner { background: url(../../Images/content_half_top.gif) no-repeat scroll 0 0; float:left; height:auto !important; margin:0px; min-height:260px; position:relative; width:345px;} .content DIV.half_venster_content{ display:inline; float:left; margin-top:5px; padding-left:5px; width:333px;} .content DIV.half_venster2{ background: url(../../Images/content_half_bottom.gif) no-repeat scroll 0 100%; float:left; padding-bottom:5px; width:345px; margin-left:10px; display: inline;} .content DIV.heel_venster{ width: 698px; position: relative; float: left; border: #d9d9d9 solid; border-width: 0 1px; display: inline; margin: 0 5px;} .content DIV.heel_venster DIV.top{ width: 700px; height: 5px; z-index: 2; position: absolute; left: -1px; top: 0; font-size: 1px; background: url(../../Images/content_heel_top.gif) no-repeat 0 0;} .content DIV.heel_venster DIV.bottom{ width: 700px; height: 5px; z-index: 2; position: absolute; left: -1px; bottom: 0; font-size: 1px; background: url(../../Images/content_heel_bottom.gif) no-repeat 0 0;} .content DIV.heel_venster DIV.venster_wrapper{ min-height: 300px; height: auto !important; height: 300px;} .content DIV.venster_wrapper{ position: relative; margin: 5px; float: left; display: inline;} .content DIV.extravlakken{ width: 226px; min-height: 155px; height: auto !important; height: 155px; margin: 0 5px; height: 20px; float: left; display: inline; position: relative;} .content DIV.extravlakken H1{ padding: 0 0 15px 75px; margin-top: 20px !important; font-size: 40px; line-height: 30px;} .content DIV.extravlakken H1 .blauw{ font-size: 34px;} .content DIV.vlak_1{ background: url(../../Images/vlak1_icoon.gif) #fde3c8 no-repeat 0 10px; cursor:pointer;} .content DIV.vlak_1 DIV.top{ position: absolute; top: 0; left: 0; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak1_top.gif) no-repeat 0 0;} .content DIV.vlak_1 DIV.bottom{ position: absolute; bottom: 0; left: 0; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak1_bottom.gif) no-repeat 0 100%;} .content DIV.vlak_1 H1 .oranje STRONG{ font-size: 50px; line-height: 40px; font-weight: normal;} .content DIV.vlak_1 H1 .blauw{ font-size: 40px;} .content DIV.vlak_1 A{ padding-left: 15px; background: url(../../Images/pijl_grijs-beige.gif) no-repeat 0 50%; text-transform: uppercase; font-size: 11px; line-height: 25px; text-decoration: none;} .content DIV.vlak_2{ margin: 0 6px; width: 224px; border: #d9d9d9 solid; border-width: 0 1px; background: url(../../Images/vlak2_icoon.gif) no-repeat 0 10px; cursor:pointer;} .content DIV.vlak_2 DIV.top{ position: absolute; top: 0; left: -1px; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak2_top.gif) no-repeat 0 0;} .content DIV.vlak_2 DIV.bottom{ position: absolute; bottom: 0; left: -1px; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak2_bottom.gif) no-repeat 0 0;} .content DIV.vlak_2 H1 .blauw{ font-size: 40px; line-height: 45px;} .content DIV.vlak_2 DIV.row{ margin: 12px 0 -12px 0;} .content DIV.vlak_2 INPUT{ width: 190px;} .content DIV.vlak_2 A{ padding-left: 15px; background: url(../../Images/pijl_grijs-wit.gif) no-repeat 0 50%; text-transform: uppercase; font-size: 11px; line-height: 25px; text-decoration: none;} .content DIV.vlak_3{ background: url(../../Images/vlak3_icoon.gif) #fcc283 no-repeat 0 10px; cursor:pointer;} .content DIV.vlak_3 DIV.top{ position: absolute; top: 0; left: 0; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak3_top.gif) no-repeat 0 0;} .content DIV.vlak_3 DIV.bottom{ position: absolute; bottom: 0; left: 0; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak3_bottom.gif) no-repeat 0 100%;} .content DIV.vlak_3 H1 .oranje{ font-size: 56px; line-height: 40px;} .content DIV.vlak_3 A{ padding-left: 15px; background: url(../../Images/vlak3_pijl.gif) no-repeat 0 50%; text-transform: uppercase; font-size: 11px; line-height: 25px; text-decoration: none;} .content DIV.vlak_6{ background: url(../../Images/vlak6_icoon.gif) #fde3c8 no-repeat 0 10px; cursor:pointer;} .content DIV.vlak_6 DIV.top{ position: absolute; top: 0; left: 0; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak1_top.gif) no-repeat 0 0;} .content DIV.vlak_6 DIV.bottom{ position: absolute; bottom: 0; left: 0; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak1_bottom.gif) no-repeat 0 100%;} .content DIV.vlak_6 H1 .oranje STRONG{ font-size: 50px; line-height: 40px; font-weight: normal;} .content DIV.vlak_6 H1 .blauw{ font-size: 40px;} .content DIV.vlak_6 A{ padding-left: 15px; background: url(../../Images/pijl_grijs-beige.gif) no-repeat 0 50%; text-transform: uppercase; font-size: 11px; line-height: 25px; text-decoration: none;} .google_search{ margin: 7px 0; width: 100%; float: left; clear: left;} .google_search INPUT.form_text{ width: 308px;} .google_search DIV#map{ margin-bottom: 5px;} .slideshow{ width: 100%; float: left; clear: left; position: relative;} .slideshow DIV.slideshow_submenu{ width: 242px; float: left; display: inline;} .slideshow DIV.slideshow_submenu H1{ padding-left: 10px;} .slideshow DIV.slideshow_submenu UL{ margin: 0; padding: 0; list-style: none;} .slideshow DIV.slideshow_submenu UL LI{ float: left; clear: left; width: 100%; padding: 0;} .slideshow DIV.slideshow_submenu UL LI A{ display: block; height: 13px; text-transform: uppercase; text-decoration: none; font-size: 11px; margin-left: 5px; padding-left: 20px; padding-top:6px; padding-bottom:6px; background: url(../../Images/pijl_grijs-wit.gif) #fff no-repeat 7px 50%;} .slideshow DIV.slideshow_submenu UL LI A.current{ background: url(../../Images/pijl_oranje-grijs.gif) #e8e8e8 no-repeat 7px 50%; color: #f78f1e; position: relative;} .slideshow DIV.slideshow_submenu UL LI A.current SPAN.left_corners{ display: block; position: absolute; left: 0; top: 0; width: 5px; height: 100%; background: url(../../Images/fotoboek_categorie_aan.gif) no-repeat 0 0;} .slideshow DIV#slideshow_container{ width: 242px; float: left; display: inline; position: relative; visibility: hidden; z-index: 1;} .slideshow DIV#slideshow_container .gallerylayer{ background:#000000; width:458px; height:346px; text-align:center;} .slideshow DIV#slideshow_container .gallerylayer img{ height:346px;} .slideshow DIV#slideshow_container .gallerydesctext{ text-align: left; padding: 2px 5px;} .content DIV.content_vlak{ float: left; display: inline; position: relative; margin: 10px 0 0 0; width: 100%; background-color:#fde3c7; line-height:18px;} .content DIV.content_vlak DIV.top{ position: absolute; top: 0; left: -1px; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak2_top.gif) no-repeat 0 0;} .content DIV.content_vlak DIV.bottom{ position: absolute; bottom: 0; left: -1px; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak2_bottom.gif) no-repeat 0 0;} .content DIV.content_vlak H1{ padding-left: 75px; margin-top: 20px; font-size: 40px; line-height: 30px;} .content DIV.content_vlak H1 .blauw{ font-size: 35px;} .content DIV.content_vlak DIV.row{ margin: 12px 0 -12px 0;} .content DIV.content_vlak DIV.venster_content{ position: relative; margin: 5px 10px; float: left; display: inline;} .content DIV.content_vlak5{ float: left; display: inline; position: relative; margin: 10px 0 0 0; width: 100%; background-color:#ffffff; line-height:18px;} .content DIV.content_vlak5 DIV.top{ position: absolute; top: 0; left: -1px; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak2_top.gif) no-repeat 0 0;} .content DIV.content_vlak5 DIV.bottom{ position: absolute; bottom: 0; left: -1px; width: 226px; height: 5px; font-size: 1px; background: url(../../Images/vlak2_bottom.gif) no-repeat 0 0;} .content DIV.content_vlak5 H1{ padding-left: 75px; margin-top: 20px; font-size: 40px; line-height: 30px;} .content DIV.content_vlak5 H1 .blauw{ font-size: 35px;} .content DIV.content_vlak5 DIV.row{ margin: 12px 0 -12px 0;} .content DIV.content_vlak5 DIV.venster_content{ position: relative; margin: 5px 10px; float: left; display: inline;} .content_right{ width: 190px; float: left; display: inline; margin-left: 10px;} .content_right DIV.venster{ width: 188px; border: #d9d9d9 solid; border-width: 0 1px; position: relative; margin-bottom: 10px; float: left; clear: left; display: inline;} .content_right DIV.venster DIV.top{ position: absolute; top: 0; left: -1px; width: 190px; height: 5px; font-size: 1px; background: url(../../Images/login_top.gif) no-repeat 0 0;} .content_right DIV.venster DIV.bottom{ position: absolute; bottom: 0; left: -1px; width: 190px; height: 5px; font-size: 1px; background: url(../../Images/login_bottom.gif) no-repeat 0 0;} .content_right DIV.venster_wrapper{ width: 177px; position: relative; z-index: 3; margin: 5px; float: left; display: inline;} .content_right DIV.venster_wrapper H1.titel{ padding-left: 3px;} .content_right DIV.venster_wrapper DIV.label-input{ padding-bottom: 10px;} .content_right DIV.venster_wrapper INPUT.form_text{ width: 153px;} .content_right DIV.producten{ width: 100%; float: left; clear: left; margin-bottom: 10px;} .content_right DIV.producten P{ margin:0px; padding:0px; color: #0055a4;} .content_right DIV.producten H1{ padding-left: 10px;} .content_right DIV.producten UL{ margin: 0; padding: 0; list-style: none;} .content_right DIV.producten UL LI{ float: left; clear: left; width: 100%; padding: 0;} .content_right DIV.producten UL LI A{ display: block; height: 100%; text-transform: uppercase; text-decoration: none; font-size: 11px; margin-left: 5px; line-height: 12px; padding: 3px 0 3px 20px; background: url(../../Images/pijl_grijs-wit.gif) #FFF no-repeat 7px 50%;} .content_right DIV.aanbieding{ width: 190px; position: relative; margin-bottom: 10px; float: left; clear: left; background: url(../../Images/aanbieding_icoon.gif) #f69a35 no-repeat 0 10px; min-height:200px; height:auto !important; height:200px; cursor:pointer;} .content_right DIV.aanbieding DIV.top{ position: absolute; top: 0; left: 0; z-index:4; width: 190px; height: 5px; font-size: 1px; background: url(../../Images/aanbieding_top.gif) no-repeat 0 0;} .content_right DIV.aanbieding DIV.bottom{ position: absolute; bottom: 0; left: 0; z-index:4; width: 190px; height: 5px; font-size: 1px; background: url(../../Images/aanbieding_bottom.gif) bottom no-repeat;} .content_right DIV.aanbieding H1 .wit{ font-size: 40px; line-height: 40px; font-weight: normal; color:#fff; margin-left:60px;} .content_right DIV.aanbieding H1 .wit2{ font-size: 20px; line-height: 22px; font-weight: normal; color:#fff; margin-left:60px;} .content_right DIV.aanbieding DIV.aanbieding_txt{ float: left; clear: left; width: 165px; margin-top: 5px; padding-left: 15px; background: url(../../Images/pijl_wit-oranje.gif) no-repeat 0 5px;} .content_right DIV.aanbieding A{ text-transform: uppercase; font-size: 11px; line-height: 11px; text-decoration: none; color: #FFF;} .content_right DIV.dubbelglas{ width: 190px; cursor: pointer; position: relative; color: #FFF; margin-bottom: 10px; float: left; clear: left; min-height: 105px; height: auto !important; height: 105px; background-color: #f69a35;} .content_right DIV.dubbelglas DIV.top{ position: absolute; top: 0; left: 0; z-index:4; width: 190px; height: 5px; font-size: 1px; background: url(../../Images/aanbieding_top.gif) no-repeat 0 0;} .content_right DIV.dubbelglas DIV.bottom{ position: absolute; bottom: 0; left: 0; z-index:4; width: 190px; height: 5px; font-size: 1px; background: url(../../Images/aanbieding_bottom.gif) bottom no-repeat;} .content_right DIV.dubbelglas H1 .wit{ font-size: 22px; line-height: 24px; font-weight: bold; color:#fff; display: block; text-align: center;} .content_right DIV.dubbelglas H1 .wit2{ font-size: 18px; line-height: 20px; font-weight: bold; color:#fff; display: block; text-align: center;} .content_right DIV.dubbelglas DIV.aanbieding_txt{ width: 120px; margin: 5px auto 0; padding-left: 15px; background: url(../../Images/pijl_wit-oranje.gif) no-repeat 0 5px;} .content_right DIV.dubbelglas A{ text-transform: uppercase; font-size: 11px; line-height: 11px; text-decoration: none; color: #FFF;} /************************************************************** ** Formulieren ***************************************************************/ .formulier{ margin-top: 5px; float: left; width: 355px;} .formulier H2{ font-size: 13px; line-height: 13px; margin-bottom: 10px;} .formulier DIV.formulier_wrapper{ float: left; clear: left; width: 100%; margin-bottom: 2px;} .formulier LABEL{ line-height: 20px; float: left;} .formulier TABLE{ width: 100%;} .formulier TABLE TD{ padding-bottom: 2px; vertical-align: top;} .formulier TABLE INPUT, .formulier TABLE SELECT, .formulier TABLE TEXTAREA{ margin-left: 3px;} .formulier TABLE INPUT.form_text{ width: 200px; font-size: 12px;} .formulier TABLE TEXTAREA, .formulier TABLE SELECT{ font-size: 12px; color: #000;} .formulier TABLE DIV.text{ float: left; clear: both; font-size: 10px; font-style: italic; width: 200px;} .formulier TABLE SMALL{ margin-top: -3px;} .formulier TABLE LABEL{ line-height: 20px; text-align: left;} .formulier TABLE LABEL.optie{ display: block; width: 101px;} .formulier TABLE DIV.label-input LABEL.overlabel{ line-height: 12px; font-style: italic;} A.offerte_btn{ width: auto; background-position: 100% 0; padding-right: 20px; color: #bebfc0; float: right;} A.offerte_btn:hover{ background-position: 100% 100%; color: #0055c3;} /************************************************************** ** Product pagina styles ***************************************************************/ #producten_links{ width: 260px; float: left;} #producten_links H1{ padding-left: 10px;} #producten_links UL{ margin: 0; padding: 0; list-style: none;} #producten_links UL LI{ float: left; clear: left; width: 100%; padding:0;} #producten_links UL LI A{ display: block; height: 100%; text-transform: uppercase; text-decoration: none; font-size: 11px; margin-left: 5px; line-height: 12px; padding: 3px 20px 3px 20px; background: url(../../Images/pijl_grijs-wit.gif) #FFF no-repeat 7px 50%;} #producten_links UL LI A.aan{ color: #f78f1e; display: block; height: 100%; text-transform: uppercase; text-decoration: none; font-size: 11px; margin-left: 5px; line-height: 12px; padding: 3px 0 3px 20px; background: url(../../Images/pijl_grijs-wit.gif) #FFF no-repeat 7px 50%;} #producten_rechts{ width: 411px; float: left; padding-right:10px; line-height:18px; text-align:justify;} .productfotos{ width: 418px;} .afbeelding{ max-width:132px; margin:0px; padding:0px;} #producten_rechts UL LI A.aan{ color: #f78f1e; } #producten_rechts P A{ color: #87888A;} .style1{ color: #87888A;} UL.opsomming{ margin:0px; padding:0px; list-style:none; display:block; float:left; width:400px; } UL.opsomming LI{ margin:0px; float:left; padding:0px; list-style:none; display:block; width:400px; } UL.opsomming LI DIV{ display:block; width:375px; float:left; padding:10px 10px 10px 15px; background:#f3f3f3; margin:0px 0px 10px 0px; display:inline; } UL.opsomming LI DIV LI{ display:block; width:340px; float:left; } UL.opsomming LI DIV P{ display:block; width:375px; float:left; } .aanbiedingen_holder{ width:400px; float:left; } .aanbiedingen_holder .aanbieding{ width:380px; float:left; border:solid 1px #d8d9d9; padding:10px; margin:0px 0px 10px 0px; display:inline; } .aanbiedingen_holder .aanbieding .afbeelding{ width:120px; float:left; } .aanbiedingen_holder .aanbieding .afbeelding IMG{ width:120px; float:left; } .aanbiedingen_holder .aanbieding .tekst_holder{ width:250px; float:left; margin:0px 0px 0px 10px; display:inline; } .aanbiedingen_holder .aanbieding .tekst_holder .titel{ width:250px; float:left; margin:0px 0px5px 0px; display:inline; font-size:14px; color:#0055A4; font-weight:bold; } .nieuwsberichten UL{ margin: 0; padding: 0; list-style: none;} .nieuwsberichten UL LI{ float: left; clear: left; width: 100%; padding: 0;} .nieuwsberichten UL LI A{ display: block; min-height:13px; height:auto !important; height:13px; text-transform: uppercase; text-decoration: none; font-size: 11px; margin-left: 5px; padding-left: 20px; padding-top:6px; padding-bottom:6px; background: url(../../Images/pijl_grijs-wit.gif) #fff no-repeat 7px 10px; border-top:1xp solid #87888a; } #breadcrumbs{ width:678px; float: left; clear: left; margin-bottom: 10px; padding-left:10px;} #breadcrumbs A{ text-decoration:none; color: #87888a;} #breadcrumbs A:hover{ color:#f78f1e;} .voorbeeldfotos{ margin-bottom: 5px; margin-bottom: 15px;} .voorbeeldfotos DIV.foto{ position: relative; height: 87px; float: left; margin-right: 3px;} .voorbeeldfotos A{ float: left; display: block; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none;} .voorbeeldfotos A IMG{ float: left;} .voorbeeldfotos A SPAN{ clear: left; float: left; line-height: 11px; margin-bottom: -12px; width: 135px; position: relative;} .voorbeeldfotos A SPAN.afbeelding_wrapper{ margin: 0; text-align: center; display: block;} .voorbeeldfotos A:hover{ color: #F78F1E;} .fotoalbum{ margin-bottom: 5px;} .fotoalbum DIV.foto{ width: 133px; background: #F8F8F8 url(../../Images/fotoboek_fade.gif) repeat-x scroll 0 100%; border: 1px solid #C8C8C9; border: #c8c8c9 1px solid; position: relative; float: left; margin-right: 3px;} .fotoalbum DIV.fixed-height{ min-height: 180px; height: auto !important; height: 180px;} .fotoalbum A{ float: left; display: block; padding: 5px; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none;} .fotoalbum DIV.fixed-height A{ min-height: 145px; height: auto !important; height: 145px;} .fotoalbum A *{ cursor: pointer;} .fotoalbum A IMG{ float: none;} .fotoalbum A IMG.breed{ width: 123px;} .fotoalbum A SPAN{ clear: left; float: left; line-height: 11px; margin-bottom: 0; width: 123px; position: relative;} .fotoalbum A SPAN.afbeelding_wrapper{ margin: 0; text-align: center; display: block; height: 135px; overflow: hidden;} .fotoalbum A:hover{ color: #F78F1E;} .fotoalbum .corner_small{ background: url(../../Images/corners_small_border.png) no-repeat;} .fotoalbum .tl{ top: -1px; left: -1px; background-position: 0 0;} .fotoalbum .tr{ top: -1px; right: -1px; background-position: 100% 0;} .fotoalbum .bl{ bottom: -1px; left: -1px; background-position: 0 100%;} .fotoalbum .br{ bottom: -1px; right: -1px; background-position: 100% 100%;} .fotoalbum_ref{ margin-bottom: 5px;} .fotoalbum_ref DIV.foto{ width: 133px; background: #F8F8F8 url(../../Images/fotoboek_fade.gif) repeat-x scroll 0 100%; border: 1px solid #C8C8C9; border: #c8c8c9 1px solid; position: relative; float: left; margin-right: 3px;} .fotoalbum_ref DIV.fixed-height{ min-height: 150px; height: auto !important; height: 150px;} .fotoalbum_ref A{ float: left; display: block; padding: 5px; text-align: center; font-size: 10px; font-weight: bold; text-decoration: none;} .fotoalbum_ref DIV.fixed-height A{ min-height: 115px; height: auto !important; height: 115px;} .fotoalbum_ref A *{ cursor: pointer;} .fotoalbum_ref A IMG{ float: none;} .fotoalbum_ref A IMG.breed{ width: 123px;} .fotoalbum_ref A SPAN{ clear: left; float: left; line-height: 11px; margin-bottom: 0; width: 123px; position: relative; min-height:45px; height: auto !important; height: 45px;} .fotoalbum_ref A SPAN.afbeelding_wrapper{ margin: 0; text-align: center; display: block; height: 105px; overflow: hidden;} .fotoalbum_ref A:hover{ color: #F78F1E;} .fotoalbum_ref .corner_small{ background: url(../../Images/corners_small_border.png) no-repeat;} .fotoalbum_ref .tl{ top: -1px; left: -1px; background-position: 0 0;} .fotoalbum_ref .tr{ top: -1px; right: -1px; background-position: 100% 0;} .fotoalbum_ref .bl{ bottom: -1px; left: -1px; background-position: 0 100%;} .fotoalbum_ref .br{ bottom: -1px; right: -1px; background-position: 100% 100%;} .product_fotos IMG{ float: left;} .offerte_btn{ float: right; margin-top: -25px; background: url(../../Images/offerte_btn.jpg) no-repeat 0 0; padding: 3px 10px; position: relative;} .offerte_btn A{ color: #000; text-decoration: none;} .offerte_btn A:hover{ text-decoration: underline;} .terug{ clear: both; margin: 20px 0 10px;} .terug A{ color: #87888A; font-weight: bold; line-height: 16px; text-decoration: underline; overflow: hidden;} .terug A:hover{ color: #F78F1E;} .terug A SPAN{ line-height: 15px; float: left; display: block; padding-right: 3px; color: #87888A; text-decoration: none;} /********************************************** ** Fotoboek overzichtspagina Styles **********************************************/ #foto_album{ width: 100%; min-height: 200px; height: auto !important; height: 200px; margin: 0px;} #foto_album H2{ font-size: 22px; font-weight: normal;} #foto_album DIV.row{ margin-bottom: 5px;} .foto_vak{ width: 81px; float: left; display: inline; margin-right: 14px;} .foto_houder{ width: 75px; float: left; display: inline; padding: 3px; background-color: #24489C;} .foto_houder img{ width: 75px; float: left} .foto_houder img.over{ filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;} .foto_titel{ width: 81px; margin-top: 3px; text-align: center; overflow: hidden; font-size: 10px;} /********************************************** ** Fotoboek navigatie Styles **********************************************/ .NavigatieVeld{ margin: 10px 0; position: relative; height: 16px; width: 391px; float: left; clear: left; line-height: 16px; padding: 5px 10px; font-weight: bold; background-color: #f69a35;} .NavLinks{ width: 25%; float: left; font-size: 11px;} .NavMidden{ width: 50%; text-align: center; float: left; font-size: 11px;} .NavRechts{ width: 25%; text-align: right; float: left; font-size: 11px;} .aantal_keuze{ margin: 0; padding: 0; text-align: right; float: left; clear: left; width: 100%;} .NavigatieVeld A{ color: #FFF;} .NavigatieVeld A:hover{ color: #0055A4;} .NavLinks A, .NavRechts A{ text-decoration: none;} /************************************************************** ** Sitemap ***************************************************************/ UL.sitemap UL{ margin: 5px 0 0 0;} UL.sitemap LI{ list-style-image: url(../../Images/pijl_grijs-wit.gif);} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 950px; padding: 0px 0 5px 0; text-align: right; font-size: 10px;} .footer_logo{ width:150px; float:left; padding:5px 0px 0px 0px;} .footer_logo IMG{ width:70px; float:left;} .footer .footer_rest{ width:793px; float:left; border-top:solid 1px #cececf; border-right:none; border-bottom:none; border-left:none; padding:0px 0px 0px 5px;} .footer UL{ margin: 0; padding: 0; list-style: none;} .footer UL LI{ display: inline;} .footer UL LI.bullet{ padding: 0 2px;} .footer UL.sitemap_menu{ margin: 5px 0;} .footer UL.copyright{ margin-bottom: 10px;} .footer A{ text-decoration: none; color: #87888a;} .footer A:hover{ color: #f78f1e;} .footer A.aan{ color: #f78f1e;} .footer A.bp{ text-decoration: underline;} /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: absolute; z-index: 9999; overflow: hidden; background-color: #fff; } .lbLoading { background: #fff url(../../Images/Buttons/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 0; top: 0; border: 10px solid #fff; background-repeat: no-repeat; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(../../Images/Buttons/vorige_btn.gif) no-repeat 0 15%; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(../../Images/Buttons/volgende_btn.gif) no-repeat 100% 15%; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(../../Images/Buttons/close_btn.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; }