/* YUI 2: Reset CSS - http://developer.yahoo.com/yui/reset/ */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* IE8 proof easyclearing method */
   
* html .clearfix {
	height: 1%; /* IE5-6 */
}
* + html .clearfix {
	display: inline-block; /* IE7not8 */
}
.clearfix:after { /* FF, IE8, O, S, etc. */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

input[type=search], input[type=submit] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -webkit-appearance: none; }

/* Chrome focus fix - ticket 33553 */
:focus { outline: none; }

/* Font-face declarations */

@font-face {
	font-family:'zadkineicons';
	src: url('/includes/font/zadkineicons.eot');
	src: url('/includes/font/zadkineicons.eot?#iefix') format('embedded-opentype'),
		 url('/includes/font/zadkineicons.woff') format('woff'),
		 url('/includes/font/zadkineicons.ttf') format('truetype'),
		 url('/includes/font/zadkineicons.svg#zadkineicons') format('svg');
	font-weight: normal; font-style: normal; 
}

@font-face {
	font-family:'NettoOTRegular';
	src: url('/includes/font/nettoot-webfont.eot');
	src: url('/includes/font/nettoot-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('/includes/font/nettoot-webfont.woff') format('woff'), 
		 url('/includes/font/nettoot-webfont.ttf')  format('truetype'),
		 url('/includes/font/nettoot-webfont.svg#webfontBLV0bSU4') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NettoWeb';
	src: url('/includes/font/NettoWeb.eot');
	src: url('/includes/font/NettoWeb.eot?#iefix') format('embedded-opentype'), 
		 url('/includes/font/NettoWeb.woff') format('woff'),
		 url('/includes/font/nettoot-webfont.ttf')  format('truetype'),
		 url('/includes/font/nettoot-webfont.svg#webfontBLV0bSU4') format('svg');        
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NettoWebLight';
	src: url('/includes/font/NettoWeb-Light.eot');
	src: url('/includes/font/NettoWeb-Light.eot?#iefix') format('embedded-opentype'), 
		 url('/includes/font/NettoWeb-Light.woff') format('woff'),
		 url('/includes/font/nettoot-webfont.ttf')  format('truetype'),
		 url('/includes/font/nettoot-webfont.svg#webfontBLV0bSU4') format('svg');   
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family:'NettoWebBold';
	src: url('/includes/font/NettoWeb-Bold.eot');
	src: url('/includes/font/NettoWeb-Bold.eot?#iefix') format('embedded-opentype'), 
		 url('/includes/font/NettoWeb-Bold.woff') format('woff'),   
		 url('/includes/font/nettoot-webfont.ttf')  format('truetype'),
		 url('/includes/font/nettoot-webfont.svg#webfontBLV0bSU4') format('svg');     
	font-weight: normal;
	font-style: normal;
}

/* disabled link outlines */

#studyfilterlink a {outline:none;}
a.morelink:hover {text-decoration:underline;cursor:pointer;}

/*	global layout
---------------------------------------------- */

ul.clearfix {list-style-type:none}
ul.clearfix li {float:left}

body {	
	font-family:Arial, Helvetica, sans-serif;
	color:#505f6e;
	background-color:#fff;
	font-size:62.5%;
}

.NettoOT {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'NettoOTRegular', sans-serif;
}

h1,.h1 {font-size:1.5em;font-weight:bold;}
h2,.h2 {font-size:1.2em;font-weight:bold;line-height:1.1}
h3,.h3 {font-size:1.1em;font-weight:bold;line-height:1.1}
h4,.h4 {font-size:1.1em;font-weight:bold;line-height:1.1}
h5,.h5 {font-size:1.1em;font-weight:bold;line-height:1.1}
h6,.h6 {font-size:1.1em;font-weight:bold;line-height:1.1}

h2.systemgenerated {
	margin:8px 15px 0 15px;
	padding:0 0 8px 0;
	color:#505F6E;
	font-size:1.3em;
}

/* This is a copy of the .btn declaration in base.css and applies to buttons generated in Rich Text Field */
/* The idea is to move the .btn declaration in base.css to this position when desktop site becomes full CSS */
/* button theme 0 - default gray */
.rtfbtn { 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);  }
.rtfbtn:hover { background-color: #cdcdcd; text-decoration: none; }


/*	Global slideShow styling
---------------------------------------------- 

.slideshow { position:relative; width:650px; outline:none; }
.slideshow > ul { position: relative; list-style: none; height: 350px; overflow: hidden; }
.slideshow > ul > li { position: absolute; background: #fff; }
.slideshow > ul > li > img { position: absolute; }

.slideshow .slideshow-slides { padding: 0; margin: 0; }
.slideshow .slideshow-slides > li { height: 100%; width: 100%; }

.slideshow .slideshow-thumbs { position: relative; }
.slideshow .slideshow-thumbs ul { position: relative; list-style: none; white-space: nowrap; left: 50px; width: 550px; padding: 0; margin: 0; overflow: hidden; }
.slideshow .slideshow-thumbs li { position: relative; display: inline-block; vertical-align: middle; padding: 5px; margin: 0 5px; border: solid 1px #ccc; }
.slideshow .slideshow-thumbs li > div { overflow: hidden; }
.slideshow .slideshow-thumbs li > div img { display: block; margin: 0 auto; }
.slideshow .slideshow-thumbs li:hover { padding: 4px; border-color: #555; border-width: 2px; }
.slideshow .slideshow-thumbs-back,
.slideshow .slideshow-thumbs-next { display: block; position: absolute; top: 0; left: 0; color: #000; font-size: 3em; text-align: center; text-decoration: none; width: 50px; height: 100%; background: rgba(0,0,0,.25); }
.slideshow .slideshow-thumbs-next { left: auto; right: 0; }
.slideshow .slideshow-thumbs-selected { background: #badbea; }
.slideshow .slideshow-thumbs-disabled { color: gray; }
* + html .slideshow .slideshow-thumbs li { display: inline; zoom: 1; }

.slideshow .slideshow-nav { position: relative; z-index: 10; }
.slideshow .slideshow-nav-back,
.slideshow .slideshow-nav-next { position: absolute; font-size: 5em; text-decoration: none; color: #000; line-height: 1; height: 70px; top: 130px; left: 0; background: #fff; background: rgba(0,0,0,.25); }
.slideshow .slideshow-nav-next { left: auto; right: 0; }

.slideshow .slideshow-indexers { position: absolute; list-style: none; height: 1.8em; top: 10px; right: 10px; padding: 0; margin: 0; z-index: 11; }
.slideshow .slideshow-indexers li { position: static; float: left; text-align: center; width: 1.4em; height: 1.4em; padding: 1px; border: solid 1px #ccc; margin-left: 4px; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.slideshow .slideshow-indexers li:hover { padding: 0; border-width: 2px; border-color: #555; }
.slideshow .slideshow-indexers a { color: #000; text-decoration: none; }
.slideshow .slideshow-indexers .slideshow-indexer-selected { background: #40c44c; }
.slideshow .slideshow-indexers .slideshow-indexer-selected a { color: #fff; }
*/

.slideshow { position: relative; width: 100%; }
.slideshow > ul { position: relative; list-style: none; height: 350px; overflow: hidden; }
.slideshow > ul > li { position: absolute; background: #fff; }
.slideshow > ul > li > img { position: absolute; }
.slideshow > ul > li > iframe { position: absolute; }

.slideshow .slideshow-slides { padding: 0; margin: 0; }
.slideshow .slideshow-slides > li { height: 100%; width: 100%; }

.slideshow .slideshow-thumbs { position: relative; }
.slideshow .slideshow-thumbs ul { position: relative; list-style: none; white-space: nowrap; overflow: hidden; left: 50px; width: 550px; padding: 0; margin: 0; }
.slideshow .slideshow-thumbs li { position: relative; display: inline-block; vertical-align: middle; padding: 5px; margin: 0 5px; border: solid 1px #ccc; cursor: pointer; }
.slideshow .slideshow-thumbs li > div { position: relative; overflow: hidden; }
.slideshow .slideshow-thumbs li > div img { display: block; margin: 0 auto; }
.slideshow .slideshow-thumbs li:hover { padding: 4px; border-color: #555; border-width: 2px; }
.slideshow .slideshow-thumbs .slideshow-thumbs-back,
.slideshow .slideshow-thumbs .slideshow-thumbs-next { display: block; position: absolute; top: 0; left: 0; color: #000; font-size: 3em; text-align: center; text-decoration: none; width: 50px; height: 100%;  }
.slideshow .slideshow-thumbs .slideshow-thumbs-next { left: auto; right: 0; }
.slideshow .slideshow-thumbs .slideshow-thumbs-selected { background: #badbea; }
.slideshow .slideshow-thumbs .slideshow-thumbs-disabled { color: gray; }
.slideshow .slideshow-thumbs-vertical { position: absolute; height: 100%; width: 50px; left: 0; top: 0; bottom: 0; padding-left: 0; padding-right: 0; }
.slideshow .slideshow-thumbs-vertical ul { position: absolute; white-space: normal; top: 50px; left: auto; bottom: 50px; width: 100%; }
.slideshow .slideshow-thumbs-vertical li { display: block; margin: 5px 0 0; }
.slideshow .slideshow-thumbs-vertical .slideshow-thumbs-back,
.slideshow .slideshow-thumbs-vertical .slideshow-thumbs-next { width: 100%; height: 50px; }
.slideshow .slideshow-thumbs-vertical .slideshow-thumbs-next { top: auto; bottom: 0; }
.slideshow .slideshow-thumbs-right { left: auto; right: 0; }
* + html .slideshow .slideshow-thumbs li { display: inline; zoom: 1; }
* + html .slideshow .slideshow-thumbs-vertical li { display: block; zoom: 0; }

.slideshow .slideshow-nav { position: relative; z-index: 10; zoom: 1; }
.slideshow .slideshow-nav-back,
.slideshow .slideshow-nav-next { position: absolute; font-size: 5em; text-decoration: none; color: #000; line-height: 1; height: 70px; top: 130px; left: 0; background: #fff; background: rgba(0,0,0,.25); }
.slideshow .slideshow-nav-next { left: auto; right: 0; }

.slideshow .slideshow-indexers { position: absolute; list-style: none; height: 1.8em; bottom: 25px; left: 40%; padding: 0; margin: 0; z-index: 11; }
.slideshow .slideshow-indexers li { position: static; float: left; text-align: center; width: 1.4em; height: 1.4em; padding: 1px; border: solid 1px #ccc; margin-left: 4px; background: #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; }
.slideshow .slideshow-indexers li:hover { padding: 0; border-width: 1px; border-color: #555; }
.slideshow .slideshow-indexers a { color: #000; text-decoration: none; }
.slideshow .slideshow-indexers .slideshow-indexer-selected { background: #40c44c; }
.slideshow .slideshow-indexers .slideshow-indexer-selected a { color: #fff; }

/******************* COOKIEFLOATER *******************/

.cookieFloater {width:100%;position:fixed;bottom:0;left:0;z-index:100;text-align:center;background-color: rgb(206, 216, 222); /*fallback*/ background-color: rgba(206, 216, 222, .90); color:#000;padding:0 0 2px; font-size: 12px; border-bottom: 2px solid #BFBFBD; line-height: 22px;display:none;}
.cookieFloater > div {overflow: hidden;display: inline-block;margin:0 auto; width: 96%; max-width:960px; text-align:center; padding: 0 10px;}
.cookieFloater p {float:left; clear:both; text-align:left; margin: 0; font-size: 100%;}
.cookieFloater > div > button, .cookieFloater p {font-size: 100%; padding:0 0 3px; color:#000;text-align:left;float:left;}
.cookieFloater > div > p > .cookieButton, .ytNotAllowed .cookieAllow{position: relative; z-index:10; text-decoration:none; padding: 5px 20px; margin: -5px 0px 0 0; text-align:center; float:right; color: #fff; border-radius: 5px; cursor:pointer;}
.cookieFloater > div > .cookieButton:hover, .ytNotAllowed .cookieAllow:hover{opacity: 1.3;}
.cookieFloater a {color:#000;}
.cookieFloater > div > p > button.cookieButton {margin: 10px 20px 0 0; border: none; padding: 9px 20px; font-weight: bold;}
.cookieFloater .close{
	position: absolute;
	bottom: 10px;
	left: 10px;
	cursor:pointer;
	color: #fff;
	border-radius: 30px;
	background: #333;
	font-size: 17px;
	font-weight: normal;
	display: inline-block;
	line-height: 0px;
	padding: 10px 6px 10px 7px;
	text-decoration:none;
}

.cookieFloater .close:before {
	content: "x";
}

.cookieFloater .cookieKop {
	float:left;
	font-size: 1.5em;
	line-height: 36px;
	text-align:left;
	margin-top: 5px;
}


.cookieAllow {
	background-color: #45BE14;
}

.cookieDisallow:hover {
  background-color: #C31F1D;
}

.cookieAllow:hover {
  background-color: #34AD03;
}

/* Hide youtube message and shows thumbnail + text instead */
.ytNotAllowed {
	position: relative;
	background: #000;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 535px 400px;
	border: 1px solid #ccc;
	width: 100%;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	float: left; 
	margin: 2% 0 3%;
	height: 300px;
}

.ytNotAllowed .allowText {
	position: absolute;
	background: #fff;
	color: #000;
	padding: 3%;
	margin: 17% 4%;
	width: 85%;
	min-height: 18%;
	border: 3px solid #ccc;
}

.ytNotAllowed .acceptcookieText {
	float:left;
}

.ytNotAllowed .cookieAllow{
	float:left;
	clear:both;
	margin: 10px 0 0;
}

.infodagwrapper .flexblock span.imglinktitle,
.infodagwrapper #blockwrapper .flexblock {
	background-color: rgb(157, 163, 167); /*fallback*/ background-color: rgba(157, 163, 167, .90);
}

.infodagwrapper .maincontent .flexblock {
	border-color: #fff;
}

.infodagwrapper .maincontent .flexblock h3,
.infodagwrapper .maincontent .flexblock .containerText {
	padding-left: 3px;
}

.infodagwrapper .maincontent .flexblock h3 {
	color: #000;
	background-color: #fff;
	font-size: 2em;
}
.infodagwrapper .flexblock-A span.imglinktitle, .flexblock-A span.imglinktitle a {
	background-image: none;
}
	
/* Cookiefloater &Infodagtemplate custom colours */	
.cookieFloater.oranje, .cookieFloater .oranje, .infodagwrapper .oranje, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.oranje, .infodagwrapper .flexblock span.imglinktitle.oranje{background-color: rgb(248, 131, 42); /*fallback*/ background-color: rgba(248, 131, 42, .90);}
.cookieFloater.paars, .cookieFloater .paars, .infodagwrapper .paars, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.paars, .infodagwrapper .flexblock span.imglinktitle.paars{background-color: rgb(86,0,78); /*fallback*/ background-color: rgba(86,0,78, .90);}
.cookieFloater.groen, .cookieFloater .groen, .infodagwrapper .groen, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.groen, .infodagwrapper .flexblock span.imglinktitle.groen{background-color: rgb(159, 211, 42); /*fallback*/ background-color: rgba(159, 211, 42, .90);}
.cookieFloater.geel, .cookieFloater .geel, .infodagwrapper .geel, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.geel, .infodagwrapper .flexblock span.imglinktitle.geel{background-color: rgb(254, 209, 0); /*fallback*/ background-color: rgba(254, 209, 0, .90);}
.cookieFloater.blauw, .cookieFloater .blauw, .infodagwrapper .blauw, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.blauw, .infodagwrapper .flexblock span.imglinktitle.blauw{background-color: rgb(37, 172, 222); /*fallback*/ background-color: rgba(37, 172, 222, .90);}
.cookieFloater.rood, .cookieFloater .rood, .infodagwrapper .rood, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.rood, .infodagwrapper .flexblock span.imglinktitle.rood{background-color: rgb(214, 48, 86); /*fallback*/ background-color: rgba(214, 48, 86, .90);}
.cookieFloater.donkerblauw, .cookieFloater .donkerblauw, .infodagwrapper .donkerblauw, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.donkerblauw, .infodagwrapper .flexblock span.imglinktitle.donkerblauw{color: #fff; background-color: rgb(66, 92, 136); /*fallback*/ background-color: rgba(66, 92, 136, .90);}
.cookieFloater.grijs, .cookieFloater .grijs, .infodagwrapper .flexblock .grijs, .infodagwrapper #blockwrapper .flexblock .imglinktitle a.grijs,  .infodagwrapper .flexblock span.imglinktitle.grijs{background-color: rgb(157, 163, 167); /*fallback*/ background-color: rgba(157, 163, 167, .90);}

/* White textcolour for dark background*/
.cookieFloater.oranje, .cookieFloater.oranje p, .cookieFloater.oranje a,
.cookieFloater.paars, .cookieFloater.paars p ,.cookieFloater.paars a,
.cookieFloater.rood, .cookieFloater.rood p, .cookieFloater.rood a,
.cookieFloater.donkerblauw, .cookieFloater.donkerblauw p, .cookieFloater.donkerblauw a, .cookieFloater.donkerblauw {
	color: #fff;
}

/* Black textcolour for dark background*/
.cookieFloater .cookieButton.geel, .cookieFloater .cookieButton.groen{
	color: #000;
}

/* White closebutton on dark background */
.cookieFloater.oranje .close,
.cookieFloater.paars .close,
.cookieFloater.rood .close,
.cookieFloater.donkerblauw .close{
	background: #fff;
	color: #000;
}