.topPage{
	display:none;
}
#accordionmenu{
 	display:none;
}


@media screen and (max-width:1023px), screen and (max-device-width:1023px) {
	
	body .lb-dataContainer{
	max-width:100%;	
	}
	
	body .lb-iframe{
		max-width:100%;
	}
	
	
	
	

	body{
		margin-left:0;
		margin-right:0;
		font-size:0.8em;
		
	}
	
	h1.topictitle1{
		font-size: 1.4em;
		margin-top:1em;
		
	}
	table{
   
	   font-size:1em;
	}
	.sectiontitle{
    	font-size: 1.3em;
    }
    
    div.body-wrap {
	    margin: 0;
	    padding: 0;
	}
	
	div.left-body {
	    display: none;
	}
	
	#page-wrap {
	    margin: auto;
	    width:auto;
	}
	
	.navigation {
   		width: 55px;
	}
	
	.topPage{
	position:relative;
	top:40px;
	height:50px;
	
	vertical-align:top;
	display:block;
	
	background-image: url(images/up_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:53px;
	padding-top:22px;
	color: #36747D;
    font-size: 16px;
    font-weight:bold;
    clear:both;
	}
	
	
	
	#page-content{
		
		top:30px;
	}
	#page-content.menuExpanded{
		
		top:450px;
	}
	
	.ui-accordion .ui-accordion-icons{
	z-index:400;
	}
	
	
	body .ui-accordion .ui-accordion-content {
   
    	 overflow: visible;
	}
	
	
	body #accordionmenu.ui-accordion .ui-accordion-content {
   border:0;
	  
   		 
	    padding: 0em;
	}

}


