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-image: url(../images/body_bg.gif); background-color:#ffffff; background-repeat: repeat; }
td { vertical-align: top; text-align: left; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; margin: 0px; padding: 0px; line-height: 18px; }
td,div,span,strong { font-family: "Trebuchet MS"; }
.supercel { min-height:500px;
height:auto !important;
}
form { margin: 0px; padding: 0px; }
strong { color: #000000; font-family: "Trebuchet MS"; }
input { font-family: "Trebuchet MS"; font-size: 11px; }
select.productopties { font-family: "Trebuchet MS"; font-size: 11px; width: 438px; }
div.paypal { position: absolute; top: 11px; right: 25px; color: #acacac; }
div.winkelmand_container { width: 205px; position: relative; top: 0px; left: 0px; height: 150px; }
div.winkelwagenbutton { width: 126px; height: 25px; position: absolute; left: 79px; top: 94px; }
td.cart_links { width: 115px; color: #bfc1c2; font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; }
td.cart_rechts { width: 90px; color: #005197; font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; }
div.cart_aantal { width: 195px; height: 65px; position: absolute; top: 30px; left: 10px;}
/* 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: 410px; 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: 398px; 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: 100px; 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: #acc8d6; border: 1px solid #005291; margin-top: 23px; }
div.loginblok div.kopt { position: absolute; top: 12px; left: 12px; color: #005291; 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: #005291; font-weight: bold; }
div.emailblok input, div.wwblok input { width: 150px; height: 18px; border: 0px; color:#005291; 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: #005291; text-align: right; cursor: pointer; }
div.loginblok div.wwverg a { font-size: 10px; color: #005291; text-decoration: none; }
div.order_left strong.big { color: #bfc1c2; font-size: 14px; text-transform: uppercase; }
div.order_left div.afleveradres { margin-top: 24px; color: #acc8d6; }
div.order_left div.kortingblok { margin-top: 44px; color: #acc8d6; }
div.order_left div.factuuradres { margin-top: 44px; color: #005291; }
div.order_left div.betaalblok { margin-top: 44px; color: #005291; }
div.order_left div.opmerking { margin-top: 44px; color: #005291; }
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:#005291; font-style: italic; font-size: 11px; }
span.grijs { color: #b1c5c4; font-size: 11px; }
div.afleveradres td { color: #005291; }
div.factuuradres td { color: #005291; }
div.kortingblok td { color: #005291; }
td.order_left_data { width: 125px; height: 25px; line-height: 25px; font-size: 11px;}
td.order_left_data span { font-size: 10px; color: #bfc1c2; }
td.order_right_data { width: 300px; height: 25px; color: #005291; }
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:#bfc1c2; padding-top: 3px;}
td.order_right_data div input.txt { border: 0px; width: 280px; height: 16px; color:#005291; font-style: italic; font-size: 11px; }
td.order_right_data div input.regtxt { border: 0px; width: 280px; height: 16px; color:#005291; font-style: italic; font-size: 11px; }
td.order_right_data div input.acctxt { border: 0px; width: 280px; height: 16px; color:#005291; 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:#005291; 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;}
td.rest_links { height: 100%; width: auto; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; }
td.rest_rechts { height: 100%; width: auto; background-image: url(../images/gradient_bg.gif); background-repeat: repeat-x; }
td.site { width: 900px; height: 100%; background-color: #ffffff; }
td.shade_left { width: 100%; height: 100%; background-image: url(../images/shade_left.png); background-repeat: repeat-y; background-position: top right; }
td.shade_right { width: 100%; height: 100%; background-image: url(../images/shade_right.png); background-repeat: repeat-y; background-position: top left; }
input.zoekveld { width: 148px; height: 18px; border: 1px solid #003d6d; background-color: #cfd1d1; padding-left: 3px; line-height: 18px; }
div.banner_zon { width: 451px; height: 140px; position: relative; padding: 0;margin-top:18px; cursor: pointer; background-image: url(../images/banner_zonnepanelen.jpg); background-repeat:no-repeat; }
div.zon_txt { position: absolute; top: 8px; left: 145px; width: 155px; height: 123px; font-size: 12px; font-weight: bold; text-align: center; color:#005291; }
div.zon_txt a, div.zon_txt a:hover { font-style: italic; font-size: 10px; color:#005291; text-decoration: none; }
table.height100 { height: 100%; }
table.height150 { height: 150px; }
td.header { height: 150px; width: 900px; }
td.logo { width: 265px; }
td.topfoto { height: 150px; width: 430px; }
td.topright { height: 150px; width: 205px; }
td.topmenu { height: 38px; width: 900px; background-color: #005291; text-align: left; vertical-align: bottom; }
td.content { width: 900px; background-color: #ffffff; background-image: url(../images/content_gradient.jpg); background-repeat: repeat-x; background-position: top left; }
div.hoofdnav { padding: 0px 15px; color: #005291; font-family: 'Trebuchet MS'; font-size: 13px; font-weight: bold; background-image: url(../images/hoofdnav_bg.gif); background-repeat: repeat-x; height: 35px; float: left; line-height: 35px; }
div.hoofdnav_ov { padding: 0px 15px; color: #005291; font-family: 'Trebuchet MS'; font-size: 13px; font-weight: bold; background-image: url(../images/rollover_hoofdnav.gif); background-repeat: repeat-x; height: 35px; float: left; line-height: 35px; }
div.hoofdnav_seperator { background-image: url(../images/menu_seperator.gif); background-repeat: no-repeat; width: 2px; height: 35px; float: left; }
div.hoofdnav_start { background-image: url(../images/menu_start.gif); background-repeat: no-repeat; width: 3px; height: 35px; float: left; }
div.hoofdnav_stop { background-image: url(../images/menu_stop.gif); background-repeat: no-repeat; width: 3px; height: 35px; float: left; }
a.none { text-decoration: none; }
a.none:hover { text-decoration: none; }
td.bottom { height: 40px; text-align: left; background-image: url(../images/bottom_bg.gif); background-color: #000000; background-repeat: repeat-x; }
td.bottom span { color: #797a7a; }
div.bottomtxt { float: right; height: 30px; margin-top: 6px;vertical-align: middle; color: #005291; font-size: 9px; margin-right: 12px; text-align: right; line-height: 14px; }
div.bottomtxt span { color: #797a7a; }
div.bottomtxt span a,a:hover { color: #797a7a; text-decoration: none; }
td.leftcolumn { width: 200px; }
td.contentcolumn { width: 700px; }
td.centercolumn { 451px; }
td.rightcolumn { width: 249px; }
td.leftcolumn2 { width: 200px; }
td.contentcolumn2 { width: 700px; }
td.centercolumn2 { 900px; }
div.left_container { width: 176px; margin-left: 12px; }
div.left_kop { width: 163px; height: 25px; background-image: url(../images/kolomkop_klein.png); background-repeat: no-repeat; color: #005291; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS"; line-height: 25px; padding: 0px 0px 0px 13px; }
div.left_bottom { width: 176px; height: 8px; background-image: url(../images/kolombottom_klein.png); background-repeat: no-repeat; }
div.left_center { width: 158px; background-image: url(../images/kolommiddel_klein.png); background-repeat: repeat-y; padding: 7px 5px 0px 13px; color: #bfc1c2; }
div.left_center_shop { width: 174px; background-image: url(../images/kolommiddel_klein.png); background-repeat: repeat-y; padding: 2px 2px 0px 2px; color: #bfc1c2; }
div.left_center div { margin: 8px 13px 0px 13px; color: #000000; font-size: 11px;}
div.right_container { width: 226px; margin-left: 12px; }
div.right_kop { width: 200px; height: 25px; background-image: url(../images/kolomkop_middel.png); background-repeat: no-repeat; color: #005291; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS"; line-height: 25px; padding: 0px 13px; }
div.right_kop div { width: 200px; color: #005291; font-weight: bold; font-size: 12px; font-family: "Trebuchet MS"; }
div.right_bottom { width: 226px; height: 8px; background-image: url(../images/kolombottom_middel.png); background-repeat: no-repeat; }
div.right_center { width: 200px; background-image: url(../images/kolommiddel_middel.png); background-repeat: repeat-y; padding: 7px 13px 0px 13px; color: #bfc1c2; }
div.right_center_shop { width: 224px; background-image: url(../images/kolommiddel_middel.png); background-repeat: repeat-y; padding: 2px 2px 0px 2px; color: #bfc1c2; }
div.right_center_shop div { margin: 8px 13px 0px 13px; color: #000000; font-size: 11px; }
div.right_center_shop div strong { color: #005291; }
span.prijs_blauw { font-size: 12px; color: #005291; font-family: "Trebuchet MS"; }
div.prijs_blauw { font-size: 18px; color: #005291; font-family: "Trebuchet MS"; }
div.pslide { margin: 0; padding: 0; position: relative; width: 200px; height: 226px; border: 0px solid red;}
div.kruimelpad { height: 25px; line-height: 25px; color: #979797; font-size: 11px; padding-left: 12px; }
a.kruimelpad { color: #979797; font-size: 11px; line-height: 25px; text-decoration: none; }
a.kruimelpad:hover { color: #979797; font-size: 11px; line-height: 25px; text-decoration: underline; }
div.stap2_container { position: relative; top: 0px; left: 0px; width: 668px;}
td.stap2_links { width: 395px; }
td.stap2_rechts { width: 273px; }
td.stap2_kop { font-weight: bold;
padding: 4px;
vertical-align: top;
font-weight: bold;
background-color: #F0F0F0; }
td.stap2_body { font-weight: normal;
padding: 4px;
vertical-align: top;
font-weight: bold;
color: #999999; }
td.middenkop { vertical-align: middle; height: 25px; width: 451px; background-image: url(../images/kolomkop_groot.png); background-repeat: no-repeat; }
td.middencontent { width: 451px; background-image: url(../images/midden_bg.gif); background-repeat: repeat-y; }
td.middenbottom { height: 8px; width: 451px; background-image: url(../images/kolombottom_groot.png); background-repeat: no-repeat; }
td.middenkopgroot { vertical-align: middle; height: 25px; width: 688px; background-image: url(../images/kolomkop_xl.png); background-repeat: no-repeat; }
td.middencontentgroot { width: 688px; background-image: url(../images/midden_bg_xl.gif); background-repeat: repeat-y; }
td.middenbottomgroot { height: 9px; width: 688px; background-image: url(../images/kolombottom_xl.png); background-repeat: no-repeat; }
td.middenkopgroot2 { vertical-align: middle; height: 25px; width: 877px; background-image: url(../images/kolomkop_xxl.png); background-repeat: no-repeat; }
td.middencontentgroot2 { width: 877px; background-image: url(../images/midden_bg_xxl.gif); background-repeat: repeat-y; }
td.middenbottomgroot2 { height: 9px; width: 877px; background-image: url(../images/kolombottom_xxl.png); background-repeat: no-repeat; }
td.productoverzichtkop { height: 23px; line-height: 23px; width: 100%; background-image: url(../images/productoverzicht_kop.gif); background-repeat: repeat-x; text-align: center; color: #ffffff; font-weight: bold; text-transform: uppercase; }
td.productoverzichtfoto { height: 201px; width: 100%; text-align: center; vertical-align: middle;}
td.productoverzichtfoto2 { height: 140px; width: 100%; text-align: center; vertical-align: middle;}
td.productoverzichtkort { height: 33px; line-height: 12px; width: 100%; font-family: "Trebuchet MS"; font-size: 10px; font-weight: bold; color: #979797; }
td.productoverzichtkort div { height: 33px; line-height: 12px; 200px; margin: 0px 12px; font-family: "Trebuchet MS"; font-size: 10px; font-weight: bold; color: #979797; }
td.productoverzichtprijs { height: 28px; width: 100%; font-size: 12px; color: #005291; font-weight: bold; font-family: "Trebuchet MS";}
td.productoverzichtprijs div { height: 28px; width: 100%; margin: 0px 12px; font-size: 12px; color: #005291; font-weight: bold; font-family: "Trebuchet MS";}
td.productoverzichtprijs div span { font-size: 12px; color: #bfc1c2; font-weight: bold; font-family: "Trebuchet MS";}
td.productoverzichtprijs div a { font-size: 12px; color: #005291; font-weight: bold; font-family: "Trebuchet MS"; text-decoration: none; }
td.productoverzichtprijs div a:hover { font-size: 12px; color: #005291; font-weight: bold; font-family: "Trebuchet MS"; text-decoration: none; }
td.productdetailkop { height: 23px; line-height: 23px; width: 100%; background-image: url(../images/productoverzicht_kop.gif); background-repeat: repeat-x; text-align: left; color: #ffffff; font-weight: bold; text-transform: uppercase; }
td.productdetailtekst { width: 458; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; line-height: 18px; }
td.productdetailtekst div { width: 438px; margin: 10px; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; line-height: 18px; }
h1.wit { font-size: 12px; font-weight: bold; color: #ffffff; font-family: "Trebuchet MS"; line-height: 25px; margin: 0px; text-transform: uppercase; }
td.productdetailfoto { width: 222; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; line-height: 18px; }
td.productdetailicons { width: 222; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; line-height: 18px; }
div.contentcontainer { margin: 12px; }
/* LOGIN FORM */
input.login { width: 149px; height: 18px; border: 1px solid #cfd1d1; color: #b0b0b1; font-size: 11px; line-height: 18px; }
a.blauw11, a.kleinreg { color: #005291; font-size: 11px; text-decoration: none; font-family: "Trebuchet MS"; }
a.blauw11:hover, a.kleinreg:hover { color: #005291; font-size: 11px; text-decoration: underline; font-family: "Trebuchet MS"; }
span.blauw11 { cursor: pointer; color: #005291; font-size: 11px; text-decoration: none; font-family: "Trebuchet MS"; }
a.grijs10 { color: #b0b0b1; font-size: 10px; text-decoration: none; font-family: "Trebuchet MS"; }
a.grijs10:hover { color: #b0b0b1; font-size: 10px; text-decoration: underline; font-family: "Trebuchet MS"; }
div.hoofdgroep { width: 146px; padding-left: 26px; height: 22px; color: #005291; font-size: 12px; font-weight: normal; line-height: 22px; padding-left: 26px; text-decoration: none; background-image: url(../images/hoofdgroep_arrow); background-repeat: no-repeat; }
div.hoofdgroep_ov { width: 146px; padding-left: 26px; height: 22px; background-color: #7b98c1; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 22px; text-decoration: none; background-image: url(../images/hoofdgroep_arrow); background-repeat: no-repeat; }
div.hoofdgroep_hover { width: 146px; padding-left: 26px; height: 22px; background-color: #7b98c1; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 22px; text-decoration: none; background-image: url(../images/hoofdgroep_arrow); background-repeat: no-repeat; }
div.hoofdgroep_down { width: 146px; padding-left: 26px; height: 22px; background-color: #7b98c1; color: #ffffff; font-size: 12px; font-weight: normal; line-height: 22px; text-decoration: none; background-image: url(../images/hoofdgroep_down_arrow); background-repeat: no-repeat; }
div.subgroep { text-decoration: none; width: 132px; height: 22px; line-height: 22px; padding-left: 40px; background-image: url(../images/subgroep_arrow.png); background-repeat: no-repeat; color: #005291; font-size: 12px; font-weight: normal; }
div.subgroep_ov { text-decoration: none; width: 132px; height: 22px; line-height: 22px; padding-left: 40px; background-color: #7b98c1; background-image: url(../images/subgroep_arrow.png); background-repeat: no-repeat; color: #ffffff; font-size: 12px; font-weight: normal; }
div.subgroep_hover { text-decoration: none; width: 132px; height: 22px; line-height: 22px; padding-left: 40px; background-color: #7b98c1; background-image: url(../images/subgroep_arrow.png); background-repeat: no-repeat; color: #ffffff; font-size: 12px; font-weight: normal; }
div.subgroep_down { width: 132px; padding-left: 40px; height: 22px;background-color: #7b98c1; background-image: url(../images/subgroep_down_arrow.png); color: #ffffff; font-size: 12px; font-weight: normal; line-height: 22px; text-decoration: none; background-repeat: no-repeat; }
div.subsubgroep { text-decoration: none; width: 127px; height: 22px; line-height: 22px; padding-left: 45px; background-repeat: no-repeat; color: #005291; font-size: 11px; font-weight: normal; }
div.subsubgroep_hover { text-decoration: none; width: 127px; height: 22px; line-height: 22px; padding-left: 45px; background-color: #7b98c1; background-repeat: no-repeat; color: #ffffff; font-size: 11px; font-weight: normal; }
div.subsubgroep_ov { text-decoration: none; width: 127px; height: 22px; line-height: 22px; padding-left: 45px; background-color: #7b98c1; background-repeat: no-repeat; color: #ffffff; font-size: 11px; font-weight: normal; }
td.menu { width: 100%; height: 63px; background-image: url(../images/top_bg.gif); background-repeat: no-repeat; vertical-align: top; }
td.shopmemu { width: 206px; background-color: #ffffff; }
a.bottom { color: #005291; font-size: 9px; text-decoration: none; }
a.bottom:hover { color: #005291; font-size: 9px; text-decoration: underline; }
td.menubutton { cursor: pointer; width: 174px; height: 63px; line-height: 63px; font-size: 12px; text-align: center; margin: 0px; color: #ffffff; font-weight: bold; background-image: url(../images/button_bg.gif); background-repeat: repeat-x; }
td.menubutton_ov { cursor: pointer; width: 174px; height: 63px; line-height: 63px; font-size: 12px; text-align: center; margin: 0px; color: #c3c83a; font-weight: bold; background-image: url(../images/button_bg.gif); background-repeat: repeat-x; }
td.zoektabel { width: 240px; height: 63px; }
td.contentvlak_container { background-color: #f2f2f2; border-left: #dbdbdb; border-right: #dbdbdb; background-image: url(../images/contentvlak.gif); background-repeat: repeat-y; }
td.kop { height: 25px; width: 726px; font-size: 12px; background-image: url(../images/kop_bg.gif); background-repeat: repeat-x; line-height: 25px; color: #ffffff; }
div.adres { background-color: #e4e4e4; color: #666666; }
div.hoofdmenu{ position: absolute; top: 0px; right: 0px; height: 30px; line-height: 30px; text-align: right; }
div.winkelmandje { position: absolute; top: 31px; left: 840px; line-height: 22px; font-weight: bold; }
div.login { position: absolute; top: 31px; left: 678px; line-height: 22px; font-weight: bold; }
div.contentinhoud { margin: 12px; border: 1px solid #c3c83a; padding: 25px; background-color: #ffffff; }
div.shopoverzicht_kop { margin: 3px 3px 0px 3px; line-height: 23px; font-weight: bold; background-image: url(../images/shop_overzicht_kop.gif); background-repeat: no-repeat; width: 219px; height: 23px; color: #ffffff; text-align: center; }
td.shopoverzicht_foto { text-align: center; height: 111px; }
td.shopoverzicht_prijs { height: 20px; text-align: center; color: #006ab3; font-size: 14px; font-weight: bold; }
td.shopoverzicht_omschrijving { height: 42px; }
td.shopoverzicht_knoppen { height: 26px; }
td.statusveld { width: 203px; }
td.shopmenuheader { width: 200px; height: 25px; background-image: url(../images/shopmenu_top.gif); background-repeat: no-repeat; color: #ffffff; font-weight: bold; line-height: 25px; }
td.inlogkop { height: 25px; line-height: 25px; font-weight: bold; background-image: url(../images/kop_status.gif); background-repeat: no-repeat; color: #ffffff; }
td.inlogfields { background-color: #f2f2f2; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; }
td.inlogbutton { background-color: #f2f2f2; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; }
input.loginform_top { width: 176px; height: 19px; border: 1px solid #7f9db9; font-size: 10px; color: #a6a6a6; padding: 0px 3px 0px 3px; }
div.subsubgroep_wit { cursor: pointer; width: 189px; height: 22px; background-image: url(../images/subsubnav_bg.gif); background-repeat: no-repeat; background-color: #ffffff; color: #000000; text-decoration: none; }
div.subsubgroep_wit_hover { cursor: pointer; width: 189px; height: 22px; background-image: url(../images/subsubnav_bg.gif); background-repeat: no-repeat; background-color: #ededed; color: #000000; text-decoration: none; }
div.subsubgroep_wit_ov { cursor: pointer; width: 189px; height: 22px; background-image: url(../images/subsubnav_bg_ov.gif); background-repeat: no-repeat; background-color: #bfdaec; color: #000000; text-decoration: none; }
div.subsubgroep_grijs { cursor: pointer; width: 189px; height: 22px; background-image: url(../images/subsubnav_bg.gif); background-repeat: no-repeat; background-color: #f6f6f6; color: #000000; text-decoration: none; }
div.subsubgroep_grijs_hover { cursor: pointer; width: 189px; height: 22px; background-image: url(../images/subsubnav_bg.gif); background-repeat: no-repeat; background-color: #ededed; color: #000000; text-decoration: none; }
div.subsubgroep_grijs_ov { cursor: pointer; width: 189px; height: 22px; background-image: url(../images/subsubnav_bg_ov.gif); background-repeat: no-repeat; background-color: #bfdaec; color: #000000; text-decoration: none; }
div.container{ border: 1px solid #c3c83a; padding: 25px; background-color: #ffffff; width: 700px; margin: 12px; margin-top: 5px; }
td.productzoom_kop { width: 422px; height: 23px; background-image: url(../images/productzoom_kop.gif); background-repeat: no-repeat; color: #ffffff; font-weight: bold; }
td.productzoom_txt { width: 422px; height: 133px; }
td.productzoom_prijs { height: 25px; width: 422px; color: #006ab3; font-size: 14px; }
td.productzoom_bar { height: 25px; width: 422px; }
div.productzoom_bar_bg { height: 25px; width: 424px; background-image: url(../images/productzoom_barbg.gif); background-repeat: no-repeat; }
td.productzoom_kop_klein { width: 250px; height: 23px; background-image: url(../images/productzoom_kop_klein.gif); background-repeat: no-repeat; color: #ffffff; font-weight: bold; }
td.productzoom_thumbs { width: 250px; height: 60px; }
td.productzoom_grotefoto { width: 250px; height: 123px; }
strong.black { color: #000000; }
strong.gray { color: #666666; }
td.weekknaller { background-color: #000000; color: #fff200; }
span.stap { color: #000000; font-size: 12px; font-weight: bold; margin-top: 10px; margin-left: 5px;}
a.nummering { color: #005291; font-family: "Trebuchet MS"; font-size: 11px; text-decoration: none; line-height: 25px; }
a.nummering:hover { color: #005291; font-family: "Trebuchet MS"; font-size: 11px; text-decoration: none; line-height: 25px; }
a.nummering_ov { color: #005291; font-family: "Trebuchet MS"; font-size: 11px; text-decoration: none; line-height: 25px; }
a.nummering_ov:hover { color: #005291; font-family: "Trebuchet MS"; font-size: 11px; text-decoration: none; line-height: 25px; }
a { font-weight: normal; color: #000000; text-decoration: underline; }
a:hover { font-weight: normal; color: #000000; text-decoration: underline; }
a.zwart { font-weight: normal; color: #000000; text-decoration: underline; }
a.zwart:hover { font-weight: normal; color: #000000; text-decoration: underline; }
a.hoofdmenu { color: #000000; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.hoofdmenu:hover { color: #6f6902; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.hoofdmenu_ov { color: #6f6902; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.hoofdmenu_ov:hover { color: #6f6902; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.shopnav { color: #000000; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.shopnav:hover { color: #6f6902; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.shopnav_ov { color: #6f6902; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.shopnav_ov:hover { color: #6f6902; text-decoration: none; font-size: 11px; font-family: "Trebuchet MS"; }
a.wit { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; }
a.wit:hover { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline; }
a.witlight { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }
a.witlight:hover { font-size: 11px; font-weight: normal; color: #ffffff; text-decoration: none; }
a.splash { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; line-height: 18px;}
a.splash:hover { font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: underline; line-height: 18px;}
.zoek { width: 115px; height: 20px; border:0px; background-color: transparent; color: #000000; font-size: 10px; padding-left: 17px; line-height: 18px; padding-top: 0px; padding-bottom: 0px; }
.zoektabel { width: 115px; height: 20px; background-image: url(../images/zoeken_bg.gif); background-repeat: no-repeat; vertical-align: top; }
.zoekbutton { width: 54px; height: 20px; vertical-align: top; }
hr { color: #bfc1c2; background-color: #bfc1c2; border: 0; height: 1px; width: 100%; }
hr.grijs { color: #bdbdbd; border: 1px solid #bdbdbd; height: 0px; width: 100%; }
hr.paars { color: #cebbdc; border: 1px solid #cebbdc; height: 0px; width: 100%; }
a.terug,a.terug:hover { line-height: 25px; font-size: 11px; font-weight: bold; color: #005291; font-family: "Trebuchet MS"; line-height: 18px; margin: 0px; text-decoration: none; }
h1 { font-size: 12px; font-weight: bold; color: #005291; font-family: "Trebuchet MS"; line-height: 18px; margin: 0px; text-transform: uppercase; }
h2 { font-size: 11px; font-weight: bold; color: #005291; font-family: "Trebuchet MS"; line-height: 16px; margin: 0px; text-transform: uppercase; }
h3 { font-size: 12px; font-weight: bold; color: #000000; line-height: 16px; margin: 0px; }
strong.prijs { font-family: "Trebuchet MS"; font-size: 40px; font-weight: bold; color: #000000; line-height: 50px;}
span.categorietitel { font-size: 16px; font-weight: bold; margin: 10px 0px 0px 10px; }
td.productoverzicht_foto { width: 396px; height: 188px; text-align: left; }
td.productoverzicht_tekst { font-family: "Trebuchet MS"; }
div.categorie_veld { position: absolute; top: 130px; left: 0px; width: 224px; height: 50px; background-color: #fff200; z-index: 20; filter:alpha(opacity=78);-moz-opacity:.78;opacity:.78; }
div.categorie_tekst { position: absolute; top: 138px; left: 0px; width: 224px; height: 42px; z-index: 30; }
div.categorie_veld_ov { position: absolute; top: 130px; left: 0px; width: 224px; height: 50px; background-color: #000000; z-index: 20; filter:alpha(opacity=78);-moz-opacity:.78;opacity:.78; }
div.categorie_tekst_ov { position: absolute; top: 138px; left: 0px; width: 224px; height: 42px; z-index: 30; color: #fff200; }
div.categorie_tekst_ov strong { color: #fff200; }
.productoverzicht_data { padding-top: 8px; font-size: 11px; font-weight: normal; }
.productoverzicht_data strong { color: #000000; }
.productoverzicht_data_ov { padding-top: 8px; color: #666666; font-size: 11px; font-weight:normal; }
.productoverzicht_data_ov strong { color: #666666; }
.zoomvergroot { background-image: url(../images/vergroot.gif); background-repeat: no-repeat; background-position: top right; }
.stippen_links { background-image: url(../images/stippen.gif); background-repeat: repeat-y; background-position: top left; }
.zoom_details_right { background-image: url(../images/zoom_details_right.gif); background-repeat: no-repeat; background-position: top left; }
.zoomthumbs { background-image: url(../images/zoom_details_left.gif); background-repeat: repeat-x; background-position: top right; }
.zoomprijs { padding-top: 4px; padding-bottom: 4px; background-color: #f7941d;width: 143px; height: 36px; color: #000000; font-weight: bold; background-image: url(../images/prijs_bg.gif); background-repeat: no-repeat; background-position: top; vertical-align: middle; padding-left: 14px; font-size: 14px; }
.zoomverzend { padding-top: 4px; padding-bottom: 4px; background-color: #cf7c18;width: 143px; height: 36px; color: #000000; font-weight: normal; vertical-align: middle; padding-left: 14px; }
.zoomaantal { width: 143px; height: 37px; color: #000000; font-weight: bold; background-image: url(../images/aantal_bg.gif); background-repeat: no-repeat; background-position: top; vertical-align:middle; padding-left: 14px; }
.blauwerand { border: 1px solid #bfc1c2; }
.bold666666 { font-weight: bold; color: #666666; }
input.wit { border: 0px; background-color: #ffffff; font-family: "Trebuchet MS"; font-size: 11px; color: #000000; padding-left: 5px; height: 20px; line-height: 17px; width: 62px; }
input.aantalinput { width: 20px; height: 20px; text-align: center; vertical-align: middle; border: 1px solid #999999; padding-left: 6px; color: #666666; }
input.productaantal { width: 95px; height: 20px; text-align: left; vertical-align: middle; background-color: transparent; border: 0px; font-size: 10px; font-weight: bold; color:#3d3d3d; padding-top: 1px; }
div.prodaantal { width: 102px; height: 20px; background-image: url(../images/aantal_bg.gif); background-repeat: no-repeat; padding-left: 4px; }
.winkelwagen_akkoord { background-color: #9c9c9c; height: 30px; color: #ffffff; font-weight: bold; vertical-align: middle; background-repeat: no-repeat; text-align: right; }
.bestelkop { background-image: url(../images/bestelproces_kop.jpg); height: 30px; width: 747px; color: #ffffff; font-weight: bold; vertical-align: middle; background-repeat: no-repeat; text-align: left; }
.keuzebestel { background-color: #4c4c4c; color: #ffffff; font-weight: bold; vertical-align: middle; padding-left: 12px; height: 33px; }
.keuzebestel_grijs { background-color: #e5e5e5; color: #000000; height: 33px; font-weight: bold; padding-left: 12px; vertical-align: middle; }
.keuzebestel_grijs a { font-weight: bold; color: #707070; text-decoration: none; }
.keuzebestel_grijs a:hover { font-weight: bold; color: #707070; text-decoration: underline; }
.keuzebestel_wit { background-color: #ffffff; color: #000000; padding-left: 12px; }
.persform_data { width: 110px; height: 26px; }
.persform_date strong{ color: #662d91; }
input.persform { width: 223px; height: 21px; font-size: 11px; padding-left: 4px; border: 1px solid #a3a3a3;}
textarea.bestelling { width: 360px; height: 424px; font-family: "Trebuchet MS"; font-size: 11px; padding: 4px; border: 1px solid #a3a3a3; overflow: auto;}
.bestelinfo { background-color: 6b6b6b; padding: 10px; color: #ffffff; }
div.stippenlijn { height: 1px; background-image: url(../images/stippen_hor.gif); background-repeat: repeat-x; }
div.rozelijn { height: 1px; background-image: url(../images/roze.gif); background-repeat: repeat-x;}
.kop { height: 30px; width: 744px; color: #ffffff; font-weight: bold; vertical-align: middle; background-repeat: no-repeat; text-align: left; }
.grijspadding { width: 744px; background-color:#e5e5e5; padding: 16px; }
.zoombottom { width: 744px; height: 12px; background-image: url(../images/kopjes/zoom_bottom.gif); background-position: bottom; background-repeat: no-repeat; background-color:#e5e5e5; }
.aanverwant { width: 358px; height: 94px; background-color: #ffffff; text-align: center; }
.aanverwant_button { height: 19px; background-color:#aeaeae; color: #000000; vertical-align: middle; padding-left: 8px; background-image: url(../images/zoombutton_bg.gif); background-position: top right; background-repeat: no-repeat; padding-right: 15px; }
.aanverwant_button_ov { height: 19px; background-color:#606060; color: #ffffff; vertical-align: middle; padding-left: 8px; background-image: url(../images/zoombutton_ov_bg.gif); background-position: top right; background-repeat: no-repeat; padding-right: 15px; }
.faqtekst { background-color: #7b7b7b; color: #f0f0f0; padding: 10px 18px 10px 18px; background-image: url(../images/faqtekst_bg.gif); background-position: bottom; background-repeat: no-repeat; }
.ksoranje { vertical-align: middle; background-color: #f7941d; color: #ffffff; padding-left: 20px; padding-right: 20px; background-image: url(../images/ksoranje.gif); background-repeat: no-repeat; font-weight: bold; height: 27px; }
.faqoranje { vertical-align: middle; background-color: #f7941d; color: #ffffff; padding-left: 20px; padding-right: 20px; background-image: url(../images/faqoranje.gif); background-repeat: no-repeat; font-weight: bold; height: 27px; }
.faqgrijs { vertical-align: middle; padding-left: 20px; color: #000000; padding-left: 20px; padding-right: 20px; background-image: url(../images/faqgrijs_bg.jpg); background-repeat: no-repeat; font-weight: bold; height: 27px; }
.faqtitel { vertical-align: middle; padding-left: 20px; color: #000000; padding-left: 20px; padding-right: 20px; font-weight: bold; height: 27px; }
.product_home { width: 168px; height: 210px; background-color: #ffffff; position: relative; z-index: 10; vertical-align: top; }
.product_home_ov { width: 168px; height: 210px; background-color: #e7e7e7; position: relative; z-index: 10; vertical-align: top; }
.product_home_img { width: 168px; height: 168px; position: absolute; top: 42px; z-index: 20; }
/* INPUT */
input.mailfriend { width: 300px; height: 20px; color: #000000; font-family: "Trebuchet MS"; font-size: 11px; padding-left: 4px; padding-top: 3px; border: 0px; }
textarea.mailfriend { width: 300px; height: 100px; color: #000000; font-family: "Trebuchet MS"; font-size: 11px; padding: 4px; border: 0px; }
input.contactform { border: 1px solid #a3a3a3; width: 223px; height: 21px; color: #000000; font-family: "Trebuchet MS"; font-size: 11px; padding-left: 4px; padding-top: 3px; }
select.contactform { border: 1px solid #a3a3a3; width: 223px; height: 21px; color: #000000; font-family: "Trebuchet MS"; font-size: 11px; padding-left: 4px; padding-top: 3px; }
textarea.contactform { border: 1px solid #a3a3a3; width: 335px; height: 140px; color: #000000; font-family: "Trebuchet MS"; font-size: 11px; padding: 4px; }
form.zoekform { margin: 0px; padding: 0px; }
input.zoekform { padding-left: 4px; width: 200px; height: 17px; line-height: 13px; border: 1px solid #7f9db9; font-size: 10px; color: #8a8a8a; }
select.zoekform { font-family: "Trebuchet MS"; padding-left: 4px; width: 200px; height: 17px; border: 1px solid #7f9db9; font-size: 10px; color: #8a8a8a; }
/* LINKS */
.teruglink { font-weight: bold; color: #000000; text-decoration: none; }
.teruglink:hover{ font-weight: bold; color: #000000; text-decoration: none; }
.witbold { font-weight: bold; color: #ffffff; text-decoration: none; }
.witbold:hover { font-weight: bold; color: #ffffff; text-decoration: underline; }
a.paarsbold { font-weight: bold; color: #46116e; text-decoration: none; }
a.paarsbold:hover { font-weight: bold; color: #46116e; text-decoration: underline; }
a.paars { font-weight: normal; color: #46116e; text-decoration: none; }
a.paars:hover { font-weight: normal; color: #46116e; text-decoration: underline; }
/* AFBEELDINGEN */
.contactFormCellLeft { width: 90px; height: 25px; }
.img_left_border{
float:left;
margin-right:5px;
margin-bottom:5px;
border:1px solid #222222;
}
.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 #222222;
}
.img_right_noborder{
float:right;
margin-right:4px;
margin-left:15px;
margin-bottom:15px;
}
.img_noalign_noborder{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto
}
.img_noalign_border{
margin:5px;
display: block;
margin-left: auto;
margin-right: auto;
border:1px solid #222222;
}
/* FORMULIER */
.formulier {
width: 250px;
border: 0;
}
.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;
}
.formulier .naam label {
width: 200px;
line-height: 23px;
display: block;
}
.naamform { width: 200px; line-height: 23px; }
.veldform { width: 288px; line-height: 23px; }
.formulier .input textarea {
border: 1px solid #A8A8A8;
margin: 1px;
font-size: 11px;
width: 288px;
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: 160px;
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: 172px;
top: 0px;
width: 159px;
font-size: 10px;
display: none;
z-index: 30;
}
.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;
}