/** Utilities (© 2015, Jeffrey Angelo Krist) **/
		.debug { color: rgba(0, 0, 0, 0.2); font-size: 12px; left: 0; pointer-events: none; position: fixed; right: 0; text-align: center; text-shadow: 0 0 0 rgba(0, 0, 0, 0.5); top: 0; z-index: 10000; }
			.debug i { margin: 0 2px; }
			
		/** Ratio **/
		.ratio,
.xs			.ratio-xs,
.sm			.ratio-sm { height: 0; position: relative; padding-bottom: 75%; }
			.ratio > *,
.xs			.ratio-xs > *,
.sm			.ratio-sm > * { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }
		
		/** Center **/
		.center,
.xs			.center-xs,
.sm			.center-sm,
.md			.center-md,
.lg			.center-lg { text-align: center !important; }

		/** Container row **/
		.container.row { margin-left: auto; margin-right: auto; padding-left: 0; padding-right: 0; }

		/** Full container **/
.lg		.container-full { padding-left: calc(50% - 1070px / 2); padding-right: calc(50% - 1070px / 2); }
.lg			.container-full.row,
.lg			.container-full.no-padding { padding-left: calc(50% - 1070px / 2); padding-right: calc(50% - 1070px / 2); }
.md			.container-full { padding-left: calc(50% - 970px / 2); padding-right: calc(50% - 970px / 2); }
.md			.container-full.row,
.md			.container-full.no-padding { padding-left: calc(50% - 970px / 2); padding-right: calc(50% - 970px / 2); }
.sm			.container-full { padding-left: calc(50% - 720px / 2); padding-right: calc(50% - 720px / 2); }
.sm			.container-full.row,
.sm			.container-full.no-padding { padding-left: calc(50% - 720px / 2); padding-right: calc(50% - 720px / 2); }
.xs			.container-full { padding-left: 15px; padding-right: 15px; }
.xs			.container-full.row,
.xs			.container-full.no-padding { padding-left: 0; padding-right: 0; }
			.container-full:after { clear: both; content: ''; display: block; }
			.container-full.row { margin-left: 0; margin-right: 0; }

		/** No padding **/
		.no-padding,
.xs			.no-padding-xs,
.sm			.no-padding-sm,
.sm-md-lg 	.no-padding-md-lg,
.sm-md-lg 	.no-padding-sm-md-lg,
			.row.no-padding > [class^="col-"],
.xs			.row.no-padding-xs > [class^="col-"],
.sm-md-lg 	.no-padding-md-lg > [class^="col-"],
.sm-md-lg 	.no-padding-sm-md-lg > [class^="col-"],
			[class^="col-"].no-padding { padding-left: 0; padding-right: 0; }
			.row.no-padding:not(.container),
.xs			.row.no-padding-xs { margin-left: 0; margin-right: 0; }
		
		/** Padding **/
		.padding { padding: 15px; }
