html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
html, body	{
	height: 100%;
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}





	
			

body	{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:300;
	line-height:20px;
	color: #3C3C37;
}
strong {
	font-weight:600;
}
img {
	border:none;
	vertical-align:middle;
}
ul, ol {
	padding-left:20px;
}



a:link, a:visited	{
	color: #3C3C37;
	text-decoration: underline;
}
a:hover, a:active	{
	color: #6D6D69;
	text-decoration: underline;
}



a[href^="tel:"] {
	color:#3C3C37;
	text-decoration:none !important;
}
a[href^="tel:"]:hover {
	text-decoration:underline !important;
}




h1 {
	font-family: 'Tangerine', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:38px;
	line-height:1.2;
	color:#E4BB6C;
	margin-bottom:15px;
}
h2 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:15px;
	line-height:1.3;
	color:#000000;
}
h3 {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-weight:700;
	font-size:14px;
	line-height:1.3;
	color:#000000;
	margin:5px 0 3px 0;
}





hr {
	width:100%;
	clear:both;
	background-color:#B9B9B9;
	height:1px;
	border:0;
	margin:0;
	padding:0;
}
hr.topXXL { margin-top:40px; }
hr.btmXXL { margin-bottom:40px; }





input.large {
	width:250px;
}
input.medium {
	width:185px;
}
input.small {
	width:55px;
}





.hoofdkleur {
	color: #E4BB6C;
}


.klein {
	font-size:13px;
}
.kleiner {
	font-size:12px;
}
.kleinst {
	font-size:11px;
}






.goed	{
		background-color:#F2FFF2;
		border:1px solid #73CC73;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.fout	{
		background-color:#FFF2F2;
		border:1px solid #FF7373;
		padding:10px;
		color:#404040;
		margin-bottom:15px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		}
.alertgoed {
	color:#009900;
}
.alertfout {
	color:#FF0000;
}
.invulmis {
	color:#FF0000 !important;
}







.frmrow {
	display:table;
	width:100%;
	padding-bottom:10px;
}
.frmrow > div {
	display:table-cell;
	vertical-align:middle;
}
.frmrow > div:nth-child(1) {
	width:200px;
	color:#666666;
}


.clearboth {
	clear:both;
}












/* - - - - - - - - - - - - - - - - - - - - */
/* HOME */
/* - - - - - - - - - - - - - - - - - - - - */
body.home .wrapper {
	position:absolute;
	left:50%;
	top:50%;
	width:665px;
	max-width:none;
	height:720px;
	margin-left:-332px;
	margin-top:-377px; /* + footerheight/2 */
}
body.home header > div#pic img {
	max-width:none;
}
body.home header > div#pic {
	padding-bottom:0;
}
body.home header > div#slogan {
	display:block;
}
body.home nav {
	padding-bottom:40px;
}
body.home main {
	display:none;
}

@media screen and (min-width: 520px) and (max-width: 664px) {
	body.home .wrapper {
		position:relative;
		left:0;
		top:0;
		width:100%;
		height:auto;
		margin-left:0;
		margin-top:0;
	}
}






/* - - - - - - - - - - - - - - - - - - - - */
/* PRODUCTEN */
/* - - - - - - - - - - - - - - - - - - - - */
body.producten .productenimg {
	width:370px;
	height:270px;
	padding:15px 16px 19px 18px;
	margin:auto;
	background-image:url(../img/layout/producten_bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 370px 270px;
}







/* - - - - - - - - - - - - - - - - - - - - */
/* VISIE */
/* - - - - - - - - - - - - - - - - - - - - */
body.visie main > ul {
	list-style:none;
	margin:0;
	padding:0;
	margin-left:20px;
	margin-bottom:35px;
}
body.visie main > ul > li {
	background-image:url(../img/layout/visie_bullet.png);
	background-position:0px 6px;
	background-repeat:no-repeat;
	background-size: 9px 9px;
	padding:0px 0 17px 17px;
}
body.visie .visieimg {
	width:195px;
	height:142px;
	padding:9px 9px 11px 11px;
	background-image:url(../img/layout/visie_bg.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 195px 142px;
	
	position:absolute;
	left:100%;
	top:0%;
	margin-left:-195px;
	margin-top:140px;
}







/* - - - - - - - - - - - - - - - - - - - - */
/* CONTACT */
/* - - - - - - - - - - - - - - - - - - - - */
iframe {
	margin:0;
	padding:0;
	border:0;
	width:100%;
	height:300px;
	border:1px solid #E5BC65;
}
body.contact iframe {
	margin-top:50px;
}







/* - - - - - - - - - - - - - - - - - - - - */
/* HISTO */
/* - - - - - - - - - - - - - - - - - - - - */
body.historiek div.table {
	display:table;
	width:100%;
	margin-bottom:50px;
}
body.historiek div.table > div {
	display:table-cell;
	vertical-align:top;
}
body.historiek div.table > div:nth-child(1) > img {
	margin-top:10px;
}
body.historiek div.table > div:nth-last-child(1) {
	width:200px;
	text-align:right;
}

#lblhisto1 {
	position:absolute;
	left:0;
	top:0;
	width:225px;
	height:29px;
	top:368px;
	left:30px;
}
#lblhisto2 {
	position:absolute;
	left:0;
	top:0;
	width:221px;
	height:103px;
	top:354px;
	left:147px;
}




















