/* Begin Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 11px;
vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}
/* End reset */
html { overflow-y: scroll;
height:auto !important;
height:100%;
min-height:100%; }
body { height:auto !important;
height:100%;
min-height:100%;
font: 100% Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0;text-align: center; color: #000000; line-height:18px;}
h2 { font-size: 18px; color:#000; margin-bottom:25px;}
h3 { font-size: 18px; color:#000; margin-bottom:5px;}
h4 { font-size: 14px; color:#000; margin-top:25px;}
.clear { clear:both; display:block; }
a { color:#000; text-decoration:underline;}
a:hover { color:#f5a42e; text-decoration:none;}
#wrap {width: 960px; position: relative; overflow: visible; margin: 0 auto;}
#header { text-align:left; clear:both; display:block; position:relative; width:960px; height:131px; background:url(/gfx/header-background.jpg) no-repeat; margin-bottom:5px;}
#logo { float:left; position:relative; margin-top: 15px; margin-left: 15px;}
#topnav ul { list-style:none; float:right; margin-right:2px;}
#topnav ul li { float:left; display:block;}
#topnav ul li a { color:#FFF; display:block; background:#c5c1bc; margin:3px; padding:2px 10px 5px 10px;text-decoration:none;}
#topnav ul li a:hover {background:#CCC; color:#666;}
#main { text-align:left; display:table-cell; position:relative; height:100%; border:0px solid #000; background:url(/gfx/nav-background.jpg) repeat-y;}
#nav {display:table-cell; position:relative; float:left; background-color:#fcd48f; height:100%; width:176px; border:0px solid #000; clear:both;}
#nav ul { list-style:none; margin-right:2px; width:176px;}
#nav ul li{ display:block;}
#nav ul li ul li{ display:block;}
#nav ul li ul li a{ color:#1a171b; display:block; background:#f9c883; margin:0; padding:2px 10px 3px 20px; border-bottom:1px solid #fad297;text-decoration:none;}
#nav ul li ul li a:hover, #nav ul li ul li a.current{ background:#6d460d; color:#FFF;}
#nav ul li a { color:#1a171b; display:block; background:#f5a42e; margin:0; padding:2px 10px 3px 10px; border-bottom:1px solid #fad297;text-decoration:none;}
#nav ul li a:hover, #nav ul li a.current {background:#a87223; color:#fff; }
#breadcrumb { font-size: 0.8em; background:#e7e7e9; margin:0px 0 0 5px; padding:4px 0px 5px 5px; display:block; position:relative; float:left; width:772px;}
#breadcrumb a {color: #000000; text-decoration: none;}
#breadcrumb a:hover {text-decoration: underline;}
#content { margin: 5px 0px 0 5px; padding: 33px 0 0 25px; display:block; position:relative; float:left; width: 78.4%; background-color: #FDEDD5; min-height: 545px; height: auto !important; height: 545px;}
#content ul {margin: 10px 0 10px 15px;}
#content ul li { list-style:disc;}
#content a.terugButton { display:block; float:left; margin-top: 15px; background:url(/gfx/terugbutton-background.jpg) no-repeat; width: 206px; height:28px; padding: 4px 0 0 60px; color:#fff;}
#content a.terugButton:hover { text-decoration:none; color: #000;}
#content .prijsDetail { font-size: 1.8em; float:left; margin:15px 0 15px 0; display:block;}
#content .nieuwsPic {float:left; margin-right:25px; border:5px solid #CCC; height: 100px; width: 100px;}
#content .nieuwsitem { margin: 20px 0 30px 0;}
#content .clear { clear:both;}
#content .ie6fixer {width: 90%;}
#ContactSheet {width: 400px;}
#ContactSheet label {width: 100px; clear: left; float: left; margin-right: 15px; display: block; cursor: pointer;}
#ContactSheet input {width: 200px; float: left; margin-bottom: 8px;}
#ContactSheet span.checkHolder {width: 200px; float: left; margin-bottom: 8px;}
#ContactSheet input.check {text-align: left; width: auto; margin-left: -1px;}
#ContactSheet textarea {width: 300px; height: 100px; float: left; margin-bottom: 8px;}
#ContactSheet input#sendBtn {margin-left: 110px; width: 200px;}
#ContactSheet p {margin-left: 10px;}
#ContactSheet .error {color: red;}
#ContactSheet ul.error {margin-left: 30px; margin-bottom: 15px;}
#footer {position:relative; float:left;clear:both; text-align:center; width:100%; margin-top: 5px; background:#f5a32f; font-size: 0.8em; padding:2px 0 2px 0; }
#footer a { color:#000;font-size: 1em; text-decoration:underline;}
#footer a:hover { text-decoration:none;}
.product { width:203px; height: 370px; border: 2px solid #c9c9c9; float:left; margin: 0 13px 13px 0; padding: 0 15px 15px 15px; background: #fff;}
.product .imgHolder {height: 250px; width: 200px; display: table-cell; text-align: center; vertical-align: middle;}
.product * {vertical-align: middle;}
.product img { margin-bottom: 10px; margin-top: 5px;}
.product p {height:20px;}
a.meerInfo { display:block; float:left; margin-top: 5px; background:url(/gfx/meerinfo-background.jpg) no-repeat; width: 206px; height:28px; padding: 5px 0 0 10px; color:#fff;}
a.meerInfo:hover { text-decoration:none; color: #000;}
.produktOmschrijving {clear:both; margin: 20px 0 0 0; height:20px;}
p.produktOmschrijving {height:20px; display:inline; }
.nieuw { padding: 0px 0 4px 0; background:#f0c587; display:block; position:relative; width:53px; text-align:center; height:14px; color:#6d460d; float:left;}
.prijs { font-size: 1.8em; float:right; margin-bottom:0px; display:block; position:relative; }
.detailPic { float:right; margin: 15px; border: 2px solid #C9C9C9;}
.nieuwsitem p { margin-bottom:15px;}