/*html, body {
	padding: 0;
	margin: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000;	
}
*/ 
/*
TODO this is commented, include currently used font?
@font-face {
  font-family: 'DocumentaDtlRegular';
  src: url('documenta-webfont.eot');
  src: url('documenta-webfont.eot?#iefix') format('embedded-opentype'),
  url('documenta-webfont.woff') format('woff'),
  url('documenta-webfont.ttf') format('truetype'),
  url('documenta-webfont.svg#DocumentaDtlRegular') format('svg');
  font-weight: normal;
  font-style: normal;

}*/
#koffietafelboek{
	min-height:100%;
}
#onderbreking h1, #onderbreking h2{
	font-family: "Georgia", serif;
    font-weight: 400;
}

#onderbreking {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
/*	background: #000 !important; */
	background-size: cover !important;
}
#onderbreking .frame {
	width: 100%;
	height: 100%;

	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
#onderbreking .frame .slide_element {
	height: 100%;

	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#onderbreking .frame .slide_element > div {
	float: left;
	height: 100%;
}
#onderbreking .frame .mSCover img {
	max-width: none;
}
#onderbreking .details #caption {
	position: absolute;
	bottom: 90px;
	left: 40px;
	padding: 20px;
	background: #FFF;
	color: #000;
	text-transform: uppercase;
	font-weight: 300;
	max-width: 30%;

	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.15);
			box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
.mightyslider_paper_skin .mSPages {
    bottom: 8px !important;
}
#onderbreking .details #icon {
	position: absolute;
	bottom: 40px;
	left: 40px;
	background: #FFF url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMhJREFUeNrsmcENgzAMRTFiBkZjA6brGPTCKmWINPSUA4XUdlIiPUs+hvxnG+VHkRBC13L0XeMBAAAAAAAAAAAAAAAAAKhj0C4UETcRlkuVRweWXYMyF+vmoqVPOhD+pcE0QkdCfp0cfmLnDuRWVjw3owOlK8wIMUJ4oXoAqUXYvzvH3E5shJ+R0uSFF1ozvdDTouGjwwHgWxceMceSRSwF8Io51ZiCEgDZVfcC8LDTzV9o2jzI7vK2xkEGAAAAAAAAAAAY4i3AAGDIo8+BJNYLAAAAAElFTkSuQmCC') no-repeat;
	width: 48px;
	height: 48px;

	-webkit-box-shadow: 0 0 1px rgba(0,0,0,0.15);
			box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
#onderbreking .details #count {
	position:fixed;
	height:4%;
	width:95.2%;
	right:2.4%;
	left:2.4%;
	bottom: 0;
	background-color: rgba(255,255,255,0.85);
	z-index:3;
	color: #000;
	white-space: nowrap;
	font-size: 13px;
	text-align:center;
}
#onderbreking .mSCaption {
	display: none;
	position: absolute;
}
#onderbreking .titleCaption {
	top: 0;
	left: 0;
	width: 100% !important;
	font-size: 36px;
	text-align: center;
	white-space: nowrap;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #000000
}
#onderbreking .refreshCaption {
	bottom: -120px;
	left: 0;
	width: 100% !important;
	font-size: 36px;
	text-align: center;
	white-space: nowrap;
	opacity: 0;
	filter: alpha(opacity=0);
	color: #000000
}
#onderbreking .refreshCaption img{
	height: 50px;
/*	padding:10px 0px 5px 0px;*/
}
#onderbreking .refreshCaption h1 a{
	color:#000;
}
#onderbreking .block{
	position:fixed;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 30px;
	/*max-height:92%;*/
	bottom:30px;
	z-index:11;
}
#onderbreking .block .mainContent{
	position:absolute;
	top:0;
	bottom:0;
/*	padding: 25px 0px 25px 0px;
*/	width:100%;
	max-height:100%;
	overflow-y:auto;
	overflow-x:hidden;
	/*min-width: 640px;*/
	background-color: rgba(255,255,255,0.85);
}
#onderbreking .page-title{
	margin-top: 20px;
}
#onderbreking .block .mainContent a{
	color:#000;
}
#onderbreking .block .mainContent a:hover{
	color:#00b1dd;
}
#onderbreking .block .mainContent ul li a{
	color:#000;
}
#onderbreking .rechterkolom ul li a{
	color:#000;
}
table.othertable p{
	font-size: 13px !important;
}
#onderbreking .contentContainer{
}
#onderbreking .details{
	display:none;
}
#onderbreking .fromLeft{
	margin: 0px 0px 0px 30px;
/*	padding: 4% 2% 0px 0px;*/
	width: 40%;
	left: -40%;
	color:#000;
}
#onderbreking .rightTheme{
	margin: 0px 30px 0px 0px;
