@charset "utf-8";
/* CSS Document */
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family:"Helvetica", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a						{text-decoration:none; color:#fff; font-size:125%; font-family:"Helvetica", Arial, Helvetica, sans-serif;}
p						{font-size:100%;}
h1						{font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:24px; color:#017c70; font-weight:bold}
h2						{font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:17px; color:#017c70;}
h3						{font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:24px; color:black;}
h4						{font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:24px; color:black;}

.body	{margin: 0 auto; width:70%; clear:both; background-color:#f5f5f5; font-family:"Helvetica", Arial, Helvetica, sans-serif; font-size:87.5%;}

	.top-navigatie nav  		{background-color:#000; height:50px; margin: 0 auto; width:1000px; clear:both; border-radius:5px;}
	.top-navigatie nav ul		{list-style:none; margin:0 auto; border-radius:5px;}
	.top-navigatie nav ul li 	{float:left; display:inline; border-radius:5px;}
	.top-navigatie nav a:link, .top-navigatie nav a.visited {display:inline-block; padding: 13.5px 40px; border-radius:5px;}
	.top-navigatie nav a:hover, .top-navigatie nav a:active, .top-navigatie nav .active a:link, .top-navigatie nav .active a:visited	{transition: 0.3s; color:#fff; background-color:#017c70; height:23px; border-radius:5px;}
	.top-navigatie nav ul li a {border-radius:5px;}
	
	#top2					{width:1000px; margin:0 auto; margin-top:20px; border-radius:5px;}
	#banner img				{border-radius:5px; box-shadow:  0px  0px  5px  0px   #666;}
	#bel					{padding-left:6%; background-color:#FFF; width:940px; height:50px; border-radius:5px; margin-top:20px; font-size:18px;  box-shadow:  0px  0px  5px  0px   #666;}
	#bel img 				{float:left;}
	#icoon-telefoon			{width: 3%; margin-top: 10px;}
	#bel p					{float:left; padding-top:15px; padding-left:5px; padding-right:10px;}
	#foto-bel-1				{padding-top:8px;}
	#foto-bel-2				{margin-left:170px; margin-top:-27px;}
	#nl-nummer				{margin-left:10px; color:#000; font-size:18px;}
	#be-nummer				{margin-left:10px; color:#000; font-size:18px;}
	#bel-nl					{padding-top:17px;}
	#bel-nl a:hover			{transition: 0.3s; color:#00F;}
	#bel-be					{margin-top:-17px;}
	#bel-be a:hover			{transition: 0.3s; color:#00F;}
	#usp					{margin-top:20px; padding-left:18%; padding-bottom:16px; padding-top:16px; background-color:#FFF; border-radius:5px; font-size:18px;  box-shadow:  0px  0px  5px  0px   #666;}
	#kleinevink				{width: 2%;}
	
	#wrapper				{width:1000px; margin:0 auto; background-color:#fff; margin-top:20px; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666}
	#foto1					{margin-left:0px; padding-top:15px;}
	#voor					{margin-left:415px; color:red; font-size:26px; margin-top:15px;}
	#verzending				{margin-left:410px; color:#57C6F7; font-size:18px; margin-top:5px;}
	#foto2					{margin-left:740px; margin-top:-150px;}
	#foto3					{margin-left:0px; margin-top:0px;}
	#foto4					{margin-left:650px; margin-top:-155px;}
	#foto5					{margin-left:720px; margin-top:-167px;}
	#tekst					{width:600px; margin-left:200px; margin-top:-10px; padding-bottom:40px;}
	#tekst a				{color:#017c70; font-size:24px;}
	#keuzemenu				{color:#017c70; font-size:24px;}
	#tekst a.button-test	{color:white; font-size:24px; font-weight:bold;}
	#foto6					{margin-left:600px; margin-top:-150px;}
	#resultaat4				{margin-left:730px; font-size:90%;}
	#button1				{font-size: 24px; margin-top:-345px; margin-bottom:50px;}
	#button2				{font-size: 24px; margin-top:35px;}
	.test1					{transition: 0.3s; font-weight:normal!important; background-color: #33d107; color: white!important; box-shadow: 0px  0px  5px  0px   #666; text-align: center; border-radius: 5px; padding-top: 20px;padding-bottom: 20px; padding-right:50px; padding-left:50px;}
	.test1:hover			{background-color: #33B807; color: white!important;}	
	.test2 					{transition: 0.3s; font-weight:normal!important; background-color: #33d107; color: white!important; box-shadow: 0px  0px  5px  0px   #666; text-align: center; border-radius: 5px; padding-top: 20px;padding-bottom: 20px; padding-right:50px; padding-left:50px;}
	.test2:hover			{background-color: #33B807; color: white!important;}	
	#button3				{font-size: 24px; margin-top:35px; margin-bottom:35px;}
	.test3					{transition: 0.3s; font-weight:normal!important; background-color: #33d107; color: white!important; box-shadow: 0px  0px  5px  0px   #666; text-align: center; border-radius: 5px; padding-top: 20px;padding-bottom: 20px; padding-right:50px; padding-left:50px;}
	.test3:hover			{background-color: #33B807; color: white!important;}	

	#wrapper-recensie		{width:1000px; margin:0 auto; height:200px; background-color:#FFF; margin-top:20px; border-radius:5px;   box-shadow:  0px  0px  5px  0px   #666;}
	#recensie				{margin-left:50px; width:600px; padding-top:15px;}
	#foto7					{margin-left:600px; margin-top:-190px;}
	.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
	#resultaat2				{margin-top:-30px; width:700px; font-size:90%; margin-left:370px; padding-bottom:20px;}
	
#wrapper-werking		{width:1000px; margin:0 auto; background-color:#FFF; margin-top:20px; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#foto-werking			{padding-top:20px; padding-bottom:20px; margin-left:250px;}
	#tekst-werking			{margin-top:20px; margin-left:10px; width:400px; padding-top:10px;}
	
#wrapper2				{width:1000px; margin:0 auto; height:500px; background-color:#fff; margin-top:20px; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	.bestellen2 nav  		{background-color:#000; height:80px; width:250px; border-radius:50px; margin-top:20px; margin-left:380px; margin-bottom:10px;}
	.bestellen2 nav ul		{list-style:none; margin:0 auto;}
	.bestellen2 nav ul li 	{float:left; display:inline;}
	.bestellen2 nav a:link, .bestellen2 nav a.visited {display:inline-block; padding: 30px 47px; height:20px;}
	.bestellen2 nav a:hover, .bestellen2 nav a:active, .bestellen2 .active a:link, .bestellen2 nav .active a:visited	{color:#fff; background-color:#017c70; width:156px;}
	.bestellen2 nav ul li a { border-radius:50px;}

#footer					{width:1000px; margin:0 auto; background-color:#fff; margin-top:20px; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#copyright				{border-top:dotted 1px; font-size:90%; text-align:center; padding-bottom:10px; line-height:20px;}
	#copyright li			{display:inline-block; padding-right:5px;}
	#copyright a			{color:#03F; font-size:100%;}
	.bottom-navigation nav 	{transition: 0.3s; background-color:#000; height:40px; margin-bottom:2%; border-radius:5px;}
	.bottom-navigation nav ul		{list-style:none; margin:0 auto;}
	.bottom-navigation nav ul li 	{float:left; display:inline;}
	.bottom-navigation nav a:link, .bottom-navigation nav a.visited {transition: 0.3s; display:inline-block; padding:10px 5.6px; height:20px;}
	.bottom-navigation nav a:hover, .bottom-navigation nav a:active, .bottom-navigation nav .active a:link, .bottom-navigation nav .active a:visited	{transition: 0.3s; color:#fff; background-color:#017c70; border-radius:5px;}
	.bottom-navigation nav ul li a 	{}
	

#wrapper-bestellen		{width:1000px; height:5000px; margin:0 auto; background-color:#FFF; margin-top:20px; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#foto2-bestellen		{margin-left:650px; padding-top:1px;}
	#foto4-bestellen		{margin-left:720px; margin-top:-847px;}
	#bestelformulier		{margin-left:350px; margin-top:-370px; line-height:25px;}
	#resultaat3				{margin-left:270px; margin-top:-20px;}

#wrapper-contact		{width:1000px; margin:0 auto; background-color:#FFF; margin-top:20px; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#foto4-contact		{margin-left:-493px; margin-top:-935px;}
	#tekst-contact			{margin-top:20px; margin-left:10px; width:400px; padding-top:10px;}
	#tekst-contact a		{color:#000; font-size:100%;}
	#contactformulier		{margin-left:430px; margin-top:-420px; padding-top:10px; padding-bottom:30px;}
	
#wrapper-disclaimer		{width:1000px; margin:0 auto; margin-top:20px; background-color:#FFF; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#foto4-disclaimer		{margin-left:-493px; margin-top:-785px;}
	#tekst-disclaimer a		{color:#000; font-size:100%;}

	#tekst-disclaimer		{margin-left:30px; padding-top:10px; padding-bottom:10px; width:950px; font-size:100%;}
	
#wrapper-privacy		{width:1000px; margin:0 auto; margin-top:20px;  background-color:#FFF; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#foto4-privacy		{margin-left:-493px; margin-top:-815px;}
	#tekst-privacy		{margin-left:30px; padding-top:10px; padding-bottom:10px; width:950px;}
	#tekst-privacy a	{color:#000; font-size:100%;}
	
#wrapper-levering		{width:1000px; height:600px; margin:0 auto; margin-top:20px;  background-color:#FFF; border-radius:5px; box-shadow:  0px  0px  5px  0px   #666;}
	#tekst1-levering		{margin-left:20px; padding-top:2%; width:900px;}
	#tekst2-levering		{margin-left:330px; margin-top:-50%;}
	#tekst3-levering		{margin-left:600px; margin-top:-24.5%; margin-bottom:170px;}
	#tekst1-levering a		{color:#000; font-size:100%;}
	
#wrapper-betalen		{width:1000px; margin:0 auto; margin-top:20px; background-color:#fff; color:#000; border-radius:5px; border-color:#0F0; margin-bottom:20px;  box-shadow:  0px  0px  5px  0px   #666;}
	.tc a					{color:#03F; font-size:12px;}
	#tekst-betalen			{padding-top:10px; text-align:center; padding-bottom:20px;}
	#betalen-foto			{margin-left:290px;}
	#stap1					{padding-top:3px; padding-left:3px; padding-right:5px; margin-bottom:-20px;}
	#stap2					{padding-top:3px; padding-left:3px; padding-right:5px; margin-bottom:-20px;}
	#betalen				{width:1000px;  border-top:dotted 1px; margin-top:30px; padding-top:20px; padding-bottom:20px; border-bottom:dotted 1px;}
	#tekst2-betalen			{padding-top:25px; text-align:center; padding-bottom:0px; font-size:15px;}
	#tekst3-betalen			{padding-top:20px; margin-left:20px; padding-bottom:20px; font-size:100%;  text-align:center;}
	#tekst3-betalen a		{color:#03F; font-size:100%;}
	
	.top-navigatie-pay nav 		{background-color:#000; height:50px; width:100%; opacity:0.95; margin-top:-21px; position:fixed; margin-left:-15%; padding-left:35%; padding-bottom:}
	.top-navigatie-pay nav ul		{list-style:none; margin:0 auto;}
	.top-navigatie-pay nav ul li 	{float:left; display:inline;}
	.top-navigatie-pay nav a:link, .top-navigatie-pay nav a.visited {display:inline-block; padding: 13.5px 40px;}
	.top-navigatie-pay nav a:hover, .top-navigatie-pay nav a:active, .top-navigatie-pay nav .active a:link, .top-navigatie-pay nav .active a:visited	{color:#fff; background-color:#017c70; height:23px; border-radius:5px;}

#wrapper-foutmelding	{width:1000px; margin:0 auto; height:90px; margin-top:20px;  background-color:#FFF; border-radius:5px;  box-shadow:  0px  0px  5px  0px   #666;}
	#tekst-foutmelding		{margin-left:230px; padding-top:20px; padding-bottom:30px;}
	.home-knop nav 			{background-color:#000; height:40px; width:100px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-left:760px; margin-top:-60px; border-radius:30px;}
	.home-knop nav ul		{list-style:none; margin:0 auto; padding-left:0px;}
	.home-knop nav ul li 	{float:left; display:inline;}
	.home-knop nav a:link, .home-knop nav a.visited {display:inline-block; padding:8px 14px; height:20px; border-radius:30px; color:#fff;}
	.home-knop nav a:hover, .home-knop nav a:active, .home-knop nav .active a:link, .home-knop nav .active a:visited	{color:#fff; background-color:#017c70; width:72px; height:25px;}
	.home-knop nav ul li a 	{border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
	#foto4-foutmelding		{margin-left:-493px; margin-top:-615px;}
	
#tekst-collectie	{margin-left:370px; padding-top:20px; padding-bottom:20px; }
#tekst-collectie a	{color:black; font-size:14px;}

#foto1-collectie	{margin-left:380px; padding-top:20px; padding-bottom:10px;}
#foto2-collectie	{margin-left:440px; padding-top:20px; padding-bottom:10px;}
#foto3-collectie	{margin-left:290px; padding-top:10px;}
#foto4-collectie	{margin-left:480px; margin-top:-290px; padding-bottom:10px;}
#foto5-collectie	{margin-left:310px; padding-top:20px; padding-bottom:10px;}
#foto6-collectie	{margin-left:510px; margin-top:-305px; padding-bottom:10px;}
#foto7-collectie	{margin-left:370px; padding-top:20px; padding-bottom:10px;}
#foto8-collectie	{margin-left:480px; margin-top:-290px; padding-bottom:40px;}
#foto9-collectie	{margin-left:410px; padding-top:20px; padding-bottom:10px;}
#foto10-collectie	{margin-left:330px; padding-top:20px; padding-bottom:20px;}

	.bestellen-collectie nav  		{background-color:#000; height:80px; width:250px; border-radius:50px; margin-top:0px; margin-left:370px;}
	.bestellen-collectie nav ul		{list-style:none; margin:0 auto; }
	.bestellen-collectie nav ul li 	{float:left; display:inline;}
	.bestellen-collectie nav a:link, .bestellen-collectie nav a.visited {display:inline-block; padding: 30px 47px; height:20px;}
	.bestellen-collectie nav a:hover, .bestellen-collectie nav a:active, .bestellen-collectie .active a:link, .bestellen-collectie nav .active a:visited	{color:#fff; background-color:#017c70; width:158px;}
	.bestellen-collectie nav ul li a { border-radius:50px;}
	
#van-collectie					{margin-left:440px; color:#57C6F7; font-size:22px; margin-top:10px;}
#voor-collectie					{margin-left:430px; color:red; font-size:26px; margin-top:5px;}

#tekst2-collectie	{margin-left:270px; width:600px; padding-top:20px; padding-bottom:20px; }
#tekst2-collectie a	{color:black; font-size:14px;}	
		
td.ncoltxtl2 {background-color : #ffffcc; color : black; text-align : right; font-weight : bold}

td.ncoltxtr {background-color : #FFFFFF; color : black; text-align : left; font-weight : bold}



td.ncoltxtc {background-color : #FFFFFF; color : black; text-align : center; font-weight : bold}
td.ncolinput {background-color : #FFFFFF; color : black}
td.ncolline1 {background-color : #ffffff; color : black; text-align:left; padding: 20px;}
td.ncolline2 {background-color : #FFFFFF; color : black; text-align: left; padding: 20px;}
td.ncolline2 small {float: right;}
small {font-size: 12px;}
input.ncol {background-color : #006600; color : white}
td.ncollogoc {background-color : #FFFFFF; color : black; text-align : center; font-weight : bold}
table.ncoltable1 { background-color: #FFFFFF; }
table.ncoltable2 { background-color: #FFFFFF; border-width : 2px; border-color : #000000; margin-bottom: 50px; margin-top: 10px} 
table.ncoltable3 { background-color: #FFFFFF; }

#navbar {margin: 0; padding: 0; height: 40px; }
#navbar li {list-style: none; float: left; background-color:#000;}
#navbar li a {display:block; padding: 13px 25px; color: #fff; text-decoration: none; }
	
#navbar li ul {display: none; width: 10em; /* Width to help Opera out */}
	
#navbar li:hover ul {display:block; position: absolute; margin: 0; padding: 0; background-color:#000; }
#navbar li:hover li {float: none; color:#fff; background-color:#000; }
#navbar li:hover li a { border-bottom: 1px solid #fff; color: #fff; }
#navbar li li a:hover {background-color: #017c70; color:#fff; }

	
	sfHover = function() {
	var sfEls = document.getElementById("navbar").getElementsByTagName("li");
	for (var i=0; i<sfEls.length; i++) {
		sfEls[i].onmouseover=function() {
			this.className+=" hover";
		}
		sfEls[i].onmouseout=function() {
			this.className=this.className.replace(new RegExp(" hover\\b"), "");
		}
	}
}
if (window.attachEvent) window.attachEvent("onload", sfHover);		}