@media screen and (max-width:850px), screen and (max-device-width:1023px) {
	
	
	#accordionmenu{
		width:100%;
		z-index:400;
		display:block;
		position:fixed;
		right:0px;
	}
	
	
	#accordionmenu.OChidden{
	display:none;
	}
	
	body{
		padding:0px;
		margin:0px;
		background-image: none!important;
	
		
	}
	
	.pageshadow{
	   	background-color: #e7e4e0;
	   	position:fixed;
	   	top:0;
	   	left:0;
	   	width:100%;
	   	height:80px;
	   	display:block;
	}
	
	#page-wrap{
	
	
	
    content: "";  
    	background-image: url("images/A4-blad zonder schaduw light.png")!important;
	  
	   	background-repeat:repeat;
   
   
}

    div.body-wrap {
	    margin: 0;
	    padding: 0;
	    margin-top:78px;
	}
	
	div.left-body {
	    display: inline;
	}
	
	.handsonLogo{
		position:fixed;
		left:-5px;
		top:8px;
		z-index:500;
		display:inline;
		padding:0px;
		text-align:left;
		width:45px;
		
	}
	#nav-colofon{
		position:fixed;
		right:70px;
		top:8px;
		z-index:500;
		display:inline;
		padding:5px;
		text-align:right;
	}
	
	#nav-colofon img{
		display:inline;
	}
	
	div#nav-colofon  a{
	display:none;
	}
	
	#postit {
	    position: fixed;
	    left: 0px;
	    top: 0px;
	    z-index: 500;
	    padding-left:0;
	    padding-top:10px;
	    padding-bottom:10px;
	    width:100%;
	    background-color:#f8f5f1;
	   /* opacity:0.4;
filter:alpha(opacity=40);
*/
 display:none;
}

	h1,h1.topictitle1{
	position:fixed;
	left:0px;
	z-index:2000;
	padding-left:70px;
	top:0px;
	 background-color:#e7e4e0;
	 margin:0;
	 padding-top:20px;
	 padding-bottom:20px;
	 width:auto;
	 padding-right:130px;
	 max-height:40px;
	 min-height:40px;
	}
	
	#postit img{
		display:none;
			 
	}
	
	#postitelements{
		display:inline;
		float:left;
		padding-left:55px;
		
	}
	#postitelements table,
	#postitelements tbody,
	#postitelements tr,
	#postitelements td
	{
		display:inline;
	}
	
	#postitelements td{
		
		
	}
	
	#postitelements td a,
	#postitelements td div{
	float:left; 
	  
	}
	
	#postitelements {
	    left: 0px;
	    position: relative;
	    top: 0px;
	}
	
	#nav-audio a{
	z-index:130;display:none;
		margin-top:5px;
	}
	
	#nav-begrippen a{
		z-index:130;
		opacity:0;
	}
	
	#nav-print a{
	margin-top:5px;	z-index:130;
	display:none;
	}
	
	#nav-download a{
	margin-top:5px;	z-index:130;
	display:none;
	}
	#page-wrap {
	    margin: auto;
		width: 100%;
	}
	
	div.center-body {
     	width: 100%;
	   	float:none;
	   	clear:both;
	   	position:relative;
	   	/*top:-43px;*/
	   	background-image:none;
	   	 /*  max-width:745px;*/
	   	 top:-25px;
	}
	
	
	div.center-body-back {
	    width: 100%;
	    float:none;
	    /* max-width:742px;*/
	}
	
	#page-content {
	    margin: 0 auto 10px;
	    min-height: inherit;
	    padding: 0 20px 20px 20px;
	    position: relative;
	    z-index: 120;
	   /* max-width:650px;*/
	}
	
	.navigation{
	 	display:none;	
	}
	
	
	#accordionmenu{
	
	display:inline;
	/*width:auto;*/
	}
	
	#accordionmenu h3{
		width:50px;
		float:right;
		top:-75px;
		height:50px;
	
		vertical-align:middle;
		padding-left:0px;
		background-image: url(images/menuicon.png);
		background-repeat:no-repeat;
		background-position:4px center;
		background-color:inherit;
		border-color:black;
		border:0px;
		position: fixed;
		top:4px;
		right:4px;
		
	}
	
	#accordionmenu h3.ui-state-active{
		
	}
	
	#accordionmenu.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
		display:none;
	}

	
	.mobile-navigation{
		float:none;
		clear:both;
		display: none;
	    height: 100%;
	    margin-left: 0;
	    padding: 0;
	    width: 100%;
	    padding-left:0px;
		z-index:125;
		overflow:hidden;
		position:relative;
		top:0px;
		
	}
	
	.mobile-navigation div{
		height:60px;
		display:block;
		float:left;
		width:100%;
	}
	
	.mobile-navigation div a {
		
		height: 100%;
		display: block;
		text-decoration: none;
		font-size: 1.4em;
		line-height: 60px;
		padding-top: 0px;
		text-align: center;
		overflow:visible;
		position:relative;
		background-position: top left;
		background-repeat:no-repeat;
		
		width:100%;
		background-image:none!important;
		color: #444444;
		border-top-right-radius: 6px;
	    border-top-left-radius: 6px;
	    background-color: #86D0C2;
	    border: 1px solid #36747D;
	    font-weight:bold;
	    top: 0px;
		left:0px;
	    z-index: 99;
	}
	
	
	
	.aside {
	    font: inherit;
	}
	
	.mobile-navigation div.current a{
		z-index: 100;
		color:#0070A3;
		background-color:#fffe59;
	}
	
	.mobile-navigation a:hover{
		color:#0070A3;
	}

	#breadcrumbs {
	   
	    height: 60px;
	    left: 200px;
	    padding-left: 53px;
	    width: auto;
	    display:inline;
	    float:left;
	    display:none;
	}
	
	span.activeCrumb {
		display:none;
	}
	
	#breadcrumbs table,
	#breadcrumbs tbody,
	#breadcrumbs tr,
	#breadcrumbs td
	{
		display:inline;
	}
	
	#breadcrumbs table {
	    
	    width: auto;
	}
	
	
	.lb-outerContainer,
	.lb-container,
	#lightbox img{
		max-width:100%;
	}
	
	.lb-outerContainer{
		height:auto!important;
	}
	
	
	.OCasset {
	    float: left;
	    margin-bottom: 10px;
	    margin-right: 20px;
	}
	
	.polaroid img.polaroid{
		display:none;
	}
	div.polaroid {
	    margin-bottom: 5px;
	    text-align: center;
	    top: 5px;
	    width:220px;
	    max-width: 220px;
	    height:245px;
	}
	div.polaroid img.thumbnail {
   		max-height: 156px;
	    position: relative;
	    
	}
	
	div.polaroid .polaroidbox {
	    height: 168px;
	    left: -220px;
	    margin-left: 0;
	    overflow: hidden;
	    position: absolute;
	    text-align: center;
	    top: 0px;
	    width: 660px;
	    z-index: 10;
	   
	   background-image: url("../lightbox/overlay.png"); 
    
	}
	
	/* 
	   fix 3026*/
	div.blackBox {
   display:none;
}

	.OCvisualization .copyrightSource,
	.OCasset .copyrightSource {
    	margin-bottom: 10px;
    	margin-left:0px;
    }
    
	.polaroidtext {
	    display: block;
	    background-image: url("../lightbox/overlay.png");
	    height: 60px;
	    margin-top: 168px;
	    padding-left: 0px;
	    padding-top: 10px;
	    position: relative;
	    max-width: 254px;
	    width:auto;
	    padding:8px;
	}
	
	.OClearningsection div.OCp3p div.polaroid .polaroidbox {
   height: 142px;
   
}

.OClearningsection div.OCp3p .polaroid {
  
    height: 238px;
}

.OClearningsection div.OCp3p .polaroidtext {
   height: 62px;
   width:178px;
   padding-top: 1px;
}