/*	padding: 4% 0px 0px 2%;*/
	width: 40%;
	right: -40%;
	color:#000;
}
#onderbreking .fromRight{
	margin: 0px 30px 0px 0px;
	padding: 30px 0px 0px 30px;
	width: 20%;
	right: -80%;
	color:#fff;
}
#onderbreking .meerWetenButton img{
	cursor:pointer;
}
#onderbreking .rechterkolom{
	position:fixed;
	overflow-y:auto;
	overflow-x:hidden;
	max-height: 94%;
	filter: alpha(opacity=0);
	top: 30px;
	/*bottom:4%;*/
/*	width: 20%;*/
	display:none;	
	width:300px;
	padding: 15px 0px 15px 0px;
	color:#000;
	background-color: rgba(255,255,255,0.85);
	min-width: 150px;
	z-index:10;
}
#onderbreking .rechterkolom p a{
	color:#000;
}
#onderbreking .rechterkolom p a:hover{
	color:#00b1dd;
}
#onderbreking .rechterkolom ul{
	padding: 0px 0px 0px 15px;
	margin: 0px;
}
#onderbreking .rechterkolom ul li{
}

#onderbreking .rechterkolom.fromLeft{
	margin: 0px 30px 0px 0px;
	right: 0;
	left:auto !important;
}
#onderbreking .rechterkolom img{
	width:100%;
}
#onderbreking .rechterkolom.rightTheme{
	margin: 0px 0px 0px 30px;
	left: 0;
	right: auto !important;
}
#onderbreking .rechterkolom.fromLeft img{
	width:100%;
}
#onderbreking .typeButton{
	margin: 0px 0px 0px 30px;
	position:fixed;
	padding: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	top: 5px;
	/*bottom:4%;*/
	font-size: 16px;
	color:#000;
	z-index:2000;
}
#onderbreking .meerWetenButton{
	margin: 0px 0px 0px 30px;
	position:fixed;
	padding: 0px;
	opacity: 0;
	filter: alpha(opacity=0);
	top: auto !important;
	bottom: 0;
	/*bottom:4%;*/
	font-size: 16px;
	color:#000;
	z-index:2000;
	margin-bottom:-20px;
}

#onderbreking table.othertable{
 	background-color: white !important;
	padding: 5px;
	margin: 0px 0px 30px 0px;
}

#onderbreking table.othertable p{
	font-size:11px;
	line-height: 160%;
	padding:5px !important;
	margin: 0px;
}

#onderbreking tr.headrow{
	color: white;
	background-color: #ff00a5;
	padding: 5px;
	text-align: left;
}

#onderbreking tr.headrow p{
	font-size:14px;
}

#onderbreking tr.bodyrow{
	border-bottom: solid thin #c1c1c1;
}

#onderbreking td.vraag{
	font-weight: bold;
}
#onderbreking .widget-project-details{
	background-color: transparent !important;
}

#onderbreking table.othertable p {
    font-size: 13px !important;
}

#onderbreking .fromLeftContainer .typeButton{
	right: 0;
	top:0;
	margin-top:-20px;
	margin-right:-105px;
}
#onderbreking .rightThemeContainer .typeButton{
	left: 0;
	top:0;
	margin-top:-20px;
	margin-left:-105px;
}

#onderbreking .themePageMain{
    padding-right: 40px;
    padding-left: 40px;
}
#onderbreking .themePageSide{
    padding: 0 20px;
}

#onderbreking .typeButton img{
	height:130px;
	width:130px;
}
#onderbreking .fromLeftContainer .typeButton img{
}
#onderbreking .rightThemeContainer .typeButton img{
}
#onderbreking .visieVan .block{
	background-color: rgba(0,0,0,1) !important;
	color:#fff !important;
	width: 975px !important;
}
#onderbreking .visieVan .mainContent{
	background-color: rgba(0,0,0,1) !important;
	color:#fff !important;
	width: 975px !important;
}
#onderbreking .visieVan .mainContent a{
	color:#fff !important;
}
#onderbreking .visieVan .block div{
	margin-left: 0px !important;
}
#onderbreking .block h2{
	padding:10px 0px 0px 0px !important;
	font-size: 28px;
	margin: 0px 0px 20px 0px !important;
}

