/* adaptive ----------- */
@media only screen and (min-width: 0) and (max-width: 1240px) {
	html {
	   /*halo achter logo positioneren*/
	    background-position:  -18px top;
	}
}

@media only screen and (min-width: 635px) and (max-width: 916px) {	
	.biebwidget-double-column {
		min-width: 100%;
		width: 100%;
	}
	.biebwidget-column {
		width: 49%;
	}
	.biebwidget-double-column .biebwidget-column {
		width: 52%;
	}
	.biebwidget-double-column .biebwidget-column + .biebwidget-column {
		width: 48%;
	}
	.biebwidget-double-column .biebwidget-column + .biebwidget-column .biebwidget {
		margin-right: 0;
	}
	.biebwidget-content .all.main-column-wrapper .main-column {
		width: 60%;
	}
	.biebwidget-double-column > .biebwidget {
		margin: 0 0 20px 0;
	}	

}

@media only screen and (min-width: 0) and (max-width: 916px) {
	#bibliotheek-nl-page {
		max-width: 100%;
		min-width: 50%;
		width: 97%;
		margin: 0;
		padding: 0 4px;
	}
	.biebwidget-content .additional-column {
		display: none;
	}
	.biebwidget-content .all.main-column-wrapper .main-column,
	.biebwidget-content .additional.main-column-wrapper .main-column {
		margin: 0;
		padding-right: 0;
	}
	.biebwidget-content .main-column .tiny.rich-items > li {
		width: 48%;
		margin-left: 4%;
	}
	.biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(3n+1) {
		clear: none;
		margin-left: 4%;
	}
	.biebwidget-content .main-column .tiny.rich-items > li:nth-of-type(2n+1) {
		clear: left;
		margin-left: 0;
	}

	/*thema*/
	.biebwidget-content .massive .maincontent.dossierintro {
		margin-right: 0; 
	}
	.biebwidget-content .massive .maincontent.dossierintro > h3,
	.biebwidget-content .massive .maincontent.dossierintro > p {
	    margin-right: 10px;
	}
	.biebwidget-content .dossierbrowser .coverflow.interactive {
	    margin-left: -5px;
	    width: 100%;
	}	
	.biebwidget-content .coverflow.interactive .content {
	    margin: 10px 10px 10px 10px;
	}	
	.biebwidget-content .massive .maincontent {
	     width: auto;
	}
}
@media only screen and (min-width: 0) and (max-width: 634px) {
/*mobiel*/
	body{
		margin: 0;
	}
	.biebwidget-column { 
		width: 100%;
		max-width: 384px;
	}
	.biebwidget-double-column {
		min-width: 50%;
		width: 100%;
	}
	.biebwidget-double-column > .biebwidget {
	    margin: 0 0 20px 0;
	}
	
	.biebwidget-double-column .biebwidget-column {
		width: 100%;
	}
	.biebwidget-double-column .biebwidget-column .biebwidget {
		margin: 0 0 20px 0;
	}
/*clickarea ipad-achtig en mobiel*/
	.biebwidget-content .pagenav span a,
	.biebwidget-content .pagenav .inactive {
		padding: 10px 20px;
	}	
	.biebwidget-content .pagenav ol > li a {
		padding: 10px 15px;
	}
	.biebwidget-content .pagenav ol > li.current:first-child,
	.biebwidget-content .pagenav ol > li.current:last-child,
	.biebwidget-content .pagenav ol > li.current {
	    margin: 0 10px;
	}
	/*pagenav in pagina widget*/
	.biebwidget-content .main-column .pagenav ol > li {
		display: none;
	}
	
	.biebwidget-content .main-column .pagenav ol > li.current {
		display: inline;
	}
	.biebwidget-content .coverflow.interactive .coverflow-container a.active img {
		display: none;
	}
	/*close button moreinfo coverflow*/
	.biebwidget-content .coverflow.interactive .coverflow-info.coverflow-close {
		background-position: -1px -87px;
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}		
/*clickarea ipad-achtig en mobiel*/
/*content*/	
	.biebwidget-content .main-column-wrapper {
		float: left;
		width: 100%;
		padding-bottom: 20px;
	}
	.biebwidget-content .nav-column {
		float: left;
		width: auto;
		margin-left:0;
	}
	.biebwidget-content .nav.main-column-wrapper .main-column {
		margin: 0;
	}
	.biebwidget-content .intro img {
	    max-height: 614px;
	    max-width: 100%;
	}
	.biebwidget-content .richtext img {
		float: none;
	}	
	.biebwidget-content .grid-items > li {
		margin: 0;
	}

/**/
	.unimportant.biebwidget {
		display: none;
	}
	.expandable.biebwidget {}
	.expandable.biebwidget > h2 {
	  	cursor: pointer;
		background: transparent url('../images/nav-next.png') no-repeat 9px center;
	}
	.expandable.biebwidget.open > h2 {
		background-image: url('../images/arrow-dropdown.png');
		background-position: 7px center;
	}
	
	.expandable.biebwidget > .biebwidget-content {
		display: none;
	}
	.expandable.biebwidget > p.endorsement {
		display: none;
	}
	.expandable.open.biebwidget > .biebwidget-content {
		display: block;
	}
	.expandable.open.biebwidget > p.endorsement {
		display: block;
	}
}