@charset "utf-8";

/*wrap*/
html,body{min-height: 100%;}
body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family: 'Source Sans 3', sans-serif;color:#936037;background:url(/images/background.png) 0 100% no-repeat #fff;background-size:contain;background-repeat: no-repeat;-webkit-text-size-adjust:none}
#wrap{position:relative;width:980px;margin:0 auto;background:#fff}


/*html tags*/
hr{background-color:#000;border:0;color:#000;height:1px;margin:10px 0 10px 0}
a{color:#e94e1b}
a:hover{color:#936037}
h1{font-size:40px;margin:0;padding:0 0 20px 0;line-height:50px;font-weight:400;color:#936037}
p{margin:0;padding:0 0 24px 0}
ul{margin:0;padding:0 0 24px 0}
ol{margin:0;padding:0 0 24px 0}
li{margin:0 0 0 24px;padding:0}
img{border:0;max-width:100% !important; height:auto !important}
sub,sup{position:relative;height:0;line-height:1;vertical-align:baseline}
sup{bottom:1ex}
sub{top:.5ex}
address{font-style:normal;color:#e94e1b;display:block;margin:0;padding:0 0 24px 0}
address span{display:block}
address a{text-decoration:none}

.oranje{color:#e94e1b}

.light{font-weight:300;font-size:20px;line-height:28px}

/*common classes*/
.hidden{display:none}
.center{text-align:center}
.flr{float:right}
.fll{float:left}
.clr{clear:right}
.cll{clear:left}
.tar{text-align:right}
.tal{text-align:left}
.clearer{height:1px;overflow:hidden;margin-top:-1px;clear:both}

/*main structure*/
div[role=main]{position:relative;width:100%}
div[role=main] .container{position:relative;width:100%;margin:0 auto;max-width:992px;box-sizing:border-box}
footer{position:relative;width:100%}
footer .container{position:relative;width:100%;margin:0 auto;max-width:992px;box-sizing:border-box;padding: 0 20px}

.DefaultPage{padding:40px 20px 0 20px;max-width:655px;box-sizing:border-box}

.visual{padding:30px 10% 0 10%;max-width:calc(380px + 20%);margin:0 auto;box-sizing:border-box}


@media (min-width: 600px) { 
	.diny{width:210px;padding:0 20px 20px 0;box-sizing:border-box;float:left}	
	.visual{padding:50px 0 0 0;max-width:320px}

}

@media (min-width: 768px) { 
	h1{line-height:70px;font-size:60px}
	.DefaultPage{padding:70px 20px 0 20px}
	.light{padding-right:0px;padding-bottom:48px}
	footer .container{padding-top:50px}
	.visual{position:absolute;bottom:30px;right:20px}
	.DefaultPage{padding:40px 20px 0 20px;width:calc(100% - 350px)}

}

@media (min-width: 992px) { 
	.left{width:50%;float:left;display:block;padding:0 20px 24px 0;box-sizing:border-box}
	.right{width:50%;float:right;display:block;padding:0 20px 24px 0;box-sizing:border-box}
	address{float:left}
	.tijden{float:left;padding-left:40px}
	.light{padding-right:130px;padding-bottom:48px}
	.visual{position:absolute;bottom:60px;right:20px}
	.DefaultPage{padding:40px 20px 0 20px;width:100%}
	body{width:100%;margin:0;padding:0;font-size:16px;line-height:24px;font-family: 'Source Sans 3', sans-serif;color:#936037;background:url(/images/background.png) 0 330px no-repeat #fff;background-size:100vw;background-repeat: no-repeat;-webkit-text-size-adjust:none}
}