#onderbreking .block img{
/*	width:100%;
	height: auto !important;
*/}
#onderbreking .block .mixitupfiltering img{
	width: auto !important;
	height: auto !important;
}
#onderbreking .block h1{
	padding: 0px;
	margin: 0px;
	display:block;
	font-size: 30px;
	line-height:32px;
	clear:both;
    font-size: 3.2rem;
    line-height: 1.2em;
}
#onderbreking .indexImage{
	border-radius:50%;
	overflow:hidden;
	float:left;
	display: none;
}
#onderbreking .indexPrevImage{
	position: absolute;
	float:left;
	margin: 0px 0px 0px -45px;
	width: 50px;
	height: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background-size: 100% 100% !important;
	background-size:cover !important;
	background-repeat: no-repeat;
}
#onderbreking .indexPagina .titel h1{
    font-size: 3.2rem;
    line-height: 1.2em;
}
#onderbreking .indexPagina .thema h1{
	font-size:46px;
	margin: 15px 0px 0px 0px;
}
#onderbreking .indexContainer{
    width: 80%;
	left:0;
	right:0;
	bottom:30px;
    margin: 0 auto;
	/*padding-top: 8%;*/
	padding-top: 140px;
}
#onderbreking .indexContainer .indexCaption{
	opacity: 0;
	float:left;
	width: auto;
	height: 50px;
	position: relative !important;
	padding: 0px 20px 0px 20px;
	margin: 0px 40px 20px 0px;
	background: rgba(255,255,255,0.85);
	
}
#onderbreking .indexContainer .indexCaption h1{
	font-size:24px;
	margin: 0px 0px 10px 20px;
	line-height: 40px;
	height:40px;
}
#onderbreking .kennisbankContainer{
    width: 86%;
    margin: 0 auto;
	padding-top: 40px;
	position:absolute;
	top:0px;
	left:7%;
	height:100%;
}
#onderbreking .bronvermelding{
	opacity: 0;
	width: auto;
	height: 30px;
	position: relative !important;
	padding: 0px 10px 0px 10px;
	margin: 0px 0px 0px 0px;
	background: rgba(40,40,40,0.85);
	z-index:999;
	bottom:0px;
	color:white;
	line-height: 30px;
	text-align: center;
}
#onderbreking .kennisbankContainer .kennisbankCaption{
	opacity: 0;
	float:left;
	width: 100%;
/*	height: 6%;*/
	height:50px;
	
	position: relative !important;
	padding: 0px 20px 0px 0px;
	margin: 5px;
	background: rgba(255,255,255,0.85);
	display: table !important;
}

#onderbreking .kennisbankContainer .kennisbankCaption h1{
	font-size:20px;
	margin: 0px;
	padding: 0px 0px 0px 35px;
	width:98%;
	text-decoration:none;
}
#onderbreking .kennisbankContainer .kennisbankCaption h1 a{
	color: #000;
	text-decoration:none;
}
#onderbreking .kennisbankContainer .kennisbankCaption .kennisbankImageContainer{
	display: table-cell;
}
#onderbreking .kennisbankContainer .kennisbankCaption img{
	height:100%;
	width: auto;
	display: table-cell;
	position:absolute;
}
#onderbreking .eindPaginaContainer{
}
#onderbreking .newKTB{
	text-align:center;
}
#onderbreking .newKTB img{
	height:10%;
}
#onderbreking .koffietafelboekSelf{
	width:50px !important;
	height:50px !important;
	margin: 0px 0px 10px 0px;
}
#onderbreking #KTBthema{
	display:none;
}
#onderbreking .andereKoffietafelboeken{
	margin: 0px auto;
	position:relative;
	display:block; 
	text-align:center;
	width:100%;
	overflow:hidden;
	background: rgba(255,255,255,0.85);
	padding: 0px 0px 0px 0px;
}
#onderbreking .andereKoffietafelboeken img{
	width: 100px;
	height: 100px;
	border-radius: 50%;
}
#onderbreking .andereKoffietafelboeken h1{
	padding: 20px 0px 0px 20px;
}

#onderbreking .koffietafelboekLink{
	margin: 0px 0px 0px 0px;
	display:inline-block;
	text-align:center;
	float: left;
    padding: 20px;
    flex-basis: 20%;
}
#onderbreking .koffietafelboekLink img{
}
#onderbreking .koffietafelboekLink h1{
	font-size: 16px;
	font-size: 1.6vw;
	padding: 20px 0px 5px 0px;
}
#onderbreking .verticalSlidercontainer{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
}
#onderbreking .verticalSlidercontainer .slide{
}
#onderbreking #insideSlider {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	z-index: 2000;
}
#onderbreking #insideSlider .frameVertical {
	width: 100%;
	height: 100%;

	-webkit-perspective: 1000px;
	perspective: 1000px;
	-webkit-perspective-origin: 50% 50%;
	perspective-origin: 50% 50%;
}
#onderbreking #insideSlider .frameVertical .slide_element_vertical {
	height: 100% !important;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
#onderbreking #insideSlider .frameVertical .slide_element_vertical > div {
	float: left;
/*	height: 100% !important;*/
	width:100%;
}
#onderbreking #insideSlider .frameVertical .mSCover img {
	max-width: 100%;
}
#onderbreking #insideSlider .mSCaption {
	display: none;
	position: absolute;
}

