/************************************************************** ** Algemeen ***************************************************************/ .pngfix{ behavior: url(http://www.informatiezuil.com/Scripts/iepngfix.htc);} HTML{ height: 100.01%;} BODY{ height: 100%; text-align: center; background-color: #f1f1f1;} HTML, BODY{ margin: 0; padding: 0; font-size: 11px; color: #575757; line-height: normal; font-family: Arial, Helvetica, sans-serif;} A{ color: #575757;} A:hover{ color: #367cbc;} A:focus, INPUT:focus, IMG:focus{ outline: none;} A *{ cursor: pointer;} 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; line-height: 14px;} 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, H6{ margin: 0 0 5px 0; font-family: Arial, Helvetica, sans-serif; color: #003c78; text-transform: uppercase;} SELECT.form_text, INPUT.form_text{ float: left; padding: 2px; font-size: 12px; font-weight: normal; color: #575757; margin: 0 0 2px 0; font-family: Arial, Helvetica, sans-serif;} INPUT.form_btn{ float: left; margin: 0; font-size: 12px; color: #575757; 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: 12px;} TEXTAREA{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #575757; border: #C7C7C7 1px solid;} BUTTON{ margin: 0px 0 -4px 8px; padding: 0px; border: none; position: relative; background-color: transparent; cursor: pointer; text-align: center; white-space: normal; float: right; overflow: visible;} BUTTON.FloatLeft{ float:left; margin:0 8px -4px 0;} *:first-child+html button[type]{ width: 1; margin-bottom: -15px;} /* IE7 */ BUTTON SPAN{ background: transparent url(../../Images/button_right.png) no-repeat scroll right top; display: block; position: relative; float: left; height: 22px; line-height: 22px; white-space: nowrap; padding: 0px 5px 0px 0px; margin: 0px; } BUTTON SPAN SPAN{ background: transparent url(../../Images/button_left.png) no-repeat; color: #FFFFFF; padding: 4px 6px 0px 10px; text-transform: uppercase; font-size: 10px; line-height: 13px; display: block; white-space: nowrap; text-decoration: none; } BUTTON SPAN SPAN IMG{ vertical-align: text-top;} BUTTON.over SPAN{ background: transparent url(../../Images/button_right_over.png) no-repeat scroll right top;} BUTTON.over SPAN SPAN{ background: transparent url(../../Images/button_left_over.png) no-repeat;} 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;} .clearer{ clear: both;} .spamcontrole { width: 5px; visibility: hidden;} /************************************************************** ** Inhoud v/d ***************************************************************/ .container{ width: 900px; margin: 0 auto; padding: 0 15px; background-color: #FFF; text-align: left; padding-bottom: 15px;} .row{ width: 100%; float: left; clear: left;} .corner_small{ width: 8px; height: 8px; font-size: 1px; z-index: 900; position: absolute; background: url(../../Images/corners_small.gif) no-repeat;} .bordercorner_small{ width: 8px; height: 8px; font-size: 1px; z-index: 900; position: absolute; background: url(../../Images/submenu_corners.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%;} .tl2{ top:-1px; left:-1px; background-position: 0 0;} .tr2{ top:-1px; right:-1px; background-position: 100% 0;} .bl2{ bottom:-1px; left:-1px; background-position: 0 100%;} .br2{ bottom:-1px; right:-1px; background-position: 100% 100%;} /************************************************************** ** Header ***************************************************************/ .header{ width: 900px; margin: 0 auto; height: 87px; background: url(../../Images/header.gif) no-repeat 0 0;} .header DIV.logo{ width: 400px; height: 87px; float: left;} .header DIV.logo A{ display: block; height: 100%; background: url(../../Images/logo.gif) no-repeat 0 0;} .header DIV.zoek{ float: right; margin-top: 48px; position: relative;} .header DIV.zoek STRONG.telefoon{ display: block; position: absolute; top: -40px; right: 0;} .header DIV.zoek INPUT{ float: right; border: 0;} .header DIV.zoek INPUT.form_text{ width: 161px; padding-left: 8px; padding-top: 3px; color: #969696; background: url(../../Images/input_bg.gif) no-repeat 0 0;} /************************************************************** ** Breadcrumbs ***************************************************************/ .breadcrumbs{ width: 930px; height: 26px; margin: 0 auto; text-align: left; position: relative;} .breadcrumbs UL{ margin: 5px 0; padding: 0; list-style: none; float: left;} .breadcrumbs UL LI{ padding: 0; display: inline; float: left; padding: 0 2px; color: #575757;} .breadcrumbs UL LI A{ text-decoration: none; color: #575757; text-transform: uppercase;} .breadcrumbs UL LI A:hover{ text-decoration: underline;} /************************************************************** ** Menu ***************************************************************/ .menu{ width: 900px; float: left; clear: left; padding-bottom: 5px; position: relative; z-index: 999; background: url(../../Images/menu_bg.gif) #3F85C5 repeat-x 0 0;} .menu DIV.row{ width: 100%; float: left; clear: left; background: url(../../Images/menu_border.gif) no-repeat 50% 100%;} .menu UL{ width: 100%; margin: 0; padding: 0; list-style: none; clear: both;} .menu UL LI{ float: left; display: inline; padding: 0; margin: 3px 0 2px; position: relative; z-index: 0;} .menu UL LI A{ white-space: nowrap; color: #FFF; font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; display: inline-block; float: left; margin: 0; line-height: 21px; padding: 0 10px; position: relative;} .menu UL LI A SPAN.pijl{ display: block; width: 9px; height: 9px; font-size: 1px; float: left; margin: 6px 3px 0 0; background: url(../../Images/menuitem_bullet.gif) no-repeat 0 0;} .menu UL LI A.over{ color: #003a74;} .menu UL LI A.over SPAN.pijl{ background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 0 0;} .menu UL LI A.aan{ color: #003a74;} .menu UL LI A.aan SPAN.pijl{ background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 0 0;} .scrollmenu{ width:900px; height: 240px; float: left; clear: left; background: url(../../Images/header_bg.jpg) no-repeat 0 0; position: relative;} .scrollmenu UL{ float: left; margin:30px 0 0 0; padding:0 29px; list-style: none;} .scrollmenu UL LI{ display: inline; float: left; padding: 0; margin: 0 10px; text-align: center;} .scrollmenu UL LI A{ display: inline-block; float: left; text-decoration: none;} .scrollmenu UL LI A SPAN{ display: block; text-align: center; *margin:3px 0 0 0;} .scrollmenu UL LI A.scrollmenu_item SPAN SPAN{ background: transparent url(../../Images/menu_btn_right.png) no-repeat scroll right top; display: inline-block; /*position: relative;*/ min-height: 22px; line-height: 22px; padding: 0px 5px 0px 0px; margin: 0px; } .scrollmenu UL LI A.scrollmenu_item SPAN SPAN SPAN{ background: transparent url(../../Images/menu_btn_left.png) no-repeat; color: #FFFFFF; float: left; min-height: 17px; padding: 3px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: inline-block; text-decoration: none; } .scrollmenu UL LI.twee_regels A.scrollmenu_item SPAN SPAN{ background: transparent url(../../Images/menu_btn_right_LRG.png) no-repeat scroll right top; display: inline-block; white-space:normal; position: relative; min-height: 26px; line-height: 22px; padding: 0px 5px 0px 0px; margin: 0px; } .scrollmenu UL LI.twee_regels A.scrollmenu_item SPAN SPAN SPAN{ background: transparent url(../../Images/menu_btn_left_LRG.png) no-repeat; color: #FFFFFF; float: left; height: 28px; padding: 1px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: inline-block; text-decoration: none; } .scrollmenu UL LI.twee_regels A.scrollmenu_item SPAN SPAN SPAN.vaste-breedte{ width:129px;} .scrollmenu UL LI A.over SPAN SPAN{ background: transparent url(../../Images/menu_btn_right_over.png) no-repeat scroll right top; display: inline-block; position: relative; min-height: 22px; line-height: 22px; padding: 0px 5px 0px 0px; margin: 0px; } .scrollmenu UL LI A.over SPAN SPAN SPAN{ background: transparent url(../../Images/menu_btn_left_over.png) no-repeat; color: #FFFFFF; min-height: 17px; float: left; padding: 3px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: inline-block; text-decoration: none; } .scrollmenu UL LI A.aan SPAN SPAN{ background: transparent url(../../Images/menu_btn_right_over.png) no-repeat scroll right top; display: inline-block; position: relative; min-height: 22px; line-height: 22px; padding: 0px 5px 0px 0px; margin: 0px; } .scrollmenu UL LI A.aan SPAN SPAN SPAN{ background: transparent url(../../Images/menu_btn_left_over.png) no-repeat; color: #FFFFFF; min-height: 17px; float: left; padding: 3px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: inline-block; text-decoration: none; } .scrollmenu UL LI.twee_regels A.over SPAN SPAN{ background: transparent url(../../Images/menu_btn_right_over_LRG.png) no-repeat scroll right top; display: inline-block; position: relative; min-height: 26px; line-height: 22px; padding: 0px 5px 0px 0px; margin: 0px; } .scrollmenu UL LI.twee_regels A.over SPAN SPAN SPAN{ background: transparent url(../../Images/menu_btn_left_over_LRG.png) no-repeat; color: #FFFFFF; min-height: 28px; float: left; padding: 1px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: inline-block; text-decoration: none; } .scrollmenu UL LI.twee_regels A.aan SPAN SPAN{ background: transparent url(../../Images/menu_btn_right_over_LRG.png) no-repeat scroll right top; display: inline-block; position: relative; min-height: 26px; line-height: 22px; padding: 0px 5px 0px 0px; margin: 0px; } .scrollmenu UL LI.twee_regels A.aan SPAN SPAN SPAN{ background: transparent url(../../Images/menu_btn_left_over_LRG.png) no-repeat; color: #FFFFFF; min-height: 28px; float: left; padding: 1px 6px 0px 10px; font-weight: bold; text-transform: uppercase; font-size: 10px; line-height: 13px; display: inline-block; text-decoration: none; } .slider{ width: 785px; height: 17px; cursor: pointer; margin-top: 220px; margin-left: 5px; padding: 1px; float: left; position: relative; background: url(../../Images/scrollbar.png) no-repeat;} .handle{ position: absolute; cursor: pointer; height: 17px; width:198px; top: 0; background: url(../../Images/scroller.png) 50% 0 no-repeat; z-index: 100;} .slider.metpijltjes{ background:url(../../Images/scrollbar2.png) no-repeat; width:800px; height:18px; margin:210px 0 0 0; padding:1px 0;} .handle.mettrans{ background: url(../../Images/scroller2.png) 50% 0 no-repeat; top:2px; height: 16px; /*width:138px;*/ width:180px;} .slider span{ width:128px; height:16px; line-height:16px; overflow:hidden; font-size:10px; color:#fff; cursor:pointer; position:absolute; z-index:110; top:2px;} /*.slider.nieuw{ width: 785px; height: 34px; cursor: pointer; margin-top: 203px; margin-left: 5px; padding: 1px; float: left; position: relative; background: url(../../Images/scrollbarnieuw.png) no-repeat;} .handle.nieuw{ position: absolute; cursor:move; height: 34px; width: 171px; top: 0; background: url(../../Images/scrollernieuw.png) no-repeat; z-index: 100;}*/ .producten_scroller DIV.scrollpanel{ width: 800px; height: 100%; margin: 0 auto; overflow: hidden; position: relative;} /*.producten_scroller.nieuw DIV.scrollpanel{ margin:30px auto 0 auto;}*/ .producten_scroller UL{ padding: 0; margin-top: 15px; float: none; position: absolute; left: 0; white-space: nowrap;} .producten_scroller UL LI{ margin: 0 50px 0 0; float: none; clear: none; display: inline; text-align: center;} .producten_scroller.nieuw UL LI{ width:170px; height:209px; margin:30px 0 0 0;} .producten_scroller UL LI A{ float: none; text-align:center;} .producten_scroller UL LI A IMG.border{ border: #000 1px solid;} .producten_scroller DIV.prev{ width: 50px; height: 100%; position: absolute; top: 0; left: 0; z-index:9999; /*display: none;*/} .producten_scroller DIV.prev A{ width: 29px; height: 34px; display: block; margin: 0 auto; background: url(../../Images/slider_pijlen.gif) no-repeat 0 0; margin-top: 98px;} .producten_scroller DIV.prev A:hover{ background: url(../../Images/slider_pijlen_over.gif) no-repeat 0 0;} .producten_scroller DIV.next{ width: 50px; height: 100%; position: absolute; top: 0; right: 0; z-index:9999; /*display: none;*/} .producten_scroller DIV.next A{ width: 29px; height: 34px; display: block; margin: 0 auto; background: url(../../Images/slider_pijlen.gif) no-repeat 100% 0; margin-top: 98px;} .producten_scroller DIV.next A:hover{ background: url(../../Images/slider_pijlen_over.gif) no-repeat 100% 0;} #SlideInfo{ position:absolute; right:10px; bottom:4px; background:url(../../Images/menu_btn_right.png) no-repeat 100% 0; height:22px; line-height:22px; margin:0; padding:0 5px 0 0; display:block;} #SlideInfo span{ background:url(../../Images/menu_btn_left.png) no-repeat 0 0; color:#fff; padding:0 6px 0 10px; font-weight:bold; text-transform:uppercase; font-size:10px; display: inline-block; text-decoration: none;} #SlideControls{ position:absolute; left:0; bottom:-18px; *bottom:-17px; /*width:162px;*/ width:900px; height:18px; margin:0; /*padding:0 369px;*/ padding:0; float:left; z-index:9999; text-align:center;} #SlideControls a{ position:relative; line-height:16px; margin:0; padding:0 12px; /*float:left;*/ font-size:12px; text-decoration:none; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; border-bottom:1px solid #c7c7c7;} #SlideControls a.laatste{ border-right:1px solid #c7c7c7;} #SlideControls a:hover, #SlideControls a.aan{ background:#003c7a; color:#fff;} .home UL{ width:840px; padding:0 30px;} .home UL LI{ margin:0 15px 0 15px;} .vert_align{ margin:0 20px;} DIV.submenu UL{ width: 100%; float: left; clear: left; margin: 0; padding: 0; list-style: none;} DIV.submenu UL LI{ display: block; width: 100%; float: left; clear: left; padding: 0; background: url(../../Images/submenu_item_bg.gif) #f0f0f0 repeat-x 0 0;} DIV.submenu UL LI A{ display: block; width: 167px !important; text-transform: uppercase; background: url(../../Images/bullet_grijs.gif) no-repeat 9px 15px; font-size: 11px; text-decoration: none; padding: 9px 5px 9px 16px;} DIV.submenu UL LI A.aan{ background: url(../../Images/bullet_wit.gif) #003c7a no-repeat 9px 15px; color: #FFF;} DIV.submenu UL LI A:hover{ background: url(../../Images/bullet_wit.gif) #003c7a no-repeat 9px 15px; color: #FFF;} DIV.subsub UL{ margin: 0; padding: 0; list-style: none;} DIV.subsub UL LI{ display: block; padding: 0; background: url(../../Images/submenu_item_bg.gif) #f0f0f0 repeat-x 0 0;} DIV.subsub UL LI A{ display: block; width: 143px !important; text-transform: uppercase; background: url(../../Images/tree_lines_large.gif) no-repeat 12px 0px; font-size: 11px; text-decoration: none; padding: 9px 5px 9px 40px;} DIV.subsub UL LI A.aan{ background: transparent url(../../Images/tree_lines_large.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsub UL LI A:hover{ background: transparent url(../../Images/tree_lines_large.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsub UL LI A#tweeregels{ display: block; width: 143px; text-transform: uppercase; background: url(../../Images/tree_lines_large.gif) no-repeat 12px 0px; font-size: 11px; text-decoration: none; padding: 9px 5px 9px 40px;} DIV.subsub UL LI.laatste A{ background: url(../../Images/tree_lines_large.gif) no-repeat 12px 0px;} DIV.subsub UL LI.laatste A.aan{ background: url(../../Images/tree_lines_large.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsub UL LI.laatste A:hover{ background: url(../../Images/tree_lines_large.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsub UL LI.allerlaatste A{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px;} DIV.subsub UL LI.allerlaatste A.aan{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsub UL LI.allerlaatste A:hover{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} /* Nieuwe derde laag */ DIV.subsubsub UL{ margin: 0; padding: 0; list-style: none;} DIV.subsubsub UL LI{ display: block; padding: 0; background: url(../../Images/submenu_item_bg.gif) #f0f0f0 repeat-x 0 0;} DIV.subsubsub UL LI A{ display: block; width: 143px !important; text-transform:none; background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; font-size: 11px; text-decoration: none; padding: 6px 5px 6px 40px;} DIV.subsubsub UL LI A.aan{ background: transparent url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsub UL LI A:hover{ background: transparent url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsub UL LI.laatste A{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important;} DIV.subsubsub UL LI.laatste A.aan{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsub UL LI.laatste A:hover{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsub UL LI.allerlaatste DIV.subsubsub UL LI A{ background:none !important;} /*DIV.subsubsub UL LI.allerlaatste A{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px !important;} DIV.subsubsub UL LI.allerlaatste A.aan{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsub UL LI.allerlaatste A:hover{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;}*/ /* Nieuwe vierde laag */ DIV.subsubsubsub UL{ margin: 0; padding: 0; list-style: none;} DIV.subsubsubsub UL LI{ display: block; padding: 0; background: url(../../Images/submenu_item_bg.gif) #f0f0f0 repeat-x 0 0;} DIV.subsubsubsub UL LI A{ display: block; width: 133px !important; text-transform:none; background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; font-size: 11px; text-decoration: none; padding: 6px 5px 6px 50px;} DIV.subsubsubsub UL LI A.aan{ background: transparent url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsubsub UL LI A:hover{ background: transparent url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsubsub UL LI.laatste A{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important;} DIV.subsubsubsub UL LI.laatste A.aan{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsubsub UL LI.laatste A:hover{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} /*DIV.subsubsubsub UL LI.allerlaatste A{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px !important;} DIV.subsubsubsub UL LI.allerlaatste A.aan{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;} DIV.subsubsubsub UL LI.allerlaatste A:hover{ background: url(../../Images/tree_endline.gif) no-repeat 12px 0px !important; color: #003b77; text-decoration: underline;}*/ /* Dit werden ze niet, maar toch maar even bewaard */ /*DIV.subsubsub UL LI A{ display: block; width: 127px; text-transform: uppercase; background: url(../../Images/tree_lines_large_sub.gif) no-repeat 12px 0px; font-size: 11px; text-decoration: none; padding: 9px 5px 9px 56px;} DIV.subsubsub UL LI A{ display: block; width: 159px; text-transform: uppercase; background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px; font-size: 11px; text-decoration: none; padding: 9px 5px 9px 24px;}*/ /*DIV.subsubsub.nieuw UL LI A{ display: block; width: 143px; text-transform:uppercase; background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px; font-size: 9px; text-decoration: none; padding: 6px 5px 6px 40px;}*/ /*DIV.subsubsub UL LI.laatste A{ background: url(../../Images/tree_endline_sub.gif) no-repeat 12px 0px;} DIV.subsubsub UL LI.laatste A.aan{ background: url(../../Images/tree_endline_sub.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsubsub UL LI.laatste A:hover{ background: url(../../Images/tree_endline_sub.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;}*/ /*DIV.subsubsub UL LI.laatste A{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px;} DIV.subsubsub UL LI.laatste A.aan{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;} DIV.subsubsub UL LI.laatste A:hover{ background: url(../../Images/tree_lines_large_sub2.gif) no-repeat 12px 0px; color: #003b77; text-decoration: underline;}*/ /************************************************************** ** Content ***************************************************************/ .content_container{ padding: 0 12px 8px; clear: both; background: url(../../Images/content_bottom_bg.png) no-repeat 50% 100%;} .content_container DIV.left_kolom{ float: left; width: 190px; padding-top: 12px; display: inline;} .content_container DIV.content_kolom{ float: left; width: 663px; min-height: 406px; height: auto !important; height: 406px; padding: 22px 0 0 21px; margin-top: 9px; display: inline; background: url(../../Images/content_bg.gif) no-repeat 0 0;} .content_container DIV.actie_btns_kolom{ float: left; width: 244px; margin-left: 10px; display: inline;} /********************************** ** Column Left ***********************************/ DIV.left_kolom DIV.venster{ width: 100%; float: left; clear: left; position: relative; margin-top: 8px;} DIV.left_kolom DIV.venster DIV.venster_header{ width: 100%; float: left; clear: left; background: url(../../Images/kolom_left_header_bg.gif) no-repeat 0 0;} DIV.left_kolom DIV.venster DIV.venster_header H2{ font-size: 12px; line-height: 16px; padding: 6px 5px 0 22px; background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 9px 9px;} DIV.left_kolom DIV.venster DIV.venster_header H2 A{ text-decoration:none; color:#003c78;} DIV.left_kolom DIV.venster DIV.venster_content{ width: 100%; float: left; clear: left;} DIV.left_kolom DIV.venster DIV.venster_content DIV.content_wrapper{ width: 188px; float: left; border: #c7c7c7 solid; border-width: 0 1px 1px 1px;} DIV.left_kolom DIV.contact_btn{ width: 100%; float: left; clear: left; position: relative; margin-top: 15px;} DIV.left_kolom DIV.contact_btn A{ display: block; height: 43px; background: url(../../Images/contact_btn.gif) #367cbc no-repeat 50% 50%;} DIV.left_kolom DIV.contact_btn A:hover{ background: url(../../Images/contact_btn_over.gif) #003c7a no-repeat 50% 50%;} DIV.left_kolom DIV.banners{ width: 100%; float: left; clear: left; position: relative; margin-top: 15px;} DIV.left_kolom DIV.banners UL{ margin: 0; padding: 0; list-style: none;} DIV.left_kolom DIV.banners UL LI{ padding: 0; width: 100%; text-align: center; margin-bottom: 10px;} /********************************** ** Column Content ***********************************/ DIV.content_kolom DIV.content{ width: 409px; float: left; line-height: 18px; display: inline;} DIV.content_kolom DIV.content DIV.venster{ width: 100%; float: left; clear: left; padding-bottom: 10px; background: url(../../Images/content_venster_bottom.gif) no-repeat 50% 100%;} DIV.content_kolom DIV.content DIV.venster H1{ font-size: 12px; line-height: 16px; margin-bottom: 15px; padding: 0 5px 0 18px; background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 0 3px;} DIV.content_kolom DIV.content DIV.venster H2{ font-size: 12px; line-height: 16px; padding: 0 5px 0 18px; background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 0 3px;} .inthepicure DIV.row{ background: url(../../Images/submenu_item_bg.gif) #f0f0f0 repeat-x 0 0; margin-bottom: 3px;} .inthepicure DIV.row A{ display: block; padding: 5px 5px 5px 20px; background: url(../../Images/bullet_grijs.gif) no-repeat 9px 12px; border: #C7C7C7 1px solid; text-decoration: none;} .inthepicure DIV.row A SPAN.titel{ text-transform: uppercase; font-weight: bold;} .inthepicure DIV.row A BUTTON{ margin-top: 4px;} .inthepicure DIV.row A:hover{ color: #FFF; background: url(../../Images/bullet_wit.gif) #367CBC no-repeat 9px 12px; border-color: #FFF;} .overzicht-sub{ width:409px; min-height:10px; height:auto !important; height:10px; margin:0; padding:40px 0 0 0; float:left; border-top:1px solid #c7c7c7;} .sub-vakje{ width:409px; min-height:10px; height:auto !important; height:10px; margin:0; padding:14px 0; float:left; border-bottom:1px dotted #515960;} .sub-vakje.laatste{ border:none;} .sub-afb{ position:relative; background:#fff; width:100px; min-height:10px; height:auto !important; height:10px; margin:0 9px 0 0; padding:5px; float:left; border:1px solid #c7c7c7;} .sub-afb-inner{ width:100px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; text-align:center; overflow:hidden;} .sub-afb-inner img{ height:150px;} .sub-tekst{ width:288px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} .sub-tekst h3{ font-size:12px; line-height:16px; margin-bottom:15px; padding: 0 5px 0 18px; background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 0 3px;} .pro-afbeeldingen{ width:409px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} .pro-afb{ background:#fff; position:relative; width:114px; /*min-height:10px; height:auto !important; height:10px;*/ height:206px; margin:0 0 15px 0; padding:5px; float:left; border:1px solid #c7c7c7;} .pro-afb.midden{ margin:0 15px 15px 16px;} .pro-afb-inner{ width:114px; height:206px; margin:0; padding:0; float:left; overflow:hidden;} .pro-afb-inner table{ width:114px; height:206px; margin:0; padding:0;} .pro-afb-inner img{ width:114px; float:left;} #productinfo-container{ background:#fff; position:relative; width:409px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;} #productinfo-tabel{ background:#fff; width:409px; margin:0; padding:0;} #productinfo-tabel tr td{ height:24px; margin:0px; padding:0 10px; border:1px solid #c7c7c7; border-collapse:collapse;} #productinfo-tabel tr.donker td{ background:#003c7a; color:#fff;} .referenties{ width:409px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} .referenties ul{ width:194px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 10px 0 0; float:left; list-style:none;} .referenties ul li{ width:194px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} .referenties ul li.cat{ background:url(../../Images/bullet_wit.gif) 8px 10px no-repeat #3c82c2; width:162px; padding:4px 16px; color:#fff; text-transform:uppercase; font-weight:bold;} .referenties ul li a{ background:url(../../Images/bullet_grijs.gif) 8px 14px no-repeat; width:162px; min-height:10px; height:auto !important; height:10px; margin:0; padding:8px 16px; float:left; text-transform:uppercase; font-size:11px; text-decoration:none;} .referenties ul li a:hover{ background:url(../../Images/bullet_wit.gif) 8px 14px no-repeat #003c7a; color:#fff;} /********************************** ** Actie buttons kolom ***********************************/ DIV.actie_btns_kolom{ line-height: 18px;} DIV.actie_btns_kolom DIV.venster{ width: 100%; float: left; clear: left; position: relative; margin-bottom: 10px;} DIV.actie_btns_kolom DIV.venster H2{ font-size: 12px; line-height: 16px; padding: 0 0 0 12px; background: url(../../Images/bullet_blauw.gif) no-repeat 2px 7px;} DIV.actie_btns_kolom DIV.venster DIV.foto{ width: 100%; float: left; clear: left;} DIV.actie_btns_kolom DIV.venster DIV.foto IMG{ width:242px; float:left; border:1px solid #c7c7c7; border-bottom:none;} DIV.actie_btns_kolom DIV.venster DIV.venster_content{ width: 218px; padding: 10px 12px; float: left; clear: left; border: 1px #c7c7c7 solid; overflow: hidden;} DIV.actie_btns_kolom DIV.venster DIV.top_open{ border-top: 0;} DIV.actie_btns_kolom DIV.venster DIV.rechte_foto{ width: 242px; padding: 0;} DIV.actie_btns_kolom DIV.venster DIV.rechte_foto DIV.foto{ width: 116px; clear: none; display: inline;} DIV.actie_btns_kolom DIV.venster DIV.rechte_foto DIV.txt{ width: 106px; padding: 10px; float: left; display: inline;} DIV.actie_btns_kolom DIV.venster DIV.rechte_foto DIV.txt H2{ padding: 0; background: none;} DIV.slideshow_container{ position:relative; width:100%; min-height:20px; height:auto !important; height:20px; margin-bottom:10px; text-align:center; float:left;} DIV.slideshow{ background:#ffffff; width:242px; height:330px; margin:0; padding:15px 0; float:left; clear:left; /*position:relative;*/ border:1px solid #c7c7c7; overflow:hidden;} DIV.slideshow_inner{ position:relative; width:242px; height:330px; margin:0; padding:0; overflow:hidden;} DIV.slideshow IMG{ margin:0px; /*padding:15px 0 15px 0;*/} DIV.slideshow EMBED, DIV.slideshow OBJECT{ position:relative; z-index:0;} .laatste-nieuws{ width:244px; min-height:10px; height:auto !important; height:10px; margin:0 0 10px 0; padding:0; float:left;} .laatste-nieuws h2, span.nieuws-tekst h2{ font-size:12px; line-height:16px; margin-bottom:5px; padding:0 0 0 18px; background: url(../../Images/menuitem_bullet_aan.gif) no-repeat 0 3px;} span.nieuws-tekst h2.geen-ico{ background:none; padding:0;} .laatste-nieuws ul{ position:relative; width:242px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left; list-style:none; border:1px solid #c7c7c7;} .laatste-nieuws ul li{ width:242px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} .laatste-nieuws ul li a{ width:222px; min-height:10px; height:auto !important; height:10px; margin:0; padding:10px; float:left; text-decoration:none; border-bottom:1px solid #c7c7c7;} .laatste-nieuws ul li a.laatste{ border:none;} span.nieuws-afb{ position:relative; background:#fff; width:68px; min-height:10px; height:auto !important; height:10px; margin:0 10px 0 0; padding:5px; float:left; border:1px solid #c7c7c7;} span.nieuws-afb img{ width:68px; float:left;} span.nieuws-tekst{ width:132px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0; float:left;} span.nieuws-tekst.geenafb{ width:222px;} span.metpadding{ width:204px; min-height:10px; height:auto !important; height:10px; margin:0; padding:0 0 0 18px; float:left;} strong.nieuws-meer{ float:right; color:#003c78;} /************************************************************** ** Sitemap ***************************************************************/ TABLE.sitemap{ width: 100%; float: left; clear: left;} TABLE.sitemap TD{ vertical-align: top; text-align: left;} TABLE.sitemap TD TABLE{ margin: 0; width: 100%;} TABLE.sitemap TABLE TH A{ display: block; padding: 5px; background-color: #963d98; text-decoration: none; margin-bottom: 3px; color: #FFF;} TABLE.sitemap TABLE TH A:hover{ text-decoration: underline;} TABLE.sitemap TABLE TD DIV.sitesub{ margin-bottom: 3px; border: #963d98 1px dashed;} TABLE.sitemap TABLE TD A{ display: block; padding: 0 5px; background-color: #FFF; text-decoration: none; color: #444242;} TABLE.sitemap TABLE TD A.row_aan{ background-color: #e2f1bc;} TABLE.sitemap TABLE TD A:hover{ text-decoration: underline;} /************************************************************** ** Zoeken ***************************************************************/ .zoeken{ margin-top: 15px; width: 100%; float: left; clear: left;} .zoeken DIV.resultaat{ width: 100%; float: left; clear: left;} .zoeken DIV.resultaat DIV.resultaat_link{ width: 389px; background: url(../../Images/stippellijn.gif) repeat-x 0 100%;} .zoeken DIV.resultaat DIV.resultaat_link A{ display: block; padding: 3px 5px; background-color: #963D98; text-decoration: none; color: #FFF; font-size: 12px; font-weight: bold;} .zoeken DIV.resultaat DIV.resultaat_link A:hover{ text-decoration: underline;} .zoeken DIV.resultaat DIV.crumbs{ font-size: 10px;} .zoeken DIV.resultaat DIV.crumbs A{ color: #963D98;} .zoeken DIV.resultaat DIV.crumbs A:hover{ color: #078843;} .highlight{ color: #963D98;} STRONG.zoek_titel{ margin-top: 10px; font-size: 12px; display: block; float: left; color: #078843;} /************************************************************** ** Formulieren ***************************************************************/ .formulier{ margin: 5px 0; float: left; width: 349px; padding: 20px 30px 10px; background-color: #f1f1f1; position: relative;} .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; float: left;} .formulier TABLE INPUT.form_text{ width: 161px; padding-left: 8px; padding-top: 3px; margin-right: 3px; border: #C7C7C7 1px solid; background: url(../../Images/input_bg.gif) no-repeat 0 0;} .formulier TABLE DIV.text{ float: left; clear: both; font-size: 10px; font-style: italic; width: 200px;} .formulier TABLE TEXTAREA{ width: 340px;} .formulier TABLE SMALL{ margin-top: -3px;} .formulier TABLE LABEL{ line-height: 20px; margin-right: 4px;} .formulier TABLE LABEL.error{ line-height: normal; font-size: 10px; font-weight: bold; color: #F00; margin: 0 0 3px 3px; display: none; clear: left; width: 100%;} .formulier TABLE LABEL.optie{ display: block; width: 101px;} A.submit_btn{ float: right; color: #FFF; display: block; height: 27px; text-decoration: none; white-space: nowrap; padding: 0 0 0 15px; background: url(../../Images/btn_bg_paars.png) no-repeat 0 0;} A.submit_btn SPAN.end{ float: left; width: 7px; cursor: pointer; margin-right: -7px; height: 100%; background: url(../../Images/btn_bg_paars.png) no-repeat 100% 100%;} A.submit_btn SPAN.text{ display: block; float: left; cursor: pointer; margin-right: 8px; line-height: 22px; font-weight: bold;} .formulier DIV.vastTeken{ position: relative;} .formulier DIV.vastTeken LABEL{ float: left; margin-left: 5px; margin-right: -20px; position: relative; color: #000; display: block;} .formulier DIV.vastTeken INPUT.form_text{ padding-left: 14px; width: 188px;} /************************************************************** ** Footer ***************************************************************/ .footer{ width: 900px; float: left; clear: left; text-align: center; margin-top: 15px; position: relative;} .footer DIV.footer_menu{ text-align: center; background-color: #f1f1f1; padding: 5px 0;} .footer DIV.footer_menu UL{ margin: 0; padding: 0; list-style: none; text-align: center;} .footer DIV.footer_menu UL LI{ padding: 0; display: inline; text-transform: uppercase; font-size: 10px; color: #575757;} .footer DIV.footer_menu UL LI.bull{ margin: 0 3px;} .footer DIV.footer_menu UL LI A{ text-decoration: none; color: #575757;} .footer DIV.footer_menu UL LI A:hover, .footer DIV.footer_menu UL LI A.aan{ text-decoration: underline;} .footer DIV.contactgegevens{ text-align: center; background-color: #4c8eca; padding: 5px 0;} .footer DIV.contactgegevens UL{ margin: 0; padding: 0; list-style: none; text-align: center;} .footer DIV.contactgegevens UL LI{ padding: 0; display: inline; font-size: 10px; color: #FFF;} .footer DIV.contactgegevens UL LI.bull{ margin: 0 3px;} .footer DIV.contactgegevens UL LI A{ color: #FFF;} .footer DIV.contactgegevens UL LI A:hover, .footer DIV.contactgegevens UL LI A.aan{ text-decoration: none;}