@charset "utf-8";



/* VIEW: Desktop+ */
@media only screen and (min-width: 760px), screen and (min-width: 760px) and (-webkit-device-pixel-ratio: 2){
	.pm_flow.layout #layer2{
		width:1476px;
	}

}

/* VIEW: Responsive (alles) */
@media only screen and (max-width: 759px), screen and (max-width: 759px) and (-webkit-device-pixel-ratio: 2){

	.layout.pm_flow	{
		font-size: 14px;
		line-height: 1.5em;
	}

	body#layout.pm_flowx {
		overflow-y:scroll;
	}
	body#layout.pm_flow #layer1 {
		top:0;
		left:0;
	}
	body#layout.pm_flow #layer2{
		width: auto;
	}
	body#layout.pm_flow .pm-section {
		width: auto!important;
		margin: 0;
	}
	body#layout.pm_flow .pblock {
		width: 92%;
		clear: both;
		margin: 4% 4%;
	}
	body#layout[data-p-type="hoofdstuk"] #sidebar, body#layout[data-p-type="dashboard"] #sidemenu{
		display: none;
		width:25vw;
		transition: all 0.3s;
	}
	
	body#layout[data-p-type="hoofdstuk"][data-show-menu="yes"] #sidebar, body#layout[data-p-type="dashboard"][data-show-menu="yes"] #sidemenu{
		display: block;
		width:25vw;
	}
	body#layout[data-p-type="hoofdstuk"][data-show-menu="yes"] #layer1, 
	body#layout[data-p-type="dashboard"][data-show-menu="yes"] #layer1{
		left:25vw;
	}
	
body#layout.pm_flow #topbar ._logo-mob{
	display: block;
}

	body.pm_flow.layout h1, body.pm_flow.layout .h1 {
		font-size: 2em;
	}
	body.pm_flow.layout h2, body.pm_flow.layout .h2 {
		font-size: 1.75em;
	}
	body.pm_flow.layout h3, body.pm_flow.layout .h3 {
		font-size: 2em;
	}
	body.pm_flow.layout h4, body.pm_flow.layout .h4 {
		font-size: 2.25em;
	}
	body.pm_flow.layout h5,	body.pm_flow.layout .h5 {
		font-size: 1.25em;
	}

	body.pm_flow.layout .pgroup{
		/*background-image: none;*/
	}

	body.pm_flow.layout .newsletter-cnt ._block{
		width: 100%;
	float: none;
	}
	body.pm_flow.layout .newsletter-cnt .inp-checkbox._AVG {
		padding-left: 35px;
		margin-top: 30px;
	}

	body.pm_flow.layout .footer {
		width: 100%;
		padding: 20px 0;
	}
	body.pm_flow.layout .footer ._logo{
		width: 42%;
		margin: 2% 4%;
		background-size: contain;
	}
	body.pm_flow.layout #footer ._logo{
		display: none;
	}

	body.pm_flow.layout #footer ._disclaimer {
		float: none;
		margin-top: 20px;
		margin-bottom: 20px;
		text-align: center;
	}
	body.pm_flow.layout #footer ._socials {
		position: relative;
		left: auto;
		transform: none;
		clear: both;
	}
	body.pm_flow.layout #footer{
		height: auto
	}
	body.pm_flow.layout a.button{
		float: none;
	}

	body.pm_flow #topbar .bttn-menu {
		margin-right: 2vw;
	}
	body.pm_flow #topbar .logo {
		width: 8vw;
		height: 8vw;
		margin-left: 2vw;
	}

	.negative-margin-120-top{
		transform: none;
	}
	body.pm_flow .flex-image{
		width:100%!important;
		height:auto!important;
	}
	body.pm_flow #topbar #headerbar a._bttn {
		margin: 0vw 0vw;
		font-size: 2vw;
		width: 13vw;
		height: 12vw;
		padding-top: 7vw;
		background-position: center 2.5vw;
	}
	body.pm_flow .logo-rfc {
	width: 33vw;
	height: 5vw;
	}


body.pm_flow .pgroup.content-slide {
	padding-top: 0;
}
body.pm_flow .pblock.video-banner{
	width:100%;padding:0;
}


body.pm_flow a.bttn-close {
	padding-right: 27px;
	height: auto;
	position: relative;
	margin-bottom: 10vw;
	width: auto;
	/* float: right; */
	clear: both;
	text-align: right;
	padding: 4vw 10vw;
	right: auto;
	top: auto;
	margin-right: 4%;
}
body.pm_flow .pm-section.__slides .pgroup.slider-group {
	
	top: 10vw;
}
body.pm_flow#layout[data-slider-open="true"] #topbar{
	display: block;
}

body.pm_flow a.punt:after {

width: 3vw;
height: 3vw;
	}
	
	

body.pm_flow a.button {
	max-width:none!important;
}
	
	body.pm_flow  video {
		display: block;
		margin: 0 auto;
		max-width: 100%;
	}
	body.pm_flow .pblock.video-banner{
		height:auto;
	}
		
		body.pm_flow .vragen-blok textarea._textarea{
		position: relative;
		width: 100%;
		height: 30vw;	
}