#onderbreking tr.headrow {
    color: white;
    background-color: #ff00a5;
    padding: 5px;
    text-align: left;
}
#onderbreking table.othertable {
    background-color: white !important;
    padding: 5px;
    margin: 0px 0px 30px 0px;
}
#onderbreking table.othertable p {
    font-size: 11px;
    line-height: 160%;
    padding: 5px !important;
    margin: 0px;
}
#onderbreking td.vraag {
    font-weight: bold;
}

	#onderbreking #debug1 {
		display:block;
	}
	#onderbreking #mindmapKTB .js-mindmap-active h1 {
	   display:none;
	}
	#onderbreking .js-mindmap-active section h1 {
	   display:block;
	}
	#onderbreking .js-mindmap-active .node {
		position:absolute;
		top:0;
		left:0;
		font-family:verdana;
		font-size:11px;
		color:#003258;
        opacity:0.9;
		padding:15px;
x		border:1px solid #A1B1D0;
x		-webkit-border-radius:10px;
x		-moz-border-radius:3px;
		cursor:pointer;
		cursor:hand;
		z-index:100;
		list-style:none;
x        width:100px;
	}
	#onderbreking .js-mindmap-active a.node {
        /*font: 30px/34px Arial, sans-serif;*/
		line-height:20px;
        letter-spacing: 0;
        display:block;
        color:black;
        text-align:center;
        text-decoration:none;
	}
	#onderbreking .js-mindmap-active .node.active{
        font-size:2.5em;
x		background:#EAEFF5;
x		color:#003258;
x		font-weight:bold;
x		z-index:1000;
		line-height:25px !important;
	}
	#onderbreking .js-mindmap-active .node.active  a{
		color:#003258;
	}
	#onderbreking .js-mindmap-active img.line {
		position:absolute;
		width:200px;
		height:133px;
		top:0;
		left:0;
		display:block;
		z-index:0;
	}
    #onderbreking .ui-draggable {
        position:absolute;
    }

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on April 28, 2010 11:04:15 AM America/New_York */
/*@font-face {
	font-family: 'BallparkWeiner';
	src: url('font/ballpark/ballpark_weiner-webfont.eot');
	src: local('☺'), url('mindmap/font/ballpark_weiner-webfont.woff') format('woff'), url('mindmap/font/ballpark_weiner-webfont.ttf') format('truetype'), url('mindmap/font/ballpark_weiner-webfont.svg#webfont') format('svg');
	font-weight: normal;
	font-style: normal;
}*/
#onderbreking #onderbreking #mindmapKTB{
	width:70% !important;
	position:absolute;
	right:0;
	bottom:0;
	top:0;
}

#onderbreking .mindmapInfo{
	width:30%;
	position:absolute;
	left:0;
	bottom:0;
	top:0;
}
#onderbreking #mindmapKTB span{
    width: 400px;
    display: block;
    position: absolute;
    top: 30px;
    /* bottom: 30px; */
    bottom: 30px;
    left: 30px;
    background: rgba(255,255,255,0.85);
    margin: 0px;
    padding: 25px 0px 25px 0px;
    /* height: 100%; */
    overflow: auto;
    margin-top: 0px;
    z-index: 3000;
}
#mindmapKTB span h1, #mindmapKTB span h2, #mindmapKTB span h3{
	font-family: 'DocumentaDtlRegular'; 
	font-size:26px;
	line-height: 30px;
	margin: 0px 0px 20px 0px;
	margin-right: 0px !important;
	padding-bottom: 0px !important;
}
#onderbreking .mindmapContainer{
	height:100%;
	position:absolute;
	bottom:0;
	top:0;
}
#onderbreking .js-mindmap-active a.node {
/*    font: 30px/34px 'BallparkWeiner', Arial, sans-serif;*/
  font-family: 'DocumentaDtlRegular';
  font-size:16px;
}
#onderbreking .mindmapInfoClose{
  position: absolute;
  top: 10px;
  right: 10px;	
  cursor: pointer;
}
#onderbreking .mindmapContainer .projectContent{
	display:block !important;
}
body #js-mindmap a.home {
    letter-spacing: 0;
    display:block;
    color:white;
    text-decoration: none;
    background-color:rgba(0,0,0,0.5);
    border:0;
    width:auto;
}
#onderbreking #buttonLeftMobile, #onderbreking  #buttonRightMobile{
	display:none;
	position:absolute !important;
	bottom: 30px !important;
	width:80px !important;
	height:80px !important;
	z-index:999 !important;
}
#onderbreking #buttonLeftMobile{
	left:25px !important;

}
#onderbreking .mightyslider_paper_skin .mSButtons {
	z-index:900;
}
#onderbreking #buttonRightMobile{
	right:25px !important;
}
#onderbreking .button p, #onderbreking .button ul {
    display:block;
    font-family:gotham, tahoma;
    font-weight:normal;
    color:white;
    padding:1em;
}
#onderbreking ul {
    margin:0 1em;
}
#onderbreking a {
/*    color:white;
*/}
/*.js-mindmap-active p,
.js-mindmap-active ul {
    margin-left:70%;
    width:20%;
    color:#EE1C25;
    background:rgb(255,255,255);
    background:rgba(255,255,255,0.8);
    border-radius:1em;
    -moz-border-radius:1em;
}
*/
/*.js-mindmap-active ul li {
    list-style-type: none;
}
.js-mindmap-active a {
    display:block;
    font-weight:normal;
    color:#EE1C25;
}*/
#onderbreking svg {
    z-index:-5;
