@charset "UTF-8";

/* Table Of Contents
----------------------------------------
Created date: 2017
Created by info@webbsnederland.nl

#01. Basic page styles
#02.  FORMS EN BTNS
#03.  FLOATS ALIGNS ETC
#04. Print styles from HTML5 Boilerplate

----------------------------------------*/
.wp_footer { display:none; visibility:hidden;  }

/* ==========================================================================
   01. Basic page styles
   ========================================================================== */
*, *:before, *:after {
	box-sizing: border-box;
}
	/*
	 * Remove text-shadow in selection highlight:
	 */
	::selection {
		background: #b3d4fc;
		text-shadow: none;
	}


	html {	font-family: sans-serif;
		/*overflow-y: scroll;*/
		height: 100%;
		-webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change */
		-ms-text-size-adjust: 100%; 
		 font-size: 1em;
		margin: 0;
		padding: 0;
	}

/*html5*/
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
	position: relative;    width: 100%;    margin: 0 auto;
    display: block;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
	body {
		outline: 0;margin: 0; 
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
		
	}
	body.ie {letter-spacing: 0;}	

	body,
	h1,h2,h3,h4,h5,h6,
	p,ul,ol,dl,dt,dd,li,table,th,td,
	form,select,option,address,pre,
	strong,em,caption,cite,code,dfn,var {
		font-size:100%;
		font-style:normal;
		font-weight:normal;
		margin:0;
		padding:0;
		text-decoration:none;
	}