body.pm_flow .segNav-block{
	background-image: none;
	min-height: 3vw;
	position: relative;
	margin: 4vw;
	padding-top: 1vw;
	border-top: 2px dashed #e6e6e6;
	padding: 0;
	margin: 0;
}
body.pm_flow .pblock.tijdschema-blok,
body.pm_flow .pblock.navPBlock{
	padding:0;
}
.segNav-block a.segNav {
	font-weight: bold;
	color: #000;
	display: block;
	background-repeat: no-repeat;
	background-size: 4.5vw auto;
	margin-top: 2vw;
	height: 5vw;
	letter-spacing: 3px;
	text-transform: uppercase;        font-size: 2.2vw;
}
.segNav-block .segNav.__prev {
	padding-left: 6vw;
	color:#b6b6b6;
}
.segNav-block .segNav.__next {
	padding-right: 6vw;

}

body.pm_flow .pgroup.opdracht-set .pblock{
	margin: 0 4%!important;
	padding: 1% 4%!important;
}

body.pm_flow .pblock.badge-block {
	height: 100vw;
}
	
body.pm_flow .pblock.badge-block ._image{
	top:11vw;
}
body.pm_flow .block-nav-onderdelen ._navbar ._pagination, 
body.pm_flow .badge-block-profiel ._navbar ._pagination, 
body.pm_flow .badge-block ._navbar ._pagination {
	display: block;
	position: absolute;
	left: 50%;
	transform: translate(-50%, 50%);
	margin-top: 0px;
	width: 35vw;
	text-align: center;
	height: auto;
	line-height: normal;
}		

body.pm_flow .hoofdstuk-all-block ._inner {
	height: auto;
	overflow: auto;
	position: relative;
}

body.pm_flow #sidemenuOpen {
	display: block;
	float: left;
	width: 40px;
	height: 40px;
	margin: 10px 0 0 14px;
	text-align: center;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 90% auto;
	box-sizing: border-box;
	background-image: url(/svg/dl-cursus/000000/menu.svg);
}
body.pm_flow[data-show-menu="yes"] #sidemenuOpen{
	background-image: url(/svg/dl-cursus/000000/kruisje.svg);
}

body.pm_flow #sidebar ._inner ._bttn, body.pm_flow #sidemenu ._inner ._bttn {
	width: 100%;
	display: block;
	background-repeat: no-repeat;
	background-position: center 24%;
	color: #FFF;
	text-align: center;
	padding-top: 50%;
	padding-bottom: 10%;
	background-size: 30% auto;
	font-size: 1em;
	text-transform: uppercase;
}

body.pm_flow #sidemenu ._inner a._bttn.__dashboard,
body.pm_flow #sidemenu ._inner a._bttn.__profiel,
body.pm_flow #sidemenu ._inner a._bttn.__badges,
body.pm_flow #sidemenu ._inner a._bttn.__downloads
{
	background-size: auto 50%;
}
body.pm_flow #sidemenu ._inner a._bttn.__contact {
	background-position: center 30%;
	}
body.pm_flow #sidebar ._inner a._bttn:after{
	font-size:1em;
}


body.pm_flow #sidebar ._inner a._bttn[data-page-group="theorie"]{
	background-size: auto 30%;
}

body.pm_flow #sidebar ._inner a._bttn[data-page-group="opdracht"],
body.pm_flow #sidebar ._inner a._bttn[data-page-group="Vragen"]{
	background-size: auto 30%;
}

body.pm_flow #sidebar ._inner a._bttn[data-page-group="dagboek"],
body.pm_flow #sidebar ._inner a._bttn.__pauzeer{
	background-size: auto 30%;
}
body.pm_flow #sidebar ._inner ._bttn[data-url2="afgerond"] {
	display: none;
}

body.pm_flow #sidebar ._inner ._code{
	width: 100%;
	display: block;
	color: #f29400;
	border-bottom: 2px solid #333333;
	text-align: center;
	min-height: 3.75vw;
	padding-bottom: 0.75vw;
	font-size: 8.57vw;
	line-height: 2em;

	text-transform: uppercase;
	font-family: 'Roboto Slab';
}

body.pm_flow .side-block{
	background-size: 20vw auto;
	padding-left: 24vw;
	height: 35vw;
}
body.pm_flow .side-block h3{
	font-size:1.2em;
}

body.pm_flow #dagboek-groep {
	margin-left: 0;
}

body.pm_flow #dagboek-groep .dagboek-header{
	margin-right: 0%;
	margin-top: 0%;
	width: 96%;
	background-size: 181vw auto;
	padding-right: 14%;
}
body.pm_flow .badge-screen {
	height: 46vw;
	background-repeat: no-repeat;
	background-size: 19vw auto;
	padding-top: 10vw;
	padding-left: 13vw;
}
body.pm_flow .badge-screen ._image {
	width: 72%;
}
body.pm_flow .badge-screen ._image img {
	width: 100%!important;
	height: auto!important;
}
}

/* VIEW: Smartphones */
@media only screen and (max-width: 479px), screen and (max-width: 479px) and (-webkit-device-pixel-ratio: 2){

}

/* Uitzonderingen voor landscape modus op de meeste smartphones */
@media only screen and (max-width: 480px) and (orientation:landscape), screen and (max-width: 480px) and (-webkit-device-pixel-ratio: 2){


}