/* --------------------------------- SITE ELEMENTS ----------------------------------------------- */

.site BODY { background: url('images/backgrounds/background-body.gif'); background-repeat: repeat-x; margin: 0px; text-align: center; font-family: tahoma; font-size: 11px; color: #404040 }

/* -------------------------------- SHARED ELEMENTS ---------------------------------------------- */

.site #pagediv { position: relative; height: 600px; width: 887px; top: 40px; text-align: left }
.site .homediv { background: url('images/backgrounds/background-home.jpg'); background-repeat: no-repeat }
.site .genericpagediv { background: url('images/backgrounds/background-overons.jpg'); background-repeat: no-repeat }
.site .activiteitendiv { background: url('images/backgrounds/background-activiteiten.jpg'); background-repeat: no-repeat }
.site .overonsdiv { background: url('images/backgrounds/background-overons.jpg'); background-repeat: no-repeat }
.site .assortimentdiv { background: url('images/backgrounds/background-assortiment.jpg'); background-repeat: no-repeat }
.site .contactdiv { background: url('images/backgrounds/background-contact.jpg'); background-repeat: no-repeat }
.site .interieurplandiv { background: url('images/backgrounds/background-interieurplan.jpg'); background-repeat: no-repeat }
.site .opruimingdiv { background: url('images/backgrounds/background-opruiming.jpg'); background-repeat: no-repeat }
.site .aanbiedingendiv { background: url('images/backgrounds/background-aanbiedingen.jpg'); background-repeat: no-repeat }
.site .zoekschermendiv { background: url('images/backgrounds/background-zoekschermen.jpg'); background-repeat: no-repeat }
.site .zoekproductendiv { background: url('images/backgrounds/background-zoekproducten.jpg'); background-repeat: no-repeat }
.site .routeenopeningstijdendiv { background: url('images/backgrounds/background-routeenopeningstijden.jpg'); background-repeat: no-repeat }

/* USERDIV (layer) */

.site #userdiv { position: absolute; top: 10px; left: 550px; width: 173px; text-align: right; color: #b40823 }
.site #userdiv A { color: #b40823; text-decoration: none }
.site #userdiv A:hover { color: #000000 }

/* TOOLSDIV (layer) */

.site #toolsdiv { position: absolute; top: 10px; left: 40px }
.site #toolsdiv DIV { float: left; margin-right: 15px }
.site #toolsdiv DIV IMG { margin-right: 5px; border: 0px }
.site #toolsdiv DIV A { text-decoration: none; color: #808080 }

/* MENUDIV (layer) */

.site #menudiv { position: absolute; top: 75px; left: 90px; width: 200px; text-align: right }
.site #menudiv DIV { margin-bottom: 20px }
.site #menudiv DIV A { text-decoration: none; color: #5d5d5d; font-weight: bold; text-transform: lowercase }
.site #menudiv .dropdown0 { text-align: left; margin: 0px; z-index: 10; position: absolute; width: 120px; background: #ffffff; border: 1px solid #000000; margin-top: 0px; display: none }
.site #menudiv .dropdown0 .submenuitem { width: 100%; font-family: arial; margin: 0px; padding: 5px }
.site #menudiv .dropdown0 A { text-decoration: none; text-transform: lowercase; font-family: arial; font-size: 11px; font-weight: normal }
.site #menudiv .dropdown1 { text-align: left; margin: 0px; z-index: 10; position: absolute; width: 180px; background: #ffffff; border: 1px solid #000000; display: none }
.site #menudiv .dropdown1 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: arial }
.site #menudiv .dropdown1 A { text-decoration: none; text-transform: lowercase; font-family: arial; font-weight: normal  }
.site #menudiv .dropdown2 { text-align: left; margin: 0px; z-index: 10; position: absolute; width: 180px; background: #ffffff; border: 1px solid #000000; display: none }
.site #menudiv .dropdown2 .submenuitem { margin: 0px; padding: 5px; width: 100%; font-family: arial }
.site #menudiv .dropdown2 A { text-decoration: none; text-transform: lowercase; font-family: arial; font-weight: normal  }

/* SEARCHDIV (layer) */

.site #searchdiv { position: absolute; top: 31px; left: 125px; background: #e7526a; visibility: hidden; z-index: 10; filter: alpha(opacity: 50); -moz-opacity: 0.5 }
.site #searchdiv .holderdiv { margin: 5px; vertical-align: middle}
.site #searchdiv .holderdiv #search, .site #searchdiv .holderdiv SELECT { width: 100px; margin-right: 5px; font-size: 11px; font-family: tahoma }
.site #searchdiv .holderdiv IMG { vertical-align: top; border: 0px }
.site #searchdiv FORM { margin: 0px }

/* NEWSLETTERHDIV (layer) */

.site #newsletterdiv { position: absolute; top: 31px; left: 40px; background: #e7526a; visibility: hidden; z-index: 10; filter: alpha(opacity: 50); -moz-opacity: 0.5 }
.site #newsletterdiv .holderdiv { margin: 5px }
.site #newsletterdiv .holderdiv #email { width: 100px; margin-right: 5px; height: 15px; font-size: 11px; font-family: tahoma }
.site #newsletterdiv .holderdiv IMG { vertical-align: top; border: 0px }
.site #newsletterdiv FORM { margin: 0px }

/* ------------------------------------- CONTACT ------------------------------------------------- */

.site #addressdiv { position: absolute; top: 345px; font-size: 11px; left: 870px; width: 200px }
.site #addressdiv P { margin: 0px; margin-bottom: 5px; color: #808080 }

/* COPYRIGHTDIV (layer) */

.site #copyrightdiv { position: absolute; left: 765px; top: 560px; color: #D0D0D0; width: 150px }

/* ----------------------------------- FRONTPAGE ------------------------------------------------- */

.site #introductiondiv { position: absolute; left: 350px; top: 66px; z-index: 0; width: 330px; line-height: 160%; color: #707070; height: 260px; overflow-y: auto; scrollbar-3dlight-color:#F0F0F0; scrollbar-darkshadow-color:#F0F0F0; scrollbar-highlight-color:#F0F0F0; scrollbar-shadow-color:#F0F0F0; scrollbar-track-color:#F0F0F0; scrollbar-arrow-color:#808080; scrollbar-face-color: #D0D0D0 }
.site #introductiondiv .holderdiv { margin: 0px; margin-right: 10px }

/* ----------------------------------- OVER ONS -------------------------------------------------- */

.site #overonspagediv { position: absolute; left: 350px; top: 66px; z-index: 0; width: 280px; height: 255px; line-height: 160%; color: #707070; overflow: auto; scrollbar-3dlight-color: #D0D0D0; scrollbar-darkshadow-color: #D0D0D0; scrollbar-highlight-color: #D0D0D0; scrollbar-shadow-color: #D0D0D0; scrollbar-track-color:#F0F0F0; scrollbar-arrow-color:#F0F0F0; scrollbar-face-color: #D0D0D0 }
.site #overonspagediv #pagetextdiv { margin: 0px; margin-right: 10px }
.site #imagesdiv { position: absolute; width: 80px; left: 635px; top: 70px }
.site #imagesdiv IMG { border: 1px solid #808080 }
.site #imagesdiv .image0 { margin-bottom: 10px; position: absolute; left: 0px; top: 0px; visibility: hidden }
.site #imagesdiv .image1 { margin-bottom: 10px; position: absolute; left: 0px; top: 80px; visibility: hidden }
.site #imagesdiv .image2 { margin-bottom: 10px; position: absolute; left: 0px; top: 160px; visibility: hidden }

.site .topicdiv { position: absolute; left: 350px; top: 40px; width: 360px }
.site .topicdiv .topic { float: left;  margin: 0px; margin-right: 15px; border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; padding-left: 5px; padding-right: 5px; padding-top: 2px; font-weight: bold; text-transform: lowercase }
.site .topicdiv .topic .selected { color: red }
.site .topicdiv .topic A { text-decoration: none; color: #000000 }
.site .topicdiv .topic A:hover { color: red }

/* ----------------------------------- OVER ONS -------------------------------------------------- */

.site #genericpagediv { position: absolute; left: 350px; top: 66px; z-index: 0; width: 280px; height: 255px; line-height: 160%; color: #707070; overflow: auto; scrollbar-3dlight-color: #D0D0D0; scrollbar-darkshadow-color: #D0D0D0; scrollbar-highlight-color: #D0D0D0; scrollbar-shadow-color: #D0D0D0; scrollbar-track-color:#F0F0F0; scrollbar-arrow-color:#F0F0F0; scrollbar-face-color: #D0D0D0 }
.site #genericpagediv #pagetextdiv { margin: 0px; margin-right: 10px }
.site #imagesdiv { position: absolute; width: 80px; left: 635px; top: 70px }
.site #imagesdiv IMG { border: 1px solid #808080 }
.site #imagesdiv .image0 { margin-bottom: 10px; position: absolute; left: 0px; top: 0px; visibility: hidden }
.site #imagesdiv .image1 { margin-bottom: 10px; position: absolute; left: 0px; top: 80px; visibility: hidden }
.site #imagesdiv .image2 { margin-bottom: 10px; position: absolute; left: 0px; top: 160px; visibility: hidden }

.site .topicdiv { position: absolute; left: 350px; top: 40px; width: 360px }
.site .topicdiv .topic { float: left;  margin: 0px; margin-right: 15px; border-top: 1px solid #E0E0E0; border-left: 1px solid #E0E0E0; border-right: 1px solid #E0E0E0; padding-left: 5px; padding-right: 5px; padding-top: 2px; font-weight: bold; text-transform: lowercase }
.site .topicdiv .topic .selected { color: red }
.site .topicdiv .topic A { text-decoration: none; color: #000000 }
.site .topicdiv .topic A:hover { color: red }

/* ----------------------------------- ASSORTIMENT -------------------------------------------------- */

.site #assortimentdiv { position: absolute; left: 350px; top: 66px; z-index: 0; width: 330px; height: 270px }
.site #assortimentdiv .holderdiv { margin: 0px; margin-right: 10px }
.site #assortimentdiv #suppliersdiv  { position: absolute; top: 0px; left: 0px; width: 150px; height: 270px; border: 1px solid #D0D0D0 }
.site #assortimentdiv #suppliersdiv P { margin: 0px; margin-left: 10px }
.site #assortimentdiv #suppliersdiv #scrolllistholder { position: relative; overflow: hidden; width: 140px; height: 245px; border-style: none }
.site #assortimentdiv #suppliersdiv #scrolllist { display: block; position: absolute; top: 0px; left: 0px; width: 140px; padding: 0px; margin: 0px }
.site #assortimentdiv #suppliersdiv #scrolllist P { margin-bottom: 4px }
.site #assortimentdiv #suppliersdiv #scrolllistuparrow, .site #assortimentdiv #suppliersdiv #scrolllistdownarrow { width: 100%; height: 10px; text-align: center; color:#FFFFFF; cursor:pointer }
.site #assortimentdiv #suppliersdiv #scrolllistuparrow { background: #F0F0F0 url('images/arrows/arrow-grayup.gif') no-repeat center center }
.site #assortimentdiv #suppliersdiv #scrolllistdownarrow { background: #F0F0F0 url('images/arrows/arrow-graydown.gif') no-repeat center center }

.site #assortimentdiv .supplierdiv { position: absolute; left: 170px; width: 170px; height: 270px; border: 1px solid #D0D0D0; visibility: hidden }
.site #assortimentdiv #supplierselect { visibility: visible }
.site #assortimentdiv .supplierdiv P { margin: 0px; text-align: right }
.site #assortimentdiv .supplierdiv .description { margin-top: 5px; height: 64px; overflow-y: auto; scrollbar-3dlight-color: #D0D0D0; scrollbar-darkshadow-color: #D0D0D0; scrollbar-highlight-color: #D0D0D0; scrollbar-shadow-color: #D0D0D0; scrollbar-track-color:#F0F0F0; scrollbar-arrow-color:#F0F0F0; scrollbar-face-color: #D0D0D0 }
.site #assortimentdiv .supplierdiv .name { margin-top: 5px; font-weight: bold }
.site #assortimentdiv .supplierdiv .website IMG { margin-right: 10px }
.site #assortimentdiv .supplierdiv .holderdiv { margin: 10px }

/* ----------------------------------- INTERIEURPLAN -------------------------------------------------- */

.site #interieurplandiv { position: absolute; left: 330px; top: 45px; z-index: 0; width: 330px; height: 260px; line-height: 160%; color: #707070 }
.site #interieurplandiv .holderdiv { position: absolute; left: 35px; top: 0px; width: 300px; height: 260px }
.site #interieurplandiv .pagediv { width: 300px; float: left; overflow: hidden }
.site #interieurplandiv .pagediv DIV { margin-left: 10px; margin-right: 10px }
.site #interieurplandiv .pagediv H1 { font-size: 14px; font-family: tahoma }
.site #interieurplandiv #scrolllistholder { position: relative; overflow: hidden; height: 260px; border-style: none }
.site #interieurplandiv #scrolllist { display: block; position: absolute; top:0px; left: 0px; padding: 0px; margin: 0px }
.site #interieurplandiv #scrolllistleftarrow, .site #interieurplandiv #scrolllistrightarrow { width: 15px; height: 220px; text-align: center; color:#FFFFFF; cursor: pointer }
.site #interieurplandiv #scrolllistleftarrow { position: absolute; left: 10px; top: 0px; background:url('images/arrows/arrow-grayleftlarge.gif') no-repeat center center; visibility: hidden }
.site #interieurplandiv #scrolllistrightarrow { position: absolute; left: 350px; top: 0px; background:url('images/arrows/arrow-grayrightlarge.gif') no-repeat center center }

/* ----------------------------------- OPRUIMING -------------------------------------------------- */

.site #opruimingdiv { position: absolute; left: 350px; top: 45px; z-index: 0; width: 330px; height: 330px; line-height: 160%; color: #707070 }
.site #opruimingdiv .searchcondition { margin: 0px }
.site #opruimingdiv #productendiv  { margin-top: 5px; float: left; width: 100%; height: 270px; border: 1px solid #D0D0D0 }
.site #opruimingdiv #productendiv #scrolllistholder { position: relative; overflow: hidden; width: 320px; height: 250px; border-style: none }
.site #opruimingdiv #productendiv #scrolllist { position: absolute; top: 0px; left: 0px; display: block; width: 100%; margin: 0px }
.site #opruimingdiv #productendiv #scrolllist .name { float: left; margin-left: 5px; width: 50%; margin-bottom: 4px }
.site #opruimingdiv #productendiv #scrolllist .price { float: left; width: 40%; margin-bottom: 4px }
.site #opruimingdiv #productendiv #scrolllistuparrow, .site #opruimingdiv #productendiv #scrolllistdownarrow { width: 320px; height: 10px; text-align: center; color:#FFFFFF; cursor:pointer }
.site #opruimingdiv #productendiv #scrolllistuparrow { background:url('images/arrows/arrow-grayup.gif') no-repeat center center }
.site #opruimingdiv #productendiv #scrolllistdownarrow { background:url('images/arrows/arrow-graydown.gif') no-repeat center center }
.site #opruimingdiv .productgroepdiv  { margin-left: 10px }
.site #opruimingdiv .productgroepdiv A { text-decoration: none; color: #808080 }
.site #opruimingdiv .productsamenvattingdiv { width: 100%; margin-left: 10px; margin-bottom: 10px }
.site #opruimingdiv .productsamenvattingdiv .thumbdiv { float: left; width: 30% }
.site #opruimingdiv .productsamenvattingdiv .thumbdiv IMG { border: 1px solid #808080 }
.site #opruimingdiv .productsamenvattingdiv .descriptiondiv { float: left; width: 65% }
.site #opruimingdiv .productsamenvattingdiv .namediv { font-weight: bold }
.site #opruimingdiv .productsamenvattingdiv .pricediv { }


/* ----------------------------------- OPRUIMING -------------------------------------------------- */

.site #aanbiedingendiv { position: absolute; left: 350px; top: 45px; z-index: 0; width: 330px; height: 330px; line-height: 160%; color: #707070 }
.site #aanbiedingendiv .searchcondition { margin: 0px }
.site #aanbiedingendiv #productendiv  { margin-top: 5px; float: left; width: 100%; height: 270px; border: 1px solid #D0D0D0 }
.site #aanbiedingendiv #productendiv #scrolllistholder { position: relative; overflow: hidden; width: 320px; height: 260px; border-style: none }
.site #aanbiedingendiv #productendiv #scrolllist { position: relative; top: 0px; left: 0px; display: block; width: 100%; margin: 0px }
.site #aanbiedingendiv #productendiv #scrolllist .name { float: left; margin-left: 5px; width: 50%; margin-bottom: 4px }
.site #aanbiedingendiv #productendiv #scrolllist .price { float: left; width: 40%; margin-bottom: 4px }
.site #aanbiedingendiv #productendiv #scrolllistuparrow, .site #aanbiedingendiv #productendiv #scrolllistdownarrow { width: 320px; height: 10px; text-align: center; color:#FFFFFF; cursor:pointer }
.site #aanbiedingendiv #productendiv #scrolllistuparrow { background:url('images/arrows/arrow-grayup.gif') no-repeat center center }
.site #aanbiedingendiv #productendiv #scrolllistdownarrow { background:url('images/arrows/arrow-graydown.gif') no-repeat center center }

/* ----------------------------------- ZOEK SCHERMEN -------------------------------------------------- */

.site #zoekschermendiv { position: absolute; left: 350px; top: 45px; z-index: 0; width: 330px; height: 330px; line-height: 160%; color: #707070 }
.site #zoekschermendiv .searchcondition { margin: 0px }
.site #zoekschermendiv #schermendiv  { margin-top: 5px; float: left; width: 100%; height: 330px; border: 1px solid #D0D0D0 }
.site #zoekschermendiv #schermendiv #scrolllistholder { position: relative; overflow: hidden; width: 320px; height: 310px; border-style: none }
.site #zoekschermendiv #schermendiv #scrolllist { position: relative; top: 0px; left: 0px; display: block; width: 100%; margin: 0px }
.site #zoekschermendiv #schermendiv #scrolllist P { margin: 0px; ; margin-left: 10px; margin-bottom: 4px }
.site #zoekschermendiv #schermendiv #scrolllistuparrow, .site #zoekschermendiv #schermendiv #scrolllistdownarrow { width: 320px; height: 10px; text-align: center; color:#FFFFFF; cursor:pointer }
.site #zoekschermendiv #schermendiv #scrolllistuparrow { background:url('images/arrows/arrow-grayup.gif') no-repeat center center }
.site #zoekschermendiv #schermendiv #scrolllistdownarrow { background:url('images/arrows/arrow-graydown.gif') no-repeat center center }

/* ----------------------------------- ZOEK PRODUCTEN -------------------------------------------------- */

.site #zoekproductendiv { position: absolute; left: 350px; top: 45px; z-index: 0; width: 330px; height: 330px; line-height: 160%; color: #707070 }
.site #zoekproductendiv .searchcondition { margin: 0px }
.site #zoekproductendiv #productendiv  { margin-top: 5px; float: left; width: 100%; height: 330px; border: 1px solid #D0D0D0 }
.site #zoekproductendiv #productendiv #scrolllistholder { position: relative; overflow: hidden; width: 320px; height: 310px; border-style: none }
.site #zoekproductendiv #productendiv #scrolllist { position: relative; top: 0px; left: 0px; display: block; width: 100%; margin: 0px }
.site #zoekproductendiv #productendiv #scrolllist .name { float: left; margin-left: 5px; width: 50%; margin-bottom: 4px }
.site #zoekproductendiv #productendiv #scrolllist .price { float: left; width: 40%; margin-bottom: 4px }
.site #zoekproductendiv #productendiv #scrolllistuparrow, .site #zoekproductendiv #productendiv #scrolllistdownarrow { width: 320px; height: 10px; text-align: center; color:#FFFFFF; cursor:pointer }
.site #zoekproductendiv #productendiv #scrolllistuparrow { background:url('images/arrows/arrow-grayup.gif') no-repeat center center }
.site #zoekproductendiv #productendiv #scrolllistdownarrow { background:url('images/arrows/arrow-graydown.gif') no-repeat center center }

/* ------------------------------------ AANBIEDING ----------------------------------------------- */

.thumbaanbieding {border: 1px solid #808080 }
.namemargin {float: left; margin-left: 5px; width: 50%; margin-bottom: 4px;}
.namemargin IMG {vertical-align:middle;}
.pricemargin {margin-top: 25px; float: left; width: 40%; margin-bottom: 4px;}

.overzichtlink {color: #909090; text-decoration: none; font-weight: bold;}
.overzichtlink IMG {border: 0px; vertical-align:middle;}

/* ------------------------------------- CONTACT ------------------------------------------------- */

.site #contactdiv { position: absolute; left: 350px; top: 66px; z-index: 0; width: 350px; height: 310px }
.site #contactdiv .holderdiv { margin: 0px; margin-right: 10px }
.site #contactdiv .holderdiv .gender { width: 60px; }
.site #contactdiv .holderdiv .name { width: 99px; }

/* ------------------------------------ SHARED ELEMENTS ---------------------------------------------- */

/* READ MORE */

.site .readmore { text-align: right; color: #808080 }
.site .readmore A { text-decoration: none; color: #808080; font-weight: bold }
.site .readmore A:hover { color: red }

/* PRODUCT */

.site .productdiv { position: absolute; left: 310px; top: 100px; z-index: 10; background: #F0F0F0; border: 1px solid #505050; width: 400px; visibility: hidden; -moz-opacity: 0.9 }
.site .productdiv .holderdiv { margin: 5px }
.site .productdiv .closediv { position: absolute; left: 380px; top: 5px }
.site .productdiv .closediv IMG { cursor: pointer }
.site .productdiv .image { float: left; margin-right: 20px }
.site .productdiv .image .thumb { border: 1px solid #000000 }
.site .productdiv .description { width: 280px; float: left }
.site .productdiv .label { width: 40%; float: left; font-weight: bold }
.site .productdiv .field { width: 50%; float: left }

/* CLEAR */

.site .clear { clear: both }

/* NORECORDS */

.site .norecords { margin-left: 10px } 

/* FIELD * LABEL */

.site .labeldiv { width: 50%; float: left; margin-bottom: 3px }
.site .fielddiv { width: 50%; float: left; margin-bottom: 3px }
.site .buttondiv { width: 50%; float: left; margin-bottom: 3px }
.site .fielddiv INPUT, .fielddiv TEXTAREA, .fielddiv SELECT { width: 95%; font-size: 11px; font-family: tahoma }
.site .fielddiv TEXTAREA { width: 95%; height: 40px }
.site .fielddiv .checkbox { width: 15px }
.site .fielddiv .radio, .fielddiv .checkbox { width: 15px }
.site .buttondiv { text-align: right }
.site .buttondiv IMG { cursor: pointer }

/* ------------------------------------------------------------------ RICHEDIT BLOCK ---------------------------------------------------------------------- */

.richeditblock { font-family: arial; font-size: 11px; line-height: 140% }
.richeditblock BLOCKQUOTE { background: #F0F0F0; margin: 10px; padding: 7px; border: 1px solid #D0D0D0; color: #808080 }
.richeditblock H1 { }
.richeditblock H2 { }
.richeditblock H3 { }
.richeditblock H4 { }
.richeditblock P { }
.richeditblock IMG { border: 1px solid #000000; margin-right: 5px; margin-bottom: 5px }
.richeditblock A { }
.richeditblock A:hover { }
.richeditblock UL { }
.richeditblock OL { }
.richeditblock LI { }
.richeditblock HR { height: 1px; color: #909090; border: 1px solid #909090; background: #909090 }
.richeditblock TABLE { font-size: 11px }
.richeditblock .bordered {  }
.richeditblock .bordered TD { border: 1px solid #D0D0D0; padding: 5px }
.richeditblock .bordered #header { background: #F0F0F0; text-align: center; font-weight: bold }
.richeditblock .bordered #footer { background: #F0F0F0; text-align: center }
.richeditblock .borderless { }
.richeditblock .borderless TD { }
.richeditblock .borderless #header { background: #F0F0F0; text-align: center; font-weight: bold }
.richeditblock .borderless #footer { background: #F0F0F0; text-align: center }