@import url("reset.css");
.clear{clear:both;}
html { height:100%; font-size:0.6875em; }
body { position:relative; background-color:#fff; font:100.1% Tahoma, Arial, Helvetica, sans-serif;  min-height:100%; height:auto !important; height:100%; color:#050200 }

#header { width:964px; overflow:hidden; position:relative; z-index:4; }

#nav  { background: #91938e url("../images/menubackgr.jpg") no-repeat; white-space: nowrap; height: 45px; }
#nav li { float:left; height:45px; list-style-type:none; }
#nav li.first {padding-left:18px;}
#nav li.menuhome a {width:42px;}
#nav li.menuoverons a {width:79px;}
#nav li.menucollectie a {width:83px;}
#nav li.menucontact a {width:69px;}
#nav li.menuspecialeservices a {width:163px;}
#nav li.menuaanbiedingen a {width:120px;}
#nav li.menuwebwinkel a {width:97px;}
#nav li.menuhome a, #nav li.menuoverons a, #nav li.menucollectie a, #nav li.menucontact a, #nav li.menuspecialeservices a,#nav li.menuaanbiedingen a,#nav li.menuwebwinkel a { line-height:45px; height:45px;display:block;text-indent:-999px;padding:0px 15px;}
#nav li .active, #nav li.menuhome a:hover, #nav li.menuoverons a:hover, #nav li.menucollectie a:hover, #nav li.menucontact a:hover, #nav li.menuspecialeservices a:hover,#nav li.menuaanbiedingen a:hover,#nav li.menuwebwinkel a:hover {background-color:#9a1d1d !important;}

#nav li.menuhome a {background: url(../images/menu-home.png) no-repeat 50% 50%;}
#nav li.menuoverons a {background: url(../images/menu-overons.png) no-repeat 50% 50%;}
#nav li.menucollectie a {background: url(../images/menu-collectie.png) no-repeat 50% 50%;}
#nav li.menucontact a {background: url(../images/menu-contact.png) no-repeat 50% 50%;}
#nav li.menuspecialeservices a {background: url(../images/menu-specservices.png) no-repeat 50% 50%;}
#nav li.menuaanbiedingen a {background: url(../images/menu-aanbiedingen.png) no-repeat 50% 50%;}
#nav li.menuwebwinkel a {background: url(../images/menu-webwinkel.png) no-repeat 50% 50%;}

#nav li.menuhome a:hover, #nav li.menuhome .active {background: url(../images/menu-home-a.png) no-repeat 50% 50%;}
#nav li.menuoverons a:hover, #nav li.menuoverons .active {background: url(../images/menu-overons-a.png) no-repeat 50% 50%;}
#nav li.menucollectie a:hover, #nav li.menucollectie .active {background: url(../images/menu-collectie-a.png) no-repeat 50% 50%;}
#nav li.menucontact a:hover, #nav li.menucontact .active {background: url(../images/menu-contact-a.png) no-repeat 50% 50%;}
#nav li.menuspecialeservices a:hover, #nav li.menuspecialeservices .active {background: url(../images/menu-specservices-a.png) no-repeat 50% 50%;}
#nav li.menuaanbiedingen a:hover, #nav li.menuaanbiedingen .active {background: url(../images/menu-aanbiedingen-a.png) no-repeat 50% 50%;}
#nav li.menuwebwinkel a:hover, #nav li.menuwebwinkel .active {background: url(../images/menu-webwinkel-a.png) no-repeat 50% 50%;}

strong { font-weight:bold}

input.button {color:#fff;background:#515a59; padding:.2em .5em; border:1px solid #c9c9c9; font-size:1em }

#header .profile { width:188px; color:#515a59; margin:12px 0 0 15px }
#header .profile input { margin-top:.2em}
#header .profile .uitloggen{ width:54px }
#header .profile .myacc { width:72px }
.h-subpage { height:175px }
.headermsg {margin-top:39px; left:35px; position:relative; display:block}
h1 { margin-top:35px; position:relative; z-index:2; display:inline;  font-size:1.4em; color:#9b0000;font-weight:bolder; }
.h-subpage h1 { position:absolute; left:0; bottom:0; }
h1 a { color:#fff}
h1 img {display:block; float:left}
.flasheader { position:absolute; z-index:1; right:4px; top:45px; overflow:hidden }

#page .content .pinf  { color: #db8b8b; background: #9a1d1d url("../images/aanbiedingentopimg.jpg") no-repeat; margin-top: 4px; padding: 0 28px 0 446px; height: 138px }
#page .content .pinf dt { font-size:1.05em; color:#fff; padding-top:28px }
#page .content .pinf dd { margin:.46em 0}
#page .content .pinf .price { font-size:1.2727em; font-weight:bold; color:#fff }

#page { position:relative; z-index:2; padding-bottom:50px; min-height:400px; height:auto !important; height:400px }
#page .text a { color:#fff; }
#page .side a {color:#fff;}
#page .side ul { margin:25px 0 0 35px }
#page .side .images li { padding:0 0 5px; }
.subpage #page .side .images { margin-left:22px }
#page .side li.subpagename { background:#a90000; color:#fff; margin-top:5px; padding:5px 15px; font-weight:bold;margin-right:22px }

#page .side .shopmenu { margin:15px 0 0 22px; width:179px }
#page .side .shopmenu li {  padding:0; font-weight:bold; margin-bottom:5px; font-size:1.05em; background-position:0 0; background-repeat:no-repeat; background-color:#a9a9a9;color:#515a59;}
#page .side .shopmenu li a { color:#515a59;height:25px; line-height:24px; display:block;  margin-left:25px;padding-left:10px; }
#page .side .shopmenu li.winkelwagen  { background-image: url("../images/ic-winkelwagen.png") }
#page .side .shopmenu li.zoeken  { background-image: url("../images/ic-zoeken.png") }
#page .side .shopmenu a:hover { background-color:#9a1d1d;color:#fff; }
#page .side .shopmenu li.bestellen  { background-image: url("../images/ic-zoeken-03.png") }

#page .side .images .menubestek, #page .side .images .menukoksmessen, #page .side .images .menukinderartikelen, #page .side .images .menucadeauartikelen {display:block;width:179px; height:68px;text-indent:-999px}
#page .side .images .menubestek {background: url(../images/s-menubestek.jpg)}
#page .side .images .menukoksmessen {background: url(../images/s-menukoksmessen.jpg)}
#page .side .images .menukinderartikelen {background: url(../images/s-menukinderartikelen.jpg)}
#page .side .images .menucadeauartikelen {background: url(../images/s-menucadeauartikelen.jpg)}
#page .side .images .menubestek:hover, #page .side .images .active .menubestek {background: url(../images/s-menubestek-a.jpg)}
#page .side .images .menukoksmessen:hover, #page .side .images .active .menukoksmessen {background: url(../images/s-menukoksmessen-a.jpg)}
#page .side .images .menukinderartikelen:hover, #page .side .images .active .menukinderartikelen {background: url(../images/s-menukinderartikelen-a.jpg)}
#page .side .images .menucadeauartikelen:hover, #page .side .images .active .menucadeauartikelen {background: url(../images/s-menucadeauartikelen-a.jpg)}

#page .shopline { background:#eaeaea; padding:4px 12px 4px 38px; color:#515a59; height:21px;}
#page .shopline strong { font-size:1.05em; padding-right:2em }
#page .shopline .superzoeken { float:right;line-height:21px;}
.shopline_more {
background:#eaeaea; padding:4px 12px 4px 38px; color:#515a59;
}

#page .shopline form { float:left }
#page .shopline select { width:98px; height:18px}
#page .shopline .superzoeken a { color:#a9a9a9 ; font-size:1.1em; text-decoration:none !important;}
#page .shopline .superzoeken a:hover {color:#666 !important;text-decoration:underline !important;}

.kruimelpad {margin:15px 0px 0px 38px;display:block;}
.kruimelpad a:hover {color:#666 !important}

.error {color:red; font-size: 11px;}

.content .comp { float:right;padding-left:20px;}
.content .tp { color:#c7c7c7 }
.content .tp span {color:#050200 }
.prodscreen { float:right ; margin:0 0 30px 10px; display:block }
#page .content .productinfo { width:495px; padding-right:0; color:#050200 ;position:relative;}
#page .content .productinfo p { width:auto }
.prodbuy img { border:1px solid #979797; }
.prodbuy { position:relative; min-height:100px; height:auto !important; height:100%; color:#515a59;margin-bottom:46px; }
.prodbuy form { position:absolute; bottom:0; left:192px; top:0; }
.prodbuy form input, .buyitems input {width:30px;margin-right:10px;}

.bestelden { width:156px; position:absolute; top:0px;left:555px; padding-top:94px; margin-bottom:-9px; text-align:center; }
.bestelden img { border:1px solid #979797; display:block }
.bestelden ul { overflow:hidden; position:relative; width:137px }
.bestelden li { padding:5px 0 9px; border-top:4px solid #a40000; margin-top:-4px }

.text ul li  { background: url("../images/textli.gif") no-repeat 0 0.5em; padding-left: 11px }
.text2 ul li  { background: url("../images/textli.gif") no-repeat 0 0.5em; padding-left: 11px }

table.buyitems { width:100%; color:#515a59; }
table.buyitems tr.top, table.typeitems tr.top { font-weight:bold }
table.buyitems tr.top td { border:0; padding-bottom:.2em }
table.buyitems tr.tot td { font-weight:bold; padding-top:.5em; padding-bottom:.5em }
table.buyitems td { padding-left:18px;padding-right:18px; border-top:1px solid #dcdcdc; padding-bottom:18px; padding-top:20px; }
table.buyitems td.name { padding-top:12px }
table.buyitems input { margin:0; padding-left:3px }
table.buyitems input.button { width:auto; padding:.1em .2em; border:1px solid #c9c9c9; font-weight:normal; font-size:1em; margin-top:-.2em }
table.buyitems .s td { background:#eeeeee }
table.buyitems .price { font-weight:bold;width:100px;}
.afleveren tr td{padding-bottom:20px;}

table.typeitems { width:auto; color:#515a59; }
table.typeitems td { padding-left:38px; width:137px }
#page .content table.typeitems a { display:block; border:1px solid #515a59; background:#515a59; color:#fff; text-decoration:none; color:#fff; padding-bottom:.2em; margin-top:20px; margin-bottom:14px }
#page .content table.typeitems a span { display:block; padding:.2em .5em 0}

#page .content .logos {text-align:center;margin-left:50px;}
#page .content .logos li {float:left;background:none;}
#page .content .logos img { margin-right:16px; margin-top:16px;}
#page .side { float:left; width:238px;}
#page .side p {line-height:24px;padding:23px 32px 0px 35px;}
#page .content {width:718px; margin-left:242px; border-top:10px solid #515a59;position:relative}
#page .rcol  { background: url("../images/rcolback.png") repeat-x; margin: 5px 0px 0 0; padding: 26px; width: 190px; min-height: 540px; float: right }
#page .rcol p { width:190px; background:#9a1d1d; margin:7px 0 9px -26px; padding:12px 26px; color:#fff}
#page .rcol p span { color:#db8b8b}
#page .text { padding:34px 30px 0px 38px; color:#515a59;}
#page .text2 { padding:34px 30px 0px 38px; color:#fff;}
#page .overons .text {width:370px;}
#page .text p { width:auto; padding-bottom:1em; line-height:16px;}
#page .text2 p { width:auto; padding-bottom:1em; line-height:16px;}
#page .topheadimage { margin-top:4px; margin-bottom:-12px}
#page h2 { font-size:1.1em; font-weight:bold; color:#9a1d1d; padding-bottom:1em }
#page h3 { color:#eeeded; background:#515a59; font-size:1.1em; font-weight:bold; padding:6px 15px; margin-bottom:.6em}
#page h3 span { font-weight:normal}
#page h4 { font-size:10px; font-style: italic }
p.bigimage { padding:2em 0 2em 4em }
.subpage #page .content a { color:#980101; text-decoration:underline }
#page .content .first { border:none !important }
.content .accountgegevens input { width:100px }
.content .accountgegevens input.small { width:40px }
.content .accountgegevens .p50buttons input{ width:120px }
form.width50 { width:40%; white-space:nowrap }
form.width50 table { width:120%}
form td { padding:0 14px .3em 0 }
.content form .vanaf, .content form .tm { width:46px }
.content .nofield input, .content .contactformulier .nofield input { width:auto; border:0; padding:0; margin:.1em .4em .5em; vertical-align:middle}
.content .nofield input { margin:0 .2em .1em 0; vertical-align:middle}
.content input, .content select, .content textarea { border:1px solid #aba8a6; margin:.0 .2em; overflow:auto }
.content .contactformulier input, .content .contactformulier select, .content .contactformulier textarea { border:1px solid #aba8a6; margin:.1em 0; width:99% }
td input, td textarea { width:96%; padding:2px 0 }
td select { width:98%; }
td select.normal { width:auto }
td input.small { width:48% }
.content .button { font-weight:bold; border:0; font-size:.9em; }
.content a.button {color:#fff !important; background-color:#515a59; padding:5px 10px 5px 10px; text-decoration:none !important;}
.content a.button:hover {background-color:#333 !important}
span.descr { font-size:.8em; color:#9a1d1d;}
td input + span.descr { padding-left:3px }
.content .p50buttons input { width:50%; margin-top:4em; font-size:1em }
.content .contactformulier .p50buttons input { width:49%; margin-top:0; font-size:1em; }
.content .contactformulier .p50buttons { text-align:center }


#page .content .col50 { width:39%; float:left; border-left:1px solid #cacdcd; margin-top:25px; padding-top:10px  }
#page .content .col50 p { width:auto }
#page .nopadding { padding:0 !important}
a.pdf  { color: inherit !important; line-height: 16px; background: url("../images/pdfic.png") no-repeat 100% 50%; display: block; padding-right: 22px; float: left }

#page .koksmessenlist { overflow:hidden; height:auto;}
#page .koksmessenlist li { width:288px; margin-right:20px; float:left; background:none; padding:0 }
#page .koksmessenlist p { margin:0; padding:0 15px; width:auto }
#page .koksmessenlist img { display:block; margin-bottom:1px }
#page .koksmessenlogos { overflow:hidden; padding-left:1px; margin-top:56px}
#page .koksmessenlogos li { float:left; text-align:center; width:198px; height:64px; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; margin-left:-1px; background:none; padding:0}

#page .threecols { overflow:hidden; margin-top:1.4em }
#page .threecols li { width:153px; margin-right:44px; float:left; margin-bottom:26px; background:none; padding:0 }
#page .threecols p { margin:0; padding:0 3px; width:auto }
#page .threecols img { display:block; margin-bottom:1px }

.mainlinks { margin:31px 0 0 24px;}
.mainlinks .col { width:153px; float:left; margin-right:19px }
.mainlinks dt { height:16px; padding:1px 0 0 10px; border-left:1px solid #515a59; margin-bottom:9px }
.mainlinks dt a {text-transform: uppercase; letter-spacing: 0.05em;font-size:14px;color:#fff;line-height:16px;}
.mainlinks dt a:hover {color:#ccc}
.mainlinks .img { height:89px }
.mainlinks .name { font-weight:bold; padding-top:1.2em }
.mainlinks .descr { padding-top:1.2em }
.mainlinks .more { padding-top:1.2em }
.mainlinks .more a, span.more a, p.more a  {color: #fff !important; line-height: 24px; text-decoration: none !important; background: url("../images/background_button_info.gif") no-repeat 0px 0px; display: block; padding-left: 20px; width: 145px; height: 24px;  font-size:11px; }
.mainlinks .more a:hover, span.more a:hover, p.more a:hover  { background: url("../images/background_button_info.gif") no-repeat 0 -24px }
p.more2 a { color: #fff !important; line-height: 24px; text-decoration: none !important; background: url("../images/background_button_info2.gif") no-repeat 0px 0px; display: block; padding-left: 20px; width: 145px; height: 24px;  font-size:11px; }
input.submitbutton { color: #fff !important; line-height: 24px; text-decoration: none !important; background: url("../images/background_button_info2.gif") no-repeat 0px 0px; display: block; width: 165px; height: 24px;  font-size:11px;border:0px; }
.mainlinks .more3 a, p.more3 a { color: #fff !important; line-height: 24px; text-decoration: none !important; background: url("../images/background_button_info_.gif") no-repeat 0px 0px; display: block; padding-left: 20px; width: 145px; height: 24px;  font-size:11px; }
p.more2 a:hover{ background: url("../images/background_button_info2.gif") no-repeat 0 -24px }
.mainlinks .more3 a:hover, p.more3 a:hover{ background: url("../images/background_button_info_.gif") no-repeat 0 -24px }

#footer { position:absolute; z-index:4; bottom:0; left:0; width:960px; height:34px; line-height:1.3; font-size:.9em }
#footer p { float:left; width:170px; padding-left:35px; color:#7e8496 }
#footer p a { color:#7e8496; text-decoration:none; }
#footer ul { float:right; width:718px; text-align:center; color:#818181; margin-bottom:.15em }
#footer a { color:#818181 }
#footer li { display:inline; padding:0 6px 0 6px; border-left:1px solid }
#footer li:first-child { border:0 }
#footer .logos {width: 230px; height: 34px; padding-left: 2px; padding-right: 5px; padding-top: 1px; bottom: 40px; position: absolute; background-color:#fff;}

.shadow  { background: url("../images/shadow.png") repeat-y; position: absolute; z-index: 3; top: 0; left: 242px; width: 10px; height: 100% }
.background { position:absolute; width:100% !important; height:100% !important; left:0; top:0; overflow:hidden; z-index:1;}
.background i, .background b { display:block; position:absolute }
.background .leftcol  { background: #b0b0b3 url("../images/backrep.jpg") repeat-y; bottom: 0; left: 0; width: 238px; height: 100% !important}
.background .leftcol b  { background: url("../images/coleftbackgr.jpg") no-repeat; bottom: 0; left: 0; width: 100%; height: 754px }
.background .rightback  { background: #b0b0b3 url("../images/backrep.jpg") repeat-y; top: 0; left: 964px; width: 165px; height: 100%; border-right: 4px solid #91938e }
.background .rightback b  { background: url("../images/backgrimg.jpg") no-repeat; bottom: 0; left: 0; width: 100%; height: 800px }
.background i em  { background: url("../images/backrepdoor.png") no-repeat; display: block; margin-top: -28px; width: 100%; height: 57px }
.background .content  { background: #91938e url("../images/h-bodyback.jpg") no-repeat 40% 100%; bottom: 40px; left: 242px; width: 718px; height: 100% }
.background .footer { z-index:2; bottom:0; left:242px; width:718px; height:40px; background:#515a59}
.background .shadow { left:1133px }

.subpage #page {}
.subpage #header { width:960px }
.subpage #page .side { width:223px }
.subpage #page .content { width:729px; margin-left:227px; border-top:10px solid #515a59 }
.subpage #footer p { padding-left:19px; }
.subpage .background .leftcol { width:223px; }
.subpage .background .rightback { left:960px }
.subpage .background .shadow { left:1129px }
.subpage .background .footer { left:227px; width:729px }
.subpage .shadow { left:227px }

td.sub_total{color:#a3151a;font-size:1.2em;}

input.button2:hover  {background: url("../images/background_button_info.gif") no-repeat 0 -24px};
input.button2  {color: #fff !important;text-decoration: none !important;background: url("../images/background_button_info.gif")  no-repeat 0px 0px !important;font-size:11px; }


#show_link_2 {padding-top:5px;padding-right:170px;}
#up_arr {display:none;padding-right:180px;}



.dhtmlgoodies_question { overflow:hidden; cursor:pointer; padding-top: 5px; color: #b01440; margin-left:20px; }
.dhtmlgoodies_question a { color: #b01440; text-decoration:none; }
.dhtmlgoodies_answer { border:1px solid #fff; background-color:#fff; width:480px; padding-left:5px;  visibility:hidden; height:0px; overflow:hidden; position:relative; margin-left:20px; }
.dhtmlgoodies_answer_content { padding:5px; font-size:1em; position:relative; }


#page .popupurl a{ color: blue; text-decoration: none;}