* {box-sizing:border-box;outline:none}
img {border:0;}
html {height:100%}
body {margin:0;height:100%;overflow-x:hidden}
#top {width:1200px;height:157px;background:white;margin:auto;position:relative}
#logo {position:absolute;left:5px;top:5px}
#bigcart {position:absolute;bottom:25px;right:5px}
#facebook {position:absolute;top:10px;right:5px;width:32px;height:32px}

#contact {width:260px;margin:auto;font-size:18px;font-weight:bold;color:#4f4f4f;text-align:center;padding-top:16px}
#contact a {color:#bc0031;font-size:34px;text-decoration:none}

#menu {background:#bc0031;height:43px;border-bottom:3px solid white}
#menu ul {list-style:none;width:1140px;margin:auto;padding:0}
#menu ul li {display:inline-block;margin-right:50px}
#menu ul li a {line-height:40px;display:inline-block;color:white;font-weight:bold;font-size:20px;text-decoration:none}

#slide {width:1280px;margin:auto;overflow:hidden;position:relative;height:536px}
#slide.compact {height:120px}
#slide div {width:1280px;height:100%;position:absolute;background-size:cover;background-position:center;background-repeat:no-repeat}
#slide.compact div {background-size:100% auto}

#site {border-left:1px solid black;border-right:1px solid black;border-bottom:1px solid black;margin-bottom:10px}
#w {color:white;font-weight:bold}
td.h {background-color:#198300;font-weight:bold;color:white;padding-left:5px;padding-right:5px}
td.g {background-color:#E4F9DF;padding-left:5px;padding-right:5px}

form,p {margin:0}

div.submenu {visibility:hidden;display:inline;background:#198300;border:1px solid white;padding:3px;position:absolute;white-space:nowrap;text-align:left;z-index:5}
div.submenu li {color:white}
div.submenu a {display:inline-block;width:200px;line-height:12px;border:1px solid #198300;padding:2px}
div.submenu a:hover {border:1px solid #a6cf9c}


div.cirkel {width:124px;height:124px;margin-left:5px;background-repeat:no-repeat;background-position:center center}

#input, textarea {border:1px solid #198300}

body {background-position:center; background-repeat:repeat-y}


th {background:#BF003A;;color:white;font-size:10pt;padding:2px 5px 2px 5px}
th.l {text-align:left;background:white;color:black;padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px;vertical-align:top}
.btn {font-size:8pt}

td.form {background:#fafafa;padding-left:3px;padding-right:3px}
td.form input {border:0;background:#fafafa}

td.topmenu {background:url(bannerback.gif);text-align:left;font-size:1pt;padding-top:4px;background-repeat:repeat-x;padding-left:5px;vertical-align:top}

div.product {width:365px;height:300px;overflow:hidden;margin:4px;display:inline-block;}
div.product > form > a > img {border:1px solid gray;margin:4px;width:110px}
div.product div {margin:4px}
div.opties {float:right;width:440px}
div.opties > strong {line-height:40px;font-size:20px}
div.opties > strong:first-child {font-size:30px;line-height:1em}
div.opties select {border:2px solid #c3c3c3;line-height:40px;height:40px;width:100%;border-radius:4px;padding:0px 8px;margin-bottom:12px}
div.opties label {display:block;height:40px;line-height:40px;margin-bottom:12px;cursor:pointer}
div.opties label input {margin-right:12px}

div.groep {width:300px;overflow:hidden;height:260px;margin:10px;display:inline-block;border: 2px solid #eaebed;vertical-align:top;text-align:center}
div.groep a {text-decoration:none;text-align:center;display:block;position:relative;height:100%}
div.groep h2, div.product h2 {display:block;background:#198300;color:white;font-size:12pt;padding:0px 10px;margin:0;line-height:30px;position:relative;z-index:1}
div.groep img {display:block;margin:auto;height:240px;}
div.groep a > div {position:absolute;bottom:0px;left:0px;color:white;background:rgba(0,0,0,0.5);font-size:12pt;height:30px;line-height:24px;text-align:right;width:100%;font-weight:bold;text-align:center}


input.n {border:2px solid #c3c3c3;border-radius:4px;text-align:center;width:40px;height:40px;line-height:40px;margin-left:10px;font-weight:bold}

a.cart {text-decoration:none;height:40px;color:white;line-height:40px;margin-top:40px;width:100%;border-radius:4px;background:#1b8404;display:block;text-align:center;text-transform:uppercase;font-size:24px;font-weight:bold}

form td {line-height:24px;height:24px;padding-right:12px}

span.blader {
	border:1px solid gray;
	background-color:#E4F9DF;
	padding:4px;
	margin:1px;
}

a.current {font-weight:bold}

div#acties {    
	background: white;
    position: absolute;
    top: 300px;
    right: 100px;
    padding: 10px 40px 30px 40px;
}

div#actie {background:url('actie.gif') no-repeat 0px 20px;height:145px;position:absolute;width:130px;}
div#zoom {background:url('zoom.png') no-repeat 85px 5px;height:145px;position:absolute;width:130px;cursor:pointer}

div.actie {width:122px;overflow:hidden;margin:4px;padding-bottom:2px;float:left;border:1px solid #198300;background:#E4F9DF;text-align:center;font-weight:bold;color:#BF003A;font-size:11pt;}
div.actie a {text-decoration:none;}
div.actie h2 {display:block;background:#198300;color:white;font-size:10.5pt;padding:2px;margin:0;height:35px;}
div.actie img {border:1px solid gray;margin:4px;}

span.actie {font-size:20px;display:block;background:url('actie.gif') no-repeat;line-height:55px;padding-left:75px}

#qform {display:block;width:260px;height:36px;border:1px solid #8d8d8d;margin:auto;position:relative}
#qform input[type="text"] {width:100%;height:34px;line-height:34px;padding:0px 7px}
::placeholder {font-style:italic;color:#909293}
#qform input[type="image"] {width:20px;height:20px;cursor:pointer;position:absolute;right:8px;top:8px}


div#main {width:1240px;margin:auto;background:white;padding-bottom:30px}

ul#sub {
	width:250px; display:inline-block; vertical-align:top;
	list-style:none;margin:0;padding:0;
	-webkit-box-shadow: 0px 20px 44px -25px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 20px 44px -25px rgba(0,0,0,0.75);
	box-shadow: 0px 20px 44px -25px rgba(0,0,0,0.75);
}

ul#sub > li a {line-height:1.2em;min-height:40px;border:2px solid #eaebed;display:block;padding:6px 12px;margin-top:-2px;color:#1b8404;text-decoration:none;font-weight:bold;font-size:20px}
ul#sub > li.active, ul#sub > li:hover {background:#1b8404}
ul#sub > li.active > a, ul#sub > li:hover > a {color:white;text-decoration:none}

#content {width:970px;display:inline-block;vertical-align:top;margin-left:16px}
#content.wide {width:100%;margin-left:0}

#foto {max-width:500px;vertical-align:top;border-radius:4px}
.t {width:99px;height:99px;display:inline-block;vertical-align:top;margin-right:4px;margin-top:4px;border-radius:4px;cursor:pointer}