/*	------------------------------------------
	Shared styling between mobile and desktop
	------------------------------------------ */

/*	Flexblocks */

.flexblock {
	border:1px solid #d9d9d9;
	margin:1em 0;
	overflow:hidden;
	position:relative;
}

/* flexblock-A contents */
.flexblock-A h3 {
	color:#00a5e5;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:10px;
}	

.flexblock-A p {
	font-size:1.2em;
}

.flexblock-A ul {
		font-size:1.2em;
		list-style-type: none;
		margin: .5em 0;
	}
	
	.flexblock-A ul.slideshow-slides {
		font-size:1.0em;
	}
		.flexblock-A ul li {}	

.flexblock-A .flexthumb {
	border:1px solid #d9d9d9;
}

.flexblock-A .morelink {}
										
.flexblock-A .imglink {
	display:block;
}	
.flexblock-A span.imglinktitle {
	position:absolute;
	bottom:0;left:0;right:0;
}	
		
.flexblock-A span.imglinktitle a {
	display:block;
	color:#fff;
	font-family: 'NettoOTRegular', sans-serif;
	font-weight:bold;
	text-decoration:none;
}

/* flexblock-B contents */
										
.flexblock-B {}

.flexblock-B h3 {
	color:#00a5e5;
	font-family: 'NettoOTRegular', sans-serif;
	font-size:1.5em;
	font-weight:bold;	
}	
		
.flexblock-B ul li{
	overflow:hidden;
	border-bottom: 1px solid #D9D9D9;    
	background-color: #f8f9fa; 
}

.flexblock-B ul li.alternate{
	background-color: #fff; 
}

.flexblock-B ul li:first-child{
	 border-top: 1px solid #D9D9D9;   
}

	.flexblock-B ul li a {
		display: block;
		float: left;
		text-decoration:none;
		color:#012367;
		font-size:1.2em;
		line-height:160%;
		width: 80%;		
		overflow: hidden;
	}
	
	.flexblock-B ul li .date {
		float:right;
		width: 20%;
	}
		
	.flexblock-B ul li .date span {
		display: block;
		font-family: 'NettoOTRegular', sans-serif;
		font-size: 1.2em;
		color: #00A5E5;
		font-weight: normal;
		text-align: center;
	}
	
	.flexblock-B ul li .date span:first-child {
		font-size: 1.8em;
		height: 17px;		
		font-weight: bold;
	}

	.flexblock-B ul li a:hover {text-decoration:underline;}
	
.flexblock-B a.morelink {
	font-style:italic;
	text-decoration:none;
	font-size:1.2em;
	color:#012367;
}

.flexblock-B a.morelink:hover{
	text-decoration: underline;
}

/* StudyFilter */

#studysearch  {font-family: 'NettoOTRegular', sans-serif;}

.homewrapper h1,
.homewrapper .introtxt {display:none}

/* responsive video embedding */
/*- See more at: http://avexdesigns.com/responsive-youtube-embed/#sthash.LOsZRDvj.dpuf*/
.videocontainer {
	position: relative;
	padding: 0 0 56.25%;
	height: 0; overflow: hidden;
	margin:1em 0;
}
.videocontainer iframe,
.videocontainer object,
.videocontainer embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* jQuery-UI overrides */
.user-generated .accordion {
	font-family: inherit;
	font-size: inherit;
}
	.user-generated .accordion li {
		background: none;
		border-radius: 0;
	}
	.user-generated .accordion li.ui-accordion-header {
		overflow: auto;
	}
		.user-generated .accordion li.ui-accordion-header span.ui-accordion-header-icon {
			top: 13px;
		}
	.user-generated .accordion li.ui-accordion-content {
		margin: 0;
	}
	.user-generated .accordion li.ui-state-hover,
	.user-generated .accordion li.ui-state-active
	 {
		background-color: #00a1de;
		color: #fff;
	}

/*	--------------------------------
	small screen specific styling 
	Legacy styles from the current desktop view are largely omitted on small screens using media queries 
	(with the exception of above style definitions which are shared by all screen sizes). 
	The style definitions below this point: 
	-	were retro-fitted into an existing desktop-only architecture (not ideal, but it works). 
	-	are currently intended for mobile viewing only (hence the media query surrounding it). 	
	-	contain CSS3 techniques that are not necessarily supportted by commonly used desktop browsers at the time of writing (i.e. boz-sizing, transforms)
	-	albeit are setup in such a way that they can provide a solid basis for a possible future 
		desktop restyle towards a more conventional mobile first responsive architecture.
		
	-------------------------------- */