/*	position:inherit !important;*/
}
#onderbreking .scroll{
	position:absolute; 
	overflow-y:auto; 
	overflow-x: hidden;
	-webkit-overflow-scrolling: touch;
}
#onderbreking .mightyslider_paper_skin .mSButtons{
	width:30px !important;
}
#onderbreking .mightyslider_paper_skin .mSPages{
	bottom:8px !important;
}

/*
#onderbreking .participantDeelname{
	width:47%;
	float:left;
	display:inline-block;
	position:relative;
	padding: 0px;
	background: #fff;
	box-shadow: 0 0 8px rgba(0, 0, 0, .3);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .3);
	margin: 0px 1% 15px 0px;
	min-height: 120px;
	border: 1px solid #ccc;
}
#onderbreking .participantDeelname:hover{
	box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
}
#onderbreking .participantDeelname .alternative{
	vertical-align: inherit !important;
	line-height:normal !important;
}
#onderbreking .participantDeelname .alternative img{
	vertical-align: inherit !important;
	line-height: normal !important;
	padding: 15px 0px 5px 0px;
}
#onderbreking .participantDeelname.small{
	margin: 0px 1% 15px 3px !important;
	text-align:center;
	min-height:71px;
}
#onderbreking .participantDeelname.small.open{
	width: 97% !important;
}
#onderbreking .participantDeelname.small.open h2{
	padding-top:10px !important;
}
#onderbreking .participantDeelname.small img{
	padding:0px;
	float: none !important;
	margin: 15px 0px 0px 0px !important;
	cursor:pointer;
}
#onderbreking .participantDeelname.small .titel{
	padding: 0px !important;
}
#onderbreking .participantDeelname.small .titel h2{
	font-size:14px !important;
	padding: 17px 19px 12px 19px !important;
	line-height: 19px !important;
}
#onderbreking .participantDeelname.small .participantDeelnemers{
	margin: 0px 0px 5px 0px !important;
}
#onderbreking .participantLogo{
	clear:both;
	text-align:center;
}
#onderbreking .participantDeelname .titel{
	text-align:center;
	padding: 0px 0px 0px 0px;
	width:100%;
	text-align:center;
	overflow:hidden;
	cursor:	pointer;
	vertical-align:middle;
	display:none;
	line-height: 20px !important;
}
#onderbreking .showTitle{
	display:block !important;
	margin: 25px 0px 0px 0px !important;
}

#onderbreking .foundingMember{
	box-shadow: 0 0 8px rgba(253, 226, 149, 1);
    -webkit-box-shadow: 0 0 8px rgba(253, 226, 149, 1);
    -moz-box-shadow: 0 0 8px rgba(253, 226, 149, 1);
	border: 1px solid #fde295;
}
#onderbreking .participantDeelname .titel h2{
	padding-bottom:0px !important;
	font-size:15px !important;
}
#onderbreking .participantDeelname .instellingNaam{
	text-align:center;
	padding: 0px 0px 10px 0px;
	width:100%;
	text-align:center;
	height:20px;
	overflow:hidden;
	cursor:	pointer;
}

#onderbreking .participantDeelname .participantLogo{
	vertical-align:middle;
	line-height: 120px;
	height:120px;
}
#onderbreking .participantDeelname .participantLogo img{
	vertical-align:middle;
}
#onderbreking .projectImage{
	background: 
}
#onderbreking .projectContent {
    display: none;
}
#onderbreking .projectElement {
    clear: both;
    padding: 5px 0px 0px 0px;
    overflow: hidden;
    width: 100%;
    margin: 0px 0px 0px 0px;
}
#onderbreking .csc-header-n4{
    font-size: 34px;
    font-weight: normal;
    padding: 30px 0px 10px 0px;
    line-height: 36px;
}
#onderbreking .projectElement h1{
    font-size: 34px;
    font-weight: normal;
    padding: 0 66px 20px 56px;
    background: url(../images/arrow_black.gif) 19px 15px no-repeat;
    line-height: 36px;
}
#onderbreking .projectElement img {
    float: left;
    width: auto !important;
    margin: 0px 0px 0px 0px;
    max-width: 100%;
    height: auto;
}
#onderbreking .projectElement .projectTitel {
    padding: 4px 0px 4px 35px;
    font-weight: bold;
    cursor: pointer;
}
#onderbreking .projectCode {
    float: right;
    padding: 4px 10px 4px 0px;
    margin: -25px 0px 0px 0px;
    font-weight: bold;
    cursor: pointer;
    display: none;
}
#onderbreking .mixitupfiltering .fail-message{
    display: none;
}
#onderbreking .participantDeelnemers{
	display:none;
    clear: both;
	margin: 0px 20px 15px 20px;
}
#onderbreking .participantDeelnemers h2{
	padding: 0 0px 12px 0px !important;
	width:100% !important;
	text-align: left !important;
	font-size: 20px !important;
}
#onderbreking .participantDeelnemers h2{
	text-align: center !important;
	font-size: 18px !important;
}
#onderbreking .projectElement .titel {
    font-weight: bold;
}
*/
#onderbreking .participantDeelname.small{
    width: 48%;
}
#onderbreking .participantDeelname.small.open{
    width: 98%;
    padding:0px;
}
#onderbreking #mindmapKTB a{
	border:none !important;
}
#onderbreking #mindmapKTB a:visited{
	border:none !important;
}
#onderbreking .participantDeelnemers h2{
	margin: 0px 0px 10px 0px !important;
}
#onderbreking .andereKoffietafelboeken .ktbWrapper{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