/* Txt styles*/
	p {margin-bottom: 1em;}
	b,strong { font-weight: 700}

	small {font-size: 80%;}
	del {   text-decoration:  line-through;}
	abbr,acronym { border-bottom: 1px dotted #666;} 
	mark {  background: #ff0;  color: #000}
	dfn, cite, em, i {font-style:italic;}
sub,sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
	pre, code, kbd, tt, var {
	border:1px solid #f1f1f1;
	font-size: 0.9em;
	line-height: 1.3;
	margin-bottom: 1em;
	padding: 1em;
	overflow: auto;
	max-width: 100%;
}

/* ICONS  */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



/* Links */
	a, a:visited {margin: 0; padding: 0; font-size: 100%; background: transparent;}
	a:focus{-moz-outline-style: none;outline:none;}
	a:hover, a:active {outline: 0;}

/* IMG */
	img { 
		border: 0; 
		max-width: 100%;
		height:auto;
		background-color: transparent;
	}
	figure {margin: 0;}
	legend {  border: 0;   padding: 0}


	table {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		margin-bottom: 2.5em
	}


/* TABLES */
table{border-collapse: collapse; border-spacing: 0;width:100%;margin-bottom: 1em;border-radius:0; border:1px solid #ccc;}
caption, th { text-align:left; }
th { text-align: left;  background-color: #dedada;}
td,th { padding: 5px 10px;border:1px solid #ccc;font-size:0.9em;}
/*
tbody tr:nth-child(odd) {  background-color: #fff;}
tbody tr:nth-child(even) { background-color: #f1f0f0;}
*/


/*line in wp*/
	hr { display: block;  height: 1px;  border: 0; margin: 0.8em 0;  padding: 0;background-color:#000;opacity:0.1;}

/*LISTS */
	ol, ul { list-style:none; } 
	ul ul,ol ul,ul ol,ol ol,dl ul,dl ol,dl dl,td td { font-size: 100%; }
	li { margin-left: 0; }

/* EMBEDS */
	embed, iframe, object, video {max-width: 100%;}
	audio, canvas, iframe, img, svg, video {vertical-align: middle;}
	canvas {-ms-touch-action: double-tap-zoom;}

/* Blockquotes */ 
	blockquote {quotes: none; margin: 10px 20px; padding: 2em 40px;position: relative;}
	blockquote:before{ content: ''; margin:0;padding:0;position: absolute;top:0;left:-3px; border-left: 3px solid #000; display: inline-block;height:100%;width:100%;background-color:#ccc;opacity: 0.05;}
	blockquote:after{display:none;}
	blockquote p { display: inline;}

	q{quotes: none;margin:0;padding:0;}
	q:before, q:after { content: ''; content: none;margin:0;padding:0;}
	@media only screen and (max-width: 600px) {
		blockquote {margin:1.5em 0;padding:1em 5%;}
	}

/* ==========================================================================
   02. FORMS EN BTNS
   ========================================================================== */

fieldset { border: 0; margin: 0;padding: 0;}

input, textarea, select, button {
    text-rendering: auto;
    color: initial;
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block;
    text-align: start;
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
	vertical-align: middle; /* Improves appearance and consistency in all browsers */
}

input, textarea, select, button, meter, progress {
    -webkit-writing-mode: horizontal-tb !important;
}

button,
input {
	
	line-height: normal; /* Addresses FF3/4 setting line-height using !important in the UA stylesheet */
	*overflow: visible;  /* Corrects inner spacing displayed oddly in IE6/7 */
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc;
	background: #e6e6e6;
	-webkit-box-shadow:none!important;
	-moz-box-shadow:none!important;
	box-shadow:none!important;
	cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
	-webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
	color: inherit;  font: inherit; 
	line-height: 1;
	padding: 0.4em 2em;
	text-shadow:none!important;
}

button[disabled],
html input[disabled] { cursor: default;}

button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc ;
	-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.8), inset 0 15px 17px rgba(255,255,255,0.8), inset 0 -5px 12px rgba(0,0,0,0.02);
}

input, select { vertical-align: middle;}
input:focus, select:focus, textarea:focus, button:focus {outline: none;}

button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	-webkit-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
	box-shadow: inset 0 -1px 0 rgba(255,255,255,0.5), inset 0 2px 5px rgba(0,0,0,0.15);
}

button::-moz-focus-inner,
input::-moz-focus-inner {padding: 0; border: 0;}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box; /* Addresses box sizing set to content-box in IE8/9 */
	padding: 0; /* Addresses excess padding in IE8/9 */
}


input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

input[type="search"] {
	box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {/* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;
}

input[type=text],
input[type=email],
textarea {
	font-size: 100%; /* Corrects font size not being inherited in all browsers */
	margin: 0; 
	overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
	padding: 1px 3px;
	vertical-align: top;
	resize: vertical;
}

input[type=text]:focus,
input[type=email]:focus,
textarea:focus {background: #fff;}


/* Input placeholders */
*::-webkit-input-placeholder {color:#000;}/* WebKit browsers */
*:-moz-placeholder {color:#000;opacity:1;}/* Mozilla Firefox 4 to 18 */
*::-moz-placeholder {color:#000;opacity:  1;}/* Mozilla Firefox 19+ */
*:-ms-input-placeholder {color:#000;}/* Internet Explorer 10+ */




/* ==========================================================================
  03. FLOATS ALIGNS ETC
   ========================================================================== */
.alignleft { float: left; margin: 14px 14px 14px 0; }
.alignright { float: right; margin: 14px 0 14px 14px; }
.aligncenter { clear: both; display: block; margin: 14px auto; }
.alignnone { clear: both; display: block; margin: 14px 0; }

/* # float
---------------------------------------------------------------------------- */
.floatLeft  { float:left; }
.floatRight { float:right; }

/* # float clear
---------------------------------------------------------------------------- */
.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; }

/* # align
---------------------------------------------------------------------------- */
.alignLeft   { text-align: left !important; }
.alignCenter { text-align: center !important; }
.alignRight  { text-align: right !important; }

/* # Overige
---------------------------------------------------------------------------- */
.valignBaseline { vertical-align: baseline; }
.attention { color: #173A6A; }
.required { color: #6A1718; }
.smallText { font-size: 83%; }
.offscreen {position: absolute !important;	overflow: hidden;
	clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    width: 1px;
}

.hidden{display:none;}

@media only screen and (max-width: 600px) {
	.hideMobile{display: none!important;}
}

/* # clearfix 
---------------------------------------------------------------------------- */

.clearfix:before,
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	visibility: hidden;
	clear: both;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; display: block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }


/* ==========================================================================
   04. Print styles from HTML5 Boilerplate
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}