/* Groen (logo): #a1c600, donkergroen: #30430b */

/* doc */
body, html {
	height:100%;
	font-family: Arial, sans-serif;
	font-weight: 300;
	font-size: 12pt;
	margin:0;
	padding:0;
	-webkit-font-smoothing: antialiased;
}
img {
	width:auto\9;
	height:auto;
	max-width:100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}


/* BOOTSTRAP OVERWRITE */

.btn {
	font-weight: 300;
	border-radius:0;
}
.btn-ghost {
	border-color:#fff;
	color:#fff;
}
#teaser .btn-ghost {
	background-color: rgba(0,0,0,0.1);
}
.btn-ghost:hover {
	background-color: rgba(0,0,0,0.3);
	color:#fff;
}
.btn-ghost-black {
	border-color:#000;
	color:#000;
}
#teaser .btn-ghost-black {
	background-color: rgba(255,255,255,0.1);
}
.btn-ghost-black:hover {
	background-color: rgba(255,255,255,0.3);
	color:#000;
}

.btn.readmore {
	position: relative;
	padding-right:50px;
}
.btn.readmore:after {
	position: absolute;
	top:0;
	right: 0;
	width:30px;
	height: 100%;
	text-align: center;
	background: #fff;
	color:#db1d3e;
	content: ">";
	/* font-family: "Glyphicons Halflings"; */
	padding: 6px 0 0;
}

.btn-ghost.textswzgreen {
	border-color:#a1c600;
}
.btn-ghost.textred {
	border-color:#db1d3e;
}
.btn-ghost.text-zwart {
	border-color:#000;
	color:#000;
}

.btn.readmore.textswzgreen:after {
	background-color:#a1c600;
	color:#fff;
}

.textdark .btn-ghost {
	background-color: rgba(255,255,255,0.35);
	border-color:#000;
	color:#000;
}
.textdark .btn-ghost:hover {
	background-color: rgba(255,255,255,0.4);
	color:#000;
}
.btn-group-lg>.btn, .btn-lg {
	min-width:80px;
	line-height: 80px;
	text-align: center;
	font-size: 16pt;
	padding:0;
	cursor: pointer;
}
.btn-close {
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	width:50px;
	line-height: 50px;
	color:#eb0f49;
	border:1px solid #eb0f49;
	display: inline-block;
	font-size: 20pt;
	text-align: center;
	cursor: pointer;
	float: right;
	margin-bottom: 20px;
}
.modal-content {
	border-radius: 0;
}

.btn-keyboard {
	padding:4px 11px 3px;
	border:1px solid #eaeaea;
	cursor: default;
	display: inline-block;
	position: relative;
	float:left;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-right: 4px;
	margin-bottom: 4px;
}

/*
.minwidth {
    overflow:scroll;
}
.width {
    width:1000px;
}
*/
/*

.no_large_padding_on_the_right_side .jsChartWrap.hasLegend {
    padding-right:60px !important;
}
*/
/*
.fixedheight {
    height: 600px;
}
*/
/* GRID */
	.w5  	{width:5%;}
	.w10 	{width:10%;}
	.w15 	{width:15%;}
	.w20 	{width:20%;}
	.w25 	{width:25%;}
	.w30 	{width:30%;}
	.w35 	{width:35%;}
	.w40 	{width:40%;}
	.w45 	{width:45%;}
	.w50 	{width:50%;}
	.w55 	{width:55%;}
	.w60 	{width:60%;}
	.w65 	{width:65%;}
	.w70 	{width:70%;}
	.w75 	{width:75%;}
	.w80 	{width:80%;}
	.w85 	{width:85%;}
	.w90 	{width:90%;}
	.w95 	{width:95%;}
	.w100 	{width:100%;}
	
	.w33 	{width:33.3333333333333333333333333%;} /* 1/3 kolom */
	.w66 	{width:66.66666666666666666666%;} /* 2/3 kolom */
	.w48 	{width:48%;}/* Used when 2 tables shown next to eachother, with a bit of space between it*/
	
	.w150px {width: 150px;}
	
	h230 	{min-height: 230px;}

/* POSITIONS */	
	.rel	{position:relative;}
	.abs 	{position:absolute;}
	
	
/* 	PADDINGS */ 
	.padding		{padding:25px;}
	.padding-left	{padding-left:25px;}
	.padding-right	{padding-right:25px;}
	.padding-top	{padding-top:25px;}
	.padding-bottom	{padding-bottom:25px;}
	.no-padding		{padding:0;}
	/* SIZES */
		.padding-2% {padding:2%;}
		.padding-ultra-small {padding:5px;}
		.padding-small 	{padding:15px;}
		.padding-top-small 	{padding-top:10px;}
		.padding-big 	{padding:40px;}
	/* PADDINGS TOP */
		.paddingtop200 {padding-top:200%;}
		.paddingtop150 {padding-top:150%;}
		.paddingtop100 {padding-top:100%;}
		.paddingtop90 {padding-top:90%;}
		.paddingtop80 {padding-top:80%;}
		.paddingtop70 {padding-top:70%;}
		.paddingtop60 {padding-top:60%;}
		.paddingtop50 {padding-top:50%;}
		.paddingtop40 {padding-top:40%;}
		.paddingtop30 {padding-top:30%;}
		.paddingtop25 {padding-top:25%;}
		.paddingtop20 {padding-top:20%;}
		.paddingtop15 {padding-top:15%;}
		.paddingtop10 {padding-top:10%;}
		
		
	
