/*!
 * NJI styles
 * Made by Stroomt.com
 */

body { background-color:#e0e0de; font-size:14px; font-family: 'Open Sans', sans-serif; line-height:22px; color:#282828; min-width:320px;}

/* Basic font styling */
	/* CSS CHANGED */
 	/*a { color:#00859f; text-decoration:none;}*/
	a { color:#00859f; text-decoration:none;}
	
	/* END CSS CHANGED */
	a:hover { color:#00b1d4; }
	
	/*.mainContent h1, .h1Style { color:#004453; font-size:36px; line-height:38px; margin:0px 0px 20px; font-weight:400;}
	.mainContent h2, .h2Style { color:#00859f; font-size:28px; line-height:34px; margin:0px 0px 20px;font-weight:400;}
	.mainContent h3, .h3Style, .h3SubStyle, .h3SubHeadStyle { color:#004453; font-size:20px; line-height:30px; margin:0px 0px 20px;font-weight:400;}
	.mainContent h3.h3SubStyle, .h3SubStyle { color:#f02d00; }
	.mainContent h3.h3SubHeadStyle, .h3SubHeadStyle { color:#7d7d7c; }
	.h4Style {color:#3c3b3a; font-size:18px; line-height:20px; margin:0px 0px 10px;}*/
	
	.mainContent h1, .h1Style { color:#004453; font-size:36px; line-height:38px; margin:0px 0px 30px;}
	.mainContent h1 { font-size:30px;margin:0px 0px 20px;}
	.h2Style { color:#003442; font-size:28px; line-height:38px; margin:0px 0px 15px; font-weight:300;}
	.mainContent h2 { color:#00859f; font-size:24px; line-height:38px; margin:0px 0px 10px; font-weight:400;}
	.mainContent h3, .h3Style, .h3SubStyle, .h3SubHeadStyle { color:#004453; font-size:18px; line-height:24px; margin:0px 0px 20px; font-weight:400;}
	.mainContent h3 { margin-bottom:10px; color:#004453;}
	.mainContent h3.h3SubStyle, .h3SubStyle { color:#f02d00; }
	.mainContent h3.h3SubHeadStyle, .h3SubHeadStyle { color:#7d7d7c; }
	.h4Style {color:#3c3b3a; font-size:18px; line-height:24px; margin:0px 0px 10px;}
	
	/* CSS CHANGED */
	/*.boldText { font-size:16px; font-weight:bold; margin:0px 0px 10px;}*/
	.boldText { font-size:16px; font-weight:600; margin:0px 0px 10px;}
	/* END CSS CHANGED */
	.h1Style, .h2Style, .h3Style, .h3SubStyle, .h3SubHeadStyle, .h4Style { display:block;}
	p { margin-bottom:20px;}
	/* CSS REMOVED */
	/*.mainContent h2, .mainContent h3 { margin-bottom:5px;}*/
	/* END CSS REMOVED */
	
	.h1Style, .h2Style, .h3Style, .h3SubStyle, .h3SubHeadStyle, .h4Style, p { word-wrap: break-word}
	a.external:after {font-family:'FontAwesome';content:"\f08e"; padding-left:10px;}
	
	/* Google font */
	/* CSS CHANGED */
	/*h1, h2, h3, h4, .sloganText, .panel-group.coloredTitle .panel-heading a{ font-family: 'Cabin', sans-serif; font-weight:400;}*/
	h1, h2, h3, h4, .sloganText, .panel-group.coloredTitle .panel-heading a{ font-family: 'Open Sans', sans-serif; font-weight:400;}
	/* END CSS CHANGED */

/* Basic list styling */
	ul { list-style-image: url(/system/nji/img/bullet.png); margin-bottom:20px; padding-left:20px;}
	ul li { padding-left:5px;}
	
	ol { margin-bottom:20px; padding-left:20px;}
    ol li { padding-left:5px;}
	
	ul.clearList {list-style-image: none;}
	
	.iconList { list-style-type:none; margin:o; padding:0;}
	.iconList li { margin:0px 0px 10px 0px;}
	.iconList li i { margin-right:10px; color:#bebdbd;}
	
/* Color styling */
	.btn { border:none; padding:0px 15px; height:40px; line-height:40px;text-align:center;}
	.btn.btn-default { background-color:#00859f; color:#fff; border-bottom:#004453 solid 2px;}
	.btn.btn-default:hover { background-color:#004453;border-bottom-color: #002229;}

/* Form styling */
	input[type="text"].form-control { height:40px; line-height:40px; border-color:#7d7d7c;box-shadow: none; appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */}
	/* CSS ADDED */
	input.form-control[type="text"]:focus { border-color:#000;}	
	/* EMD CSS ADDED */
	input[type="text"].form-control.grey { border-color:#e0e0de;box-shadow: none; background-color:#ebebea;}	
	.form-control.has-error {  color: #a94442;background-color: #f2dede;border-color: #f0aaaa; position:relative; padding-right:30px;}
	
	.input-group .input-group-btn .btn.btn-default {-webkit-border-top-left-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-topleft: 0px;-moz-border-radius-bottomleft: 0px;border-top-left-radius: 0px;border-bottom-left-radius: 0px;}
	
	.btn.icon-btn { position:relative;}
	.btn.icon-btn.icon-left {border-left:40px solid #004453;}
	.btn.icon-btn.icon-right {border-right:40px solid #004453;}
	.btn.icon-btn.icon-left i { -webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-left-radius: 4px;left:-40px;}
	.btn.icon-btn.icon-right i { -webkit-border-bottom-right-radius: 4px;-moz-border-radius-bottomright: 4px;border-bottom-right-radius: 4px;right:-40px;}
	.btn.icon-btn i {position:absolute; line-height:40px; width:40px; height:40px; top:0px; border-bottom: solid 2px #002229;}
	
	.btn.fullWidth { width:100%;}
	.btn.icon-only { width:40px; height:40px; line-height:40px; text-align:center; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
	.btn.noDepth { border-bottom-color:#00859f;}
	
	.btn.btn-filter { width:100%; text-align:left; position:relative;}
	.btn.btn-filter i { position:absolute; right:12px; top:12px;}
	.btn.btn-grey { background-color:#bebdbd; border-bottom: 2px solid #7d7d7c;}
	

	label { font-weight:100;}
	textarea { min-height:150px;}
	input[type="text"], input[type="email"], input[type="search"], input[type="password"] {	-webkit-appearance: caret;-moz-appearance: caret; /* mobile firefox too! */	}

/* Footer image fix */
	#mainSite { position:relative; z-index:100;}
/* Header */
	.headerBar { background-color:#fff; /*height:160px; */width:100%; padding-top:10px;}
	.headerBar .tinyNav { float:right;}
	.headerBar .tinyNav ul { float:right; margin-right:0px; margin-top:10px; padding:0;}
	.headerBar .tinyNav li { list-style-type:none; display:inline-block; padding: 0px 10px; border-right: solid 1px #bebdbd;}
	.headerBar .tinyNav li a { font-size:13px;}
	.headerBar .tinyNav li.last { border-right:none;}
	
	.headerBar .tinyNav #searchField { width:300px; float:right;}
	.headerBar .tinyNav #searchField .form-control,
	.headerBar .tinyNav #searchField .form-control:focus { background-color:#ebebea; border-color:#e0e0de; color:#8a8a89; font-size:16px; margin-bottom:0px;}
	
	
	/* CSS ADDED */
	.headerBar .tinyNav #searchField .form-control:focus,
	input.form-control.grey[type="text"]:focus,
	input.form-control:focus,
	textarea.form-control:focus { background-color:#fff; border-color:#00859f; color:#8a8a89;}
	/* EMD CSS ADDED */
	
	.headerBar .tinyNav #searchField .btn { border:none;}
	
	/* CSS CHANGED */
	/*.headerBar .NJILogo { float:left; padding-bottom:20px; margin-top:56px;}*/
	.headerBar .NJILogo { margin-top: 56px; position: absolute; bottom: -22px;}
	/* END CSS CHANGED */
	/* CSS ADDED */
	.headerBar .container { position:relative;}
	/* END CSS ADDED */
	
	/* CSS CHANGED */
	/*.headerBar .NJILogo img { width:221px;}*/
	.headerBar .NJILogo img { width:292px;}
	/* END CSS CHANGED */
	
	

	.headerBar .mainNav { float:right; margin-top:23px;}	
	.headerBar .mainNav ul{ border-width:1px 0;list-style:none;margin:0; padding:0;text-align:right;float:right}
	.headerBar .mainNav ul li{margin-left:0px;padding-left:0px; display:inline}
	.headerBar .mainNav ul li.home a { width:50px; padding:0px; text-align:center;}
	.headerBar .mainNav ul a{display:inline-block; border:solid 1px #d4d4d3;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; padding:0px 30px; height:40px; line-height:40px;  margin-left:6px; font-size:16px;}
	.headerBar .mainNav ul li a:hover,
	.headerBar .mainNav ul li.selected a { text-decoration:none; background-color:#004453; color:#fff; border-color:#004453;}
	.headerBar .mainNav ul li:first-child a { margin-left:0px;}
	
	
	.headerBar .mainNav.showMobile { }
	/* mobile button */
	#search-toggle, #nav-toggle { display:none; float:right; }
	#nav-toggle {margin-left:10px;}
	#nav-toggle.active,#search-toggle.active { background-color:#004453;}
	
	.slogan { width:100%; height:200px; border-bottom:solid 5px #2a2929; overflow:hidden; background-size: cover;background-position: center center; position:relative;}
	.slogan.small, .slogan.small .sloganContainer { height:150px;}
	.sloganContainer {display:table-cell;  position:relative; width:100%; height:200px;}
	.sloganContainer.bottom {vertical-align:bottom;}
	.sloganContainer { margin-bottom:20px; margin-left:0px; padding:0px;}
	.sloganContainer li { list-style-type:none;  text-transform:uppercase; width:auto; margin-top:4px; margin-bottom: 17px;}
	.sloganContainer li.first span{padding:10px 20px 10px 20px;}
	.sloganContainer li.second { margin-bottom:12px;}
	.sloganContainer li.second span{padding:0px 20px 10px 20px;}
	.sloganContainer li span {background-color: rgba(60,59,58,0.8); font-size:24px; color:#FFFFFF;}

/* Footer */
	.footerSection { position:relative; z-index:0;}
	.menuFooter {  position: relative;}
	.menuFooterBG {background-color: rgba(51,181,207,0.8); padding:70px 0px; position:relative; z-index:10;}
	
	.menuFooter .footerLinks ul { margin:0; padding:0;}
	.menuFooter .footerLinks li { list-style-type:none; margin-bottom:8px;}
	.menuFooter .footerLinks li.first {margin-bottom:12px;}
	.menuFooter .footerLinks a { color:#004453;}
	.menuFooter .footerLinks li.first a{ color:#3c3b3a; font-size:18px; }
	
	.menuFooter h2 {color:#3c3b3a; font-size:18px; margin-bottom:18px;}
	
	.footerBG { background-image:url(/system/nji/img/footer-bg.png); position:absolute; background-size:cover; background-position: center;  width:100%; min-height:1641px; height:100%; bottom:0px;}
	.copyrightBar { background-color:#004453; padding:20px 0px; color:#80a2a9;}
	.copyrightBar span { margin:0px 20px;}
	.copyrightBar a { color:#3b97a9;}
	.menuFooter hr { border-color:#73d5e8;}
	
	.socialIcons { margin:0; padding:0;}
	.socialIcons li {   display: inline-block; list-style-type:none; margin-right:10px; padding-left:0px;}
	.socialIcons li.last {margin-right:0px;}
	.footerSection .socialIcons li { margin-right:20px;}
	.contentBlok .socialIcons li { margin-right:20px; margin-bottom:20px;}
	/* CSS CHANGED */
	/*.socialIcons li a { line-height:40px;}*/
	.socialIcons li a { line-height:40px; color:#aadee8;}
	.socialIcons li a:hover { line-height:40px; color:#fff;}
	/* END CSS CHANGED*/
	.socialIcons li i { width:40px; height:40px; text-align:center; color:#fff; padding-top:11px; -webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px; font-size:16px;}
	.footerSection .socialIcons li i { margin-right:10px; }
	.contentBlok .socialIcons li i { margin-right:10px; }
	.socialIcons li a.twitter i { background-color:#1fb1e6; border:solid 1px #0089ba; border-bottom-width: 2px;}
	.socialIcons li a.facebook i { background-color:#3c5da1; border:solid 1px #1b3877; border-bottom-width: 2px;}
	.socialIcons li a.linkedin i { background-color:#0a6aae; border:solid 1px #00487a; border-bottom-width: 2px;}
	.socialIcons li a.RSS i { background-color:#bc8209; border:solid 1px #825800; border-bottom-width: 2px;}
	.socialIcons li a.mail i { background-color:#68c70b; border:solid 1px #559912; border-bottom-width: 2px;}
	.socialIcons li a.print i { background-color:#248800; border:solid 1px #24620e; border-bottom-width: 2px;}
	/* CSS ADDED */
	.socialIcons li a.twitter:hover i { background-color:#00bbff; border:solid 1px #0089ba; border-bottom-width: 2px;}
	.socialIcons li a.facebook:hover i { background-color:#295ecb; border:solid 1px #1b3877; border-bottom-width: 2px;}
	.socialIcons li a.linkedin:hover i { background-color:#007dd6; border:solid 1px #00487a; border-bottom-width: 2px;}
	.socialIcons li a.RSS:hover i { background-color:#e19b08; border:solid 1px #825800; border-bottom-width: 2px;}
	.socialIcons li a.mail:hover i { background-color:#6bd900; border:solid 1px #559912; border-bottom-width: 2px;}
	.socialIcons li a.print:hover i { background-color:#2fb300; border:solid 1px #24620e; border-bottom-width: 2px;}
	/* END CSS ADDED */
	
	
	.menuFooter .twoColumns { display:none;}
	.menuFooter .threeColumns { display:none;}
	
/* Main content */
	#mainContent { margin-top:30px;}
	
	.changePadding, .contentBlok.changePadding { padding: 30px 40px ;}
	.contentBlok.changePadding .textImage.pull-right,
	.contentBlok.changePadding.NieuwsSection .headerBar { padding-left: 40px;}
	.contentBlok.changePadding .textImage.pull-left { padding-right: 40px;}
	.contentBlok.hasImage.changePadding { padding:  30px 40px ;}
	
	.contentBlok { background-color:#fff; padding:20px; margin-bottom:30px; border-bottom: solid 2px #c3c3c1; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; 	}
	.pageMeta { margin-top:-20px; margin-bottom:-8px;}
	
	.breadcrumb { background-color:transparent;   padding: 11px 15px 0px; font-size:13px;}
	.shareButtons { text-align:right;}
	.shareButtons .socialIcons,
	.shareButtons span { /*float:right; line-height:40px;*/}
	.shareButtons span { /*margin-right:10px;*/ color:#7d7d7c; font-size:13px}
	
	.linkList { padding:0px; list-style-image:none; list-style-type:none;}
	.linkList li { padding:0px; margin-bottom:5px; position:relative;}
	.linkList li a { padding-left:20px; display:block;}
	.linkList li a i{margin-right:10px; color:#f02d00; position:absolute; left:0px; top:4px;}
	/*CSS CHANGED */
	/*.linkList li a::before {margin-right:10px; color:#f02d00; position:absolute; left:0px; top:4px; font-family: FontAwesome; content: "\f054"; margin-top:-4px;}*/
	.linkList li a::before {margin-right:10px; color:#f02d00; position:absolute; left:0px; top:4px; font-family: FontAwesome; content: "\f105"; margin-top:-4px; font-size:20px;}
	/* END CSS CHANGED */
	.linkList.underline li { border-bottom: solid 1px #ececed; margin-bottom:20px; padding-bottom:20px;}
	
	a.meerWeten { line-height:32px; font-weight:bold;}
	/*CSS CHANGED */
	/*a.meerWeten i { width:32px; height:32px; line-height:32px; background-color:#efefee;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center; margin-right:10px;}*/
	a.meerWeten i { width:32px; height:32px; line-height:32px; background-color:#efefee;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; text-align:center; margin-right:10px; font-size:20px;}
	/* END CSS CHANGED */
	
	/* Images */
	.inlineImg.pull-right { margin-left:20px; margin-bottom:20px;}
	.inlineImg.pull-left { margin-right:20px; margin-bottom:20px;}
	
	/* blauwe balk header */
	.contentBlok.NieuwsSection { position:relative; padding-top:80px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
	.contentBlok.NieuwsSection .headerBar { position:absolute; width:100%; background-color:#004453; color:#fff; top:0px; left:0px; font-size:30px; line-height:60px; height:60px; padding:0;margin:0px; padding-left:20px; -webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;}
	
	/* Post meta */
	.postMeta { list-style-type:none; margin:0px; padding:0px; margin-bottom:20px;}
	.postMeta li { display:inline; margin:0px; padding:0px; color:#7d7d7c; font-size:13px;}
	.postMeta li:after { content:'|'; margin:0px 10px;}
	.postMeta li:last-child:after { display:none;}
	
	/* sidebar */
	.sideMenu { font-size:18px; margin:0px; padding:0; list-style-type:none;}
	.sideMenu li { margin:0px; padding:0px;margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #ebebec; position:relative;}
	/* CSS ADDED */
	.sideMenu li.pageCat { border-bottom: solid 5px #e0e0de;  margin-left:-20px; margin-right:-20px; position:relative; }
	.sideMenu li.pageCat:after { height:4px; width:100%; display:block; content:'';  border-bottom: solid 2px #c3c3c1; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; position:absolute; bottom:0px;}
	.sideMenu li.pageCat.selected:after {left: 100%; margin-left: -26px;border-bottom: none; padding-right: 20px; width: auto;}
	.sideMenu li.pageCat a { padding-left:40px;}
	/* END CSS ADDED */
	.sideMenu li a {padding-left:20px; padding-right:20px; display:block; }
	.sideMenu li.selected a{ font-size:22px; color:#282828; line-height:22px; text-decoration:none; cursor:default;}
	.sideMenu li.selected:after {font-family:'FontAwesome';content:"\f105"; position:absolute; top:0; right:0; color:#f02d00;}
	#ondersteuning { margin-top:-60px;}
	
	
	.sideMenu li.sub:before {font-family:'FontAwesome';content:"\f054"; position:absolute; top:0; left:0; color:#f02d00; font-size:10px;}
	.sideMenu li.sub.opened:before {content:"\f078"; }
	.sideMenu li.sub.opened { padding-bottom:0px;}
	.sideMenu li.sub ul {  display:none;}
	.sideMenu li.sub.opened ul { display:block;}
	.sideMenu ul { margin:0px; padding:0px; list-style-type:none; list-style-image:none;}
	.sideMenu ul li a { padding-left:40px; display:block;}
	
	.sideMenu li.sub.opened ul li:first-child {border-top:solid 1px #ebebec; margin-top:20px; padding-top:20px;}
	.sideMenu ul li:last-child {border-bottom:none; margin-bottom:0px;}
	.sideMenu li.sub ul li:first-child.selected:after {top:20px;}
	
	
	.toglleSideBar { width:100%; height:50px; line-height:50px; margin-bottom:30px; display:none; text-overflow: ellipsis;  white-space: nowrap; overflow:hidden; position:relative;}
	#footerOndersteuning { display:none;}
	.toglleSideBar.active {margin-bottom:0px;}
	.toglleSideBar:after { position:absolute; font-family:'FontAwesome';content:"\f078"; top:0; right:20px; color:#fff;}
	.toglleSideBar.active:after { content:"\f077";}
	
	#sidebar .input-group,
	#sidebar .btn-filter { margin-bottom:20px; }
	
	/* Nieuws */
	.contentBlok .nieuwsLijst { padding:0px; list-style-type:none;}
	.contentBlok .nieuwsLijst li a span.NJiLink { margin-left:10px; color:#595959; display:inline-block;}
	.contentBlok .nieuwsLijst li { margin:0; padding:0;}
	.contentBlok .nieuwsLijst li .date { font-size:90%;}
	.contentBlok img { max-width:100%; margin-bottom:20px;}
	.contentBlok .fullImage {position: absolute;height: 100%;top: 0px; background-size: cover;background-position: center center; background-repeat:no-repeat; overflow:hidden;}
	.contentBlok .fullImage:hover {/*background-size:120% 120%;*/}
	.contentBlok .fullImage.pull-right {right: 0px;}
	.contentBlok .fullImage.pull-left {left: 0px;}
	.contentBlok .fullImage.topImg { background-size: 100% 100%; position:relative; top:-20px;}
	.contentBlok .fullImage.topImg.pull-left {left:-5px;}
	.contentBlok .fullImage.topImg.pull-right { right:-5px;}
	.contentBlok .textImage.pull-left { padding-right:30px;}
	.contentBlok .textImage.pull-right { padding-left:30px;}
	.contentBlok.hasImage { position:relative;}
	.contentBlok .btn { margin-bottom:20px;}
	.bronText {color:#7d7d7c;}
	
	/* Tabs */
	.tab-content { padding:20px;}
	.nav.nav-tabs li { margin:0px 0px -1px 0px; padding:0px; background-color:#d4d4d3;}
	.nav.nav-tabs li.active a { color:#d82900; border-top:solid 2px #d82900;}
	.nav.nav-tabs li:hover a { color:#d82900; background-color:#fff; border-top:solid 2px #d82900;}
	.nav.nav-tabs li a { margin-right:0px;border-top:solid 2px transparent; font-size:16px; padding:10px 20px;}
	.nav.nav-tabs li:first-child {-webkit-border-top-left-radius: 4px;-moz-border-radius-topleft: 4px;border-top-left-radius: 4px;}
	.nav.nav-tabs li:last-child {-webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
	
	
	/* corners image */
	.contentBlok .fullImage.pull-right {-webkit-border-top-left-radius: 0px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 0px;-moz-border-radius-topright: 4px;	border-top-left-radius: 0px;	border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 0px;	-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 0px;	border-bottom-right-radius: 4px;	border-bottom-left-radius: 0px;}
	
	.contentBlok .fullImage.pull-left {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 0px;-moz-border-radius-topleft: 4px;	-moz-border-radius-topright: 0px;border-top-left-radius: 4px;border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 0px;border-bottom-left-radius: 4px;}
	
	.contentBlok .fullImage.topImg.pull-right,
	.contentBlok .fullImage.topImg.pull-left {-webkit-border-top-left-radius: 4px;-webkit-border-top-right-radius: 4px;-moz-border-radius-topleft: 4px;	-moz-border-radius-topright: 4px;border-top-left-radius: 4px;border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px;-moz-border-radius-bottomright: 0px;	-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
	
	.contentBlok img.fw { min-width:100%; width:100%;}
	
	/*.contentBlok .verticalImg .helper {display: inline-block;height: 100%; vertical-align: middle;}
	.contentBlok .verticalImg img {vertical-align: middle;}*/
	
	.divider { margin:0; padding:0; margin-bottom:20px; padding-bottom:20px; border-bottom:solid 1px #ebebec;}
	.contentBlok .nieuwsLijst li:after { clear: both;content: ".";display: block;height: 0;visibility: hidden;}
	
	.vimeo-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; margin-bottom:20px;} 
	.vimeo-container iframe, .vimeo-container object, .vimeo-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
	
	.terugNaar { color:#7d7d7c; margin-bottom:20px; display:block;}
	
	/* post author */
	.author { margin-bottom:20px;}
	.author img { width:66px; height:66px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; float:left;}
	.author span {width:66px; height:66px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; background-color:#e0e0de; display:block; margin-left:80px;}
	
	/* input field (niewusbrief en kennis)*/
	.nieuwsbrief span, .nieuwsbrief .form-control, .nieuwsbrief button, .nieuwsbrief .form-control:focus,
	.kennisbank span, .kennisbank .form-control, .kennisbank button {float:left; line-height:40px; margin-right:20px; margin-bottom:20px;}
	
	.nieuwsbrief input[type="text"].form-control,
	.kennisbank input[type="text"].form-control { width:200px; background-color:#ebebea; border-color:#e0e0de;}
	.kennisbank input[type="text"].form-control { width:300px;}
	
	/* Contact list */
	.labeledList { list-style-type:none; margin:0; padding:0; margin-bottom:20px;}
	.labeledList li { margin-bottom:5px; padding:0px; position:relative;}
	.labeledList .listLabel { font-weight:bold; width:150px; display:inline-block;}
	.labeledList .icon { padding-left:25px;}
	.labeledList .icon .listLabel {width:20px; color:#bebdbd; position:absolute; top:0px; left:0px;}
	
	/* agenda */
	.agenda { list-style-type:none; margin:o; padding:0;}
	.agenda li { position:relative; margin:0; padding:0;}
	.agenda li section {padding:0px 0px 20px 70px; border-bottom: solid 1px #ebebec; margin-bottom:20px;}
	.agenda li:last-child section { border:none;margin-bottom:0px; padding-bottom:0px;}
	.agenda li .timeLabel { position:absolute; top:0px; left:0px; width:55px; height:53px; padding-top:6px; background-color:#ebebea; border-bottom: solid 2px #d4d4d3; text-align:center; color:#f02d00;}
	.agenda li .timeLabel .day { font-size:24px; width:100%; display:block;}
	.agenda li .timeLabel .month {font-size:12px;width:100%;display:block;}
	
	/* Oordeel */
	.oordeel {list-style-type:none; margin:0; padding:0; margin-bottom:20px;}
	.oordeel li { position:relative; padding-left:30px; margin-bottom:10px;}
	.oordeel li span { position:absolute; left:0px; width:20px; height:20px; background-color:#e0e0de; text-align:center; line-height:20px; -webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; font-size:12px;}
	.oordeel li.selected span { background-color:#f02d00; color:#fff; }
	
	/* quote */
	.quoteOwner { color:#7d7d7c; font-size:12px; padding-bottom:20px; display:block;}
	blockquote { font-size:28px; line-height:39px; color:#7d7d7c; border:none; padding:0; font-style:italic;}
	
	/* Formulier in content */
	.contentFormulier {}
	.contentFormulier label { line-height:40px;}
	.contentFormulier .form-control, .form-control, .form-control:focus { margin-bottom:10px;  outline:none; box-shadow: none; appearance:none;-moz-appearance:none; /* Firefox */-webkit-appearance:none; /* Safari and Chrome */}
	.contentFormulier .form-control.klein { width:100px;} 
	.contentFormulier .form-control.middel,
	.contentFormulier .custom-dropdown.middel { width:300px;} 
	
	/* pagination */
	.pagination { margin:27px 0px 20px;}
	.pagination li { display:inline-block;}
	
	.pagination li a { background-color:#f1f1f0; width:40px; height:40px; border:none; border-bottom: solid 2px #bebdbd; color:#00859f; line-height:40px; text-align:center; padding:0px; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
	.pagination li.selected a,
	.pagination li a:hover {background-color:#00859f; border-bottom: solid 2px #004453; color:#fff;}
	
	/* medewerkers */
	.medewerkers { list-style-type:none; margin:0px; padding:0px;}
	/*.medewerkers*/ img.profielFoto {-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; width:100%; max-width:140px; border: solid 2px #e0e0de; margin-bottom:20px;}
	img.profielFoto.large {max-width:160px;}
	.medewerkers li { padding:0;}
	
	/* Accordion */
	.panel-group .panel {box-shadow: none; border:none;}
	.panel-group .panel .panel-heading {padding:0;}
	.panel-group .panel .panel-heading a { width:100%; display:block; padding:10px 25px 20px 15px; color:#004453; background-color:#f1f1f0; position:relative; font-size:14px;}
	.panel-group .panel .panel-heading a:hover,
	.panel-group .panel .panel-heading a:focus { text-decoration:none;}
	.panel-group .panel .panel-heading a:after {font-family:'FontAwesome';content:"\f068"; position:absolute; top:10px; right:10px; color:#f02d00;}
	.panel-group .panel .panel-heading a.collapsed:after {content:"\f067"; color:#004453;}
	.panel-group .panel .panel-body { background-color:#e2e2e1; border-top:none!important; padding:5px 15px;}
	
	.panel-group.coloredTitle .panel-heading a { background-color:#e2e2e1; color:#d82900; /*font-size:22px; padding:20px 25px 20px 15px;*/}
	.panel-group.coloredTitle .panel-heading a:after { font-size:14px;}
	.panel-group.coloredTitle .panel .panel-heading a.collapsed {background-color:#f1f1f0; color:#004453; font-size:14px;padding:10px 25px 10px 15px; }
	.panel-group.numbered.coloredTitle .panel .panel-heading a { padding-left:40px;}
	.panel-group.numbered.coloredTitle .panel .panel-heading a span { position:absolute; left:15px; /*top:20px;*/}
	.panel-group.numbered.coloredTitle .panel .panel-heading a.collapsed { padding-left:40px;}
	.panel-group.numbered.coloredTitle .panel .panel-heading a.collapsed span { position:absolute; left:15px; top:10px;}
	.panel-group.numbered.coloredTitle .panel .panel-body { padding-left:40px;}
	
	.accordionMoreInfo { width:100%;}
	.accordionMoreInfo  li { background-color:#f1f1f0; padding-left:20px; padding-bottom:15px; margin-top: -3px; padding-top:3px;}
	.accordionMoreInfo  li a { position:relative; display: inline-block;}
	.panel-group .panel:last-child .linkList.accordionMoreInfo li {border-bottom: solid 2px #004453;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
	.panel-group .panel:last-child .panel-collapse.collapse.in + .linkList.accordionMoreInfo li { border-bottom:none;}
	.panel-group .panel .panel-collapse.collapse.in + .linkList.accordionMoreInfo li { background-color:#e2e2e1;}	
	
	/* blue border bottom */
	.panel-group.coloredTitle .panel:last-child .panel-heading a.collapsed { border-bottom:solid 2px #004453; -webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
	
	/* Popup */
	.popupContainer { position:absolute; z-index:1000; width:100%; height:100%; top:0px;}
	.popupContainer .popupBG {position:fixed;background-color:rgba(0,0,0,0.60); width:100%; height:100%; top:0px;}
	.popupContainer .popup { position:relative; z-index:1200; top:200px;}
	.popupContainer .popup .contentBlok {box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5); position:relative;}
	.popupContainer .popup .contentBlok .btn-close { position:absolute; color:#fff; width:40px; height:40px; display:block; text-align:center; background-color:#00859f; top:0px; right:0px; line-height:40px; font-size:16px; -webkit-border-top-right-radius: 4px;-moz-border-radius-topright: 4px;border-top-right-radius: 4px;}
	.popupContainer .popup .contentBlok .btn-close:hover { background-color:#004453;}
	.popupContainer .popup .contentBlok .form-control { margin-bottom:20px;}
	.popupContainer .popup .contentBlok .h2Style { padding-right:60px;}


	.popupContainer .popup .contentBlok footer .btn { margin-bottom:0px; margin-right:20px;}
	.popupContainer .popup .contentBlok footer { background-color:#efefee; padding:20px; margin:0px -20px -20px -20px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px;-moz-border-radius-bottomright: 4px;-moz-border-radius-bottomleft: 4px;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;}
	
	.closePopup { cursor:pointer;}
	
	/* Centering columns */
	.center-col {float: none; margin:0 auto;}
	
	/* Zoekresultaten */
	.zoekResultaten { margin:0; padding:0; list-style-type:none;}
	.zoekResultaten li { margin:0; padding:0;}
	
	.resultaatContainer { position:relative;}
	.resultaatContainer .zoekResultaten { position:relative;}
	.resultaatContainer .resultaatSpinner { width:100%; height:100%; background-color:rgba(255,255,255,0.90);z-index:1000; position:absolute; text-align:center;}
	.resultaatContainer .resultaatSpinner img{ margin-top:50px;}
	
	/* Table */
	.table thead { background-color:#004453; color:#fff; font-size:16px;}
	.table tbody tr { background-color:#f5f5f5;}
	.table tbody tr:nth-child(odd) { background-color:#fff;}
	.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{ border-top:none;}
	
	.table>tbody>tr>td,
	.table>tbody>tr>th { border-right: solid 1px #e2e2e1}
	.table>tbody>tr>td:last-child {border-right:none;}
	.table>thead>tr>th { border-right: solid 1px #166171}
	.table>thead>tr>th:last-child {border-right:none;}
	
	/* Dropdown */
	.custom-dropdown {width:100%; margin-bottom:10px;}
	.custom-dropdown-select{font-size: inherit;padding: .5em;padding-left:10px;margin: 0;background-color: #fff;color: #444; -webkit-appearance: none; -moz-appearance: none;text-indent: 1px; text-overflow: ''; }

	select::-ms-expand {display: none;}

    .custom-dropdown {position: relative;display: inline-block;vertical-align: middle;}
    .custom-dropdown-select {/*padding-right: 2.5em;*/  border: 1px solid #ccc; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-appearance: none;-moz-appearance: none;appearance: none; height:40px; width:100%; }
    .custom-dropdown::before,
    .custom-dropdown::after { content: ""; position: absolute;pointer-events: none; }
    .custom-dropdown::after {  font-family:'FontAwesome'; content: "\f078"; font-size: 14px;  right: 0; top: 0; background-color:#00859f; width:40px; height:40px; line-height:40px; text-align:center; color:#fff!important; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 4px;-moz-border-radius-topright: 4px;-moz-border-radius-bottomright: 4px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
    .custom-dropdown::before {width: 2em; right: 0; top: 0; bottom: 0;border-radius: 0 3px 3px 0;}
    .custom-dropdown-select[disabled] {color: rgba(0,0,0,.3);}
    .custom-dropdown.custom-dropdown-disabled::after {color: rgba(0,0,0,.1);}
    .custom-dropdown::before {background-color: #fff;border-left: 1px solid rgba(0,0,0,.1);}
    .custom-dropdown::after {color: rgba(0,0,0,.9);}

/* Transition styling */
a,
.contentBlok .fullImage,
.mainNav {-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}

/* full page table */
.fullTable { max-width:1200px; padding:40px; margin:0 auto;}
@media (max-width: 767px) { 
.fullTable { max-width:1200px; padding:10px; margin:0 auto;}
}

/*Responsive styles */
	/* Large desktop */
	@media (min-width: 1200px) { 
	/* CSS ADDED */
	.headerBar { height:168px;}
	.NJILogo {-webkit-transition:none;-moz-transition: none;-o-transition: none;transition: none;}
	/* END CSS ADDED */
	}
	
	/* landscape to desktop */
	@media (min-width: 992px) and (max-width: 1199px) { 
		/* header */
		/* CSS ADDED */
		.headerBar { height:160px;}
		.NJILogo {-webkit-transition:none;-moz-transition: none;-o-transition: none;transition: none;}
		/* END CSS ADDED */
		
		/* CSS CHANGED */
		/*.headerBar .NJILogo { float:left; padding-bottom:20px; margin-top:56px;}
		.headerBar .NJILogo img { width:200px;} */
		.headerBar .NJILogo { bottom:15px;}
		.headerBar .NJILogo img { width:250px;} 
		/* END CSS CHANGED */
		.headerBar .mainNav ul li a { padding:0px 15px; font-size:15px;}
		.headerBar .mainNav ul { margin-bottom:30px;}
	}
	
	/* Mobile menu up */
	@media (min-width: 768px) {
		.mainNav { display:block!important;}
		.pageMeta.header { display:block;}
		.pageMeta.footer { display:none;}
	}
	 
	/* Portrait tablet to landscape and desktop */
	@media (min-width: 768px) and (max-width: 991px) { 
		/* header */
		/* CSS ADDED */
		.headerBar { height:194px;}
		/* END CSS ADDED */
		
		
		/* CSS CHANGED */
		/*.headerBar .NJILogo { float:left; padding-bottom:30px; margin-top:20px;}
		.headerBar .NJILogo img { width:170px;}*/
		.headerBar .NJILogo { float:left; padding-bottom:30px; margin-top:20px; position:relative; bottom:0px;}
		.headerBar .NJILogo img { width:190px; margin-top:4px;}
		/* END CSS CHANGED */
		
		
		
		.headerBar .mainNav { width:100%; float:none;}
		.headerBar .mainNav ul { margin-bottom: 30px; text-align:center; width:100%;}
		.headerBar .mainNav ul li a { padding:0px 15px; font-size:14px;}
		
		.headerBar .tinyNav { margin-top:30px;}
		.headerBar .tinyNav #searchField {width:220px;}
		.contentBlok .fullImage,
		.contentBlok .fullImage:hover {background-size: cover; }
	}
	/* Up untill portrait tablet */
	@media (min-width: 992px) { 
		#sidebar { display:block!important;} 
	}
	@media (max-width: 991px) { 
		#sidebar { display:none;}
		#ondersteuning { margin-top:0px;}
		.toglleSideBar,
		#sidebar.alwaysVisible,
		#footerOndersteuning { display:block;} 
		#sidebar .ondersteuning { display:none;}
		
		.sideMenu li:last-child {border-bottom: none; margin-bottom:0px;}
		
		.pageMeta.header .shareButtons { margin-bottom:30px; text-align:center;}
		.pageMeta.header .breadcrumb { text-align:center;}
		
		.footerSection .socialIcons span { display:none;}
		.footerSection .socialIcons li { margin-right: 0px;}
		.footerLinks { margin-bottom:40px;}
		
		.contentBlok .col-sm-6.textImage.pull-left { padding-right:15px;}
		.contentBlok .col-sm-6.textImage.pull-right { padding-left:15px;}
		
		
		.pagination { margin:27px 0px 20px;}
		.pagination li { display:none;}
		.pagination li.prev, .pagination li.next, .pagination li.selected,.pagination li.dots { display:inline-block;}
		
		.menuFooter .twoColumns { display:block;}
		.menuFooter .threeColumns { display:none;}
		.changePadding, .contentBlok.changePadding, .contentBlok.hasImage.changePadding{ padding:20px;}
		.contentBlok.changePadding .textImage.pull-right { padding-left: 30px;}
		.contentBlok.changePadding .textImage.pull-left { padding-right: 30px;}
		.contentBlok.changePadding.NieuwsSection .headerBar { padding-left:20px;}
		
		.contentBlok.NieuwsSection.changePadding { padding-top:80px;}
	}
	
	
	/* Landscape phone to portrait tablet */
	@media (max-width: 767px) { 
	
		/* header */
		/* CSS ADDED */
		.headerBar { height:99px;}
		/* END CSS ADDED */
		
		/* CSS CHANGED */
		/*.headerBar .NJILogo { float:left; padding-bottom:20px; margin-top:10px;}
		.headerBar .NJILogo img { width:150px;}*/
		.headerBar .NJILogo { float:left; padding-bottom:20px; margin-top:10px; position:relative; bottom:0px;}
		.headerBar .NJILogo img { width:190px;}
		/* END CSS CHANGED */
		
		
		.headerBar .tinyNav { margin-top:20px;}
		.headerBar .tinyNav #searchField { display:none;}
		.headerBar .tinyNav .input-group .input-group-btn:last-child>.btn{border-top-left-radius: 4px;border-bottom-left-radius: 4px; }
		
		/* Mobile menu */
		#nav-toggle,
		#search-toggle { display:block;}
		
			/* List styling */
			.headerBar .mainNav { width:100%; margin-bottom:10px; display:none;position:relative;  margin-top: 0px; }
			.headerBar .mainNav ul li.home a,
			.headerBar .mainNav ul li a { width:100%; text-align:left; padding:0px 20px; border:none; margin:0; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; }
			.headerBar .mainNav ul li { margin:0;}
			
		.contentBlok .fullImage {background-size: cover;}
		/*.sideMenu li.selected:after { content:"\f06e";}*/
		.vimeo-container { margin-bottom:20px;}
		
		.footerSection .form-control { margin-bottom:20px;}
		
		/* Search field */
		.mobileSearch { height:160px; position:relative;}
		.mobileSearch .tinyNav #searchField { position:absolute; bottom:10px; width:100%; padding:0px 15px; left:0px; display:block;}
		.mobileSearch .tinyNav #searchField .input-group-btn { position:absolute; top:0px; right:50px; z-index:20;}
		
		/* Input fields */
		.contentFormulier .form-control.klein,
		.contentFormulier .form-control.middel,
		.contentFormulier .custom-dropdown.middel { width:100%;} 
	
		/*share en breadcrumb */
		.pageMeta.header { display:none;}
		.pageMeta.footer { display:block;}
		.pageMeta.footer .shareText { width:100%; display:block; text-align:center; margin-bottom:10px;}
		.pageMeta.footer .socialIcons,
		.pageMeta.footer .breadcrumb {width:100%; display:block; text-align:center; padding:0px;}
		.pageMeta.footer .socialIcons {margin-bottom:40px;}
		.footerSection .socialIcons li { /*width:100%; display:block; margin-bottom:10px;*/ margin-bottom:10px;}
		
		.breadcrumb>li {  display: inline;}
		
		.sloganContainer li { margin-bottom:15px;}
		.sloganContainer li span { font-size:20px;}
		.sloganContainer li.first span {  padding: 10px 15px 10px 15px;}
		.sloganContainer li.second span {  padding: 2px 15px 8px 15px;}
		.sloganContainer li.second {margin-bottom: 13px;}
		.menuFooter .twoColumns { display:none;}
		.menuFooter .threeColumns { display:block;}
	}
	
	@media (max-width: 560px) { .hideOnMobile { display:none!important;}}
	 
	/* Landscape phones and down */
	@media (max-width: 480px) { 
		/* CSS ADDED */
		.headerBar { height:63px;}
		/* END CSS ADDED */
		.contentBlok .fullImage {background-size: cover;} 
		.sloganContainer li { margin-bottom:6px;}
		.sloganContainer li span { font-size:13px;}
		.sloganContainer li.first span {  padding: 8px 15px 8px 15px;}
		.sloganContainer li.second span {  padding: 2px 15px 8px 15px;}
		.sloganContainer li.second {margin-bottom: 9px;}
		
		/* Font styling */
		/* CSS CHANGED */
		.h1Style { font-size:22px; line-height:28px; margin:0px 0px 15px;}
		.h2Style { font-size:20px; line-height:26px; margin:0px 0px 15px;}
		.h3Style, .h3SubStyle, .h3SubHeadStyle {font-size:18px; line-height:24px; margin:0px 0px 10px;}
		.h1Style { font-size:22px; line-height:28px; margin:0px 0px 15px;}
		.mainContent h1 { font-size:22px; line-height:28px; margin:0px 0px 15px; font-weight:600;}
		.mainContent h2 { font-size:18px; line-height:28px; margin:0px 0px 10px; font-weight:600;}
		.mainContent h3 { font-size:16px; line-height:20px; margin:0px 0px 10px; font-weight:600;}
		.h2Style {     font-size: 22px;    line-height: 26px;   margin: 0px 0px 15px;   font-weight: 400;}
		.h3Style, .h3SubStyle, .h3SubHeadStyle {font-size:18px; line-height:24px; margin:0px 0px 15px;}
		.h3SubHeadStyle { font-size:16px;}
		/* END CSS CHANGED */
		p { line-height:25px;}
		
		.headerBar .NJILogo {padding-bottom: 0px; margin-top: 0px;/*width: 70px;overflow: hidden;*/ float:left;}
		/* CSS CHANGED */
		/*.headerBar .NJILogo img { width: 111px;}*/
		.headerBar .NJILogo img { width: 140px;}
		/* END CSS CHANGED */

		.headerBar .tinyNav { width:auto; margin-top:0px;}
		.hideOnMobile { display:none!important;}
		.headerBar .tinyNav li.fontSize { border-right:none;}
		.mobileSearch { height:113px; }
		
		/* input field (niewusbrief en kennis)*/
		.nieuwsbrief span, .nieuwsbrief input[type="text"].form-control, .nieuwsbrief button,
		.kennisbank span, .kennisbank input[type="text"].form-control, .kennisbank button { width:100%; margin-bottom:10px; display:block;}
		
		/* Agenda*/
		.agenda li .timeLabel { position:relative;  display:block; margin-bottom:20px;}
		
				
		.agenda li section { padding: 0px 0px 20px 0px; }
		.pagination { margin:10px 0px 20px;}
		
		/* labeled list */
		.labeledList .listLabel {width:100%; position:relative;}
		.labeledList .icon .listLabel {width:20px; color:#bebdbd; position:absolute; top:0px; left:0px;}
		.inlineImg { min-width:100%;}
	}
	
	/* mobile portrait*/
	@media (max-width: 320px) { 
		.copyrightBar { text-align:center;}
		.hideMobilePortrait { display:none;}
		
		/* CSS ADDED */
		.headerBar .NJILogo img { width: 120px; margin-top:4px;}
		/* END CSS ADDED */
	}


/* Custom checbox and radio */
.checkbox {padding-left: 20px}
.checkbox label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px}
.checkbox label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;top:3px;margin-left: -20px;border: 1px solid #cccccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;background-color: #fff;-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;transition: border 0.15s ease-in-out, color 0.15s ease-in-out;line-height:17px}
.checkbox label::after {display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;top: 3px;margin-left: -20px;font-size: 10px;text-align:center;color: #555555;line-height:17px;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.checkbox input[type="checkbox"] {opacity: 0;z-index: 1;}
.checkbox input[type="checkbox"]:focus + label::before {outline: none;}
.checkbox input[type="checkbox"]:checked + label::after {font-family: 'FontAwesome';content: "\f00c"; background-color:#00859f; color:#fff; border:solid 1px #00859f;}
.checkbox input[type="checkbox"]:disabled + label {opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before {background-color: #eeeeee;cursor: not-allowed;}

.radio {padding-left: 20px;}
.radio label {display: inline-block;vertical-align: middle;position: relative;padding-left: 5px;}
.radio label::before {content: "";display: inline-block;position: absolute;width: 17px;height: 17px;left: 0;top:3px;margin-left: -20px;border: 1px solid #cccccc;border-radius: 50%;background-color: #fff;-webkit-transition: border 0.15s ease-in-out;-o-transition: border 0.15s ease-in-out;transition: border 0.15s ease-in-out;}
.radio label::after {display: inline-block;position: absolute;content: " ";width: 9px;height: 9px;left: 4px;top: 7px;margin-left: -20px;border-radius: 50%;background-color: #00859f;-webkit-transform: scale(0, 0);-ms-transform: scale(0, 0);-o-transform: scale(0, 0);transform: scale(0, 0);-webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);-o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33);}
.radio input[type="radio"] {opacity: 0;z-index: 1;}
.radio input[type="radio"]:focus + label::before {outline: none;}
.radio input[type="radio"]:checked + label::after {-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);}
.radio input[type="radio"]:disabled + label {opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before {cursor: not-allowed;}

input[type="checkbox"].styled:checked + label:after {font-family: 'FontAwesome';content: "\f00c";}
input[type="checkbox"] .styled:checked + label::before {color: #fff;}
input[type="checkbox"] .styled:checked + label::after {color: #fff;}

/* Extra responsive size */
col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11,.col-ms-12 {position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
 
@media (min-width: 480px) and (max-width: 767px) {
.col-ms-1,.col-ms-2,.col-ms-3,.col-ms-4,.col-ms-5,.col-ms-6,.col-ms-7,.col-ms-8,.col-ms-9,.col-ms-10,.col-ms-11{float:left;}.col-ms-1{width:8.33333%;}.col-ms-2{width:16.66667%;}.col-ms-3{width:25%;}.col-ms-4{width:33.33333%;}.col-ms-5{width:41.66667%;}.col-ms-6{width:50%;}.col-ms-7{width:58.33333%;}.col-ms-8{width:66.66667%;}.col-ms-9{width:75%;}.col-ms-10{width:83.33333%;}.col-ms-11{width:91.66667%;}.col-ms-12{width:100%;}.col-ms-push-1{left:8.33333%;}.col-ms-push-2{left:16.66667%;}.col-ms-push-3{left:25%;}.col-ms-push-4{left:33.33333%;}.col-ms-push-5{left:41.66667%;}.col-ms-push-6{left:50%;}.col-ms-push-7{left:58.33333%;}.col-ms-push-8{left:66.66667%;}.col-ms-push-9{left:75%;}.col-ms-push-10{left:83.33333%;}.col-ms-push-11{left:91.66667%;}.col-ms-pull-1{right:8.33333%;}.col-ms-pull-2{right:16.66667%;}.col-ms-pull-3{right:25%;}.col-ms-pull-4{right:33.33333%;}.col-ms-pull-5{right:41.66667%;}.col-ms-pull-6{right:50%;}.col-ms-pull-7{right:58.33333%;}.col-ms-pull-8{right:66.66667%;}.col-ms-pull-9{right:75%;}.col-ms-pull-10{right:83.33333%;}.col-ms-pull-11{right:91.66667%;}.col-ms-offset-1{margin-left:8.33333%;}.col-ms-offset-2{margin-left:16.66667%;}.col-ms-offset-3{margin-left:25%;}.col-ms-offset-4{margin-left:33.33333%;}.col-ms-offset-5{margin-left:41.66667%;}.col-ms-offset-6{margin-left:50%;}.col-ms-offset-7{margin-left:58.33333%;}.col-ms-offset-8{margin-left:66.66667%;}.col-ms-offset-9{margin-left:75%;}.col-ms-offset-10{margin-left:83.33333%;}.col-ms-offset-11{margin-left:91.66667%;}
}
 
@media (min-width: 480px) and (max-width: 767px) {
  .container {  max-width: 748px; }
  .form-horizontal .form-group .control-label {text-align:right;}
}

/* Print styling */
@media print {
	.popupContainer,.footerSection,	.headerBar,	.slogan,.pageMeta.header,.pageMeta.footer,#sidebar,	.video-wrapper,	.vimeo-container,.btn,#ondersteuning,.HideInPrint{ display:none!important;}
	.table tr { border-bottom: solid 1px #000;}
	.table>tbody>tr>td, .table>tbody>tr>th {
  		border-right: solid 1px #000;
	}
}