@media screen and (max-width:760px) {

	/* trigger for Evident MediaQuery plugin */
	html { font-family: small; }

	/* temp */
	body > iframe { display: none; }

	/* hyperlinks */
	a {color:#012367;text-decoration:underline; }

	/* button theme 0 - default gray */
	.btn { display: inline-block; padding: 0.5em 1em; margin: 0; color: #606060 !important; 
		text-align: center; text-transform: uppercase; text-decoration: none !important; text-shadow: 1px 1px #ddd;
		font-weight: normal; font-family: inherit; font-family: 'NettoOTRegular', sans-serif; 
		cursor: pointer; outline: none; background-color: #C9C9C9; border:1px solid #FAFAFA;
		border-radius: 5px; box-shadow:0 0 2px 1px rgba(0,0,0,.1); }
	.btn:hover { background-color: #CDCDCD; text-decoration: none; border:1px solid #EEE }

	/* button theme 1 - magenta */
	.btn.theme1 { color: #fff !important; box-shadow: 0 0 1px 1px rgba(0,0,0,.4); border: 1px solid #F422A6; text-shadow: none; background: #d20084 url('/includes/image/zadkinenl/bullets.gif') no-repeat 1px -97px; padding-left: 20px; }
		.btn.theme1:hover { background-color: #d20084; text-decoration: none; }
	.btn.theme1.aanmeldbutton { background-image: none; } /* ticket 33552 */
	#filtermenu .btn.theme1 { background-image: none; } /* ticket 33549 */
	.bottom_buttons .btn.theme1 { background-image: none; } /* ticket 33552 */
	#studyfilterlink .btn.theme1 { background-image: none; padding-left:14px; } /* ticket 33552 */
	
	/*  The vendor-specific and generic animation keyframes for spinners.
	 *  These control the direction and nature of the animation. */

	@-webkit-keyframes spin {
		0% { -webkit-transform: rotate(0deg); }
		100% { -webkit-transform: rotate(360deg); }
	}

	@-moz-keyframes spin {
		0% { -moz-transform: rotate(0deg); }
		100% { -moz-transform: rotate(360deg); }
	}

	@-ms-keyframes spin {
		0% { -ms-transform: rotate(0deg); }
		100% { -ms-transform: rotate(360deg); }
	}

	@-o-keyframes spin {
		0% { -o-transform: rotate(0deg); }
		100% { -o-transform: rotate(360deg); }
	}

	@keyframes spin {
		0% { transform: rotate(0deg); }
		100% { transform: rotate(360deg); }
	}

	/* reset (in this case focused on mobile) */
	body { -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; }
	button, select, textarea { -webkit-appearance: none; } 
	img { display: block; max-width: 100%; height: auto; }
	/*	if needed
		input, button, select, textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
		input[type=search] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; }
	*/

	#quickfilter h3,
	h1 { font-size: 2rem; line-height: 1; padding: .2em 0 .8em; font-weight: normal; font-family: 'NettoWebBold', sans-serif; letter-spacing: -1px; }

	.homewrapper h1 {display:block;padding:3% 5% 3%}
	.homewrapper .introtxt {display:block;padding:0 5%}
	.homewrapper .introtxt p {font-size:1.4em;line-height:1.5}

	.maincontent .date {font-size:1em;font-style:italic}

	/* colour settings */
	.homewrapper #studyfilterlink h2,
	.homewrapper #studyfilterlink p,
	.teaser span { background-color: rgba(245,130,51,.8); }
	/* orange = default */
	.homewrapper #studyfilterlink h2.paars,
	.homewrapper #studyfilterlink p.paars,
	.teaser-paars span { background-color: rgba(117,43,144,.8); }
	.homewrapper #studyfilterlink h2.groen,
	.homewrapper #studyfilterlink p.groen,
	.teaser-groen span { background-color: rgba(146,200,73,.8); }
	.homewrapper #studyfilterlink h2.geel,
	.homewrapper #studyfilterlink p.geel,
	.teaser-geel span { background-color: rgba(255,222,0,.8); }
	.homewrapper #studyfilterlink h2.blauw,
	.homewrapper #studyfilterlink p.blauw,
	.teaser-blauw span { background-color: rgba(0,171,232,.8); }
	.homewrapper #studyfilterlink h2.donkerblauw,
	.homewrapper #studyfilterlink p.donkerblauw,	
	.teaser-donkerblauw span { background-color: rgba(0,38,100,.8); }
	.homewrapper #studyfilterlink h2.rood,
	.homewrapper #studyfilterlink p.rood,
	.teaser-rood span { background-color: rgba(237,24,71,.8); }
	.homewrapper #studyfilterlink h2.grijs,
	.homewrapper #studyfilterlink p.grijs,
	.teaser-grijs span { background-color: rgba(115,128,139,.8); }

	

	/* readmore links */
	a.readmore { display: block; padding: 0 5%; line-height: 3; text-align: right; font-style:italic; text-decoration:none}
		a.readmore:before { content: ">"; font-family: zadkineicons; font-style: normal; position: relative; top: .1em; left: -.2em; font-size: .9em; }

	/* goback links */
	a.backbtn { display: block; padding: 0 5% 5%; line-height: 1.2; font-style:italic; text-decoration:none}
		a.backbtn:before { content: "<"; font-family: zadkineicons; font-style: normal; position: relative; top: .1em; left: -.5em; font-size: .9em; }

	header { padding: 0 3%; height: 6em; -webkit-box-shadow: 0 -16px 30px 7px #000; box-shadow: 0 -16px 30px 7px #000; position: relative; z-index: 2; overflow: hidden; }
	/* all #wrapper contents except footer */
	#masthead, .breadcrumb, .doublecolwrapper, .triplecolwrapper {padding: 0 5%;}
	#disclaimer { font-size: 1.3em; font-weight: bold; padding: 2em 0 1em;text-align:center;color:#bbb }
		#disclaimer a { color: #00A5E5; }
	.maincontent { padding: 2em 0 0; }

	.aside,
	#toplinks,
	#subnav,
	.breadcrumb,
	.addthis_toolbox,
	#bottomlink,
	h2.systemgenerated { display: none; }

	header { position: relative; background: #fff; font-family: 'NettoWebBold', sans-serif; }
		header > .logo { display: block; margin: 0 auto; padding: 1em 0; width: 4em; }
		header #nav-trigger, header #search-trigger { color: #333; text-decoration: none; font-size: 1.7em; text-transform: uppercase; position: relative; }
		header #nav-trigger { float: left; left: -1em; padding: .8em 0 .8em 1em;}
		header #search-trigger { float: right; right: -1em; padding: .8em 1em .8em 0;}
			header #nav-trigger:before, header #search-trigger:after { color: #CF0384; line-height: 1; font-family: zadkineicons; text-transform: lowercase; font-size: 150%; position: relative; top: .1em; }
		header #nav-trigger:before { content: "n"; padding-right: .3em; }
		header #search-trigger:after { content: "s"; padding-left: .3em; }

	#ctrFooter {padding:8% 5%;background-color:#CED8DE;margin-top:3em}		
		#footer a {display:block;color:#666;font-size:1.4em;line-height:200%;text-decoration:none}
		#footer h4 {font-family:'NettoOTRegular',sans-serif;font-size:200%;margin-top:1em;display:none}
		#footer li {display:none}
		#footer li.priority {display:block}

	#mainnav { position: absolute; left: -5%; min-width: 95%; max-width: 95%; z-index: 11; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: translate(-100%, 0); -webkit-transform: translate(-100%, 0); -o-transform: translate(-100%, 0); -ms-transform: translate(-100%, 0); -transform: translate(-100%, 0); -moz-transition: ease-in .2s -moz-transform; -webkit-transition: ease-in .2s -webkit-transform; -o-transition: ease-in .2s -o-transform; -ms-transition: ease-in .2s -ms-transform; transition: ease-in .2s transform; background-color: #CED8DE; }
		#mainnav.nav-visible { -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -moz-box-shadow: 0 1em 2em #333; -webkit-box-shadow: 0 1em 2em #333; box-shadow: 0 1em 2em #333; }
	#quicksearch { position: absolute; top: -12em; left: 0; z-index: 11; width: 100%; height: 6em; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transform: translate(0, 0); -webkit-transform: translate(0, 0); -o-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); -moz-transition: ease-out .2s -moz-transform; -webkit-transition: ease-out .2s -webkit-transform; -o-transition: ease-out .2s -o-transform; -ms-transition: ease-out .2s -ms-transform; transition: ease-out .2s transform; background-color: #012367; }
		#quicksearch.search-visible { -moz-transform: translate(0, 6em); -webkit-transform: translate(0, 6em); -o-transform: translate(0, 6em); -ms-transform: translate(0, 6em); transform: translate(0, 6em); /*-moz-box-shadow: 0 1em 2em #333; -webkit-box-shadow: 0 1em 2em #333; box-shadow: 0 1em 2em #333; */ }

	/* Hamburger */
	#mainnav a { display: block; font-size: 1.8em; color: #666; padding: 4% 15% 4% 8%; text-decoration: none; font-family: 'NettoOTRegular', sans-serif; }
	#mainnav ul li { border-top: 1px solid #fff; }
	#mainnav a span { display: none; }
	#mainnav > li { border-bottom: 1px solid #fff; }
		#mainnav > li > a { font-size: 2.5em; text-transform: uppercase; color: #fff; background-color: #99A3A9; }

	/* Hamburger Menu Level 1 */
	#mainnav > .mainitem > a.expandable { position: relative; }
		#mainnav > .mainitem > a.expandable + ul { display: none; }
		#mainnav > .mainitem > a.expandable.open + ul { display: block; }

	/* Hamburger Menu Level 2 */
	#mainnav > .mainitem ul li a.expandable { position: relative; }
		#mainnav > .mainitem > ul > li > a.expandable:after,
		#mainnav > .mainitem > ul > li > a.open:after { font-family: zadkineicons; content: '+'; display: block; position: absolute; right: 1em; top: 50%; color: #666; width: 1em; height: 1em; font-size: .8em; text-align: center; line-height: 1; text-transform: uppercase; margin-top: -.5em; }
	#mainnav > .mainitem > ul > li > a.open:after { content: '-'; }
	#mainnav > .mainitem > ul li a.expandable + ul { display: none; }
	#mainnav > .mainitem > ul li a.expandable.open + ul { display: block; }
	#mainnav > .mainitem > ul li li { border: none; background: #e6ebee; }
		#mainnav > .mainitem > ul li li a { padding: 2% 8% 2% 10%; }
		#mainnav > .mainitem > ul > li.current > a,
		#mainnav > .mainitem > ul > li li.current a { font-weight:bold }

	#quicksearch > span { display: none; }
	#quicksearch .search { padding: 1.5em 4%; }
		#quicksearch .search > label { display: none; }
	#quicksearch input.quicksearch { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 70%; padding: 0 2%; font-size: 2em; height: 1.5em; border-radius: .3em; border: 0; }
	#quicksearch .search:after { /*content: "s"; font-family: zadkineicons; text-indent: 0; color: #ddd; display: block; font-size: 2em; text-decoration: none; width: 2em; height: 2em; border-radius: 0; text-transform: lowercase; position: absolute; left: 1.2em; top: .8em; z-index: 14; */ }
	#quicksearch input.inputsubmit { display: none; /*-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; width: 2em; height: 2em; border-radius: 0; background: none; border: 0; padding: 1.5em; cursor: pointer; position: absolute; left: 61%; top: .9em; z-index: 15;*/ }

	#quicksearch #suggestedlist { display: block; background-color: #012367; color: #fff; font-size: 2em; font-family: 'NettoOTRegular', sans-serif; position: absolute; top: 100%; width: 100%; -webkit-box-shadow: 0 30px 60px -25px #000; box-shadow: 0 30px 60px -25px #000; }
		#quicksearch #suggestedlist li { border-top: 1px solid #fff; }
			#quicksearch #suggestedlist li a { color: #fff; display: block; padding: 3% 3% 3% 4%; text-decoration: none; }


	#quicksearch .close { display: block; width: auto; padding: 0 .8em; position: absolute; top: 0; bottom: 0; right: 0; text-decoration: none; line-height: 3.3em; color: #fff; font-size: 1.8em; font-family: 'NettoWebBold', sans-serif; text-transform: uppercase; }
	/*#quicksearch .close:after { content: "x"; font-family: zadkineicons; text-indent: 0; color: #fff; display: block; font-size: 2em; text-decoration: none; }*/

	/* Masthead contents */

	#masthead { position: relative; }
		#masthead .logo { max-width: 86px; position: absolute; top: 0; z-index: 10; display: none; }
			#masthead .logo img { max-width: 86px; }
	.homewrapper .logo { position: absolute; top: 0; left: 0; display: none; }
		.homewrapper .logo img { max-width: 86px; }
	.homewrapper .sublogo { position: absolute; top: 86px; left: 0; display: none; }
	.homewrapper { position: relative; }
		.homewrapper .homedeco { min-height: 172px; max-width: 100%; }
		.homewrapper #studyfilterlink { width: 50%; position: absolute; top: 1em; right: 1em; }

			.homewrapper #studyfilterlink h2,
			.homewrapper #studyfilterlink p { padding: 4%; margin-bottom: 1px; }
			.homewrapper #studyfilterlink h2 { font-family: 'NettoWebBold', sans-serif; font-size: 150%; font-weight: normal; color: #fff; }
			.homewrapper #studyfilterlink p { /*display: none;*/color:#fff;font-size:1.1em }
				.homewrapper #studyfilterlink p.link { display: block; }
			.homewrapper #studyfilterlink a.btn { font-size: 1.3em;display:block }

	/* not so mobile friendly element */
	.homewrapper .usplist {display:none}
	/*
	.homewrapper .usplist {position: absolute; top: 86px; left: 0; width:120px;}
	.homewrapper .usplist > ul > li {background:transparent}*/
	.homewrapper a.cta {display:block;position:relative; font-size:2em; line-height:1; font-family: 'NettoOTRegular', sans-serif;padding:5%;color:#fff; background-color: rgba(0,171,232,.8);text-decoration:none;}
	.homewrapper a.cta:after { 
		content: 'm'; font-family: zadkineicons; color: #fff; position: absolute; right: 5%; top:50%; font-size: 1.2em; line-height:1.2em; margin-top:-.6em
	}
	
	/*teaser*/
	.teaser { position: relative;margin:-8% -5.9% 6% }
		.teaser span { display: block; padding: 5%; font-family: 'NettoOTRegular', sans-serif; color: #fff; font-size: 2.5em;  }
		.teaser .morelink {padding:2em 0;font-size:1.4em;text-align:center}

	/* listblock is a new global element introduced on mobile view. it has same style as legacy-ish flexblock B */
	.listblock {font-size:1.3em;margin-bottom:1em}
	.listblock h3 {color:#00a5e5;font-family: 'NettoOTRegular', sans-serif;font-size:1.5em;font-weight:bold;line-height:1.1;padding:0 0 .5em}
	.listblock li {border-bottom: 1px solid #D9D9D9;background-color: #f8f9fa;padding:2% 0 2%}
	.listblock li:nth-child(odd) {background-color: #fff;}
	.listblock li:first-child { border-top: 1px solid #D9D9D9;}
	.listblock li a { display: block; text-decoration: none; color: #012367; font-size: 1.2em; line-height: 160%; }

	/*quickfilter*/
	#quickfilter h3 {padding:0 5% 5%}
	/* inherits H1 style */
	#quickfilter { font-size: 1rem; padding: 2em 0 0; margin:0 0 10%}
		#quickfilter ul li { border-bottom: 1px solid #d7d9da; }
			#quickfilter ul li.standout { background-color: #f8f9fa; }
		#quickfilter ul.domeinen li.alternate,
		#quickfilter ul.locaties li.alternate { background-color: #F8F9FA; }
		#quickfilter ul li a { display: block; color: #3f474c; text-decoration: none; font-family: 'NettoOTRegular', sans-serif; padding: 3% 5%; }
			#quickfilter ul li a:hover { background-color: #e2e2e2; }

	/* Study Search */
	#studysearch #studies li a { display: block; box-sizing: padding-box; padding: .5em 1em .7em; margin-bottom: .8em; background-color: #f2f2f2; border-radius: .5em; box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .1); border: 1px solid #b7bfc4; color: #000; text-decoration: none; font-size: 2em; line-height: 1.1em; }
		#studysearch #studies li a strong { font-weight: bold; line-height: .5em; }

	/* User Generated Content (+ domainlist) */
	.user-generated p, .user-generated ul, .user-generated ol { }
	.user-generated img { border: 2px solid #fff !important; /* overrule inline styling */ outline: 1px solid #ddd; /*max-width: 50%;*/ width:100% !important; height: auto !important; /* overrule inline styling */ -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
	.user-generated img.unstyled { border:0 !important; width:auto !important; outline:0 !important; }	

	.user-generated, .domainlist { font-size: 1rem; line-height: 1.5; font-family: Arial, Helvetica, sans-serif; }

		.user-generated a { color: #073998; text-decoration: underline; }
			.user-generated a:hover { text-decoration: underline; }
		.user-generated .intro p,
		.user-generated p.intro,
		.user-generated .intro ul,
		.user-generated .intro ol { font-weight: bold; }
		.user-generated p { margin: 0 0 1em 0; }
		.user-generated ul { list-style-type: none; margin: 1em 0; }
			.user-generated ul li { list-style-type: square; margin-left:1.5em }
		.user-generated li a { display: inline-block; padding: .2em 0; }
		.user-generated ol { margin: 1em 2em; list-style-type: decimal; }
		.user-generated th, .user-generated td { display: block; width: auto; }
		.user-generated tr { margin: 2% 0; }
		.user-generated .iframe { /*display:none;*/ }

	/* Listing */
	.listing li { position: relative; border-bottom: 1px solid #EAEAEA; font-size: 1rem; padding: .5em 0; }
		.listing li span.date { font-weight: bold; position: absolute; right: 0; line-height: 2; top: 0.8em; }
		.listing li > span a { display: block; color: #012367; text-decoration: none; margin: 0.7em 0 0.3em; font-weight: bold; }
		.listing li a.title { background:transparent url('/includes/image/zadkinenl/bullets.gif') no-repeat -24px -1.85em; padding-left:12px; }
		.listing li span.date + span a { width: 80%; }
		.listing li span.date + .listing li > span a { padding: 1em 3em 1em 0; }
		.listing li p { padding: 0 0 .5em; line-height: 1.5; }
		.listing li.ctrPaging { border: 0; position: relative; text-align: center; }
			.listing li.ctrPaging a, .listing li.ctrPaging span { color: #012367; font-size: 2em; text-decoration: none; padding: 0 .2em; }
			.listing li.ctrPaging span { color: #ddd; }

	/* Domain Listing */
	.domainlist { }
	.domainlist .morelink {font-size:.9em;display:block}
	.domainlist .domain {padding-bottom:2em}
	.domainlist h2 {padding:0 0 1em}

	/*	Flexblocks */

	/*.flexblock-A { display: none; }  image resolutions used in these blocks are not high enough for high res mobile screens */
	.flexblock-1,.flexblock-4,.flexblock-5,.flexblock-6 {display:none}
	.homewrapper .flexblock {margin:0 5% 10%}
	.flexblock { font-size: 1.3em; border: 0; margin:10% 0}
	.flexblock img {width:100%}
	.flexblock-B h3 { line-height: 2; padding: 0 5%; }
	.flexblock-B ul li { padding: 2% 0 2% 5%; }
		.flexblock-B ul li .date span { padding-bottom: 10%; }
	.flexblock-B a.morelink { display: block; padding: 0 5%; line-height: 3; text-align: right; }
		.flexblock-B a.morelink:before { content: ">"; font-family: zadkineicons; font-style: normal; position: relative; top: .1em; left: -.2em; font-size: .9em; }

	.flexblock-A .morelink {display:none}
	.flexblock-A span.imglinktitle {background:rgba(0,0,0,.2);}
	.flexblock-A span.imglinktitle a {
		font-size:2em;padding:6% 5%;position:relative
	}
		.flexblock-A span.imglinktitle a:after { 
			content: 'm'; font-family: zadkineicons; color: #fff; position: absolute; right: 5%; top:50%; font-size: 1.2em; line-height:1.2em; margin-top:-.6em; 
		}

	/* social media links */
	.homewrapper .socialmedialinks {padding:0 5%}
	#socialmedialinks li {}
	#socialmedialinks li a {display:block;font-size:1.5em;padding:0 0 0 2.5em;position:relative;line-height:2em;text-decoration:none}
	#socialmedialinks li a:before {display:block;font-family:zadkineicons;color:#000;position:absolute;left:0;top:0;font-size:2em}
	#socialmedialinks li.SocialFacebook a:before {content:'F';color:#3B5998}
	#socialmedialinks li.SocialHyves a:before {content:'H';color:#FE8D07}
	#socialmedialinks li.SocialTwitter a:before {content:'T';color:#0084B4}
	#socialmedialinks li.SocialYoutube a:before {content:'Y'}
	#socialmedialinks li.SocialLinkedin a:before {content:'L'}
	#socialmedialinks li.SocialGoogleplus a:before {content:'G'}
	#socialmedialinks li.SocialInstagram a:before {content:'I'}

	/* Locations */
	.mapdetaillink {display:block;margin: 1em 0}
	.triplecolwrapper .shaded.location .user-generated .extraInfo li {margin:0}

	/* Studysearch filters */

	#alsointeresting,
	.loadselection,
	.saveselection,
	.printButton { display: none; }

	#filtermenu { overflow: hidden; }
		#filtermenu li { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: left; width: 50%; padding: 1.5%; }
		#filtermenu a { display: block; font-size: 1rem; min-height: 2.6em; padding:0.5em 1.2em }
	#studyfilters .btn.resetfilters {display:block;margin:4% 1.5%;font-size: 1rem;position:relative}
	.loading #studyfilters .btn.resetfilters:after { content: 'bezig met laden...'; background: #DEDEDE; position: absolute; left: 0; right: 0; }

	.counter {font-family: 'NettoOTRegular', sans-serif;font-size:1.8em;font-weight:bold;line-height:2}
	.countertotal {display:none}
	.counterfound {color:#00a5e5;}

	#studylisting > p {display:none}

	#studyfilters.mask:before { content: ""; position: fixed; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background: transparent; }

	.filtersection { display: none; z-index: 4; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background: #fff; position: absolute; top: 5%; bottom: auto; left: 5%; right: 5%; box-shadow: 0 0 50px 50px rgba(0,0,0,.4); padding: 8%; }
		.filtersection.jshowing { display: block; }
		
		/* modal fade effect after loading has finished*/
		.filtersection.showing { display: block;-webkit-animation: target-fade 3s 1;-moz-animation: target-fade .5s 1; }
		@-webkit-keyframes target-fade {
			0% { background-color: rgba(220, 220, 220,.95); }
			100% { background-color: rgba(255,255,255,1); }
		}
		@-moz-keyframes target-fade {
			0% { background-color: rgba(220, 220, 220,.95); }
			100% { background-color: rgba(255,255,255,1); }
		}

		.filtersection h3 { font-size: 1.5rem; text-indent: -1px; width: 80%; }
		.filtersection span.expl { display:block;color:#00a5e5;font-size:1.4em;padding:.5em 0 0 }
		.filtersection > ul, .filtersection > div { padding: 4% 0 0; }
		.filtersection li { border-top: 1px dotted silver; }
			.filtersection li:first-child { border-top: 0; }

		.filtersection label,
		.filtersection a { display: inline-block; font-size: 1.2rem; line-height: 1; text-decoration:none; color:#505F6E }
		.filtersection label { width: 85%; padding: .8em 0; }
		.filtersection input { display: inline-block; vertical-align: top; margin: .95em .8em 0 0; font-size: 1.2rem; }
		/* disabled state */
		.filtersection .disabled a { color: #dadada; }
			.filtersection .disabled input { margin:0.45em 0.8em 0 0;}
			.filtersection .disabled > label { padding: .3em 0;color: #dadada; }

		/* expandable filter sub-sections */
		.filtersection .subfiltertitle { padding: 0; }
			.filtersection .subfiltertitle > a { display: block; padding: 6% 3% 6% 3%; background: #f9f9f9; margin-left: -3%; margin-right: -3%; }
				.filtersection .subfiltertitle > a.expandable { cursor: pointer; background: #eee; }
			.filtersection .subfiltertitle.disabled > a.expandable { background: #fff; padding: 3%; }

			.filtersection .subfiltertitle.open > a { font-weight: bold; letter-spacing: -1px; }
			.filtersection .subfiltertitle.expandable > a:after,
			/*
			.filtersection .subfiltertitle a.open:after {font-family:zadkineicons;content:'+';display:block;position:absolute;right:2%;top:50%;color:#eee;font-size:.8em;text-align:center;line-height:1;text-transform:uppercase;margin-top:-.5em}				
			.filtersection .subfiltertitle a.open:after {content:'-'}
			*/
			.filtersection .subfiltertitle > ul { display: none; }
			.filtersection .subfiltertitle.open > ul { display: block; }

		.filtersection .buttons > a { display: block; margin: 1em 0; font-size: 1rem; position: relative; }
	
	/* loading state on close button and directly after clicked filter */
	.loading .filtersection .buttons > a:after { content: 'bezig met laden...'; background: #D20084; position: absolute; left: 0; right: 0; }	
	.filtersection .close { position: absolute; top: 0; right: 0; text-decoration: none; background: #eee; padding: 8%; color: #D20084; font-weight:bold }	
	.loading .filtersection .close { color: #eee;font-weight:normal }
		.loading .filtersection li.filterclicked {position:relative}
		.loading .filtersection .close:after,
		.loading .filtersection li.filterclicked label:after { display: inline-block; position: absolute; padding: 0; font-family: zadkineicons; content: 'S'; color: #D20084; -webkit-animation: spin 2s infinite linear; -moz-animation: spin 2s infinite linear; -ms-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }
		.loading .filtersection .close:after {left: 35%;}
		.loading .filtersection li.filterclicked label:after {right:0;top:50%;font-size:1.2em;margin-top:-.5em}

	#studysearch .ajaxLoader { font-size:4em;text-align:center; display:none }
	.loading #studysearch .ajaxLoader { display: block;}

	/*.loader {position:absolute;top:0;right:0;bottom:0;left:0;}*/


	#studydetail .aanmeldbutton { display:block; font-size: 2em; margin: 1em 0; }
	#studydetail .aanmeldbutton span { display:none;}
	#studydetail h2 { font-size: 1.3rem; line-height: 1; letter-spacing: -1px; margin-bottom: .5em; }
	#studydetail h3 { font-size: 1.2rem; }
	#studysearch .backbtn {font-size:1rem;padding:.3em 5% 5%}
	#studydetail .extraInfo { overflow: hidden; font-size: .8em; }
		#studydetail .extraInfo li { float: left; padding: 0 1em 0 0; }
		#studydetail .extraInfo span { font-weight: bold; display: inline-block; padding: 0 .2em 0 0; }

	.study-data,
	.studymeta-startdata,
	.studymeta-locations,
	.studymeta-contact,
	#studydetail .buttonrow { font-size: 1.2rem; }

	.studymeta-locations > ul,
	.studymeta-contact > ul,
	#studydetail .study-data .extraInfo {padding:0 1em 1em 0}
	.studymeta-startdata {position:relative;top:-.8em}

	.studymeta-contact > ul > li {padding:.5em 0}
	.studymeta-contact > ul span {display:block}

	.studymeta .startdata h4 { display: inline-block; }
	.studymeta h4.toggle {position:relative;cursor:pointer;border-top:1px solid #eee;padding:.5em 0}
	.studymeta h4.toggle:after {position:absolute;right:0;content:"+";font-family:zadkineicons;color:#BBB}
	.studymeta h4.toggle.open:after {content:"-";}

	.studymeta-locations > ul > li > a {font-weight:bold;text-transform:uppercase}
	.studymeta-locations > ul > li > ul {margin-bottom:1em}
	
	#studysearch.studydetail_showing h1,
	#studysearch.studydetail_showing #studyfilters,
	#studysearch.studydetail_showing .counterfound {display:none}
	#studydetail .buttonrow .btn { display:block;margin:.6em 0}
	#studydetail .top_buttons .readmoreless {display:none}
	#studydetail .bottom_buttons {}

	/* Location Detail */
	.location .extraInfo > li > span {display:block;font-weight:bold}
	.location .extraInfo > li {list-style-type:none}

	.triplecolwrapper .shaded.location .googleMaps {margin:1em 0}

	/* Search Results */
	.searchSummary {padding:0 5%;font-size:1rem;line-height:1.5}


	/* Detail Page specific slideshow styling
	---------------------------------------------- */
	
	#studydetail .ctrSlideshow, #detailGallery .ctrSlideshow {margin:2em 0}

	#studydetail .head .button,
	#detailGallery .head .button {
		display:none !important;
	}

	
	#studydetail .slideshow-nav-back,
	#studydetail .slideshow-nav-next,
	#detailGallery .slideshow-nav-back,
	#detailGallery .slideshow-nav-next { 
		position: absolute; 
		left:0;
		font-size: 2em; 
		padding:0 .3em;
		text-decoration: none; 
		color: #333; 
		line-height:1.5em; 
		height:1.5em;
		top: 90px; 
		background: #fff;         
		background: rgba(255,255,255,.5);
		font-family:zadkineicons;
		/*
		background-image:url('/includes/image/zadkinenl/imageSlidePrevNext.png');
		background-repeat: no-repeat;
		background-position: right top;
		*/		
		opacity:1 !important;
	}
	.no-boxshadow #studydetail .slideshow-nav-back,
	.no-boxshadow #studydetail .slideshow-nav-next,
	.no-boxshadow #detailGallery .slideshow-nav-back,
	.no-boxshadow #detailGallery .slideshow-nav-next {
		background-image:url('/includes/image/zadkinenl/imageSlidePrevNext.gif');        
	}
	#studydetail .slideshow-nav-next,
	#detailGallery .slideshow-nav-next { left: auto; right: 0; }
	
	/* Contact form contents */

	#contactform {padding:2em 0 0}
	#contactform h2 {font-size:1.3rem;color:#00A5E5}
	
	#contactform p.inputtext input,
	#contactform p.inputtextarea textarea {		
		display:block;
		-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
		width:100%;
		padding:2% 1%;
		font-size:1.6em;

	}
	#contactform p.notvalid label {padding:0;}
	
	#contactform p.notvalid input,
	#contactform p.notvalid textarea {
		border:1px solid #fa2f30;
	}

	#contactform label, #contactform span {
		display:block;
		font-size:1.5em;
		padding:1em 0 .5em;
	}

	#contactform p.inputsubmit {overflow:hidden}
	#contactform p.inputsubmit input {
		margin:1em 0;
		font-size:1.6em;
		padding:1em;
		float:right;
	}

	/* subpilar / Domain page */

	.studyrelatedlinks {		
		border-top: 1px solid #D9D9D9; 
		margin-top: 16px;  
		font-family:'NettoOTRegular',sans-serif;
	}

	.studyrelatedlinks > div {padding:2em 0 0}
	.studyrelatedlinks > div > ul {
		font-size:1.6em;
		list-style-type:disc;
		list-style-position:inside
	}

	.studyrelatedlinks > div > h3 {
		color: #00A5E5;
		font-family: 'NettoOTRegular',sans-serif;
		font-size: 1.5em;  
		text-transform: uppercase;
		font-weight:bold;
	}
	.studyrelatedlinks a { 
		color: #073998; 
		text-decoration:none;
	}

	/* Pijler Carousel */
	
	#carrousel #carrouselControl .info {	
		position:relative;
		padding:4% 5%;
		color:#fff;
		z-index:10;
		text-decoration:none;		
	}
	
	#carrousel .info h2 {display:none;}
	#carrousel .info > a {		
		display:block;
		color:#fff;
		text-decoration:none;
		font-size: 1.2rem;
		font-family:NettoOTRegular;
	}
	#carrousel .info > p {font-size:.8rem}
	#carrousel .info > p > img {display:none}

	#carrouselImages {display:none}
	#carrouselControl li {
		position:relative;
	}

	#orange .colorBackdrop {background-color:#f37017;}
	#green  .colorBackdrop {background-color:#84c917;}
	#blue   .colorBackdrop {background-color:#00a5e1;}
	#purple .colorBackdrop {background-color:#803d98;}

	.colorBackdrop {		
		z-index:5;
		position:absolute;
		top:0;right:0;bottom:0;left:0;		
		width:auto !important;
		max-width:100%;
	}

	.cookieFloater a.cookieAllow {
		margin-top: 5px;
	}

/******************* INFODAGTEMPLATE STYLING *******************/

	.infodagwrapper {
		margin-bottom: -4.5em;
	}

	.infodagwrapper .slideshow .slideshow-slides {
		position: relative;
	}

	.infodagwrapper .slideshow .slideshow-slides > li {
		height: auto;
	}

	.infodagwrapper .usplist, .infodagwrapper .slideshow-indexers{
		display: none;
	}

	.infodagwrapper .flexblock-A span.imglinktitle a {
		font-size: 1.4em;
	}

	.infodagwrapper .maincontent .flexblock, .infodagwrapper .maincontent .user-generated {
		margin: 0;
	}

	.infodagwrapper #blockwrapper .flexblock, #wrapper .infodagwrapper .maincontent .flexblock img {
		margin: 2% 2% 2% 0;
		width: 23%;
		float: left;

	}

	.infodagwrapper #blockwrapper .flexblock {
		max-height: 80px;
	}

	.infodagwrapper .maincontent .flexblock-A{
		margin-top: -4%;
	}

	
	.infodagwrapper .maincontent .flexblock-A{
		margin-top: -4%;
	}

	.infodagwrapper #blockwrapper .flexblock-A span.imglinktitle {
		display:block;
		margin-bottom: 4%;
	}

	.infodagwrapper .flexblock-A .slideshow-slides span.imglinktitle {
		bottom: 5%;
		z-index:999;
		position: absolute;
		height:20px;
	}

	.infodagwrapper .maincontent .flexblock .containerText, .infodagwrapper .maincontent .user-generated {
		margin-bottom: 5%;
	}

	.infodagwrapper .flexblock-A span.imglinktitle, .flexblock-A span.imglinktitle a {
		margin-bottom: 2%;
		padding-top: 1%;
	}

	#wrapper .infodagwrapper .maincontent .flexblock img{
		display: block;
		width: 100% !important;
		left: 0 !important;
	}

	.infodagwrapper .user-generated, .infodagwrapper h1, .infodagwrapper .maincontent .user-generated, .infodagwrapper .maincontent .containerText p {
		padding: 1% 2%;
	}

    .infodagwrapper .flexblock-A span.imglinktitle a  {
		padding: 1% 2% 0;
	}

	.infodagwrapper .ctrSlideshow span.imglinktitle  {
		padding: 1% 2% 4%;
	}

	.infodagwrapper .maincontent .flexblock h3 {
		padding: 4% 2% 1%;
		margin-bottom: 0;
	}

	.infodagwrapper .maincontent h1.paars, 
	.infodagwrapper .maincontent h1.blauw,
	.infodagwrapper .maincontent h1.donkerblauw, 
	.infodagwrapper .maincontent h1.oranje,
	.infodagwrapper .maincontent h1.rood   {
		color: #fff;
	}

	.infodagwrapper .flexblock {
		display:block;
	}
}