/* 	MARGINS */ 
	.margin			{padding:25px;}
	.margin-left	{padding-left:25px;}
	.margin-right	{padding-right:25px;}
	.margin-top		{padding-top:25px;}
	.margin-bottom	{padding-bottom:25px;}
	/* SIZES */
	.margin-small 	{padding:15px;}
	.margin-big 	{padding:40px;}
	
	
	.margin-top90 	{margin-top: 90px;}
	.margin-left90 	{margin-left: 90px;}

/* ROWS */
	.fBlock			{background: #eaeaea;padding:10px;border:1px solid #ccc;}
	.fRow			{margin-bottom:5px;padding:5px 0;}
	.fRow:after		{content: "";display: table;clear: both;}
	.fRow .fLabel	{width:30%;float:left;word-wrap:break-word;}
	.fRow .fColumn	{width:70%;float:right;}
	.fRow:hover		{background-color:rgba(0,0,0,0.1);}
	.linethrough	{text-decoration: line-through;}
	.fbox			{position:relative;}
	.fboxbefore		{display: block;padding-top: 100%; /* initial ratio of 1:1*/}
	.fboxcontent	{position:absolute;top:0;left:0;bottom:0;right:0;}





.hideatstart {display:none;}

.fboxSquare {
	padding-top:100%;
	position: relative;
}

.fboxSquare .title {
	padding:10px;
	background: #fff;
	color:#a1c600;
	width: 100%;
	word-break: break-word;
	
}
.fboxSquareSmall {
	padding-top:50%;
	position: relative;	
}
.playVideoList .title {
	padding:20px 15px;
	background: #fff;
	color:#a1c600;
	word-break: break-word;
	font-weight: bold;
	font-size: 12pt;
	line-height: 16pt;
}
.playVideoList.active .title {
	color:#fff;
}

.rel {
	position: relative;
}
.abs {
	position:absolute;
}
.abs.bottom {
	bottom:0;
}
.abs.right {
	right:0;
}

#share .modal-body {
	text-align:center;
}
.modal-body {
	padding:0;
	margin-bottom: 0;
}
.modalTransparent .modal-content {
	background:rgba(255,255,255,0.95);
}

/* youtube video  */
.youtubeVideo {
	 position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
    width:100%;
}
.youtubeVideo.wheight {
	padding-bottom: 0;
	height:100%;
}