/* - - - - - - - - - - - - - - - - - - - - */
/* OPBOUW */
/* - - - - - - - - - - - - - - - - - - - - */
#wrap {
	width:100%;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
.wrapper {
	display: flex;
	flex-direction: column;
	width:100%;
	max-width:520px;
	padding:0 20px;
	margin:auto;
}





header {
	position:relative;
	text-align:center;
}
header > div#logo {
	padding-top:20px;
	padding-bottom:5px;
}
header > div#logo img {
	width:175px;
}
header > div#pic {
	padding-bottom:20px;
}
header > div#pic img {
	width:100%;
	max-width:375px;
}
header > div#slogan {
	display:none;
	font-size:18px;
	line-height:18px;
	padding-bottom:50px;
}
header > div#slogan > strong {
	font-family: 'Tangerine', Arial, Helvetica, sans-serif;
	font-size:38px;
	line-height:18px;
	font-weight:400;
	color:#E4BB6C;
}




nav {
	position:relative;
	font-size:20px;
	line-height:20px;
	text-align:center;
	color:#E4BB6C;
	padding-bottom:40px;
}
nav > .line {
	position:relative;
	width:100%;
	height:1px;
	z-index:-99;
	
	background: -moz-linear-gradient(left, rgba(240,240,240,0.2) 0, rgba(240,240,240,1) 15%, rgba(240,240,240,1) 85%, rgba(240,240,240,0.2) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,0.2)), color-stop(15%,rgba(240,240,240,1)), color-stop(85%,rgba(240,240,240,1)), color-stop(100%,rgba(240,240,240,0.2)));
	background: -webkit-linear-gradient(left, rgba(240,240,240,0.2) 0%,rgba(240,240,240,1) 15%,rgba(240,240,240,1) 85%,rgba(240,240,240,0.2) 100%);
	background: -o-linear-gradient(left, rgba(240,240,240,0.2) 0%,rgba(240,240,240,1) 15%,rgba(240,240,240,1) 85%,rgba(240,240,240,0.2) 100%);
	background: -ms-linear-gradient(left, rgba(240,240,240,0.2) 0%,rgba(240,240,240,1) 15%,rgba(240,240,240,1) 85%,rgba(240,240,240,0.2) 100%);
	background: linear-gradient(to right, rgba(240,240,240,0.2) 0%,rgba(240,240,240,1) 15%,rgba(240,240,240,1) 85%,rgba(240,240,240,0.2) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f0f0f0', endColorstr='#00f0f0f0',GradientType=1 );
}
nav > ul {
	margin:0;
	padding:0;
}
nav > ul > li {
	display:inline-block;
	margin:10px 5px;
}
nav a:link, nav a:visited	{
	color: #585753;
	text-decoration: none;
}
nav a:hover, nav a:active	{
	color: #585753;
	text-decoration: none;
}


nav .nav_bg {
	position:absolute;
	display:none;
	z-index:-98;
}
#nav_bghistoriek {
	left:50%;
	top:-18px;
	margin-left:-188px;
	width:79px;
	height:71px;
	background-image:url(../img/layout/nav_bghistoriek.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 79px 71px;
}
#nav_bgvisie {
	left:50%;
	top:-5px;
	margin-left:-81px;
	width:51px;
	height:49px;
	background-image:url(../img/layout/nav_bgvisie.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 51px 49px;
}
#nav_bgproducten {
	left:50%;
	top:-4px;
	margin-left:-10px;
	width:103px;
	height:49px;
	background-image:url(../img/layout/nav_bgproducten.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 103px 49px;
}
#nav_bgcontact {
	left:50%;
	top:-0px;
	margin-left:110px;
	width:85px;
	height:41px;
	background-image:url(../img/layout/nav_bgproducten.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-size: 85px 41px;
}




main {
	position:relative;
	padding-bottom:50px;
}




footer {
	font-size:14px;
	line-height:20px;
	color:#B1AA9A;
	background-color:#464645;
	text-align:center;
	padding:8px 20px;
}
footer div.split {
	display:inline;
}


@media screen and (max-width: 639px) {
	footer div.split.large {
		display:block;
		font-size:0;
		line-height:0;
	}
}

footer a:link, footer a:visited	{
	color: #B1AA9A;
	text-decoration: none;
}
footer a:hover, footer a:active	{
	color: #B1AA9A;
	text-decoration: underline;
}