@media screen and (min-width: 0px) and (max-width: 767px) {
	#onderbreking .indexContainer{
		width: 100%;
		margin: 0 auto;
		padding-top: 90px;
		bottom:30px !important;
	}
	#onderbreking .indexContainer .indexCaption h1{
		font-size: 16px;
		margin: 5px 0px 5px 0px;
	}
	#onderbreking .indexContainer .indexCaption{
		margin: 0px 25px 10px 25px;
		padding: 0px 10px 0px 10px;
		width: 85%;
	}
	#onderbreking .indexPagina .titel h1{
		font-size:26px;
	}
	#onderbreking .indexPagina .thema h1{
		font-size:34px;
		padding-top: 10px;
	}
	#onderbreking .fromLeft, .rightTheme, #onderbreking  .rechterkolom{
		margin: 0;
	}
	#onderbreking .titleCaption {
		top:20px;
	}
	#onderbreking .visieVan .mainContent{
		width: auto !important;
	}
	#onderbreking .visieVan .mainContent .csc-default div{
		width: auto !important;
	}
	#onderbreking .visieVan .mainContent .csc-default div p{
		padding: 0px !important;
	}
	#onderbreking .visieVan .block{
		min-width: auto !important;
		top:25px;
		right: 25px !important;
/*		bottom: 30px !important;*/
		bottom: 30px !important;
		left:25px !important;
		width:auto !important;
		min-width: initial !important;
		max-height: initial !important;
	}
	
	#onderbreking .block, #onderbreking .rechterkolom, #onderbreking .visieVan .block{
		min-width: auto !important;
		top:25px;
		right: 25px !important;
/*		bottom: 30px !important;*/
		bottom: 30px !important;
		left:25px !important;
		width:auto !important;
		min-width: initial !important;
		max-height: initial !important;
		z-index:2;
	}
	#mindmapKTB span{
		min-width: auto !important;
		top:25px;
		right: 25px !important;