.videoImg {position: relative;cursor: pointer;color:#fff;width:100%;padding-top:56.25%;}
.wheight .videoImg {padding-top:0;height:100%;}
.videoImg .videoTitle {position: absolute;top:20px;	right:20px;}
.videoImg:after {
	position: absolute;
	width:100px;
	line-height: 100px;
	text-align: center;
	top:50%;
	left:50%;
	font-size: 80px;
	margin-left: -50px;
	margin-top: -50px;
	content:"\e029";
	font-family: "Glyphicons Halflings";
	transition: all 250ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-ms-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;
	-webkit-transition: all 250ms ease-in-out;
}
.videoImg:hover:after {
	opacity: 0.8;
	font-size: 90px;	
}
.videoImg.loading {
	/* opacity:0.9; */
}
.videoImg.loading:after {
	content:"\231b";
	font-size: 90px;
}

/* youtube video */
.youtubeVideoWrap {
	float: none;
    clear: both;
    width: 100%;
   position: absolute;
   z-index: 0;
    display:none;
    top:0;width:100%;height:100%;
}

.youtubeVideoWrap iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.playVideoList.active .title {
	background:#a1c600;
}



/* -- */



/* POPUP */
.popup {
	position: fixed;
	top:0;
	left:0;
	right:80px;
	bottom:0;
	background: #fff;
	background: rgba(255,255,255,0.9);
	padding:20px;
	display:none;
	z-index: 200;
	overflow: auto;
	white-space: normal;
}
.popup img {
	max-width: 50%;
	margin-left:20px;
}
.popup-btn {
	cursor: pointer;
}
.popup-btn.poppedup {
	cursor: default;
}
.indexList .popup {
	left:220px;
}
@media only screen and (max-width: 1100px) {
	.popup {
		right:0px;
		bottom:80px;
	}
	.popup img {
		max-width: 100%;
		width: 100%;
		float: none;
		margin: 0 0 20px 0;
	}
}
@media only screen and (max-width: 680px) {
	.popup {
		bottom:62px;
	}
}


/* --- */



/* lList */
ul.lList, ul.lList > li {
	list-style: none;
	padding:0;
	margin: 0;
}
ul.lList:after {
	content:"";
	display: block;
	float: none;
	clear: both;
}
ul.lList > li {
	float:left;
	width: 30%;
	margin:1.666666666667%;
	background: #fff;
}


.lItemData {
	min-height:185px;
}



ul.lList.cols3 > li.colcount3 {
	clear: right;
}
ul.lList.cols3 > li.colcount1 {
	clear: left;
}


@media only screen and (max-width: 800px) {
	
	ul.lList.cols3 > li {
		margin:2%;
		width:46%;
	}
	
	ul.lList.cols3 > li.colcount3 {
		clear: none;
	}
	ul.lList.cols3 > li.colcount1 {
		clear: none;
	}
	ul.lList.cols3 > li.odd {
		clear: left;
	}
	ul.lList.cols3 > li.even {
		clear: right;
	}
}

/* --- */







/* bbox */
.bbox {
	
}
.bbox-cell {
	height:100%;
	width:50%;
	float:left;
	position: relative;
	padding-top: 50%;
}
.bbox-cell-content {
	position: absolute;
	right:0px;
	bottom:0px;
	min-height:50%;
	width:50%;
	z-index: 2;
	
}
.pos-bottom-left {
	left:-20px;
	bottom:-20px;
	top:auto;
	right:auto;
}
.pos-top-left {
	left:0px;
	bottom:auto;
	top:0px;
	right:auto;
}
.vertcenter {
	top:0;
	bottom:0;
	left:0px;
	right:0px;
	position: absolute;
	height:100%;
}
.vertcentertext {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	text-align: center;
}
/* --- */


.bold {
	font-weight: bold;
}
.bold-700 {font-weight: 700 !important;}
.bolder {font-weight: 900 !important;}


.highblocks .fboxbefore, .fboxbefore.highblock {padding-top: 120%;}
.wideblocks .fboxbefore, .fboxbefore.wideblock {padding-top: 50%;}
.fbox25 .fboxbefore, .fboxbefore.fbox25 {padding-top: 25%;}
.fbox35 .fboxbefore, .fboxbefore.fbox35 {padding-top: 35%;}
.fbox100 .fboxbefore, .fboxbefore.fbox100 {padding-top: 100%;}
.teaser .fboxbefore {padding-top: 57%;}

.centered {
	margin:0 auto;
	max-width: 1200px;
}
.relative {position: relative;}
.absolute {position: absolute;}
.abstop{top:0;}

.dtable {display:table;margin:0;width:100%;min-height:230px;}
.table-cell{display:table-cell;min-height:140px;vertical-align: top;}
.table-cell > img, .table-cell > .padding > img {
	float:left;width:100%;
}
.dtable.vmiddle .table-cell {vertical-align: middle;}
.dtable.vtop .table-cell {vertical-align: top;}

.dtable.minheight-auto, .dtable.minheight-auto .table-cell {
	min-height: auto;
}

@media only screen and (max-width: 680px) {
	.dtable {display:block;min-height: 10px;}
	.table-cell{display:block;width:auto;min-height: 10px;}
}





.tablebox {overflow: hidden;width: 100%;}
.tableboxCol {float: left;padding-bottom: 500em;margin-bottom: -500em;}
.tablebox.cols2 .tableboxCol {width: 50%;}
.tablebox.cols3 .tableboxCol {width: 33.333333333%;}
.tablebox.cols4 .tableboxCol {width: 25%;}
.h100 {
	height:100%;
}

.bgimage{background-position: center center;background-size: cover;background-repeat: no-repeat;}
.bgimage.bg-contain {background-size:contain;}
.bgimage.bg-centerbottom {background-position: center bottom;}

/* chart */
.jsChartWrap {
	position: relative;
}
.jsChartWrap.hasLegend {
	padding-right:200px;
}
.jsChartWrap.noLegend ul.chartLegend {
	display:none;
}
.jsChartWrap ul.chartLegend {
	position: absolute;
	right:0;
	top:0;
	list-style: none;
	margin:0;
	padding:0;
	max-width: 180px;
}
.jsChartWrap ul.chartLegend li {
	padding:0;
	margin:0;
	font-size: 10pt;
	line-height: 14pt;
}
.jsChartWrap ul.chartLegend li span {
	width:1.1em;
	height:1.1em;
	display: inline-block;
	margin-right:10px;
	border:1px solid #fff;
}
.chartInner {
	font-size: 6pt!important;
}
.p6 .jsChartWrap.hasLegend  {
	width: 100%;
	padding-right: 0;
}
.p6 .jsChartWrap ul.chartLegend {
  position: relative;
  margin-top:25px;
  max-width: 100%;
}

#pagesInnerPad {
	padding:0;
}



/* raster blocks (height of highest in raster) */
.raster {position: relative;}
.raster > .col {width:25%;position: absolute;top:0;height: 100%;overflow: hidden;}
.raster > .col.heightsetter {position: relative;}
.cols3 > .col {width:33.3333333333333%;}
.cols2 > .col {width:50%;}
.raster > .col.colspan2 {width:50%;}
.raster.cols3 > .col.colspan2 {width:66.666666666666%;}

.raster > .col.nr1 {left:0;}
.raster > .col.nr2 {left:25%;}
.raster > .col.nr3 {left:50%;}
.raster > .col.nr4 {left:75%;}

.raster.cols3 > .col.nr1 {left:0;}
.raster.cols3 > .col.nr2 {left:33.333333333%;}
.raster.cols3 > .col.nr3 {left:66.666666666%;}

.raster.cols2 > .col.nr2 {left:50%;}


/* styles */
.modal-title {
	font-family: "Quando", Arial;
	color: #a1c600;
}


blockquote {
	border:none;
	margin:10px 0 0 10px;
}
blockquote p {
	
	display:inline;
	position:relative;
	z-index: 2;
}
blockquote p:before  {
	position:absolute;
	content:'“';
	font-family: "Times New Roman", Arial, sans-serif;
	font-size: 180pt;
	line-height: 120pt;
	height:120pt;
	overflow:hidden;
	
	opacity:0.2;
	z-index: 1;
	top:-20px;
	left:-40px;

}

blockquote .author {
	
	padding-top:5px;
	margin-top:5px;
	display: block;
	font-size: 80%;
	position: relative;
	
}




/* index */
.indexUl {
	min-height: 100%;
	height: 100%;
}
.indexnr {
	font-size: 40pt;
	line-height: 40pt;
	color:#fff;
}
.index ul {
	min-height:100% !important; /* browser fill */
    height:100%; 
	position: relative;
	display: block;
}
.index ul, .index li {
	margin:0;
	padding: 0;
	list-style: none;
}
.index li {
	font-family: "Quando", Arial;
	margin:0 0 0 0;
	word-break: break-word;
	list-style: none;
	height: 25%;
	padding:2.5% 15px;
}