.xs 		.padding-xs:not(.row) { padding: 15px; }
.xs			.padding-top-xs { padding-top: 15px !important; }

		/** Vertical align **/
		.valign-table { display: table; height: 100%; width: 100%; }
			.valign-table > * { display: table-cell; vertical-align: middle; }
			.valign-transform { position: relative; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); }
		
		/** Body **/
		body { position: relative; word-wrap: break-word; }
			body a { color: inherit; }
			body a:hover { color: inherit; outline: none; text-decoration: none; }
			body a:active,
			body a:focus { color: inherit; text-decoration: none; }
			
		/** Headings **/
		h1, .h1 { color: #46A0BF; font-size: 16px; font-weight: bold; margin: 0; }
		h2, .h2 { color: #46A0BF; font-size: 14px; font-weight: bold; margin: 0; }
		h3, .h3 { color: #46A0BF; font-size: 12px; font-weight: bold; }
			
		/** Buttons **/
		.btn { border: none; border-radius: 0; cursor: pointer; display: inline-block; font-size: 13px; font-family: Arial; font-weight: normal; min-width: 45px; padding: 8px 20px; text-align: center; text-decoration: none !important; transition: opacity .2s; -webkit-transition: opacity .2s; }
.xs			.btn { display: block; text-align: center; }
.sm-md-lg	.btn + .btn { margin-left: 12px; }
.xs			.btn + .btn { margin-top: 10px; }
			.btn:hover { opacity: .7 !important; }
			.btn.disabled { cursor: not-allowed; opacity: .5 !important; pointer-events: none; }
			.btn i { margin: 2px 0 3px 0; position: relative; top: 1px; }
			.btn svg { height: 20px; width: 20px; }
			.btn i + span { padding-left: 5px; }
			.btn span + i { margin-left: 5px; }
			.btn.blue { background: #46A0BF; color: white; }
					
		/** Fancybox **/
		.fancybox {}
			.fancybox-overlay { background: rgba(255, 255, 255, .85); }
			.fancybox-close,
			.fancybox-prev span,
			.fancybox-next span { background: none; }
			.fancybox-close:after,
			.fancybox-prev span:after,
			.fancybox-next span:after { background: #682081; border-radius: 1000px; display: inline-block; color: white; font-family: 'FontAwesome'; padding: 5px 10px; }
			.fancybox-close:after { content: '\f00d'; }
			.fancybox-prev span:after { content: '\f053'; padding: 6px 12px 5px 10px; }		
			.fancybox-next span:after { content: '\f054'; padding: 6px 10px 5px 12px; }
			.fancybox-title-float-wrap .child { background: rgba(255, 255, 255, .75); color: #682081; text-shadow: none; }
			.fancybox-skin { background: white; }

		/** MMenu **/
		nav#menu { background: #fff; border-left: 2px solid #eee; color: #666; }
			nav#menu:not(.mm-menu) { display: none; }
			nav#menu .mm-title,
			nav#menu li.active > a { color: #46A0BF !important; font-weight: bold; }
			nav#menu a.mm-subopen:after,
			nav#menu a.mm-subclose:before { border-color: #666 !important; }
			nav#menu li.active a.mm-subopen:after,
			nav#menu li.active a.mm-subclose:before { border-color: #46A0BF !important; }
			nav#menu .mm-subtitle { background: #056700; }
			nav#menu .mm-subclose { color: white; }
			nav#menu .mm-listview { font-size: 12px; }
		
		/** Forms **/
		form {}
			label { cursor: pointer; user-select: none; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: opacity .2s; -webkit-transition: opacity .2s; }
			label:hover { opacity: .7; outline: none; }
			input[type="text"],
			input[type="password"],
			input[type="number"],
			textarea,
			select { -webkit-appearance: none; background: #f8f8f8; border: 1px solid transparent; color: #444; font-size: 12px; line-height: normal; padding: 5px; transition: background .2s, border-color .2s; -webkit-transition: background .2s, border-color .2s; vertical-align: middle; }
.xs			select { padding-left: 0; }
			select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: transparent url('../img/selectarrow.png') no-repeat center right; }
			select::-ms-expand { display: none; }
			input[type="text"]:focus,
			input[type="password"]:focus,
			input[type="number"]:focus,
			textarea:focus { border-color: #3b372b; outline: none; }
			input.error,
			textarea.error,
			.chosen-container.error .chosen-single,
			form div.error { border: 1px solid #98092b; color: #98092b; }
			textarea { height: 150px; }
			select.error {border: 1px solid #98092b;  }
			input[disabled],
			button[disabled] { cursor: not-allowed; }


            ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
              color: white;
              opacity: 1; /* Firefox */
            }

            :-ms-input-placeholder { /* Internet Explorer 10-11 */
              color: white;
            }

            ::-ms-input-placeholder { /* Microsoft Edge */
              color: white;
            }

	
		/** Form box **/
		.box-form {}
			.box-form input[type="text"],
			.box-form textarea { margin-bottom: 10px; width: 100%; }
			.box-form .required { display: inline-block; margin-left: 10px; position: relative; top: 3px; }
.xs			.box-form .required { margin: 10px 0; }

		/** Message box **/
		.box-message { margin-bottom: 12px; padding: 15px; }
			.box-message.success { color: #3bb34d; background: #e0f3e5; }
			.box-message.error { color: #a41c32; background: #f2dede; }
			.box-message a { color: inherit !important; }
			.box-message a:hover { color: #35040c !important; }
	
		/** Content box **/
		.box-content { color: #666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; }
			.box-content .intro { font-weight: bold; }
			.box-content p { overflow: auto; }
			.box-content h1 + p,
			.box-content h2 + p,
			.box-content h3 + p { margin-top: 0; }
			.box-content h1 { margin-top: 0; }
			.box-content h2,
			.box-content h3 { margin: 0 0 5px 0; }
			.box-content > *:first-child { margin-top: 0; }
			.box-content > *:last-child { margin-bottom: 0; }
			.box-content p + p { margin-top: 25px; }
			.box-content p img { height: auto !important; margin: 15px 0; max-width: 100%; }
.xs			.box-content p img { display: table !important; float: none !important; height: auto !important; margin: 10px auto !important; max-width: 100%; width: auto !important; }
			.box-content p img[style*="float: left"] { margin: 5px 10px 5px 0; }
			.box-content p img[style*="float: right"] { margin: 5px 0 5px 10px; }
			.box-content ul { padding: 5px 0 5px 60px; }
			.box-content ul li { margin: 5px 0; }
			.box-content a { text-decoration: underline !important; }

		/** Links box **/
		.box-links { color: #666; font-size: 12px; line-height: 150%; }
			.box-links h2 { margin: 15px 0 5px 0; }
			.box-links .h3 { margin: 15px 0 2px 0; }
			.box-links ul { list-style: none; margin: 0; padding: 0; }
			.box-links > ul { list-style: none; position: relative; }
			.box-links ul ul { padding-left: 25px; }
			.box-links a { display: inline-block; margin: 2px 0; text-decoration: underline !important; }
			.box-links i + a { margin-left: 5px; } 
			.box-links .more a { color: #777; }
			.box-links .more:hover,
			.box-links .more:hover * { text-decoration: none; }
		
		/** Photos box **/
		.box-photos { margin-left: -2px; margin-right: -2px; position: relative; }
			.box-photos a { display: inline-block; margin: 5px 2px; position: relative; }
			.box-photos a:hover { outline: 3px solid #682081; outline-offset: -3px; }
			.box-photos img { max-width: 100%; }
.xs			.box-photos img { width: calc((100vw - 15px) / 2 - 14px); }		

		/** Slider box **/
		.box-slider {}
			.box-slider:not(.slick-initialized) .slide:not(:first-child) { display: none; }
			.box-slider .afbeelding { background-position: center center; background-size: cover; }
.xs			.box-slider .afbeelding { border-radius: 3px; }
		
		/** Header module **/
		.mod-header {}
.xs			.mod-header { margin: 0 3px;  display: none;}
			.mod-header .afbeelding { padding-bottom: 26.334%; }

		/** Inhoud module **/
		.mod-inhoud {}
			.mod-inhoud .share { float: right; margin: 0 0 15px 15px; }
			.mod-inhoud .share a { display: inline-block; transition: opacity .2s; }
			.mod-inhoud .share a:hover { opacity: .7; }
			.mod-inhoud .share i { color: white; display: inline-block; line-height: 20px; text-align: center; width: 20px; }
			.mod-inhoud .share .fa-twitter { background: #55acee; }
			.mod-inhoud .share .fa-linkedin { background: #0077b5; }
			.mod-inhoud .share .fa-facebook { background: #3b5998; }
			.mod-inhoud .share .fa-envelope-o { background: #aaa; }

		/** Medewerkers module **/
		.mod-medewerkers {}
			.mod-medewerkers .item { margin-bottom: 20px; margin-top: 20px; }
.xs			.mod-medewerkers .item:not(:last-child) { padding-bottom: 20px; position: relative; }
.xs			.mod-medewerkers .item:not(:last-child):before { border-bottom: 1px solid #A4A6A8; bottom: 0; content: ''; display: block; left: 5px; position: absolute; right: 5px; }
			.mod-medewerkers .foto { width: 100%; }
.xs			.mod-medewerkers .foto { display: table; margin: auto; width: auto; }
			.mod-medewerkers .naam { color: #682081; font-weight: bold; margin-top: 30px; }
			.mod-medewerkers .functie { color: #682081; font-style: italic; }
			.mod-medewerkers .tekst { margin-top: 30px; }
			.mod-medewerkers .quote { font-style: italic; margin-top: 30px; }
			.mod-medewerkers .mail { margin-top: 30px; }

		/** Contact module **/
		.mod-contact { font-size: 12px; margin-top: 15px; }
.xs-sm		.mod-contact .row > *:first-child { margin-bottom: 5px; }
			.mod-contact label { display: block; }
			.mod-contact label:last-child { margin-bottom: 10px; }
			.mod-contact label input { margin-right: 5px; }
			.mod-contact .error:not(.box-message) { margin-bottom: 10px; padding: 10px 10px 0 10px; }

		/** Search module **/
		.mod-search { font-size: 12px; }
			.mod-search button { padding-bottom: 4px; padding-top: 4px; }
			.mod-search .results { margin: 25px 0; }
			.mod-search ul { list-style: none; margin: 0; padding: 0; }
			.mod-search li { margin: 15px 0; }

		/** Home module **/
		.mod-home { margin: 0 -2px !important; }
			.mod-home .blok { border: 1px solid #A4A6A8; height: 100%; padding: 30px; }
.xs-sm		.mod-home .blok { padding: 10px; }
			.mod-home .box-content { margin-top: 10px; }
			.mod-home .btn { margin-top: 15px; }
			
		/** Body **/
		body {  font-family: Verdana, Arial, Helvetica, sans-serif; }
			.page { background: white; border: solid 3px #A4A6A8; min-height: 100vh; position: relative; }
.sm-md-lg	.page { padding-bottom: 39px; }
.xs			.page { padding-bottom: 3px; }
			.cellpadding { padding: 0px !important; }

		/** Header **/
		header {}
			header .menuToggler { color: #46A0BF !important; font-size: 24px; padding: 10px; position: absolute; right: 5px; top: 5px; }
			header .header { width: 100%; }
			header .onlineboekhouden { background: #46A0BF; color: white !important; display: block; font-size: 14px; font-weight: bold; height: 100%; text-align: center; }
.xs			header .onlineboekhouden { margin: 1px; padding: 5px; }
			header .onlineboekhouden:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; width: 0; }

			/** Logos **/
			header .logos { height: 100%; text-align: center; display: none; }
				header a { transition: opacity .2s; }
				header a:hover { opacity: .7; }
				header .logo { display: inline-block; max-width: 100%; }
.xs				header .logo { display: table; margin: 10px auto; }
				header .logo img { display: inline-block; margin: 5px; max-width: calc(100% - 2 * 15px); }
				header .partners { margin-top: 20px; }
				header .partners a { margin: 0 5px; }
			
			/** Menu **/
			header nav { background: #46A0BF; font-size: 0; margin-left: 1px !important; padding: 10px 0; position: relative; z-index: 1000; }
.sm				header nav { padding: 10px 5px; }
				header nav ul { list-style: none; margin: 0; padding: 0; }
				header nav > ul > li { display: inline-block; position: relative; }
				header nav > ul > li > a { color: #FFF; display: inline-block; font-size: 13px; font-weight: bold; padding: 8px 14px; position: relative; }
.sm				header nav > ul > li > a { font-size: 11px; padding: 5px 6px; }
				header nav > ul > li > a:hover,
				header nav > ul > li.active > a { color: #000; }
				header nav > ul > li > a > i { color: #46A0BF; font-size: 14px !important; margin-left: 5px; position: relative; top: 2px; }
.sm				header nav > ul > li > a > i { font-size: 12px !important; margin-left: 3px; top: 1px; }
				header nav ul ul { display: none; }
				header nav a:hover + ul,
				header nav ul ul:hover { background: #A4A6A8; display: block; left: 0; min-width: 250px; padding: 0; position: absolute; right: 0; z-index: 10000; }
.sm				header nav a:hover + ul,
.sm				header nav ul ul:hover { padding-left: 10px; }
				header nav ul ul a { color: #000; font-size: 12px; display: block; padding: 10px 14px; }
				header nav ul ul a:hover,
				header nav ul ul li.active a { background: #ebebeb; }
            
				
			/** Search **/
			header .search { background: #46A0BF; padding: 15px; }
				header .search > * { vertical-align: top; }
				header .search input { -webkit-appearance: none; background: transparent; border: 1px solid white; border-radius: 0; color: white; font-size: 11px; padding: 4px; width: calc(100% - 35px); }
				header .search button { background: transparent; border: 1px solid white; color: white; height: 24px; padding: 0; width: 30px; }
				
		/** Main **/ 
		main { margin: 0 -12px !important; }
			main .content:not(.no-border) {  margin-bottom: 5px; padding: 15px !important; }
.sm			main .content:not(.no-border) { padding: 10px !important; }
.xs			main .content:not(.no-border) { padding: 10px !important; }
			main .content.no-border { padding: 0 !important; }
			main aside { margin: 40px 0; }
			main aside:last-child { margin-bottom: 0; }
			main h1 + aside { margin-top: 0; }
            .blok-logo {  padding: 0px !important; }

			/** Asides **/
			.asides { padding: 2px 0px 2px 4px !important; }
.xs				.asides { padding: 0 !important; }
				.asides > * { color: white; margin: 0 0 3px 0 !important; padding: 10px 15px; }
                .asides .social { background: #46A0BF;}
                .asides .naw { background: #46A0BF;}
				.asides .h2 { color: white; }
				
				/** News **/
				.asides .news {}
					.asides .news .item { margin: 10px 0 15px 0; }
					.asides .news .date { font-size: 10px; }
					.asides .news a { font-size: 12px; text-decoration: underline !important; }
			
				/** Social **/
				.asides .social {}
					.asides .social a { line-height: 32px; text-align: center; transition: opacity .2s; width: 32px; }
					.asides .social a:hover { opacity: .7; }
					.asides .social .fa-linkedin { background: #0077b5; }
					.asides .social .fa-twitter { background: #55acee; }
					.asides .social .fa-facebook { background: #3b5998; }
			
				/** NAW **/
				.asides .naw { font-size: 12px; }
				.asides  a { color: #FFF !important; }

			
		/** Footer **/
		footer { background: #A4A6A8; }
.sm-md-lg	footer { bottom: 0px; left: 0px; position: absolute; right: 0px; }
.sm			footer { padding: 0 7px; }
.xs			footer { margin: 0 -12px; }
			footer ul { list-style: none; margin: 0; padding: 0; }
			footer li { color: #000; display: inline-block; font-size: 12px;  padding: 12px 14px 10px 14px; }
            footer li:hover { text-decoration: underline;}
.sm			footer li { padding: 10px 5px; }
.xs			footer li { padding: 10px; }