@charset "UTF-8";
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: inherit;
	vertical-align: baseline;
}
html {
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;/*-- safari --*/
	-moz-osx-font-smoothing: grayscale;/*-- firefox --*/
}
/* Verticale schuifbalk forceren in andere browsers dan IE
Voorkomen dat de tekstgrootte in iOS wordt aangepast als de oriëntatie van het apparaat wordt gewijzigd, zonder de zoomfunctie uit te schakelen voor gebruikers: h5bp.com/g*/
html { 
	font-size: 100%;
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	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;
}
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 biedt geen ondersteuning voor max-width en gebruikt standaard de breedte 100% */
.ie6 img {
	width:100%;
}
img { 
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}
button, input, select, textarea { 
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button {
	background: transparent;
	border-radius: 0;
	border: 0;
	padding: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	user-select: none;
}
button:focus {
	outline: 0 none;
}
button::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/* active link stippellijn weg */
a:focus {
	outline: 0;
}
a:active {
	outline: 0;
}
/* geen ronde hoekjes op IOS */
input, textarea {
	-webkit-appearance: none;
	-webkit-border-radius: 0;
}
/* geen blauw lijn active op IOS */
:focus {
	outline-color: transparent;
	outline-style: none;
}
/* geen tel link in blauw met lijn op IOS */
a[href^="tel"]{
	color:inherit;
	text-decoration:none;
}
/* toon scrollbar op IOS als overflow is auto */
::-webkit-scrollbar{
	-webkit-appearance: none;
	width: 7px;
}
::-webkit-scrollbar-thumb {
	border-radius: 4px;
	background-color: rgba(0,0,0,.5); 
	-webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}