html, body {width: 100%; height: 100%; margin: 0; padding: 0;}
body { vertical-align: top; margin: 0px; padding: 8px; font-family: 'Trebuchet MS'; font-size: 11px; color: #000000; text-align: left; }
body.site { height: 100%; width: 100%; margin: 0px; padding: 0px; font-family: 'Trebuchet MS'; font-size: 11px; color: #000000; background-color:#6b90a3; background-position: top left; background-image: url(../images/body_bg.jpg); background-repeat: repeat-x; }
a img { border: 0px; }
td, div { font-family: 'Trebuchet MS'; vertical-align: top; }
input, select, textarea { font-family: 'Trebuchet MS'; font-size: 11px; color:#666666; }
a, a.none { text-decoration: none; color:#ff7709; font-size: 11px; }
a.none:hover { text-decoration: none; color:#ff7709;font-size: 12px; }
a:hover { text-decoration: underline; color:#ff7709; }
.ie6tab { position: absolute; top: 0px; z-index: 1000; display: none; _display: block; width: 940px; height: 60px; background-color: #ffffdf; border: 1px solid #4f4e4e; padding: 10px 10px; margin-bottom:10px; color: #4f4e4e; line-height: 18px; }
div.volgen { color:#26357f; font-size: 9px; font-style: italic; position: absolute; top: 12px; right: 25px; text-align: right; width: 200px; line-height: 18px;}
div.volgen img { position: relative; top: 3px; margin-left: 3px;}
div.container { position: absolute; width: 950px; left: 50%; margin-left: -475px; top: 0px; }
div.top { position: relative; width: 950px; height: 162px; z-index: 900; background-image: url(../images/top_bg.jpg); background-repeat: no-repeat; }
div.toplogo { position: absolute; top: 3px; left: 0px; width: 225px; height: 109px; }
div.topadres { position:absolute; right: 12px; top: 12px; line-height: 18px; }
div.topadres strong { color:#004a99; }
div.topadres a,div.topadres a:hover { color:#000; font-size: 11px; text-decoration: none;}
div.menu { position: absolute; top: 112px; left: 0px; width: 950px; height: 50px; z-index: 1000; background-image: url(../images/shopmenu.jpg); background-repeat: repeat-x; }
div.subbar { position: absolute; top: 100px; left: 12px; width: 926px; height: 211px; border-bottom: 1px solid #7f7f7f; z-index: 950; background-image: url(../images/witbar.png); display: none;}
div.topmenu { position: absolute; top: 3px; left: 226px; height: 22px; background-color:#d1dde2; width: 487px; padding: 0px 0px 0px 12px; z-index: 920; }
div.topmenu a { margin-right: 10px; line-height: 22px; color: #4e7c93; font-size: 11px; }
div.topmenu span { cursor: pointer; margin-right: 10px; line-height: 22px; color: #4e7c93; font-size: 11px; }
div.middle { position: relative; width: 950px; background-color:#ffffff; min-height: 100px; z-index: 900; }
div.zoekbox { position: absolute; top: 52px; width: 450px; height: 25px; left: 250px; background-image: url(../images/zoekbg.jpg); background-repeat: no-repeat;}
div.zoekbox div.input { position: absolute; top: 4px; left: 10px; width: 400px; height: 20px; }
div.zoekbox div.button { position: absolute; top: 3px; right: 4px; width: 19px; height: 19px; }
div.input input { background: none; border: 0; font-style: italic; color: #f2ac3e; font-size:11px; width: 400px; height: 20px; }
div.loginbox { overflow: hidden; position: absolute; top: 3px; left: 226px; width: 499px; height: 22px; z-index: 910; background-color:#d1dde2; }
div.loginbox div.logininfo { position: absolute; top: 23px; padding: 12px; color: #385780; }
div.loginbox div.uitloggen { position: absolute; top: 35px; left: 200px; }
div.loginbox div.loginnaam { padding: 3px 1px 0px 4px; width: 156px; height: 22px; background-image: url(../images/logbox_bg.gif); background-repeat: no-repeat; position: absolute; top: 74px; left: 10px; }
div.loginbox div.loginemail { padding: 3px 1px 0px 4px; width: 156px; height: 22px; background-image: url(../images/logbox_bg.gif); background-repeat: no-repeat; position: absolute; top: 74px; left: 184px; }
div.loginbox div.loginbtn { padding: 0px; width: 74px; height: 22px; position: absolute; top: 74px; left: 363px; }
div.loginbox div.logintxt { padding: 0px; width: 460px; height: 45px; position: absolute; top: 34px; left: 10px; color: #4f7c91; }
input.login { width: 150px; height: 18px; border: 0; padding-left: 0px; line-height: 18px; padding-top: 0px; color:#f2ac3e; font-style: italic; font-size: 11px; }
div.wwbox { overflow: hidden; position: absolute; top: 3px; left: 226px; width: 499px; height: 22px; z-index: 910; background-color:#d1dde2; }
div.wwbox div.loginnaam { padding: 3px 1px 0px 4px; width: 156px; height: 22px; background-image: url(../images/logbox_bg.gif); background-repeat: no-repeat; position: absolute; top: 74px; left: 10px; }
div.wwbox div.verstuurbtn { padding: 0px; width: 74px; height: 22px; position: absolute; top: 74px; left: 190px; }
div.wwbox div.logintxt { padding: 0px; width: 460px; height: 45px; position: absolute; top: 34px; left: 10px; color: #4f7c91; }
div.formboxrev img { border: 0; }
div.reviewcontent { position: relative; background-color:#e9f1f5; width: 490px; min-height: 50px; margin-bottom: 10px; }
div.reviewcontent .revl { float: left; padding: 10px; line-height: 20px; width: 150px; }
div.reviewcontent .revr { float: left; padding: 10px;line-height: 20px; width: 300px; }
/* CART BOX */
div.cartkop { position: absolute; top: 3px; left: 726px; width: 200px; padding-left: 24px; line-height: 22px; height: 22px; color: #ffffff; font-size: 12px; font-weight: bold; }
div.cart_inhoud { line-height: 18px; position: absolute; top: 21px; left: 726px; width: 125px; padding-left: 24px; padding-top: 13px; height: 50px; color: #6b90a3; font-size: 12px; }
div.cart_inhoud span { font-size: 10px; line-height: 14px; color:#b4c7cf; font-style: italic; }
div.cartgo { position: absolute; top: 92px; left: 726px; width: 200px; padding-left: 24px; line-height: 22px; height: 22px; color: #ffffff; font-size: 12px; font-weight: bold; }
div.shade_l { position: absolute; top: 0px; left: 50%; margin-left: -496px; width: 21px; min-height: 100px; background-image: url(../images/shade_l.png); background-repeat: repeat-y; }
div.shade_r { position: absolute; top: 0px; left: 50%; margin-left: 475px; width: 21px; min-height: 100px; background-image: url(../images/shade_r.png); background-repeat: repeat-y; }
div.navinactive { padding-top: 0px; width: 12px; height: 12px; border: 1px solid #b3c7d0; text-align: center; font-size: 9px; background-color:#d9e3e7; color:#e8eef0; }
div.navactive { padding-top: 0px; width: 12px; height: 12px; border: 1px solid #7a9dae; text-align: center; font-size: 9px; background-color:#e8eef0 color:#000000; }
div.navinactive a, div.navactive a { color:#3e3f40; font-size: 9px; text-decoration: none; line-height: 12px; }
div.crumbles { float: left; position: relative; margin: 0px 0px; width: 926px; height: 25px; line-height: 25px; font-size: 10px; color:#1a536c; font-weight: bold; }
div.crumbles a { font-size: 10px; color:#6b90a3; font-weight: normal; text-decoration: none; }
h1 { font-size: 20px; color:#ff7709; margin: 0px; font-family: 'Trebuchet MS'; font-weight: bold; }
h2 { font-size: 13px; color:#1a536c; margin: 0px; margin-bottom: 10px; font-family: 'Trebuchet MS'; font-weight: bold; }
div.inhoudc { padding: 12px; font-size: 12px; line-height: 16px; color:#564c43; }
div.navsubsub { margin-top: 27px; float: left; width: 137px; border-right: 1px solid #e5e5e5; margin-right:25px; }
/* ORDER PAGINA */
div.order_left { float: left; width: 463px; min-height: 600px; border-right: 1px solid #b3c7ce; border-top: 3px solid #18546c; position: relative; }
div.order_right { float: left; width: 462px; min-height: 400px; border-top: 3px solid #18546c; position: relative; }
div.order_left div.kop { position: relative; top: -3px; height: 22px; background-color:#4e7c93; width: 449px; border-top: 3px solid #18546c;border-right: 1px solid #ffffff; line-height: 22px; text-transform: uppercase; color:#ffffff; padding-left: 14px; }
div.order_right div.kop { position: absolute; top: -3px; height: 22px; background-color:#b4c7ce; width: 448px; border-top: 3px solid #18546c; line-height: 22px; text-transform: uppercase; color:#18546e; padding-left: 14px; }
div.order_right div.orderinhoud { padding: 46px 0px 0px 12px; position: relative; }
td.orderprijs { padding-left: 26px; width: 140px; font-size: 11px; color: #1c5372; }
td.orderprijs span { color: #b6c9cd; font-size: 11px; font-style: italic; }
td.ordertitel { width: 188px; color: #1b556d; font-size: 11px; }
td.ordertype { color: #1c5372; font-size: 11px; }
div.order_right hr { color: #b3c6d4; border: 0px solid #b3c6d4; height: 1px; color:#b3c6d4; background-color:#b3c6d4; margin: 10px 0px; }
div.order_right, div.order_right td { color: #1c5372; }
div.order_right span.totaal { color: #f5870c; font-size: 20px; }
div.order_right span { color: #c3cad0; font-style: italic;}
div.loginblok { position: relative; width: 448px; height: 73px; background-color: #bfd0d7; border: 1px solid #4d7d93; margin-top: 23px; }
div.loginblok div.kopt { position: absolute; top: 12px; left: 12px; color: #16576d; text-transform: uppercase; font-size: 12px; }
div.loginblok div.emailblok { width: 156px; height: 22px; padding-top: 3px; padding-left: 5px; background-image: url(../images/loginbg.gif); background-repeat: no-repeat; position: absolute; top: 36px; left: 12px; }
div.loginblok div.wwblok { width: 156px; height: 22px; padding-top: 3px; padding-left: 5px; background-image: url(../images/loginbg.gif); background-repeat: no-repeat; position: absolute; top: 36px; left: 185px; }
div.loginblok div.ingelogd { padding: 12px; color: #385780; font-weight: bold; }
div.emailblok input, div.wwblok input { width: 150px; height: 18px; border: 0px; color:#f2ac3e; font-style: italic; font-size: 11px; }
div.loginblok div.logb { width: 74px; height: 25px; position: absolute; top: 36px; left: 364px; }
div.loginblok div.wwverg { position: absolute; top: 12px; right: 10px; width: 120px; font-size: 10px; color: #16576d; text-align: right; cursor: pointer; }
div.order_left strong.big { color: #f2ac3e; font-size: 14px; text-transform: uppercase; }
div.order_left div.afleveradres { margin-top: 24px; color: #b1c5c4; }
div.order_left div.kortingblok { margin-top: 44px; color: #b1c5c4; }
div.order_left div.factuuradres { margin-top: 44px; color: #2b6179; }
div.order_left div.betaalblok { margin-top: 44px; color: #2b6179; }
div.order_left div.opmerking { margin-top: 44px; color: #b1c5c4; }
div.opmerking div.area { width: 407px; padding-left: 7px; padding-top: 4px; height: 98px; background-image: url(../images/areabg.gif); background-repeat: no-repeat; }
div.area textarea { width: 400px; height: 90px; border: 0px; color:#f2ac3e; font-style: italic; font-size: 11px; }
span.grijs { color: #b1c5c4; font-size: 11px; }
div.afleveradres td { color: #2b6179; }
td.order_left_data { width: 125px; height: 25px; line-height: 25px; font-size: 11px;}
td.order_left_data span { font-size: 10px; color: #f2ac3e; }
td.order_right_data { width: 300px; height: 25px; }
td.order_right_check { width: 25px; height: 25px; }
td.order_right_check img { margin-top: 2px; }
td.order_right_data div { float: left; width: 284px; height: 20px; padding-left: 5px; padding-top: 1px; background-image: url(../images/orderdatabg.gif); background-repeat: no-repeat; }
td.order_right_data strong { color:#fc9f37; padding-top: 3px;}
td.order_right_data div input.txt { border: 0px; width: 280px; height: 16px; color:#1a536c; font-style: italic; font-size: 11px; }
td.order_right_data div input.regtxt { border: 0px; width: 280px; height: 16px; color:#f2ac3e; font-style: italic; font-size: 11px; }
td.order_right_data div input.acctxt { border: 0px; width: 280px; height: 16px; color:#f2ac3e; font-style: italic; font-size: 11px; }
td.order_right_data div select { margin-top: 0px; border: 0px; width: 280px; line-height:16px; height: 19px; color:#1a536c; font-style: italic; font-size: 11px; }
span.oranje { color: #f2ac3e; }
#bottomtotaal { min-height: 30px; line-height: 30px; color: #1c5372; font-size: 11px; margin-top: 18px; }
#bottomtotaal span.totaal { color: #f5870c; font-size: 20px; }
#bottomtotaal span { color: #c3cad0; font-style: italic;}
div.bredekop { padding: 0; margin: 0; width: 914px; border-top: 3px solid #1a546c; height: 22px; line-height: 22px; background-color:#b4c7cf; padding-left: 12px; color: #1a536c; font-size: 12px; text-transform: uppercase; }
div.breedp { padding: 12px; color: #1a536e; }
/* MERKEN BLOK */
div.merkenblok { width: 713px; height: 175px; float: left; background-image: url(../images/merkenblok_bg.jpg); background-repeat: no-repeat; position: relative; }
div.merkenblok .merkkop { position: absolute; top: 2px; left: 183px; width: 500px; height: 38px; line-height: 38px; text-align: center; }
.merkkop h1 { color: #4e7c93; font-size: 14px; line-height: 38px; padding: 0; margin: 0; }
div.merkenblok .chefke { position: absolute; top: 0px;left: 0px;width: 140px; height: 175px; }
div.merkenblok .merkcontainer { position: absolute; top: 55px; left: 190px; border:0px solid red; width: 520px; height: 110px; overflow: hidden; }
.merkcontainer div img { margin-right: 37px; }
.merkcontainer div .merkspacer { height: 22px; width: 520px; }
/* KEURMERK BLOK */
div.keurmerkblok { position: relative; width: 201px; height: 175px; float: left; margin-left: 12px; overflow: hidden; }
div.keurmerkblok div.b1 { position: absolute; top: 0px; left: 0px; width: 201px; height: 88px; }
div.keurmerkblok div.b2 { position: absolute; top: 88px; left: 0px; width: 148px; height: 44px;}
div.keurmerkblok div.b3 { position: absolute; top: 147px; left: 0px; width: 148px; height: 28px;}
div.keurmerkblok div.b4 { position: absolute; top: 101px; left: 148px; width: 41px; height: 87px;}
/* AANBIEDINGEN SLIDER HOME */
div.aanbiedingenblok { position: relative; width: 457px; height: 182px; float: left; overflow: hidden; background-image: url(../images/aanbiedingen_bg.gif); background-repeat: no-repeat; }
div.aanbiedingenblok div.aanb_container { position: absolute; top: 25px; width: 457px; height: 182px; overflow: hidden; }
div.aanbiedingenblok div.aanbkop { position: absolute; top: 3px; left: 13px; font-weight: bold; font-size: 12px; color:#1a536c; line-height: 22px;}
#slidenav { text-align:right; position: absolute; z-index: 1000; right:5px; top: 7px; min-width: 100px; height: 15px; }
#slidenav div { float: left; margin-left: 5px; }
div.homeslidec { position: relative; width: 457px; height: 157px; }
div.homeslidec div.info { float: left; position: relative; width: 236px; height: 106px; padding: 13px 8px 13px 13px; color:#1a536c; font-size: 11px;}
div.homeslidec div.prijs { position: absolute; width: 236px; height: 30px; z-index: 600; padding: 0; top: 98px; left: 13px; color:#1a536c; overflow: show;font-size: 11px;}
div.homeslidec div.info strong.kop { font-size: 14px; color:#1a536c; }
div.homeslidec .prijs span.van { color:#4e7c93; font-size: 14px; text-decoration: line-through; }
div.homeslidec .prijs span.voor { color:#ed8a09; font-size: 24px; }
div.homeslidec div.foto { float: right; width: 200px; height: 132px; text-align: right; }
div.homeslidec div.foot { float: left; width: 457px; height: 132px; line-height: 25px; padding: 0px 13px; }
div.foot a, div.foot a:hover { color: #1a536c; font-size: 12px; text-decoration: none; }
/* AANBIEDING VD WEEK */
div.aanbiedingenweek { margin-left: 5px; position: relative; width: 464px; height: 182px; float: left; overflow: hidden; background-image: url(../images/aanbiedingweek_bg.jpg); background-repeat: no-repeat; }
div.aanbiedingenweek div.wcont { position: absolute; top: 25px; height: 157px; width: 457px; left: 7px; }
div.aanbiedingenweek div.aanbkop { position: absolute; top: 3px; left: 20px; font-weight: bold; font-size: 12px; color:#ffffff; line-height: 22px;}
div.aanbiedingenweek div.wcont div.info { float: left; width: 236px; height: 106px; padding: 13px 8px 13px 13px; color:#1a536c; font-size: 11px;}
div.aanbiedingenweek div.wcont div.info strong.kop { font-size: 14px; color:#1a536c; }
div.aanbiedingenweek div.wcont div.info span.van { color:#4e7c93; font-size: 14px; text-decoration: line-through; }
div.aanbiedingenweek div.wcont div.info span.voor { color:#ed8a09; font-size: 24px; }
div.aanbiedingenweek div.wcont div.foto { float: right; width: 200px; height: 132px; }
div.aanbiedingenweek div.wcont div.foot { float: left; width: 457px; height: 132px; line-height: 25px; padding: 0px 13px; }
div.aanbiedingenweek div.wcont div.foot a, div.aanbiedingenweek div.foot a:hover { color: #ffffff; font-size: 12px; text-decoration: none; }
/* NIEUWSBRIEF BLOK */
div.nieuwsbriefblok { position: relative; width: 212px; height: 196px; border-top: 3px solid #1a536c; border-bottom: 1px solid #b4c7cf; background-color:#e8eef0; float: left; margin-top: 25px; }
div.nieuwsbriefblok .kop { height: 22px; position: absolute; top: 0px; left: 0px; width: 200px; padding: 0px 0px 0px 12px; line-height: 22px; color:#ffffff; background-color:#4e7c93; }
div.nieuwsbriefblok div.nbrief { width: 188px; height: 184px; position: absolute; top: 22px; font-size: 11px; line-height: 14px; left: 0px; width: 180px; padding: 6px 12px 10px 12px; color:#1a536c; }
div.nieuwsbriefblok div.nbriefnaam { padding: 3px 1px 0px 4px; width: 181px; height: 22px; background-image: url(../images/nbrief_bg.gif); background-repeat: no-repeat; position: absolute; top: 76px; left: 13px; }
div.nieuwsbriefblok div.nbriefemail { padding: 3px 1px 0px 4px; width: 181px; height: 22px; background-image: url(../images/nbrief_bg.gif); background-repeat: no-repeat; position: absolute; top: 112px; left: 13px; }
div.nieuwsbriefblok div.nbriefsubmit { width: 186px; height: 25px; position: absolute; top: 147px; left: 13px; }
input.nbrief { width: 170px; height: 18px; border: 0; padding-left: 9px; line-height: 18px; padding-top: 0px; color:#f2ac3e; font-style: italic; font-size: 11px; }
/* NIEUW BLOK */
div.nieuwblok { width: 491px; height: 182px; float: left; margin-left: 6px; background-image: url(../images/nieuw_bg.jpg); position: relative; background-repeat: no-repeat; margin-top: 25px; }
div.nieuwblok div.wcont { position: absolute; top: 25px; height: 157px; width: 478px; left: 6px; }
div.nieuwblok div.aanbkop { position: absolute; top: 3px; left: 20px; font-weight: bold; font-size: 12px; color:#ffffff; line-height: 22px;}
div.nieuwblok div.wcont div.info { float: left; width: 257px; height: 106px; padding: 13px 8px 13px 13px; color:#1a536c; font-size: 11px;}
div.nieuwblok div.wcont div.info strong.kop { font-size: 14px; color:#1a536c; }
div.nieuwblok div.wcont div.foto { float: right; width: 200px; height: 132px; }
div.nieuwblok div.wcont div.foot { float: left; width: 457px; height: 132px; line-height: 25px; padding: 0px 13px; }
div.nieuwblok div.wcont div.foot a, div.aanbiedingenweek div.foot a:hover { color: #1a536c; font-size: 12px; text-decoration: none; }
/* USP BLOK */
div.uspblok { position: relative; width: 212px; height: 196px; margin-left: 5px; border-top: 3px solid #1a536c; border-bottom: 1px solid #b4c7cf; background-color:#e8eef0; float: left; margin-top: 25px; }
div.uspblok .kop { height: 22px; position: absolute; top: 0px; left: 0px; width: 200px; padding: 0px 0px 0px 12px; line-height: 22px; color:#ffffff; background-color:#4e7c93; }
div.uspblok .usptxt { width: 182px; height: 180px; overflow: hidden; position: absolute; top: 30px; left: 6px; padding-left: 20px; color:#1a536c; font-size: 11px; line-height:18px; }
.usptxt ul { list-style-type: square; list-style-image: url(../images/check.png); list-style-position: inside; color: #1a536c; margin: 0; padding: 0; }
.usptxt ul li { color: #1a536c; font-size: 11px; line-height: 20px;list-style-position: outside; }
div.usptxtshop { width: 182px; margin-top: 30px; padding-top: 30px; margin-left: 10px; overflow: hidden; padding-left: 20px; color:#1a536c; font-size: 11px; line-height:18px; }
.usptxtshop ul { list-style-type: square; list-style-image: url(../images/check.png); list-style-position: inside; color: #1a536c; margin: 0; padding: 0; }
.usptxtshop ul li { color: #1a536c; font-size: 11px; line-height: 20px;list-style-position: outside; }
/* HOME TXT */
div.hometxt { position: relative; width: 300px; height: 199px; border-right: 1px solid #d1dde2; border-bottom: 1px solid #d1dde2; float: left; margin-top: 25px; }
div.hometxt .kop { height: 3px; position: absolute; top: 0px; left: 0px; width: 301px; background-color:#1a536c; }
div.hometxt .hometxtinh { width: 276px; height: 178px; overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 9px 12px 9px 12px; color:#1a536c; font-size: 11px; line-height:14px; }
.hometxtinh h1 { color:#ed8a09; font-size: 12px; padding: 0; margin: 0; }
/* FACEBOOK */
.fb-like-box { position: relative; width: 926px; height: 200px; margin-top: 25px; margin-left: 0px; }
/* REVIEW TXT */
div.reviewblok { position: relative; width: 300px; height: 199px; border-left: 1px solid #d1dde2; border-bottom: 1px solid #d1dde2; float: left; margin-top: 25px; margin-left: 5px; }
div.reviewblok .kop { height: 3px; position: absolute; top: 0px; left: 0px; width: 301px; background-color:#1a536c; }
div.reviewblok .revinh { width: 300px; height: 199px; overflow: hidden; position: absolute; top: 0px; left: 0px; padding: 0; color:#1a536c; font-size: 11px; line-height:14px; }
.revinh div.review { width: 276px; padding: 14px 12px 14px 12px; height: 171px; position: relative; }
div.review .reviewstars { width: 200px; height: 25px; font-weight: bold; }
.reviewstart img { position: absolute; top: 2px; }
/* TAG CLOUD */
div.tagcloud { width: 313px; height: 200px; background-image: url(../images/tag_bg.gif); background-repeat: no-repeat; float: left; position: relative; margin-left: 6px; margin-top: 25px;}
div.tagcloud div { padding: 17px 20px 17px 20px; text-align: center; }
div.tagcloud div a.klein { font-size: 12px; color:#1a536c; text-decoration: none; line-height: 24px; }
div.tagcloud div a.normaal { font-size: 14px; font-weight:bold; color:#1a536c; text-decoration: none; line-height: 24px; }
div.tagcloud div a.medium { font-size: 18px; color:#1a536c; text-decoration: none;line-height: 24px; }
div.tagcloud div a.groot { font-size: 24px; color:#1a536c; text-decoration: none;line-height: 24px; }
div.tagcloud div a:hover { color:#093143; }
/* WEBSHOP */
div.shop_left { width: 212px; min-height: 240px; border-top: 3px solid #1a536c; border-right: 1px solid #b4c7cf; border-bottom: 1px solid #b4c7cf; background-color:#e5ebef; float: left; }
div.shop_left div.kopblok { color:#ffffff; text-transform: uppercase; padding-left: 12px; width: 201px; margin-bottom:24px; border-top: 3px solid #1a536c; margin-top: -3px; height: 22px; line-height: 22px; background-color:#4e7c93; font-size: 12px; }
div.shop_right { width: 712px; float: left; margin-left: 1px; border-top: 3px solid #1a536c; min-height: 240px; }
div.shop_right div.kopblok { width: 700px; height: 22px; line-height: 22px; background-color:#b4c7cf; padding-left: 12px; color: #1a536c; font-size: 12px; font-style: italic; }
div.shop_right div.kopblok strong { text-transform: uppercase; color:#1a536c; font-style: normal; }
div.shopsub { position: relative; width: 212px; padding: 0; margin: 0; padding-bottom: 25px; border: 0px solid red; }
ul.shopsubnav { width: 212px; border: 0px solid blue; list-style-type: none; margin: 0; padding: 0; }
ul.shopsubnav li { float: left; list-style-position: inside; padding: 0; margin: 0; cursor: pointer; width: 199px; min-height: 23px; border-bottom: 2px solid #ffffff; padding-left: 13px; }
ul.shopsubnav li a, ul.shopsubnav li a:hover { padding: 0; margin: 0; color: #1a536c; font-size: 12px; line-height: 23px; text-decoration: none; }
ul.shopsubnav li:hover, ul.shopsubnav li.over { background-color:#c0d0d7; }
div.shopov_container { padding: 25px 0px 0px 11px; }
div.cattekst { color: #1a536c; font-size:11px; padding: 0; vertical-align:top; line-height: 18px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 1px solid #c6d4da; }
div.cattekst h1 { color: #ed8a09; font-size: 14px; }
div.shopov_blok { float: left; position: relative; margin-right: 25px; margin-bottom:25px; width: 215px; height: 323px; border: 1px solid #4e7c93; }
div.shopov_blok div.foto { position: absolute; bottom: 5px; left: 5px; width: 203px; height: 135px; border: 1px solid #b4c7cf; }
div.shopov_blok div.titel { height: 40px; line-height: 18px; top: 9px; left: 9px; position: absolute; width: 165px; }
div.shopov_blok div.titel strong { color: #ed8a09; font-size: 14px; }
div.shopov_blok div.prijs { height: 20px; line-height: 20px; top: 126px; left: 9px; position: absolute; width: 192px; color: #b4c7cf; font-size: 11px; font-style: italic; }
div.shopov_blok div.prijs strong { color: #ed8a09; font-size: 16px; font-style: normal; margin-right:5px; }
div.shopov_blok div.prijs span { color: #1a536c; font-size: 12px; font-style: normal; text-decoration: line-through; }
div.shopov_blok div.detailb { position:absolute; top: 157px; left: 5px; width: 65px; height: 19px; }
div.shopov_blok div.bestelb { position:absolute; top: 157px; left: 94px; width: 116px; height: 19px; }
div.shopov_blok div.kort { height: 55px; line-height: 16px; top: 50px; left: 9px; position: absolute; width: 196px; color: #1a536c; font-size: 11px; }
div.shopov_blok div.nieuwdrie { position: absolute; top: 1px; right: 1px; width: 40px; height: 40px; background-image: url(../images/nieuw.png); background-repeat: no-repeat; }
div.shopov_blok div.saledrie { position: absolute; top: 1px; right: 1px; width: 40px; height: 40px; background-image: url(../images/aanbieding.png); background-repeat: no-repeat; }
div.shopdetail_left { float: left; position: relative; width: 489px; min-height: 100px; color:#1a536c; font-size: 11px; }
div.shopdetail_left div.nieuwdrie { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-image: url(../images/nieuw.png); background-repeat: no-repeat; }
div.shopdetail_left div.saledrie { position: absolute; top: 0px; right: 0px; width: 40px; height: 40px; background-image: url(../images/aanbieding.png); background-repeat: no-repeat; }
div.shopdetail_right { float: left; position: relative; width: 199px; min-height: 100px; margin-left: 12px; color:#1a536c; font-size: 11px; }
div.shopdetail_right hr { width: 100%; height: 1px; border: 0px solid #c0d0d7; color:#c0d0d7; background-color:#c0d0d7; margin-top: 25px; margin-bottom: 10px;}
div.shopdetail_left ul { list-style-position: inside; }
div.shopdetail_left ul li { list-style-position: outside; }
div.shopdetail_left h1 { font-size: 14px; font-weight: bold; color:#ed8a09; margin: 0; padding: 0; }
div.shopdetail_left div.prijs { height: 20px; line-height: 20px; color: #b4c7cf; font-size: 11px; font-style: italic; }
div.shopdetail_left div.prijs strong { color: #ed8a09; font-size: 20px; font-style: normal; margin-right:5px; }
div.shopdetail_left div.prijs span { color: #1a536c; font-size: 12px; font-style: normal; text-decoration: line-through; }
img.border { border: 1px solid #b4c7cf; }
div.fotokleinbg { float: left; margin-right: 5px; margin-top: 5px; }
div.orderbalk { position: relative; width: 487px; height: 37px; background-color: #c0d0d7; border: 1px solid #4e7c93; }
div.orderbalk div.txt { position: absolute; padding: 0px 0px 0px 0px; top: 9px; left: 12px; width: 40px; color:#1a536c; font-weight: bold; height: 19px; line-height: 19px; }
div.orderbalk div.aantalblok { position: absolute; padding: 1px 0px 0px 2px; top: 9px; left: 53px; width: 33px; height: 18px; background-image: url(../images/aantal_bg.gif); background-repeat: no-repeat; }
div.aantalblok input { width: 28px; height: 15px; border: 0px; line-height: 14px; text-align: center; font-weight: bold; color: #295e76; }
div.orderbalk div.add { position: absolute; top: 9px; left: 327px; width: 151px; height: 19px; }
div.orderbalk div.prodopt { position: absolute; top: 9px; left: 137px; width: 151px; height: 19px; }
ul.subsubul { list-style: none; margin: 0; padding: 0; list-style:inside url("../images/arrow.jpg"); }
li.subsub { height: 22px; line-height:22px; font-weight: bold; color:#000; }
li.subsub:hover, li.subsub_over { height: 22px; line-height:22px;font-weight: bold; color:#004a99; }
li.subsub a { line-height:22px;font-weight: bold; color:#000; text-decoration: none; }
li.subsub a:hover,li.subsub:hover a, li.subsub_over a { line-height:22px;font-weight: bold; color:#004a99; text-decoration: none; }
div.inhoudc ul { list-style-position: inside; }
div.inhoudc ul li div { display: inline; }
div.merkscroller { width: 712px; height: 36px; overflow: hidden; }
div.merkscroller div { width: 712px; text-align: center; }
div.merkscroller div img { margin-top: 8px; margin-right: 30px; }
div.bottom { position: relative; margin: 0; width: 950px; background-color:#1a536c; background-image: url(../images/footer_bg.jpg); background-repeat: no-repeat; height: 100px; color:#ffffff; font-size: 10px; line-height: 25px; }
div.bottomtxt { position: absolute; top: 0px; left: 12px; height: 25px; color:#ffffff; font-size: 10px; line-height: 25px; width: 150px; }
div.bottomtxt2 { position: absolute; top: 0px; right: 12px; text-align: right; height: 25px; color:#ffffff; font-size: 10px; line-height: 25px; width: 150px; }
div.bottomtxt2 a { font-size: 10px; color:#ffffff; text-decoration: none; }
div.beneden1 { position: absolute; top: 16px; left: 24px; width: 203px; height: 75px; color: #ffffff; font-size: 12px; line-height: normal; }
div.beneden1 a { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden1 a:hover { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden2 { position: absolute; top: 16px; left: 237px; width: 203px; height: 75px; color: #ffffff; font-size: 12px; line-height: normal; }
div.beneden2 a { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden2 a:hover { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden3 { position: absolute; top: 16px; left: 437px; width: 203px; height: 75px; color: #ffffff; font-size: 12px; line-height: normal; }
div.beneden3 a { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden3 a:hover { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden4 { position: absolute; top: 16px; left: 637px; width: 203px; height: 75px; color: #ffffff; font-size: 12px; line-height: 14px; }
div.beneden5 { position: absolute; top: 16px; left: 786px; width: 203px; height: 75px; color: #ffffff; font-size: 12px; line-height: 14px; }
div.beneden5 a { color:#ffffff; font-size: 12px; line-height:14px; }
div.beneden5 a:hover { color:#ffffff; font-size: 12px; line-height:14px; }
div.copyright { position: absolute; top: 82px; right: 24px; width: 300px; height: 14px; color: #7a9dae; font-size: 10px; line-height: 14px; text-align: right; }
div.nieuwsblok { position: relative; float: left; padding: 13px; width: 249px; height: 124px; background-image: url(../images/nieuwsblok.jpg); background-repeat: no-repeat; margin-right: 12px; }
div.nieuwsblok span { color:#949494; font-size: 9px; font-weight: normal; }
div.nieuwsblok strong { font-size: 13px; color:#0d1e70; font-weight: bold; }
div.nieuwsblok div.txt { margin-top: 4px; color:#626262; font-size: 11px; line-height: 14px; }
div.nieuwsblok div.link { position: absolute; top: 132px; left: 211px; }
div.link a { color: #ff7709; font-size: 9px; text-decoration: none; }
div.nieuwsblok_full h1 { margin-bottom: 4px; }
div.nieuwsblok_full span { color:#949494; font-size: 9px; font-weight: normal; }
div.nieuwsblok_full strong { font-size: 13px; color:#0d1e70; font-weight: bold; }
div.nieuwsblok_full div.txt { margin-top: 4px; color:#626262; font-size: 11px; line-height: 18px; }
div.nieuwsblok_full div.link { float: right; }
div.mediablok { margin: 10px 0px; color: #626262; }
div.mediablok strong.kop { font-size: 13px; color:#0d1e70; font-weight: bold; }
div.tekstcontainer { padding: 25px 25px; color:#626262; font-size: 12px; line-height:20px; z-index: 300; }
div.tekstcontainer a { font-size: 12px; color: #0b9444; text-decoration: none; }
div.tekstcontainer a:hover { font-size: 12px; color: #0b9444; text-decoration: underline; }
hr { color:#cfcfcf; background-color:#cfcfcf; border: 0px solid #cfcfcf; height: 1px; }
/* ROUTE */
td.route_l { width: 50%; border-right: 1px solid }
td.route_r { width: 50%; }
div.routetxt { padding: 12px; color:#1a536e; }
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; height:30px; text-align:center; color:#f2ac3e; font-weight: bold; font-size:12; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none; }
.menu ul li { background-image: url(../images/split.gif); background-position: top left; background-repeat: no-repeat; text-align: center; cursor: pointer; float:left; position:relative; padding: 10px 12px 10px 14px; height: 30px; margin: 0px 0px; }
.menu ul li:hover {float:left; position:relative; padding: 10px 12px 10px 14px; height: 30px; }
.menu ul li.ov {float:left; position:relative; padding: 10px 12px 10px 14px; height: 30px; }
.menu ul li:hover a, .menu ul li.ov a { color:#ffffff; font-weight: bold; font-size: 11px; }
.menu ul li ul {display: none; width: 161px; border:0; margin-top: 0px; margin-left: -1px; padding: 0px 1px 0px 1px; background: none; }
.menu ul li ul li { display: block; text-align: left; width: 161px; line-height: 27px; padding: 0; margin: 0; height: 25px; background: none; background-image: url(../images/ddmenubg.gif); background-repeat: repeat-y; }
.menu ul li ul li:hover { text-align: left; height: 25px; margin: 0px; padding: 0px; width:161px;background: none; background-image: url(../images/ddmenubgov.gif); background-repeat: repeat-y; }
.menu ul li ul li a { margin-left: 18px; color:#626262; }
/* specific to non IE browsers */
/*.menu ul li:hover a {color:#fff; }*/
.menu ul li:hover ul { display:block; border: 0px solid red; position:absolute; top:32px; left:0; width:159px;}
.menu ul li:hover ul li a.hide { text-align: left; padding-left: 18px; line-height: 25px; color:#fff;}
.menu ul li:hover ul li:hover a.hide { text-align: left; padding-left: 18px; line-height: 25px; color:#fff;}
.menu ul li:hover ul li ul {display: none; padding: 0 0px 0px 0px; margin: 0;}
.menu ul li:hover ul li:hover a { text-align: left; line-height: 25px; display:block; color:#fff;}
.menu ul li:hover ul li a { text-align: left; line-height: 25px; display:block; color:#000000; font-size: 12px;}
.menu ul li:hover ul li a:hover { text-align: left; line-height: 25px; color:#004a99; font-size: 12px; }
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:161px; top:0px; width: 161px; margin-top: -8px; padding: 0px 0px 0px 0px; }
.menu ul li:hover ul li:hover ul.left {left:-159px;}
.menu ul li ul li ul li a, .menu ul li:hover ul li:hover ul li a { text-align: left; line-height: 25px; display:block; color:#626262;}
.menu ul li ul li ul li:hover a:hover, .menu ul li ul li ul:hover li:hover a { text-align: left; line-height: 25px; color:#fff;}
li.litop, li.litop:hover { display: block; background:none; width: 161px; height: 8px; background: none; background-image: url(../images/ddtop.gif); background-repeat: no-repeat; margin: 0; padding: 0; line-height: 8px; }
li.libottom, li.libottom:hover { display: block; background:none; width: 161px; height: 8px; background: none; background-image: url(../images/ddbottom.gif); background-repeat: no-repeat; margin: 0; padding: 0; line-height: 8px; }
div.footer a { color:#fff; text-decoration: none; }
div.footer a:hover { color:#fff; text-decoration: underline; }
div.footer_links { line-height: 40px; color:#fff; float: left;}
div.footer_rechts { line-height: 40px; color:#fff; float: right; width: 250px; text-align: right; }
div.clear { clear:both; }
/* SUB navigatie */
#subnav {
width: 200px;
padding: 0 0px;
list-style: none;
margin: 0px;
margin-top: 50px;
}
#subnav li,#subnav li a {
position: relative;
}
#subnav li.streepje { border-top: 1px solid #b7b7b7; height: 1px; }
#subnav li { margin: 0; background: none; padding: 0; }
#subnav li a {
display: block;
padding-left: 25px;
line-height: 25px;
background: url(../images/subnav.gif) 0 0 repeat-x;
color: #000;
text-decoration: none;
height: 25px;
font-size: 12px;
}
#subnav li a:hover, #subnav li a.actief { background: url(../images/subnav-ov.gif) 0 0 repeat-x; }
/* AFBEELDINGEN */
.contactFormCellLeft { width: 90px; height: 25px; }
.img_left_border{
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid #999999;
}
.img_left_noborder{
float:left;
margin-right:5px;
margin-bottom:5px;
}
.img_right_border{
float:right;
margin-left:10px;
margin-right:4px;
margin-bottom:5px;
border:1px solid #999999;
}
.img_right_noborder{
float:right;
margin-left:15px;
margin-bottom:10px;
margin-top: 00px;
}
.img_noalign_noborder{
}
.img_noalign_border{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto;
border:1px solid #999999;
}
/* FORMULIER */
.formulier {
width: 412px;
border: 0px;
}
.formulier .zichtbaar td {
padding: 4px;
font-size: 10px;
color: #767676;
}
.formulier .header td {
font-weight: bold;
padding: 4px;
vertical-align: top;
font-weight: bold;
background-color: #F0F0F0;
}
.formulier .veld td {
padding: 4px 0px;
min-height: 24px;
/*border-bottom: 1px solid #F0F0F0;*/
vertical-align: top;
}
td.naam { width: 140px; }
td.input { width: 252px; }
.formulier .naam label {
width: 160px;
line-height: 23px;
display: block;
}
.formulier .naam label span { margin-right: 4px; color: #f58807; }
.naamform { width: 140px; line-height: 23px; }
.veldform { width: 252px; line-height: 23px; }
.formulier .input textarea {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 246px;
height: 160px;
padding: 3px 3px;
font-family: Arial, Helvetica, sans-serif;
}
.formulier .input textarea:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input .inputveld {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 246px;
padding: 2px 3px;
}
.formulier .input .inputveld-postcode {
text-transform: uppercase;
}
.formulier .input .inputveld:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input select {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
min-width: 166px;
}
.formulier .input select.tijd {
min-width: 30px;
}
.formulier .input select:focus {
border: 2px solid #666666;
margin: 0px;
}
.formulier .input select option {
padding: 1px 5px;
}
.formulier .input, .formulier .knop {
width: 172px;
position: relative;
}
.formulier .input div.error-tekst {
font-size: 10px;
color: #E03131;
width: 200px;
margin-top: 4px;
min-height: 16px;
padding: 6px 4px 4px 24px;
background: #FFE5E5 url(../images/icoon-error.gif) no-repeat 4px 4px;
border: 1px solid #FF7373;
}
.formulier .input .error-tekst {
margin: 0px;
border: 2px solid #FF7373;
background-color: #FFF8F8;
}
.formulier .input .info-tekst {
position: absolute;
left: 260px;
top: 0px;
width: 159px;
font-size: 10px;
display: none;
z-index: 30;
color:#000;
}
.formulier .info-tekst .pijl {
float: left;
width: 6px;
height: 8px;
z-index: 10;
background-image: url(../images/formulier-bg-trans.png);
position: absolute;
left: 0px;
top: 6px;
font-size: 0px;
}
.formulier .info-tekst .inhoud {
margin-left: 5px;
float: left;
width: 124px;
min-height: 16px;
height: auto;
padding: 6px 4px 4px 24px;
background: #F2F2F2 url(../images/icoon-help.gif) no-repeat 4px 4px;
border: 1px solid #B9B9B9;
}
.formulier .info-opmerkingen {
color: #656565;
padding: 2px;
font-size: 10px;
}
.formulier img {
border: 1px solid #656565;
margin: 0px 1px 3px 1px;
}
/* ZOOM */
div.jqZoomTitle
{
z-index:5000;
text-align:center;
font-size:11px;
font-family:Tahoma;
height:16px;
padding-top:2px;
position:absolute;
top: 0px;
left: 0px;
width: 100%;
color: #FFF;
background: #999;
display: none;
}
.jqZoomPup
{
overflow:hidden;
background-color: #FFF;
-moz-opacity:0.6;
opacity: 0.6;
filter: alpha(opacity = 60);
z-index:10;
border-color:#c4c4c4;
border-style: solid;
cursor:crosshair;
}
.jqZoomPup img
{
border: 0px;
}
.preload{
-moz-opacity:0.8;
opacity: 0.8;
filter: alpha(opacity = 80);
color: #333;
font-size: 12px;
font-family: Tahoma;
text-decoration: none;
border: 1px solid #CCC;
background-color: white;
padding: 8px;
text-align:center;
background-image: url(../images/zoomloader.gif);
background-repeat: no-repeat;
background-position: 43px 30px;
width:90px;
* width:100px;
height:43px;
*height:55px;
z-index:10;
position:absolute;
top:3px;
left:3px;
}
.jqZoomWindow
{
border: 1px solid #999;
background-color: #FFF;
}