/*		bottom: 30px !important;*/
		bottom: 30px !important;
		left:25px !important;
		min-width: initial !important;
		max-height: initial !important;
		z-index:900 !important;
	}
	#onderbreking .rechterkolom{
		z-index:100 !important;
	}
	#onderbreking .rechterkolom.fromLeft{
		margin: 0px !important;
	}
	#onderbreking .rechterkolom.rightTheme{
		margin: 0px !important;
	}
	#onderbreking .fromLeftContainer .typeButton,  #onderbreking .rightThemeContainer .typeButton, #onderbreking .visieVan .typeButton{
		right: auto !important;
		left:0px !important;
		top:auto !important;
		bottom: 0px;
		margin-top: 40px !important;
		margin-right: auto !important;
		margin-left: -20px;
		width:80px;
		margin-bottom: -30px !important; 
	}
	#onderbreking .fromLeftContainer .meerWetenButton, #onderbreking .rightThemeContainer .meerWetenButton, #onderbreking .visieVan .meerWetenButton {
		left: auto !important;
		right:0px !important;
		top:auto !important;
		bottom: 0px;
		margin-top: 40px !important;
		margin-right: -20px !important;
		margin-bottom: -30px !important; 
	}
	#onderbreking .typeButton img{
		height:inherit !important;
	}
	#onderbreking .indexPagina .titleCaption{
		top:20px !important;
	}
	#onderbreking .indexPagina .titleCaption h1{
		font-size:22px !important;
	}
	#onderbreking .titleCaption img{
		height:50px !important;
	}
	#onderbreking .andereKoffietafelboeken img {
		width:auto !important;
		height: 50px !important;
	}
	#onderbreking .koffietafelboekLink {
		width: auto !important;
		padding:15px !important;
	}
	#onderbreking .eindPaginaContainer .titleCaption{
		top: 110px !important;
	}
	#onderbreking .koffietafelboekLink h1{
		display:none;
	}
	#onderbreking .indexPagina .titel{
		top:60px !important;
	}
	#onderbreking .indexPagina .thema{
		top:70px !important;
	}
	#onderbreking .indexPagina .thema h1{
		font-size:25px !important;
	}
	#onderbreking .indexContainer{
		padding-top: 0px !important;
	}
	#onderbreking .indexContainer .indexCaption{
		margin: 0px 25px 1px 38px !important;
		padding: 0px !important;
		height:30px !important;
	}
	#onderbreking .indexPrevImage{
		width:30px !important;
		height:30px !important;
		-webkit-border-radius: 15px !important;
		-moz-border-radius: 15px !important;
		margin: 0px 0px 0px -18px !important;
	}
	#onderbreking .indexContainer .indexCaption h1 {
		font-size:14px;
		line-height:14px;
		height:30px;
		margin: 0px 0px 0px 0px !important;
		padding-left:20px !important;
		display: table-cell;
		vertical-align: middle;
	}
	#onderbreking .mightyslider_paper_skin .mSButtons {
	    width: 24px !important;
	}
	#onderbreking .block h1{
		font-size:26px;	
	}
/*	#onderbreking .visieVan .block{
		width: 90% !important;
	}
	#onderbreking .visieVan .block p{
		padding-right: 0px !important;
	}
	#onderbreking .visieVan .mainContent{
		width:auto !important;
	}*/
	#onderbreking .kennisbankContainer{
		width: 100%;
		margin: 0 auto;
		padding-top: 90px;
		left:0px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption{
		margin: 0px 25px 10px 25px;
		padding: 0px 10px 0px 10px;
		width: 90%;
		height: 8%;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1{
		font-size: 16px;
		margin: 5px 0px 5px 0px;
	}
	#onderbreking .js-mindmap-active a.node {
	/*    font: 30px/34px 'BallparkWeiner', Arial, sans-serif;*/
	  font-family: 'DocumentaDtlRegular';
	  font-size:14px;
	}
	#onderbreking .js-mindmap-active a.node {
	/*    font: 30px/34px 'BallparkWeiner', Arial, sans-serif;*/
	  font-family: 'DocumentaDtlRegular';
	  font-size:14px;
	}
	.mightyslider_paper_skin .mSPages li {
		height:10px !important;
		width:10px !important;
		margin: 3px 5px 0px 5px !important;
	}
	#onderbreking .block .mainContent{
		bottom: 0px !important;
	}
	.kennisbankContainer {
		padding-top:0px;
		bottom: 30px;
		left:26px !important;
		right:36px !important;
	}
	#onderbreking .kennisbankTitel{
		top:70px !important;
		font-size:20px !important;
	}
	#onderbreking .kennisbankLogo{
		top:20px !important;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption {
		height: 30px !important;
		padding: 0px 20px 0px 0px;
		margin: 0px 15px 5px 0px !important;
		width:90% !important;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1 {
		font-size:14px;
		line-height:14px;
		height:30px;
		margin: 0px 0px 0px 0px !important;
		padding-left:20px !important;
		display: table-cell;
		vertical-align: middle;
	}
	#onderbreking .eindPagina .logo{
		top:20px !important;
		max-width:100%;
		overflow:auto;
	}
	#onderbreking .eindPagina .titleCaption h1{
		font-size:14px !important;
		top:90px !important;
	}
	#onderbreking .eindPagina .thema{
		top:70px !important;
	}
	#onderbreking .andereKoffietafelboeken{
		padding: 0px 10px 0px 10px !important;
	}
	#onderbreking .andereKoffietafelboeken h1{
		font-size:14px !important;
		padding: 20px;
	}
}