.OClearningsection div.OCp3p img.thumbnail {
    max-width: 202px;
    
}


	.polaroidtext p{
		color:white;
	}
	
	div.OCvideo.OCasset {
		width:35%;
		min-width:130px;
		max-width:164px;
	}
	a.OCvideo{
	
	}
	img.OCvideo {
	    margin-top: 0;
	    width:100%;
	    
	}

	.OCvisualization {
	    max-width: 220px;
	    width:100%;
	}
	
	
	
	ul.OClist {
	    margin-left: 0px;
	    padding-left: 20px;
	}


	table.planning{
	
	}
	
		/* Force table to not be like tables anymore */
	table.planning,
	table.planning thead,
	table.planning tbody,
	table.planning th,
	table.planning td,
	table.planning tr {
		display: block;
	}
		 
		/* Hide table headers (but not display: none;, for accessibility) */
	table.planning  tr.OCthead {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
		 
	table.planning tr { border: 1px solid #ccc; margin-bottom:1em;}
	 
	table.planning td {
		/* Behave like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		margin:2px;
		padding-left: 50%;
		white-space: normal;
		text-align:left;
	  	min-height:40px;
	  	
	}
	 
	table.planning td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top:0px;
		left: 0px;
		width: 45%;
		
		padding-left: 1%;
		padding-right: 10px;
		text-align:left;
		font-weight: bold;
		height:100%;
		background-color: #86D0C2;
 		color: #000000;
    	font-weight: normal;
    	vertical-align:middle;
    	line-height:30px;
    	overflow:hidden;
   	}
	 
	table.planning  td:first-child{
	 	min-height:20px;	
	 	background-color: #86D0C2;
			color: #000000;
	    font-weight: bold;
	}
	 
	 table.planning  td:first-child:before{
	 	font-weight: bold;
	    border-right:solid 2px white;
	 }
	/*
	Label the data
	*/
	table.planning td:before { content: attr(data-title); }
	
	
	div#accordion {
	    margin-top: 20px;
	}
	
	.OClearningsection #accordion.ui-accordion .ui-accordion-header{
		margin-top:0px;
	}
	
	/** Laten zien*/
	
	
	.latenzienPM{
		white-space:nowrap;
		font-weight:bold;
		font-size:110%;
	}
}


@media screen and (max-width:800px), screen and (max-device-width:800px) {
	
	body{
		
		font-size:0.9em;
	}
	
	
	
	
    
}

@media screen and (max-width:617px), screen and (max-device-width:620px) {
		
		.mobile-navigation div{
		
		}
		
		.mobile-navigation div a{
		
		}
		
		.OCvisualization{
			max-width:210px;
		}
		
		body {
   			background-size:auto;
	    }
	    
	    
	    ul.OClist {
	    	width:90%;
	    	overflow:visible;
	    	position:relative;
	    	left:5%;
	    	padding-left:0px;
	    	margin-left:0px;
	    }
	    
	    ul.OClist li{
	   
	
	    }
	    
	     ul.OClist li:first-line{
	     
	   
	  
	     }
}

@media screen and (max-width:420px), screen and (max-device-width:420px) {
	
		.mobile-navigation div{
	
		}
		
		
		
		.OCvisualization{
		max-width:180px;
		}
		
		
		
		
		
}

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

	.OCvisualization{
			max-width:185px;
		}
		
	div.polaroid {
	    width:180px;
	    max-width: 180px;
	    height:220px;
	}
	div.polaroid img.thumbnail {
   		max-height: 156px;
	    
	}
	
	div.polaroid .polaroidbox {
	    height: 148px;
	    left: -180px;
	    width: 520px;
	}
	

	h1,h1.topictitle1{
		
	}
    
	.polaroidtext {
	    display: block;
	    background-image: url("../lightbox/overlay.png");
	    height: 60px;
	    margin-top: 148px;
	    padding-left: 0px;
	    padding-top: 10px;
	    position: relative;
	    max-width: 254px;
	    width:auto;
	    padding:8px;
	}
	
	
	
	
	.OClearningsection div.OCp3p .polaroidtext {
  
    width: 168px;
  margin-top: 168px;
  }
  
 
}
@media screen and (max-width:400px) {
	
	
	#nav-colofon{
		display:none;
	}
}

@media screen and (max-width:320px) {
	
	#postit {
	   
	}
	
	
	.OCvisualization {
	    max-width: 100%;
	    width: 100%;
	     margin-right: 0px;
	     float:none;
	   
	}

	#postitelements{
		padding-left:55px;
	}
		
	.handsonLogo{
		display:none;
	}
	
	
	h1, h1.topictitle1 {
		padding-left:10px;
	}
	
	
}



@media screen and (max-height:500px) {

	body .lb-iframe{
		max-height:400px;
	}
	
		#video_lightbox{
			top: 0px!important;
		}
	}
	
@media screen and (max-height:320px) and (max-width:568px){
	
	.lb-outerContainer .lb-container {
    padding: 2px;
	}
	#lightbox img{
	max-height:240px
	}
	
	.lb-dataContainer .lb-data .lb-details{
		width:80%;
	}
}

@media screen and (max-height:240px) and (max-width:321px){
	
	#lightbox img{
	max-height:160px
	}
}

@media screen and (max-width:310px) {
	
	
	#postitelements{
		padding-left:0px;
	}
	
	#nav-audio a,
	
	#nav-print a{
	width:50px;
	}
	#nav-begrippen a,
	#nav-download a{
		width:57px;
	}
}