.index li:last-child {margin:0;}
.index li:hover h2 {
	color:#db1d3e;
}
.index li h2 {
	margin:0;
	
	font-size: 16pt;
	line-height: 22pt;
}
.index .teaserData {
/*
	left:0;
	width: 100%;
*/
}
/* TEST
.index li h2.textBig {
	font-size: 20pt;
	line-height: 24pt;
}
.indextitle {
	color:#fff;
	text-transform: uppercase;
	font-size: 14pt;
	line-height: 14pt;
	font-weight: 100;
	margin-bottom:40px;
}

.index .teaserData {position: absolute;top:100px;left:10%;width:80%;color:#fff;font-weight: 300;}
.index .teaserTitle {font-size: 44pt}
.index .teaserSubtitle {margin-left:150px;}
*/
.index .teaserData {
	
}
.index .teaserSubtitle {
	margin-left: 38%;
}

/* teaser */
.teaser {background-position: center center;background-size: cover;background-repeat: no-repeat;position:relative;max-width: 1800px;margin:0 auto; }
.teaserData {position: absolute;top:50px;left:50px;color:#fff;}


.teaserSubtitle {color:#fff;font-size: 16pt;}
h2.teaserTitle, h1.teaserTitle {color:#fff;font-size: 42pt;line-height: 45pt; margin-top:5px; font-weight: bold;}
h3.teaserTitle {color: #fff; font-size: 20pt; font-weight: bold;}
.teaserDesc {color:#fff;margin-bottom:40px; }
.teaser.textTopRight .teaserData {top:100px;left:auto;right:50px;text-align: right;}
.teaser .btn {}
.teaser.textBottomRight .teaserData {top:auto;bottom:50px;left:auto;right:50px;text-align: right;}
.teaser.textBottomLeft .teaserData {top:auto;left:50px;bottom:50px;}
.textdark, .textdark .teaserData, .textdark .teaserSubtitle, .textdark h2.teaserTitle, .textdark h1.teaserTitle, .textdark .teaserDesc {color:#222;}
.textFullHeight  .teaserData {
	top:0;
	left:0;
	bottom:0;
	height:100%;
}
.textFullHeight.textRight  .teaserData {
	top:0;
	left:auto;
	right:0;
	bottom:0;
}

.nomargin {
	margin:0;
}

.minHeigth350 {
	min-height: 350px;
}
.minHeigth400 {
	min-height: 400px;
}

.caption {
	text-transform: uppercase;
	font-weight: bold;
}
.textcentered, .teaser.textcentered  .teaserData {text-align: center;}
.text-left {text-align: left;}

.teaser.textcentered  .teaserData, .teaser.textcentered .btn, .teaser .textcentered  .teaserData, .teaser .textcentered .btn {margin-left:0;}

.teaserBg {
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height:100%;
}



/* zoom bg on Hover */
.zoomBgOnHover {
	position: relative;
	overflow: hidden;
}
.zoomBgOnHover .bgimage {
	position: absolute;
	z-index: 0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.zoomBgOnHover:hover .bgimage, .zoomBgOnHover.active .bgimage {
	-moz-transform: scale(1.2,1.2);
    -webkit-transform: scale(1.2,1.2);
    transform: scale(1.2,1.2); 
}



/* INDEX LIST */
.indexList {
	position: relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.indexListNavs {
	position: absolute;
	width:220px;
	height: 100%;
	
	color:#fff;
	overflow:auto;
	z-index: 2;
}
.indexListPages {
	position: absolute;
	width:auto;
	left:220px;
	right:0;
	height: 100%;
	
	z-index: 1;
}

.fullimage .indexListPages {
	left:0;
}
.indexList.fullimage {
	background: #222;
}

.indexListNavs .indexListNav {
	position: relative;
	height: 20%;
	cursor: pointer;
	
	
	
}
.indexListNavs .indexListNav.active .indexListNavInner {
	background-color: rgba(0,0,0,0.8);
}
.indexListNavs.total6 .indexListNav {
	height:16.666666666667%;
}
.indexListNavInner {
	padding:30px;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index: 2;
	background-color: rgba(0,0,0,0.5);
	
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.indexListNavInner.bgimage {
	z-index: 1;
}
.indexListNav .title {
	font-weight:400;
}


.indexListPage {
	height: 100%;
	width:100%;
	position: absolute;
	z-index: 0;
	opacity: 0;
	
}
.indexListPage.bg {
	background: #000;
	z-index: 1;
}

.indexListPage.prevactive {
	z-index: 2;
	opacity:0.6;
	
	-moz-transform: scale(0.95,0.95);
    -webkit-transform: scale(0.95,0.95);
    transform: scale(0.95,0.95); 
	
	
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.indexListPage.active {
	z-index: 3;
	opacity:1;
}


.indexListPageInner {
	position: relative;
	height: 100%;
	width:100%;
	background-color: #fff;
}
.indexPageText {
	position: absolute;
	bottom:10px;
	right:50px;
	
	padding:30px;
	background: rgba(255,255,255,0.8);
	width:50%;
	
	opacity: 0;
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
    
    overflow: auto;
    
}
.blackblock .indexPageText {
	background: rgba(0,0,0,0.8);
	color:#fff;
}

.indexPageText.shown {
	opacity: 1;
	
	bottom:50px;
}


.strokeblock .indexPageText.shown, .strokeblock .indexPageText {
	width:35%;
	max-width:400px;
	min-width:250px;
	top:0;
	left:0;
	bottom:0;
}


.indexNextPrev {
	position: absolute;
	left:50%;
	top:0;
	z-index: 4;
	cursor: pointer;
	
}
.indexNextPrev:after {
	min-width:100px;
	background: rgba(0,0,0,0.8);
	content: "\f106";
	margin-left:-50%;
	display: block;
	text-align: center;
	line-height: 40px;
	color:#fff;
	font-size: 20pt;
	
}
.indexNextPrev.indexNext {
	top:auto;
	bottom:0;
}
.indexNextPrev.indexNext:after {
	content: "\f107";
}
.indexNextPrev.disabled {
	display: none;
}



/* OWL Gallery */
.owl-theme .owl-controls {
	margin:0;
}
.owl-pagination {
	position: absolute;
	bottom: 0;
	width:100%;
}
.owl-buttons {
	position: absolute;
	top: 50%;
	width:100%;
}

.owl-next {
	position: absolute;
	top: 0;
	right:0;
	display: block;
}
.owl-prev {
	position: absolute;
	top: 0;
	left:0;
	display: block;
	content:">";
}



/* TEXT STYLES */
	/* SIZES */
	h1			{font-size: 42pt; line-height: 45pt;font-weight: 700;}
	h2			{font-size: 24pt; line-height: 24pt; margin-top:5px;font-weight: 400;}
	h3			{font-size: 16pt; line-height: 20pt; margin-top:0;font-weight: 400;}
	h4			{font-size: 14pt; line-height: 18pt; }
	h5			{font-size: 12pt; line-height: 16pt; margin-bottom: 0;}
	h6			{font-size: 10pt; line-height: 14pt;}
	
	p.lead		{font-size: 12.5pt;	line-height: 19pt;}
	
	@media only screen and (max-width : 990px) {
		body {font-size: 10pt;line-height: 14pt;}
		
		h1			{font-size: 34pt; line-height: 40pt;}
		h2			{font-size: 22pt; line-height: 25pt;}
		h3			{font-size: 16pt; line-height: 20pt;}
		h4			{font-size: 14pt; line-height: 20pt;}
		h5			{font-size: 12pt; line-height: 16pt;}
		h6			{font-size: 10pt; line-height: 14pt;}
		
		
	}
	@media only screen and (max-width : 680px) {
		body {font-size: 9pt;line-height: 14pt;}
		h1			{font-size: 30pt; line-height: 38pt;}
		h2			{font-size: 20pt; line-height: 24pt;}
		h3			{font-size: 15pt; line-height: 19pt;}
		h4			{font-size: 14pt; line-height: 20pt;}
		h5			{font-size: 12pt; line-height: 16pt;}
		h6			{font-size: 10pt; line-height: 14pt;}
		
	}
	@media only screen and (max-width : 480px) {
		body {font-size: 9.5pt;line-height: 12pt;}
		
		h1			{font-size: 28pt; line-height: 36pt;}
		h2			{font-size: 19pt; line-height: 22pt;}
		h3			{font-size: 14pt; line-height: 18pt;}
		h4			{font-size: 13pt; line-height: 17pt;}
		h5			{font-size: 12pt; line-height: 16pt;}
		h6			{font-size: 10pt; line-height: 14pt;}
		
	}
	
	/* WEIGHTS */
	.lighter		{font-weight: 100!important;}
	.strong			{font-weight: 400!important;}
	.heavy			{font-weight: 700!important;}


/* BACKGROUND COLORS */
.bg-white {background-color: #fff;}
.bg-grey {background-color: #B6B6B6;}
.bg-grey-l {background-color: #eaeaea;}
.bg-creme {background-color: #dad4c5;}
.bg-red {background-color: #db1d3e;color:#fff;}
.bg-green {background-color: #a1c600;color:#fff;}
.bg-blue {background-color: #2196F3;color:#fff;}
.bg-blue-l {background-color: #B3E5FC;}



.black			{background-color: #000000; color: #ffffff;}
.white 			{background-color: #ffffff; color: #000000;}
.grey			{background-color: #eaeaea;}
.greyLight		{background-color: #fafafa;}
.blue			{background-color: #34495e; color: #ffffff;}
.blueLight		{background-color: #3498db; color: #ffffff;}
.red			{background-color: #ff1400; color: #ffffff;}
.redLight		{background-color: #db1d3e; color: #ffffff;}
.green			{background-color: #a1c600;}
.greenLight		{background-color: #dce084;}
.yellow			{background-color: #f1c40f;}
.yellowLight	{background-color: #f7e085;}
.purple 		{background-color: #6e3781;}
.purpleLight	{background-color: #c1bed9;}


	
/* TEXT COLORS  */	
.textpurple 	{color: #6e3781;}
.textgreen 		{color: #30430b;}
.textgreen2 	{color: #9b9a07;}
.textlightgreen {color: #a1c600;}
.textgrey 		{color: #888888;}
.textblack 		{color: #000000;}
.textwhite 		{color: #ffffff;}
.textred 		{color: #db1d3e;}
.textredlight 	{color: #db1d3e;}
.textorange		{color: #f49300;}
.textdarkgreen	{color: #2f4218;}
.textswzgreen	{color: #7C9603;}

.textblack a 		{color: #000000; text-decoration: underline;}
.textblack a:hover	{color: #db1d3e;}


.overflow-hidden {overflow:auto;}



.border {
    border-top:1px solid #3498db;
}

.hscroll{
    white-space:nowrap;
    display:table;
    min-width:100%;
}


#digidoc {
	height:100%;
	position:relative;
}
#pages {
	top:0;
	position:absolute;
	bottom:80px;
	left:0;
	right:0;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
}
#addToHomeScreen {
	display:none;
	position: absolute;
	top:0;
	left:0;
	z-index:20;
	border:1px solid #000;
	padding:15px;
	background: #fff;
}
#pagesDisabled {
	position: absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index: 10;
	background: rgba(0,0,0,0.7);
	display: none;
	cursor: pointer;
}


#pagesInner {
	float:left;
	display: block;
}
#pages .page {
	min-height:100%;
	display:inline-block;
    width:100%;
    position: relative;

}


#pages .pageContent {
	position: absolute;
	/* top:-15px */;
	left:0;
	right:0;
	/* max-height:300px; */
	overflow-x: hidden;
	background: #ddd;
	white-space: normal;
	-webkit-overflow-scrolling: touch; /* makes scroll smooth on ipad/iphone */
}
#pages .page.bgimage .pageContent {
	background: none;
}



.pageContent .loadingPage {
	position: absolute;
	width:300px;
	top:50%;
	left:50%;
	margin-left:-150px;
	line-height: 100px;
	margin-top:-50px;
	text-align: center;
	background: #fff;
	border:1px solid rgba(0,0,0,0.5);
}

.page.blockScroll .pageContent {
	overflow: hidden; /* for propperly working in firefox, otherwise slight scroll */
}

.customScroll {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
.customScroll.animate {
	transition-property: left;
	transition-duration: 0.5s;
	transition-delay: 0s;
}

/* 	---------------------------------
	FOOTER */
	
#footer {
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:80px;
	background:#fff;
	z-index: 100;
}
#footerInner {
	position: relative;
	width:100%;
	background:#fff;
}

#footer.shade {
	-webkit-box-shadow: 0px 10px 40px 0px rgba(0, 0, 0, 0.46);
	-moz-box-shadow:    0px 10px 40px 0px rgba(0, 0, 0, 0.46);
	box-shadow:         0px 10px 40px 0px rgba(0, 0, 0, 0.46);
}



/* logo */
#logo {
	line-height: 80px;
	height:80px;
	display: block;
	float:left;
	cursor: pointer;
	overflow: hidden;
	
}
#logo img {
	display:block;
	float: left;
}
#logoText {
	font-family: "Quando", Arial;
	font-size: 20pt;
	margin-left:20px;
	float: right;
	
	
}



/* navigation */


#navButtons {
	position: absolute;
	left:50%;
	top:0;
	width:250px;
	height:80px;
	margin-left:-125px;
}
#navButtons .btnNav {
	display:block;
	width:80px;
	line-height:80px;
	background:#B6B6B6;
	float:left;
	text-align: center;
	margin-right:2px;
	font-size: 20pt;
	color:#fff;
	cursor: pointer;
	position: relative;
	-webkit-font-smoothing: antialiased;
}
#navButtons .btnNav.openNav {
	min-width:80px;
	line-height: 80px;
	font-size: 14pt;
	text-transform: uppercase;
	font-weight: 700;

}
#navButtons .btnNav .btnText{
	  position: absolute;
  bottom: 7px;
  left: 0;
  width: 100%;
  font-size: 8pt;
  line-height: 10pt;
}

#navButtons .btnNav.disabled, #navButtons .btnNav.disabled:hover {
	background-color: #eaeaea;
	color:#ccc;
}



#navButtons .btnNav:last-child {
	margin-right:0px;
}
#navButtons .btnNav:hover {
	background-color:#9E9E9E;
}

/* - navigation list */
#navigation {
	position: absolute;

	bottom:-100%;
	height:246px;
	left:0;
	right: 0;
	background:#cddbb3;
	background: rgba(0,0,0,0.1);
	overflow: hidden;
	overflow-x: auto;
	display:none;
	-webkit-overflow-scrolling: touch;
	
	
	/* padding: 10px 0 10px 10px; */
	
	transition-property: bottom;
	transition-duration: 1s;
	transition-delay: 0s;
	z-index: 99;
}

/* #navigation::-webkit-scrollbar { width: 0 !important } */

#navigation .nav {
	display:inline-block;
    width:220px;
    cursor: pointer;
    margin-right: 0px;/*

    border-right:1px solid #eaeaea;
*/
}
#navigation .nav.odd .navInner {
	background-color: #eaeaea;
}
#navigation .nav .navInner {
	background: #fff;
	transition-property: background-color;
	transition-duration: 1s;
	transition-delay: 0s;
	position: relative;
}



.navBtn {
	position: fixed;
	width:40px;
	height: 247px;
	line-height: 247px;
	text-align: center;
	left:0;
	bottom:88px;
	cursor: w-resize;
	color:#fff;
	font-size: 16pt;
	
}
.navBtn:before {
	-webkit-box-shadow: 10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow:    10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	box-shadow:         10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	content: "";
	position: fixed;
	width:50px;
	height: 267px;
	text-align: center;
	left:0;
	bottom:88px;
	margin-left:-50px;
	border-radius:50px;
}


.navBtn.navRight {
	left:auto;
	right: 0;
	cursor: e-resize;
}
.navBtn.navRight:before {
	left:auto;
	right: 0;
	-webkit-box-shadow: -10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	-moz-box-shadow:    -10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	box-shadow:         -10px 0px 20px 0px rgba(0, 0, 0, 0.26);
	margin-right:-50px;
	margin-left:0;
}




/*
#navigation .nav.even {
	background: #eaeaea;
}
*/
#navigation .nav.active .navInner {
	background: #B6B6B6;
}

#navigation .nav .navCount {
	line-height: 40px;
	font-size: 18pt;
	padding:0 10px;
}
#navigation .nav .navTitle {
	line-height: 20px;
	height:80px;
	padding:0 10px;
	white-space: normal;
	font-weight: 700;
}














/* footer right */

#footerRight .btn-lg {
	border:none;
	border-left:2px solid #eaeaea;
}

#footerMenu {
	position: relative;
}

.footerButtons {
	
	
	
}
.footerButtons .btn {
	float: right;
}

.footerMenuBtn {
	display: none;
}



/* share pop-up */
.share-btn {
	position:relative;
}
.share-btn .socialcount {
	position: absolute;
	top:-5px;
	right: -5px;
	background:#db1d3e;
	color:#fff;
	width:24px;
	line-height: 24px;
	text-align: center;
	border-radius:50%;
	font-size: 9pt;
}


@media only screen and (min-width: 1100px) {
	/* GROTE SCHERMEN */
	
	.desktop-paddingTop {padding-top:30px;}
	.desktop-paddingBottom {padding-bottom:30px;}
	.desktop-marginTop {margin-top:30px;}
	.desktop-marginBottom {margin-bottom:30px;}
	
}
@media only screen and (max-width: 990px) {
	h1, .sizeheading {font-size: 22pt;line-height: 32pt;}
	h2, .sizetitle {font-size: 14pt;line-height: 22pt;}
	h3, .sizesubtitle {font-size: 12pt;line-height: 16pt;}
	
	.index li {
		margin:0 0 30px 0;
	}
	.teaserData {top:25px;left:25px;width:auto;}
	.teaser.textTopRight .teaserData {top:25px;right:25px;}
	.teaser.textBottomRight .teaserData {bottom:25px;right:25px;}
	.teaser.textBottomLeft .teaserData {left:25px;bottom:25px;}
	
	
	
	
	/* bb box */
	.bbox-cell-content {
		width:80%;
	}
	
	
	
	
	
	
	
	
	/* tab selectors */
	.tab-pull-left {
		float: left !important;
	}
	.tab-pull-right {
		float: right !important;
	}
	.tab-nopull {
		float: none !important;
	}
	.tab-w100 {
		width:100% !important;
	}
	.tab-w75 {
		width:75% !important;
	}
	.tab-w50 {
		width:50% !important;
	}
	.tab-w25 {
		width:25% !important;
	}
	
	.tab-left0 {
		left:0 !important;
	}
	.tab-left50 {
		left:50% !important;
	}
	.tab-relative {
		position: relative !important;
	}
	
	
	.tab-hide {
		display:none;
	}
	.tab-nopadding {
		padding:0;
	}
	.tab-nobox .fboxbefore {display: block;padding-top: 0; /* initial ratio of 1:1*/}
	.tab-nobox .fboxcontent {position: inherit;}
	
	.tab-paddingtop50 {
		padding-top: 50%;
	}
	.tabs-paddingtop75 {
		padding-top: 75%;
	}
	.tab-paddingbottom20 {
		padding-bottom: 20%;
	}
	.fboxSquareSmall {
		padding-top:10%;
		position: relative;	
	}
}

@media only screen and (max-width: 780px) {
	.blockContent .p3 { 
		min-height: 730px;
	}	
}

@media only screen and (max-width: 680px) {
	
	/* general */
	blockquote {
		padding:0;
		font-size: 12pt;
	}
	.padding {
		padding: 15px;
	}
	.mob-padding-top-none {
		padding-top:0;
	}
	.padding-big {
		padding:20px;
	}
	
	/* teaser */
	.teaserData {top:15px;left:15px;width:90%;}
	.teaser.textTopRight .teaserData {top:15px;right:15px;}
	.teaser.textBottomRight .teaserData {bottom:15px;right:15px;}
	.teaser.textBottomLeft .teaserData {left:15px;bottom:15px;}
	.textFullHeight  .teaserData { width: 100%;}
	.textFullHeight.text50 .teaserData { width: 100%;}
	h2.teaserTitle, h1.teaserTitle {
		font-size: 24pt;
		line-height: 28pt;
		word-break: break-word;
	}
	
	/* pages */
	#pages {
		bottom: 60px;
	}
	
	.teaser .swzgreen h2 {
		font-size: 18pt;
		line-height: 26pt;
	}
	
	.playVideoList {
	}
	.playVideoList .fboxSquare {
		padding-top:0%;
	}
	.playVideoList .fboxSquare .abs { 
		position: relative;
	}
	.playVideoList .padding {
		padding:0;
	}
	.playVideoList:hover { 
		cursor: pointer;
	}
	.media {
		margin-top:1px;
	}
	.fboxSquareSmall {
		padding-top:15%;
		position: relative;	
	}
	
	/* mob selectors */
	
	.mob-rel {
		position: relative;
	}
	.mob-pull-left {
		float: left !important;
	}
	.mob-pull-right {
		float: right !important;
	}
	.mob-nopull {
		float: none !important;
	}
	.mob-w100 {
		width:100% !important;
	}
	.mob-w90 {
		width:90% !important;
	}
	.mob-w80 {
		width:80% !important;
	}
	
	
	
	.mob-w75 {
		width:75% !important;
	}
	.mob-w70 {
		width:70% !important;
	}
	.mob-w60 {
		width:60% !important;
	}
	.mob-w50 {
		width:50% !important;
	}
	.mob-w33 {
		width:33.3333333333% !important;
	}
	.mob-w25 {
		width:25% !important;
	}
	.mob-hide {
		display:none!important;
	}
	.mob-nopadding {
		padding:0;
	}
	.mob-overflow-hidden {overflow:visible;}
	.mob-nobox .fboxbefore {display: block;padding-top: 0; /* initial ratio of 1:1*/}
	.mob-nobox .fboxcontent {position: inherit;}
	
	.mob-paddingtop100 {padding-top:100%;}
	.mob-paddingtop50 {
		padding-top: 50%;
	}
	.mob-paddingtop75 {
		padding-top: 75%;
	}
	.mob-paddingbottom50 {
		padding-bottom: 50%;
	}
	.mob-paddingtop25 {padding-top:25%;}
	
	
	
	
	
	.textFullHeight.mob-text33  .teaserData {
		width:33.3333333333%;
	}
	.textFullHeight.mob-text25  .teaserData {
		width:25%;
	}
	.textFullHeight.mob-text66  .teaserData {
		width:66.6666666666%;
	}
	.textFullHeight.mob-text80  .teaserData {
		width:80%;
	}
	
	
	/*indexlist */
	.indexPageText {
		right:10px;
		width:85%;
	}
	
	
	
	
	/* footer buttons */
	#footer {
		height:62px;
	}
	#logo {
		line-height: 60px;
		height: 62px;
		overflow: hidden;
	}
	#logo img {
		width:60px;
		height: 62px;
	}
	#logoText {
		display:none;
	} 

	#navButtons .btnNav {
		width:60px;
		height: 62px;
		line-height: 62px;
	}
	.btn-group-lg>.btn, .btn-lg {
		min-width:60px;
		height:62px;
		line-height: 62px;
	}
	#navButtons {
		height:62px;
		width:184px;
		margin-left:-92px;
	}
	#navButtons .btnNav.openNav {
		min-width:60px;
		line-height: 60px;
	}
	#navButtons .btnNav .btnText {
		bottom:4px;
	}
	
	#footerRight .btn-lg.footerMenuBtn {
		display: block;
		border-left:none;
	}
	#footerRight .footerButtons .btn-lg {
		border-top:2px solid #eaeaea;
		border-bottom:2px solid #eaeaea;
	}
	.footerButtons {
		position: absolute;
		top:0;
		right:0;
		min-width:250px;
		top:-100%;
		display: none;
	}
	.footerButtons .btn {
		float: right;
	}
	#footerMenu:hover .footerButtons, #footerMenu:active .footerButtons, #footerMenu:focus .footerButtons {
		display: block;
	}
	
	
	.jsChartWrap.hasLegend {
		padding-right: 0;
	}
	.jsChartWrap ul.chartLegend {
		position: relative;
		max-width: 100%;
	}
	

	.jsChartWrap ul.chartLegend.stackedbar-legend {
		position: absolute;
	}
	
	
	.blockContent .p3 { 
		min-height: 100%;
	}	

	
	
	
	
	
	/* raster blocks (height of highest in raster) */
	.raster {position: relative;}
	.raster > .col {width:100%;position: relative;overflow: hidden;left:0 !important;}
	.cols3 > .col {width:auto;}
	.cols2 > .col {width:auto;}
	.raster > .col.colspan2 {width:auto;}
	.raster.cols3 > .col.colspan2 {width:auto;}
	
	
	
	
	
	
	
	
	
}







/* SCROLL INDICATOR */
#scrollIndicator {
	position: absolute;
	bottom:30px;
	right:30px;
	z-index: 9;
	background: rgba(255,255,255,0.5);
	padding:15px;
}

.mouse {
	height: 42px;
	width: 28px;
	border-radius: 20px;
	transform: none;
	border: 3px solid black;
}

.wheel
{
  height: 8px;
  width: 3px;
  display: block;
  margin: 7px auto;
  background: black;
  position: relative;
}

.wheel
{
  -webkit-animation: mouse-wheel 1.2s ease infinite;
  -moz-animation: mouse-wheel 1.2s ease infinite;
}

/* mouse arrows */
.mousespan
{
  display: block;
  width: 10px;
  height: 10px;
  -ms-transform: rotate(45deg); /* IE 9 */
  -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
  transform: rotate(45deg);
   
  border-right: 2px solid black;
  border-bottom: 2px solid black;
  margin: 0 0 3px 9px;
}

.unu
{
  margin-top: 6px;
}

.unu, .doi, .trei
{
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
}

.unu
{
  -webkit-animation-delay: .1s;
  -moz-animation-delay: .1s;
  -webkit-animation-direction: alternate;
}

.doi
{
  -webkit-animation-delay: .2s;
  -moz-animation-delay: .2s;
  -webkit-animation-direction: alternate;
}

.trei
{
  -webkit-animation-delay: .3s;
  -moz-animation-delay: .3s;
  -webkit-animation-direction: alternate;
}



@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}




@media only screen and (min-width: 1100px) {
	#pages {
		bottom:0;
		right:80px;
	}
	#footer {
		height:100%;
		width:80px;
		bottom:0;
		top:0;
		right:0;
		left:auto;
	}
	#footerInner {
		height:100%;
	}
	#logo {
		float:none;
	}
	#logoText {
		display:none;
	}
	
	#footer #navButtons {
		width:80px;
		margin-left:0px;
		position: relative;
		left:0;
	}
	#footer #navButtons .btnNav {
		margin-top:2px;
	}
	
	#footerRight {
		position: absolute;
		float: none;
		right:0;
		bottom:0;
		
	}
	#footerRight .btn-lg {
		border:0;
		border-top: 2px solid #eaeaea;
	}
	
	#navigation {
		right:80px;
	}
}