@media screen and (min-width : 768px) and (max-width : 1024px) { 
	#onderbreking .indexContainer{
		width: 90%;
		margin: 0 auto;
		padding-top: 90px;
		bottom:30px !important;
	}
	#onderbreking .block.fromLeft{
		width:53%;
		margin: 0px 0px 0px 30px;
	}
	#onderbreking .rechterkolom.fromLeft{
		margin: 0px 30px 0px 0px;
	}
	#onderbreking .rightTheme{
		width:53%;
		margin: 0px 30px 0px 0px;
	}
	#onderbreking .indexContainer{
		padding-top:120px;
	}
	#onderbreking .indexPrevImage{
		position: absolute;
		float:left;
		margin: 0px 0px 0px -45px;
		width: 40px;
		height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background-size: 100% 100% !important;
		background-size:cover !important;
		background-repeat: no-repeat;
	}
	#onderbreking .visieVan .block{
		width: 40% !important;
	}
	#onderbreking .visieVan .mainContent{
		width: auto !important;
	}
	#onderbreking .visieVan .mainContent .csc-default div{
		width: auto !important;
	}
	#onderbreking .indexContainer .indexCaption{
		opacity: 0;
		float:left;
		width: auto;
		height: 40px;
		position: relative !important;
		padding: 0px 20px 0px 20px;
		margin: 0px 10px 15px 30px;
		background: rgba(255,255,255,0.85);
		
	}
	#onderbreking .indexContainer .indexCaption h1{
		font-size:18px;
		margin: 0px 0px 10px 5px;
		line-height: 40px;
		height:40px;
	}
	#onderbreking .rechterkolom.rightTheme{
		margin: 0px 0px 0px 30px;
	}
	#onderbreking .rechterkolom{
		width:30%;
	}
	#onderbreking .typeButton img{
		width:110px;
		height:110px;
	}
	#onderbreking .fromLeftContainer .typeButton{
		margin-right:-85px;
	}
	#onderbreking .rightThemeContainer .typeButton{
		margin-left:-85px;
	}
	#onderbreking .mightyslider_paper_skin .mSButtons{
		width:30px !important;
	}
	#onderbreking .kennisbankContainer {
		padding-top: 30px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption{
		height:40px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1{
		font-size:20px;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		width:98%;
		text-decoration:none;
		line-height: 40px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1 a{
		color: #000;
		text-decoration:none;
	}
}
@media screen and (min-width : 1025px) and (max-width : 1200px) { 
	#onderbreking .indexPrevImage{
		position: absolute;
		float:left;
		margin: 0px 0px 0px -45px;
		width: 40px;
		height: 40px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background-size: 100% 100% !important;
		background-size:cover !important;
		background-repeat: no-repeat;
	}
	#onderbreking .indexContainer .indexCaption{
		opacity: 0;
		float:left;
		width: auto;
		height: 40px;
		position: relative !important;
		padding: 0px 20px 0px 20px;
		margin: 0px 40px 15px 30px;
		background: rgba(255,255,255,0.85);
		
	}
	#onderbreking .indexContainer .indexCaption h1{
		font-size:18px;
		margin: 0px 0px 10px 5px;
		line-height: 40px;
		height:40px;
	}
	#onderbreking .block.fromLeft{
		width:53%;
	}
	#onderbreking .rightTheme{
		width:53%;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption{
		height:40px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1{
		font-size:20px;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		width:98%;
		text-decoration:none;
		line-height: 40px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1 a{
		color: #000;
		text-decoration:none;
	}
}
@media screen and (min-width : 1200px) { 
	.#onderbreking indexPrevImage{
		position: absolute;
		float:left;
		margin: 0px 0px 0px -45px;
		width: 50px;
		height: 50px;
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		background-size: 100% 100% !important;
		background-size:cover !important;
		background-repeat: no-repeat;
	}
	#onderbreking .indexContainer .indexCaption{
		opacity: 0;
		float:left;
		width: auto;
		height: 50px;
		position: relative !important;
		padding: 0px 20px 0px 20px;
		margin: 0px 40px 15px 30px;
		background: rgba(255,255,255,0.85);
		cursor:pointer;
		
	}
	#onderbreking .indexContainer .indexCaption h1{
		font-size:18px;
		margin: 0px 0px 10px 15px;
		line-height: 50px;
		height:50px;
	}
	#onderbreking .block.fromLeft{
		width:45%;
	}
	#onderbreking .rightTheme{
		/*width:53%;*/
	}
	#onderbreking .kennisbankContainer .kennisbankCaption{
		height:40px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1{
		font-size:24px;
		margin: 0px;
		padding: 0px 0px 0px 35px;
		width:98%;
		text-decoration:none;
		line-height: 40px;
	}
	#onderbreking .kennisbankContainer .kennisbankCaption h1 a{
		color: #000;
		text-decoration:none;
	}
}

@media screen and (min-width: 1920px) and (max-width: 4000px) {

#onderbreking .indexPagina .titel h1{
	font-size:34px;
}
#onderbreking .widget-project-details {
	background-color: rgba(255, 255, 255, 0) !important;
}
#onderbreking .relevant-elements{
	display: none;
}