@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
@import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css);
html,
button,
input,
select,
textarea {
  color: #222;
}
* {
  box-sizing: border-box;
	padding: 0px;
	margin: 0px;
	text-decoration: none;
	font-family: Lato;
}
html {
  font-size: 1em;
  line-height: 1.4;
 font-family: 'Lato', sans-serif;
	text-decoration: none;
  
}
.bg-geel{
	background-image: url("../img/bg.jpg"); ;
	background-size: cover;
	
}
.wit{
	background-color: #fafcff !important;
}
.geel{
	background-color: #ffc33c !important;
}
.paars{
	background-color: #a23bc7 !important;
}
.grijs{
	background-color: #979eab !important;
}
.blauw{
	background-color: #56cfc3 !important;
}
.donkerpaars{
	background-color: #411c71 !important;
}
.oranje{
	background-color: #ff613c !important;
}
.roze{
	background-color: #d31373 !important;
}
.gebrokenwit{
	background-color: #fff8f2 !important;
}

.txtwit{
	color: #fafcff !important;
}
.txtgeel{
	color: #ffc33c !important;
}
.txtpaars{
	color: #a23bc7 !important;
}
.txtgrijs{
	color: #979eab !important;
}
.txtblauw{
	color: #56cfc3 !important;
}
.txtdonkerpaars{
	color: #411c71 !important;
}
.txtoranje{
	color: #ff613c !important;
}
.txtroze{
	color: #d31373 !important;
}
.txtgebrokenwit{
	color: #fff8f2 !important;
}
.displaynone{display:none;}

/* Loginscreen start */

.loginscherm{
	height: auto;
	width: 350px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	box-shadow: 0 2px 16px 0 rgba(255,195,60,0.76), 0 5px 20px 7px rgba(255,97,60,0.29);
	border-radius: 40px;
}
.loginlogo{
	width: 80px;
	height: 50px;
	float: left;
	clear: right;
	margin-left: 25px;
	margin-top: 25px;
}
.loginlogo img{
	width: 80px;
	height: 50px;
}
.logintekst{
	height: 50px;
	width: 205px;
	float: left;
	clear: right;
	text-align: right;
	margin-top: 25px;
	padding-top: 14px; 
	color: #9c9da1;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 30px;
}
.invww{
	height: 35px;
	width: 280px;
	border: 1px solid #CED4DA;
	border-radius: 4px;
	margin-left: 35px;
	margin-right: auto;
	margin-top: 20px;
	padding: 6px;
	font-size: 14px;
	
	
}
.wachtwoordaanpassen{
	height: 35px;
	width: 300px;
	color: #CED4DA;
	border-top: 1px solid #CED4DA;
	border-bottom: 1px solid #CED4DA;
	border-left: 1px solid #CED4DA;
	border-right: none;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	margin-left: 15px;
	float: left;
	clear: right;
	margin-top: 20px;
	padding: 6px;
	font-size: 14px;
	
	
}
.wachtwoordaanpassen-oog{
	height: 35px;
	width: 35px;
	color: #CED4DA;
	border-top: 1px solid #CED4DA;
	border-bottom: 1px solid #CED4DA;
	border-right: 1px solid #CED4DA;
	border-left: none;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	margin-top: 20px;
	float: left;
	clear: right;
	padding: 5px;
	font-size: 14px;
	
	
}
.wachtwoordaanpassen-oog img{
	height: 25px;
	width: 25px; 
}
.loginbutton{
	height: 40px;
	width: 75px;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	border: none;
	border-radius: 4px;
	float: left;
	clear: right;
	margin-bottom: 20px;
	-webkit-appearance: none;
	
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);

}
.buttonkader{
	height: 40px;
	width: 75px;
	float:left;
	clear: right;
	margin-top: 10px;
	margin-bottom: 35px;
	margin-left: 240px;
}
.wwvergeten{
	width: 340px;
	height: 40px;
	float: left;
	clear: right;
	padding-left: 35px;
	padding-top: 10px;
	font-weight: 600;
	margin-top: 10px;
	margin-bottom: 10px;
font-size: 15px;
color: #56CFC3;
letter-spacing: 0;
line-height: 14px;
}

/* Loginscreen stop */

/*carrousel start */





.slider {
  height: 310px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.slider__nav {
  border: solid #56cfc3;
  border-width: 0 3px 3px 0;
  
  padding: 5px;
  
  z-index: 10;
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
	

}
.positielinks{
	margin-left: 20px;
	float: left;
	top:-10px;
	position: relative;
}
.positierechts{
	margin-left: 960px;
	float: right;
	top:-10px;
	position: relative;
}
.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0px;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -1010px;
}

.slider__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 2020px;
  height: 310px;
  -webkit-transition: left 0.4s;
  transition: left 0.4s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
}
.slider__contents {
  height: 310px;
	width: 1010px;
  padding: 0px;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  
}


@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}



/*carrousel stop */

/* For mobile phones: */

.melding{
	height: auto;
	width: 300px;
	position: fixed;
	top: 10px;
	right: 10px;
	border: 5px solid;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	
    -webkit-animation: fadeinout 5s linear forwards;
    animation: fadeinout 5s linear forwards;
}
@-webkit-keyframes fadeinout {
  0%,100% { opacity: 0; }
  30% { opacity: 1; }
	70% { opacity: 1; }
}

@keyframes fadeinout {
  0%,100% { opacity: 0; }
  30% { opacity: 1; }
	70% { opacity: 1; }
}
.gelukt{
	background-color:#a9ee9b;
	border-color:#21a306;}
.mislukt{
	background-color:#ee9d9b;
	border-color:#a30a06!important;}
.mobnot{display: none;}

.button{
	height: 36px;
	width: auto;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	float: left;
	clear: right;
	margin-bottom: 20px;
	-webkit-appearance: none;
}
.button100{
	height: 36px;
	width: 100%;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	-webkit-appearance: none;
}
.buttontxt{
	height: 36px;
	width: auto;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	text-align: center;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	margin-bottom: 20px;
	-webkit-appearance: none;
}
.buttontxt100{
	height: 36px;
	width: 100%;
	font-weight: 600;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 7px;
	text-align: center;
	max-width: 250px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	border: none;
	border-radius: 5px;
	margin-bottom: 20px;
	-webkit-appearance: none;
}
/* Start popup */

/*Stop popup */
.content{
	width: 350px;
	height: auto;
	overflow: auto;
	background: #FFFFFF;
	box-shadow: 0 2px 16px 0 rgba(255,195,60,0.76), 0 5px 20px 7px rgba(255,97,60,0.29);
	border-radius: 40px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	margin-bottom: 50px;
	padding: 0px;
}
.header{
	width: 300px;
	height: 68px;
	margin-top: 25px;
	margin-left: 25px;
}
.footer{
	height: 50px;
	width: 1110px;
}
.logoblok{
	height:50px;
	width: 90px;
	float: left;
	clear: right;
	
}
.logoblok img{
	height:50px;
	width: auto;
}
.menublok{
	display: none;
}
.userblok{
	width: 200px;
	height: 50px;
	float: left;
	clear: right;
	margin-left: 10px;
}
.avatar{
	height: 50px;
	width: 50px;
	float: left;
	clear: right;
	margin-top: -40px;
	z-index: 1;
	position: inherit;
}
.avatar img{
	height: 50px;
	width: 50px;
	border-radius: 25px;
	z-index: 2;
}
.avatar-groot{
	height: 250px;
	width: 250px;
	float: left;
	margin-left: 112px;
	margin-top: 50px;
}
.avatar-groot img{
	height: 250px;
	width: 250px;
	border-radius: 250px;
	z-index: 2;
}
.naamvak{
	height: 30px;
	width: 170px;
	margin-left: 30px;
	margin-top: 10px;
	background-color: #ddf5f3;

	border-radius: 14px;
	z-index: -1;
	position: inherit;
}
.dropdownclicker{
	height: 30px;
	width: 170px;
	position: relative;
  display: inline-block;
}


.dropdown-content {
  display: none;
  position: absolute;
  min-width: 170px;
  z-index: 1;
	margin-top: 30px;
}
.dropdownmenu-kader{
	width: 170px;
	height: auto;
	border-radius: 14px;
	background-color: #ddf5f3;
	margin-top: 10px;
	padding: 10px;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
}
.dropdownmenu-kader li{
	width: 150px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Lato;
	font-weight: 400;
font-size: 15px;
color: #56CFC3 !important;
	list-style: none;

}
.dropdownmenu-kader a{
color: #56CFC3 !important;}

.dropdownclicker:hover .dropdown-content {
  display: block;
}

.accountnaam{
	color: #56CFC3;
	height: 50px;
	width: 400px;
	float: left;
	clear: right;
	font-weight:900;
	font-size: 30px;
	padding-top: 5px;
	margin-left: 38px;
	text-align: center;
	margin-top: 25px;
	margin-bottom: 15px;
}
.marleft15{
	margin-left: 15px!important;
}
.naam{
	color: #56CFC3;
	height: 30px;
	width: 140px;
	padding-left: 28px;
	float: left;
	clear: right;
	font-weight:900;
	font-size: 15px;
	padding-top: 5px;
}
.icoon{
	height: 30px;
	width: 30px;
	float: left;
	clear: right;
}
.icoon img{
	height: auto;
	width: 9px;
	margin-top: 12px;
	margin-left: 10px;

}
.menu li{
	height: 50px;
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 15px;
	font-weight: 700px;
	text-transform: uppercase;
	color: #979EAB;
	float: right;
	clear: left;
	list-style: none
}
.boeken{
	height: 400px;
	width: 1110px;
	background-color: #FAFCFF;
	border: 1px solid #EFEFEF;
	padding-left: 35px;
}
.boeken-uitgebreid{
	height: auto;
	width: 1110px;
	background-color: #FAFCFF;
	border: 1px solid #EFEFEF;
	padding-left: 35px;
	overflow: auto;
	padding-right: 50px;
}
.boek{
	height: 270px;
	margin-left: 15px;
	margin-right: 15px;
	width: 150px;
	float: left;
	clear: right;
	margin-bottom: 40px;
}
.projecttitel{
	font-family: Lato;
	font-weight: 700;
	font-size: 18px;
	color: #979EAB;
	margin-top: 45px;
	margin-left: 15px;
	margin-bottom: 18px;
}
.projecttitel2{
	font-family: Lato;
	font-weight: 700;
	font-size: 18px;
	margin-top: 45px;
	margin-left: 15px;
	height: 25px;
	margin-bottom: 15px;
}
.projecttitel3{
	font-family: Lato;
	font-weight: 700;
	font-size: 18px;
	margin-top: 45px;
	margin-left: 15px;
	height: 25px;
	margin-bottom: 15px;
}
.projecttitelblok1{
	float: left;
	clear: right;
	width: auto;
	padding-right: 5px;
}
.projecttitelblok2{
	float: left;
	width: 910px;
}
.projecttitelblok3{
	float: left;
	width: 400px;
}
.cover{
	height: auto;
	width: 150px;
	margin-bottom: 18px;
}
.cover img{
	height: auto;
	width: 150px;
	
}
.boekbutton{
	height: 31px;
	width: 131px;
	background: #56cfc3;
	border: 1px solid #56cfc3;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
	font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	text-decoration: none !important;
	padding-top: 9px;
}
.opslbutton{
	height: 31px;
	width: 180px;
	background: #56cfc3;
	border: 1px solid #56cfc3;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
	border-radius: 4px;
	margin-left: auto;
	margin-right: auto;
	font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	text-decoration: none !important;
	margin-top: 25px;
	margin-left: 15px;
}
.rankingbutton{
	height: 31px;
	width: 161px;
	background: #56cfc3;
	border: 1px solid #56cfc3;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
	border-radius: 4px;
	font-weight: 700;
	margin-top: 15px;
	font-family: Lato;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	text-decoration: none !important;
	padding-top: 9px;
}
.lijnhome{
	width: 1110px;
	height: auto;;
	overflow: auto;
}
.level{
	height: 210px;
	width: 250px;
	margin-left: 50px;
	margin-top: 50px;
	float: left;
	clear: right;
}
.plickers{
	height: 210px;
	width: 440px;
	margin-left: 45px;
	margin-top: 50px;
	float: left;
	clear: right;
}
.ranking{
	height: 210px;
	width: 230px;
	margin-left: 45px;
	margin-top: 50px;
	float: left;
	clear: right;}

.resultlijn{
	height: 30px;
	border-radius: 15px;
	width: 210px;
	background-color: #f5aad0 !important;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
.resultnaam{
	height: 25px;
	text-align: left;
	width: 180px;
	font-family: Lato;
	font-weight: 400;
font-size: 15px;
color: #FFFFFF;
	padding-top: 3px;
	padding-left: 15px;
	float: left;
}
.resultpijl{
	height: 30px;
	width: 30px;
	float: left;
	background-color: #d31373 !important;
	border-top-right-radius: 15px;
	border-bottom-right-radius: 15px;
	text-align: center;
	color: #FFFFFF;
	padding-top: 3px;
}

.SAMachtergrondrood{
	background-color: #EB5E5E !important;
}
.SAMachtergrondoranje{
	background-color: #F0B356 !important;
}
.SAMachtergrondlgroen{
	background-color: #B9F0AF !important;
}
.SAMachtergrondgroen{
	background-color: #56A664 !important;
}
.rapport-inhoud{
	width: 1110px;
	height: auto;
	padding-left: 35px;
	padding-top: 25px;
	padding-bottom: 25px;
	margin-bottom: 50px;
	overflow: auto;
}
.criterialijn{
	height: 40px;
	width: 1040px;
	background-color: #d31373 !important;
	color: #FFFFFF;
	font-weight: 700;
	padding-top: 6px;
	padding-left: 10px;
	border-top-left-radius: 20px;	
	border-top-right-radius: 20px;
	font-size: 18px;
}
.puntenlijn{
	height: 30px;
	width: 1040px;
	background-color: #dc4390  !important;
	color: #FFFFFF;
	font-weight: 700;
	font-size: 15px;
	padding-top: 3px;
	text-align: center;
}
.puntlijn4links{
	height: 24px;
	width: 260px;
	float: left;
}
.puntlijn4midden{
	height: 24px;
	width: 260px;
	float: left;
}
.puntlijn4rechts{
	height: 24px;
	width: 260px;
	float: left;
}
.puntlijn2links{
	height: 24px;
	width: 520px;
	float: left;
}
.puntlijn2rechts{
	height: 24px;
	width: 520px;
	float: left;

}
.tekstenlijn{
	width: 1040px;
	height: auto;
	overflow: auto;
	background-color: #f5aad0 !important;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: flex; /* equal height of the children */
	padding-right: 10px;
}
.verdeling4links {
	height: auto;
	width: 247px;
	float: left;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
	flex: 1;
}
.verdeling4midden {
	height: auto;
	width: 248px;
	float: left;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
	flex: 1;
}
.verdeling4rechts{
	height: auto;
	width: 247px;
	float: left;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
	flex: 1;
}
.verdeling2links{
	height: auto;
	width: 500px;
	float: left;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
	flex: 1;
}
.verdeling2rechts{
	height: auto;
	width: 500px;
	float: left;
	margin-left: 10px;
	background-color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
	flex: 1;
}
.SAMlijntotalescore {
  height: 40px;
  width: 1040px;
    padding-left: 840px;
}
.scoreveldlinks {
  height: 40px;
  width: 125px;
  float: left;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 15px;
  padding-top: 8px;
  font-weight: 700;
  background-color: #D7D5D5;
  text-align: center;
}
.scoreveldrechts {
  height: 40px;
  width: 75px;
  float: left;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: center;
  padding-top: 8px;
  background-color: #d31373 !important;
  color: #FFFFFF;
}
.fototitel{
	    height: 40px;
    width: 1040px;
    background-color: #d31373 !important;
    color: #FFFFFF;
    font-weight: 700;
    padding-top: 6px;
    padding-left: 10px;
    border-radius: 20px;
    font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.singlefotoliggend{
	height: auto;
	width: 400px;
	margin-bottom: 50px;
	float: left;
	border-radius: 20px;
}
.singlefotoliggend img{
	height: auto;
	width: 400px;
	
	border-radius: 20px;
}



.lijnhometitel{
	font-family: Lato;
	font-weight: 700;
font-size: 18px;
color: #979EAB;
}
.lijnhometitel2{
	font-family: Lato;
	font-weight: 700;
font-size: 18px;
color: #979EAB;
margin-bottom: 5px;
}
.kadervoortgang{
	height:15px;
	width:250px;
	background-color:#f4f5f6;
	margin-left:auto;
	margin-right:auto;
	}
.voortgang{
	height:15px;
	background-color: #FFC33C;
	
	}
.levelicoon{
	width: 76px;
	height: 81px;
	background-image: url("../img/shield.png");
	background-size: cover;
	margin-top: 20px;
	margin-bottom: 20px;
	color: #FFF;
	font-family: Lato;
	font-weight: 700;
	font-size: 50px;
	text-align: center;
	padding-top: 5px;
	
}
.score{
	font-family: Lato;
	font-weight: 400;
font-size: 15px;
color: #979EAB;
	text-align: right;
	padding-top: 10px;
}
.plickerstekst{
	font-family: Lato;
	font-weight: 400;
font-size: 15px;
color: #979EAB;
line-height: 32px;
	float: left;
	clear: right;
	width: 60px;
	height: 32px;
}
.plickersscore{
	width: 50px;
	height: 24px;
	margin-top: 4px;
	margin-left: 18px;
	background-color: #eaecee;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 700;
font-size: 15px;
color: #FFFFFF;
text-align: center;
	padding-top:2px;
}
.quizscore{
	width: 50px;
	height: 24px;
	margin-left: 455px;
	background-color: #eaecee;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 700;
font-size: 15px;
color: #FFFFFF;
text-align: center;
	padding-top:2px;
}
.quizscore2{
	width: 50px;
	height: 24px;
	margin-left: 440px;
	background-color: #eaecee;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 700;
font-size: 15px;
color: #FFFFFF;
text-align: center;
	padding-top:2px;
}
.plkader{
	height: 32px;
	width: 130px;
}
.rankinglijn{
	height: 25px;
	width: 230px;
	margin-top: 8px;
}
.rankinglijn2{
	height: 25px;
	width: 400px;
	margin-top: 8px;
	margin-left: 15px;
}
.rankingnummer{
	height: 25px;
	width: 25px;
	text-align: center;
	float: left;
	clear: right;
	margin-right: 10px;
	font-family: Lato;
	font-weight: 700;
font-size: 15px;
color: #FFFFFF;
text-align: center;
	padding-top: 3px;
}
.rankingnaam{
	height: 25px;
	width: 150px;
	float: left;
	clear: right;
	margin-right: 10px;
	font-family: Lato;
	font-weight: 400;
font-size: 15px;
color: #979EAB;
	padding-top: 3px;
}
.rankingnaam2{
	height: 25px;
	width: 300px;
	float: left;
	clear: right;
	margin-right: 10px;
	font-family: Lato;
	font-weight: 400;
font-size: 15px;
color: #979EAB;
	padding-top: 3px;
}
.rankingscore{
	height: 25px;
	width: 35px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 700;
font-size: 15px;
color: #979EAB;
padding-top: 3px;
}
.techniek .linktechniek{
	
color: #FFC33C;
}
.informatica .linkinformatica{
	
color: #FFC33C;
}
.stem .linkstem{
	
color: #FFC33C;
}
.boeksingle{
	height: 380px;
	width: 350px;
	background-color: #FAFCFF;
	border: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
}
.projectextras{
	height: auto;
	width: 350px;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
	overflow: auto;
}
.boeksingle2{
	height: 500px;
	width: 545px;
	background-color: #FAFCFF;
	border: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
}
.projectextras2{
	height: 500px;
	width: 565px;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
	overflow: auto;
}
.boeksingle3{
	height: 771px;
	width: 750px;
	background-color: #FAFCFF;
	border: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
}
.projectextras3{
	height: 771px;
	width: 360px;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
	overflow: auto;
}
.boeksingle3 iframe{
	margin-left: 15px;
}
.boekpdf{
	width:445px;
	height:632px;
	margin-left: 15px;
	display: none;
}
.boekpdf2{
	margin-top: 25px;
	width:900px;
	height:600px;
	margin-left: 30px;
}
.melding2{
	width: 260px;
	height: auto;
	margin-left: 15px;
	border: 5px solid;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
}
.pptknop{
	width: 260px;
	min-height: 60px;
	height: auto;
	border-bottom: 1px solid #EFEFEF;
	margin-left: 15px;
	overflow: auto;
}
.pptknoptekst{
	min-height: 22px;
	height: auto;
	width: 190px;
	margin-top: 18px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 400;
	margin-right: 10px;
font-size: 18px;
color: #979EAB;
	
}
.quizknop{
	width: 466px;
	height: 60px;
	border-bottom: 1px solid #EFEFEF;
	margin-left: 15px;
}
.quizknopafb{
	height: 22px;
	width: 25px;
	margin-top: 18px;
	float: left;
	clear: right;
	margin-right: 20px;
}
.quizknopafb img{
	height: auto;
	width: 25px;
	
}
.martop8{
	margin-top: 8px;
}
.quizknoptekst{
	height: 22px;
	width: 280px;
	margin-top: 18px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 400;
font-size: 18px;
color: #979EAB;
	
}
.quizbutton{
	height: 31px;
	width: 97px;
	background: #56cfc3;
border: 1px solid #56cfc3;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
border-radius: 4px;
font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	float: left;
	clear: right;
	padding-top: 7px;
	margin-top: 14px;
	margin-left: 89px;
}
.pptbutton{
	height: 31px;
	width: 60px;
	background: #56cfc3;
border: 1px solid #56cfc3;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
border-radius: 4px;
font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	float: left;
	clear: right;
	padding-top: 7px;
	margin-top: 14px;
}
.anderebutton{
	height: 31px;
	width: 121px;
	background: #56cfc3;
border: 1px solid #56cfc3;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
border-radius: 4px;
font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	float: left;
	clear: right;
	padding-top: 7px;
	margin-top: 14px;
	margin-left: 20px;
}
.uitleg{
	font-family: Lato;
	font-weight: 300;
font-size: 18px;
color: #979EAB;
line-height: 25px;
	margin-left: 15px;
	width: 1000px;
	height: auto;
	margin-bottom: 45px;
}
.uitleg2{
	font-family: Lato;
	font-weight: 300;
font-size: 18px;
color: #979EAB;
line-height: 25px;
	margin-left: 15px;
	width: 466px;
	height: auto;
}
.uitleg3{
	font-family: Lato;
	font-weight: 300;
font-size: 18px;
color: #979EAB;
line-height: 25px;
	margin-left: 15px;
	width: 1000px;
	height: auto;
	margin-bottom: 15px;
}
.iframe{
	border:none;
	height:590px;
	width:790px;
	margin-left:160px;
	margin-top:40px;}
.iframeklein{
	border:none;
	height:200px;
	width:200px;
	margin-left:455px;
	margin-right: auto;
	margin-top:20px;}
.iframekadertje{
	height:200px;
	width:200px;
	background-color:#FFF;}
.puntenvaklijn1{
	height:80px;
	width:200px;
	text-align:center;
	font-size:70px;
	padding:0px;
	}
.puntenvaklijn2{
	height:60px;
	width:200px;
	text-align:center;
	font-size:40px;
	padding:0px;
	}
.martop20{
	margin-top:20px;}
.puntenvak{
	  -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 3s; /* Firefox < 16 */
        -ms-animation: fadein 3s; /* Internet Explorer */
         -o-animation: fadein 3s; /* Opera < 12.1 */
            animation: fadein 3s;}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/*Start quiz */
.quizuitlegtitel{
	font-family: Lato;
font-size: 25px;
color: #979EAB;
	margin-left: 15px;
	width: 445px;
	margin-bottom: 20px;
	font-weight: 700;
}
.quizuitleg{
	font-family: Lato;
font-size: 18px;
color: #979EAB;
line-height: 25px;
	margin-left: 15px;
	width: 445px;
	font-weight: 400;
}
.quizvragen{
	height: 771px;
	width: 565px;
	border-right: 1px solid #EFEFEF;
	border-top: 1px solid #EFEFEF;
	border-bottom: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
	overflow: hidden;
}
.inwelcomevolledig{
	width:6360px;
	overflow-x: hidden;
	height:771px;
}
.inwelcome{
	width:530px;
	margin-right: 10px;
	float:left;
	clear:right;
	height:771px;
}

.antwoordvak{
	height: auto;
	overflow: auto;
	width: 466px;
	margin-left: 15px;
}
.antwoordkader{
	height: auto;
	min-height: 60px;
	overflow: auto;
	width: 466px;
	border-bottom: 1px solid #EFEFEF;
    
}
.antwoordkader img{
	height: auto;
	width: auto;
	max-height: 280px;
	max-width: 280px;
}
.antwoord{
	height: 25px;
	width: 25px;
	padding-top: 5px;
	float: left;
	clear: right;
	margin-top: 18px;
}
.antwoordafbeelding{
	height: auto;
	width: 420px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 300;
font-size: 18px;
color: #979EAB;
	margin-top: 18px;
}
.vraagtitel{
	color: #979EAB;
	font-family: Lato;
	font-weight: 300;
font-size: 18px;
	font-style: italic;
	margin-left: 15px;
	margin-top: 50px;
}
.vraagtitel2{
	color: #979EAB;
	font-family: Lato;
	font-weight: 300;
font-size: 18px;
	font-style: italic;
}
.vraagvak{
	height: auto;
	width: 466px;
	margin-left: 15px;
}
.vraag{
	color: #979EAB;
	font-family: Lato;
	font-weight: 700;
font-size: 18px;
	
}
.vraagafbeelding img {
	max-height: 465px;
	max-width: 466px;
	width: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	margin-bottom: 20px;
}
.quizbutton-volgende{
	height: 31px;
	width: 97px;
	background: #56cfc3;
border: 1px solid #56cfc3;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
border-radius: 4px;
font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	float: left;
	clear: right;
	padding-top: 7px;
	margin-left: 384px;
}
.quizbutton-indienen{
	height: 31px;
	width: 97px;
	background: #56cfc3;
border: 1px solid #56cfc3;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
border-radius: 4px;
font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	float: left;
	clear: right;
	margin-left: 384px;
}
.quizbutton-resultaat{
	height: 31px;
	width: 150px;
	background: #56cfc3;
border: 1px solid #56cfc3;
box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
border-radius: 4px;
font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	padding-top: 7px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
.quizvraagkader{
	width: 495px;
	height: 690px;
	overflow: auto;
}
.quizbuttonkader{
	width: 495px;
	height: 40px;
}
/* The container */
.container {
    display: block;
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background: #FFFFFF;
border: 1px solid #B8B8B8;
box-shadow: inset 0 1px 1px 0 rgba(0,0,0,0.34);
border-radius: 2px;
	
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #56cfc3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 5px;
	left: 5px;
	width: 4px;
	height: 4px;
	border-radius: 1px;
	background: white;
}


/*Stop quiz */

.bordboek{
	height:600px; 
	width:960px;
	margin-left: 75px;
	margin-top: 50px;
}
input[type="file"] {
    display: none;
}
.custom-file-upload {
    height: 31px;
    width: 130px;
	padding-top: 10px;
    background-color: #d31373;
    display: inline-block;
    cursor: pointer;
	border-radius: 4px;
	    font-weight: 600;
	float: left;
	clear: right;
	margin-right: 20px;
	font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 11px;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
	
    text-shadow: 0 1px 2px rgba(0,0,0,0.20);
    text-decoration: none !important;
}
.afb-knoppen-lijn{
	height: auto;
	overflow: auto;
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
}
.fotobutton{
	    height: 31px;
    width: 105px;
    box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
    border-radius: 4px;
    margin-left: auto;
    margin-right: auto;
    font-family: Lato;
    font-weight: 700;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    line-height: 11px;
    text-shadow: 0 1px 2px rgba(0,0,0,0.20);
    text-decoration: none !important;
	    border: 1px solid #ff613c;

}

.placeresetbut{
	margin-left: 148px !important;
	margin-top: 20px!important;
}
.juistantwoord{
	height: auto;
	width: 1020px;
	border-bottom: 1px solid #EFEFEF;
	margin-left: 45px;
	margin-top: 25px;
	overflow: auto;
	padding-bottom: 20px;
}
.jalinks{
	width: 750px;
	height: auto;
	float: left;
	clear: right;
	
}
.afbopl{
	height: auto;
	width: 270px;
	float: left;
	clear: right;
}
.afbopl img{
	height: auto;
	width: auto;
	max-height: 250px;
	max-width: 270px;
}
.antwoord2{
	height: auto;
	overflow: auto;
	width: 750px;
	margin-top: 40px;
}
.vraagantwoord{
	height: auto;
	width: 350px;
	float: left;
	clear: right;
	margin-right: 25px;
}
.uitlegantwoord{
	height: auto;
	width: 350px;
	float: left;
	clear: right;
	margin-right: 25px;	
}
.antwoordtekst{
	font-family: Lato-Regular;
font-size: 18px;
color: #979EAB;
	margin-top: 20px;
}
.antwoordtekst img{
	height: auto;
	width: auto;
	max-width: 250px;
	max-height: 200px;
}
.antwoordtekstzafb{
	height: auto;
	width: 350px;
	margin-bottom: 10px;
}
.err{
	margin-left: 35px;
	padding-top: 10px;
	color: #ff613c;
	float: left;
}
.wachtwoordvergetentekst{
	font-family: Lato-Regular;
font-size: 18px;
color: #979EAB;
line-height: 25px;
	height: auto;
	width: 380px;
	margin-left: 35px;
}
.marbot35{
	margin-bottom: 35px;
}
.errorwachtwoord{
	margin-left: 35px;
	margin-top: -20px;
	color: #ff613c;
	float: left;
	margin-bottom: 35px;
	width: 380px;
}

.accordion {
  background-color: #E02326;
  color: #444;
  cursor: pointer;
  float: left;
	clear: right;
  border: none;
  transition: 0.4s;
	height: 50px;
	width: 50px;
}

.portbalk{
	height: 50px;
	width: 970px;
	float: left;
	clear: right;
}

.accordion:after {
  color: #777;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}



.panel {
  padding: 0px;
	width: 1020px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.portspacer{
	width: 1020px;
	height: 20px;
}
.portnaam {
    height: 50px;
    width: 250px;
    float: left;
    clear: right;
    margin-right: 20px;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    color: #979EAB;
    padding-top: 12px;
}
.portschooljaar {
    height: 50px;
    width: 100px;
    float: left;
    clear: right;
    font-family: Lato;
    font-weight: 400;
    font-size: 14px;
    color: #979EAB;
    padding-top: 14px;
}
.portrechts {
    height: 50px;
    width: 170px;
    float: right;
    clear: right;
    overflow: auto;
}

.portscore {
    height: 50px;
    width: 100px;
 
    margin-right: 20px;
	float: right;
	
}
.portfoliolijn{
	height: auto;
	width: 1020px;
	border-bottom: 1px solid #EFEFEF;
	margin-left: 45px;
	margin-top: 25px;
	overflow: auto;
}
.portpijl {
    height: 50px;
    width: 50px;
    float: left;
    clear: right;
    padding-top: 10px;
    padding-left: 5px;
}
.portpijltje {
    height: 20px;
    width: 20px;
    border-left: 5px solid #56cfc3;
    border-bottom: 5px solid #56cfc3;
    transform: rotate(-45deg);
}
.portverborgen {
    height: auto;
    overflow: auto;
    width: 100%;
    float: left;
    clear: right;
}
.fade-in {
    opacity: 1;
    animation-name: fadeInOpacity;
    animation-iteration-count: 1;
    animation-timing-function: ease-in;
    animation-duration: 1s;
}
.portscorevakje {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eaecee;
    color: #FFFFFF;
    text-align: center;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    margin-top: 7px;
}
.portimage {
    margin-bottom: 20px;
    margin-top: 20px;
    float: left;
    clear: right;
    margin-right: 50px;
    width: 260px;
}
.portimage img {
    height: auto;
    width: auto;
    max-height: 260px;
    max-width: 260px;
}

.portsublist {
    width: 280px;
    height: auto;
    min-height: 50px;
    max-height: 400px;
    float: left;
    clear: right;
    margin-top: 20px;
}
.sublijn {
    height: 35px;
    width: 270px;
    margin-bottom: 10px;
}
.subnaam {
    height: 35px;
    width: 150px;
    margin-right: 20px;
    float: left;
    clear: right;
    font-family: Lato;
    font-weight: 400;
    font-size: 16px;
    color: #979EAB;
    padding-top: 7px;
}
.subscorecontainer {
    height: 35px;
    width: 100px;
    float: left;
    clear: right;
}
.portscorevakje2 {
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #eaecee;
    color: #FFFFFF;
    text-align: center;
    font-family: Lato;
    font-weight: 700;
    font-size: 18px;
}
.ytknop{
	width: 300px;
	height: 70px;
	border-bottom: 1px solid #EFEFEF;
	margin-left: 15px;
	margin-bottom: 20px;
}
.ytknoptekst{
	height: auto;
	min-height: 22px;
	width: 150px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 400;
font-size: 18px;
color: #979EAB;
	
}
.ytduurtekst{
	height: 22px;
	width: 290px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 400;
font-size: 14px;
	font-style: italic;
color: #979EAB;
	
}
.ytimage{
	height: 60px;
	width: auto;
	float: left;
	clear: right;
	margin-right: 10px;
}
.youtubesingle{
	height: 620px;
	width: 1110px;
	background-color: #FAFCFF;
	border: 1px solid #EFEFEF;
	padding-left: 35px;
	float: left;
	clear: right;
	margin-bottom: 50px;
}
.youtubekader{
	width: 840px; 
	height: 472px;
	margin-left: 100px;
	margin-top: 100px;
}
.ytbutton{
	height: 31px;
	width: 200px;
	background: #56cfc3;
	border: 1px solid #56cfc3;
	box-shadow: 0 3px 2px 0 rgba(0,0,0,0.05);
	border-radius: 4px;
	float: left;
	clear: right;
	font-family: Lato;
	font-weight: 700;
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0;
text-align: center;
line-height: 11px;
text-shadow: 0 1px 2px rgba(0,0,0,0.20);
	text-decoration: none !important;
	padding-top: 9px;
	margin-top: 40px;
	margin-left: 310px;
}
	.yttitel{
	width: 500px;
	margin-top: 45px;
	margin-left: 15px;
	margin-bottom: 18px;
		float: left;
		clear: right;
		font-family: Lato;
	font-weight: 700;
	font-size: 18px;
	color: #979EAB;
}
.projecttitelbutton{
	display: none;
}
.popup2{
	display: none;
}
	.projecttitelbovenpdf{
	width: 380px;
	margin-top: 45px;
	margin-left: 15px;
	margin-bottom: 18px;
		float: left;
		clear: right;
		font-family: Lato;
	font-weight: 700;
	font-size: 18px;
	color: #979EAB;
		display: none;
}
.boekpdflink{
	width: 150px;
	height: auto;
	margin-left:65px;
	margin-top: 50px;
}
.PRsinglefoto{
	width: 250px;
	height: auto;
	border-radius: 25px;
	float: left;
	clear: right;
	margin: 20px;
	
}
.PRsinglefoto img{
	width: 250px;
	height: auto;
	border-radius: 25px;
}
.fotoopzoekenfield{
	height: 40px;
    width: 400px;
    background-color: #FFFFFF;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    float: left;
    clear: right;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    border-top: 0.5mm solid #D7D5D5;
    border-bottom: 0.5mm solid #D7D5D5;
    border-left: 0.5mm solid #D7D5D5;
    border-right: none;
}
.fotoopzoekenbutton{
	height: 40px;
    width: 100px;
    background-color: #d31373;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    float: left;
    clear: right;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 800;
    border: none;
    color: #FFFFFF;
}
.fotoopzoekkader{
	height: 40px;
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
.EVvak{
	height: auto;
	padding: 50px;
}
.EVtoetsVeld{
	height: 40px;
	width: 500px;
    background-color: #FFFFFF;
    border-radius: 20px;
    float: left;
    clear: right;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    border: 1px solid #D7D5D5;
    margin-right: 10px;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 8px;
}
.EVtoetsophKNOP {
    height: 40px;
    padding-top: 8px;
    width: 250px;
    background-color: #56cfc3;
    border-radius: 20px;
    float: left;
    clear: right;
    text-align: center;
    font-family: Lato;
    font-size: 16px;
    font-weight: 800;
    border: none;
    color: #FFFFFF;
    margin-bottom: 10px;
}
.EVwidth550{
	width: 550px;
}
.EVwidth525{
	width: 525px;
}
.EVwidth500{
	width: 500px;
}
.EVwidth475{
	width: 475px;
}
.EVwidth450{
	width: 450px;
}
.EVwidth425{
	width: 425px;
}
.EVwidth400{
	width: 400px;
}
.EVwidth375{
	width: 375px;
}
.EVwidth350{
	width: 350px;
}
.EVwidth325{
	width: 325px;
}
.EVwidth300{
	width: 300px;
}
.EVwidth275{
	width: 275px;
}
.EVwidth250{
	width: 250px;
}
.EVwidth225{
	width: 225px;
}
.EVwidth200{
	width: 200px;
}
.EVwidth190{
	width: 190px;
}
.EVwidth175{
	width: 175px;
}
.EVwidth150{
	width: 150px;
}
.EVwidth125{
	width: 125px;
}
.EVwidth100{
	width: 100px;
}
.EVwidth75{
	width: 75px;
}
.EVwidth50{
	width: 50px;
}
.EVsessieknop{
	height: 40px;
	width: 40px;
	border-radius:20px;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #FFFFFF;
	text-align: center;
	float: left;
	clear: right;
	padding-top: 9px;
}
.EVblauw{
	background-color: #1399F6;
}
.EVgeel{
	background-color: #F6D713;
}
.EVgroen{
	background-color: #21a306;
}
.EVrood{
	background-color: #ee5353;
}
.EVoranje{
	background-color: #F68B13;
}
.EVgrijs{
	background-color: #D7D5D5;
}
.EVtoetsheader{
	height: 200px;
	width: 1010px;
	border-bottom: 1px solid #D7D5D5;
}
.EVtoetsheaderlinks{
	height: 150px;
	width: 180px;
	float: left;
	clear: right;
    padding-top: 12px;
}
.EVtoetsheaderlinks img{
	width: 180px;
	height: auto;
	
}
.EVtoetsheadermidden{
	height: 150px;
	width: 620px;
	float: left;
	clear: right;
	padding-top: 10px;
	margin-left: 20px;
}
.EVtoetsheaderrechts{
	height: 150px;
	width: 190px;
	float: left;
	clear: right;
}
.EVoetsheadernaam{
	height: 30px;
	width: 400px;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
}
.EVoetsheadertitel{
	height: 30px;
    width: 600px;
    padding: 5px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 700;
    float: left;
    clear: revert;
    text-align: center;
}
.EVoetsheaderklas{
	height: 30px;
	width: 200px;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float: left;
	clear: right;
}
.EVoetsheadervak{
	height: 30px;
	width: 150px;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float: left;
	clear: right;
}
.EVoetsheaderlkr{
	height: 30px;
	width: 250px;
	padding: 10px;
	font-family: 'Open Sans', sans-serif;
	font-size: 14px;
	float: left;
	clear: right;
}
.EVtoetstotaal{
	height: 80px;
    width: 140px;
    margin-left: 20px;
    background-color: #FFFFFF;
    border: 5px dashed #000000;
    margin-top: 30px;
    font-size: 30px;
    text-align: center;
    padding-top: 13px;
	
}
.EVoetsheaderlabel{
	height: 40px;
	width: 100px;
	padding: 8px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	color: #FFFFFF;
	float: left;
	clear: right;
	background-color: #56cfc3;
	text-align: center;
    margin-bottom: 10px;
}
.EVtoetsheaderfield{
	border-right: 1px solid #D7D5D5;
	border-top: 1px solid #D7D5D5;
	border-bottom: 1px solid #D7D5D5;
	height: 40px;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	float: left;
    clear: right;
    margin-right: 20px;
    padding: 8px;
	text-align: center;
    margin-bottom: 10px;
}
.EVtoetstotaaldeel1{
	height: 80px;
    width: 75px;
    margin-left: 20px;
    background-color: #FFFFFF;
	border-left: 1px solid #D7D5D5;
	border-top: 1px solid #D7D5D5;
	border-bottom: 1px solid #D7D5D5;
    margin-top: 50px;
    font-size: 30px;
    text-align: center;
    padding-top: 20px;
	float: left;
    clear: right;
	border-top-left-radius: 40px;
	border-bottom-left-radius: 40px;
	
}
.EVtoetstotaaldeel2{
	height: 80px;
    width: 75px;
    background-color: #56cfc3;
    margin-top: 50px;
    font-size: 30px;
    text-align: center;
    padding-top: 20px;
	float: left;
    clear: right;
	border-top-right-radius: 40px;
	border-bottom-right-radius: 40px;
	color: #FFFFFF;
}
.EVvraag{
	width: 1010px;
	min-height: 60px;
	border-bottom: 1px solid #D7D5D5;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 125px;
	padding-left: 125px;
	overflow: auto;
}
.EVvraagvolgorde{
	width: 80px;
	height: 22px;
	float: left;
	clear: right;
	font-weight: 700;
}
.EVvraagvraag{
	width: 600px;
	height: auto;
	float: left;
	clear: right;
	font-weight: 700;
}
.EVvraagpunten{
	width: 80px;
	height: 22px;
	float: left;
	clear: right;
	font-weight: 700;
	text-align: right;
}
.EVvraaglijn{
	width: 760px;
	overflow: auto;
	margin-bottom: 10px;
}
.EVvraagafbeelding{
	max-height: 200px;
	width: 760px;
	text-align: center;
	margin-bottom: 10px;
}
.EVvraagafbeelding img{
	max-height: 200px;
	width: auto;
}
.EVvraagllnantwoord{
	min-height: 100px;
	width: 760px;
	overflow: auto;
}
.EVvraagafbeelding2{
	max-height: 200px;
	max-width: 230px;
	text-align: center;
	margin-bottom: 10px;
	float: left;
	clear: right;
	margin-left: 20px;
}
.EVvraagafbeelding2 img{
	max-height: 200px;
	width: auto;
	max-width: 230px;
}
.EVvraagllnantwoord2{
	min-height: 100px;
	width: 510px;
	overflow: auto;
	float: left;
	clear: right;
}
.EVvraagafbeelding3{
	max-height: 200px;
	max-width: 230px;
	text-align: center;
	margin-bottom: 10px;
	float: left;
	clear: right;
	margin-right: 20px;
}
.EVvraagafbeelding3 img{
	max-height: 200px;
	width: auto;
	max-width: 230px;
}
.EVllnANTWtextarea{
	min-height: 150px;
    width: 760px;
    background-color: #FFFFFF;
    border-radius: 20px;
    text-align: left;
    font-family: Lato;
    font-size: 16px;
    border: 1px solid #D7D5D5;
	    padding: 10px;
	resize: vertical;
	
}
/* Customize the label (the container) */
.containerRADIO {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.containerRADIO input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmarkRADIO {
  position: absolute;
  top: 8px;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.containerRADIO:hover input ~ .checkmarkRADIO {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.containerRADIO input:checked ~ .checkmarkRADIO {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmarkRADIO:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.containerRADIO input:checked ~ .checkmarkRADIO:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.containerRADIO .checkmarkRADIO:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}
.EVwnwantwoordsingle{
	height: 40px;
    width: 465px;
    background-color: #FFFFFF;
    border-radius: 20px;
    float: left;
    clear: right;
    text-align: left;
    font-family: Lato;
    font-size: 16px;
    border: 1px solid #D7D5D5;
	margin-right: 10px;
	    padding-left: 10px;
	padding-top: 8px;
	margin-left: 35px;
}
.EVwnwOptielijn{
	height: 40px;
	width: 760px;
	margin-bottom: 10px;
}
.EVmeerkAFBlijn{
	height: 125px;
	width: 725px;
	margin-bottom: 10px;
	margin-left: 35px;
}
.EVmeerkAFBlijn img{
	max-height: 125px;
	width: auto;
	max-width: 250px;
}
.EVcijfer{
	height: 40px;
	width: 40px;
	border-radius: 20px;
float: left;
clear: right;
text-align: center;
font-family: Lato;
font-size: 16px;
border: 1px solid #ffc33c;
margin-right: 10px;
margin-bottom: 10px;
	padding-top: 8px;
}
.EVvraagBenoemField {
height: 40px;
width: 440px;
background-color: #FFFFFF;
border-radius: 20px;
float: left;
clear: right;
text-align: left;
font-family: Lato;
font-size: 16px;
border: 1px solid #D7D5D5;
margin-right: 10px;
padding-left: 10px;
margin-bottom: 10px;
}
.EVtekstdeel{
	height: 40px;
width: auto;
background-color: #FFFFFF;
float: left;
clear: right;
text-align: left;
font-family: Lato;
font-size: 16px;
margin-right: 10px;
margin-bottom: 10px;
	padding-top: 8px;
}
.EVtekstdeelField{
	height: 40px;
width: 150px;
background-color: #FFFFFF;
border-radius: 20px;
float: left;
clear: right;
text-align: left;
font-family: Lato;
font-size: 16px;
border: 1px solid #D7D5D5;
margin-right: 10px;
padding-left: 10px;
margin-bottom: 10px;
}
.EVleerlingentekst{
	color: steelblue !important;
}
.EVverbLinksKolom{
	height: auto;
	width: 250px;
	float: left;
	clear: right;
	
}
.EVverbRechtsKolom{
	height: auto;
	width: 250px;
	float: left;
	clear: right;
	margin-left: 260px;
	
}
.EVverbLijn{
	height: 100px;
	width: 250px;
	margin-bottom: 10px;
}
.EVverbLijn img{
	height: 100px;
	width: auto;
}
.EVfotoverb{
	height: 100px;
	width: 200px;
	float: left;
	clear: right;
	text-align: right;
}
.EVverbCIJFER{
	width: 30px;
	height: 100px;
	margin-left: 20px;
	float: left;
	clear: right;
	text-align: center;
    padding-top: 38px;
}
.EVverbLETTER{
	width: 30px;
	height: 100px;
	margin-right: 20px;
	float: left;
	clear: right;
	text-align: center;
    padding-top: 38px;
}
.EVverbANTW{
	height: 100px;
	width: 200px;
	float: left;
	clear: right;
	text-align: center;
	padding: 10px;
	border: 1px solid #D7D5D5;
	    border-radius: 20px;
}
.EVverbINVL{
	height: 40px;
    width: 50px;
    padding: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    color: #FFFFFF;
    float: left;
    clear: right;
    background-color: #56cfc3;
    text-align: center;
    margin-bottom: 10px;
}
.EVvraagVerbindField {
height: 40px;
width: 75px;
background-color: #FFFFFF;
border-bottom-right-radius: 20px;
border-top-right-radius: 20px;
float: left;
clear: right;
font-family: Lato;
font-size: 16px;
border-top: 1px solid #D7D5D5;
	border-right: 1px solid #D7D5D5;
	border-bottom: 1px solid #D7D5D5;
	border-left: none;
margin-right: 10px;
margin-bottom: 10px;
	text-align: center;
}
.EVverbINVULLEN{
	margin-top: 20px;
	float: left;
    clear: right;
    width: 760px;
}
.EVbuttonafgeven{
	height: 40px;
	width: 260px;
	margin-left: 375px;
	border: none;
	margin-top: 20px;
	border-radius: 20px;
	font-size: 18px;
}
.ZWweekkader{
	height: auto;
	min-height: 50px;
	overflow: auto;
	width: 1070px;
	padding: 10px;
	margin-top: 20px;
	border-radius: 20px;
	margin-left: 20px;
}
.ZWopdrachtvak{
	height: auto;
	min-height: 60px;
	border-radius: 20px;
	width: 1050px;
	background-color: #FFFFFF;
	margin-bottom: 10px;
	overflow: auto;
}
.ZWopdrachtvakLinks{
	height: auto;
	min-height: 60px;
	width: 80px;
	float: left;
	clear: right;
}
.ZWopdrachtvakRechts{
	height: auto;
	min-height: 60px;
	width: 970px;
	float: left;
	clear: right;
	border-left: 1px solid #EFEFEF;
	overflow: auto;
}
.ZWopdrachtTitel{
	font-family: Lato;
    font-weight: 700;
    font-size: 18px;
	margin-left: 10px;
	margin-top: 10px;
	width: 950px;
	height: 25px;
}
.ZWopdrachtTekstVolledig{
	width: 950px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;
}
.ZWyoutubefilmpje{
	height: 315px;
	width: 560px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.ZWopdrachtvak2{
	height: auto;
	min-height: 60px;
	border-radius: 20px;
	width: 1050px;
	background-color: rgba(162, 59, 199, 0.1);
	margin-bottom: 10px;
	overflow: auto;
	border: 3px solid #a23bc7;
}
.ZWopdrachtinternlinks{
	height: auto;
	min-height: 60px;
	width: 750px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtinternrechts{
	height: auto;
	min-height: 60px;
	width: 200px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtTitel2{
	font-family: Lato;
    font-weight: 700;
    font-size: 18px;
	margin-left: 10px;
	margin-top: 10px;
	width: 730px;
	height: 25px;
}
.ZWopdrachtTekstLinks{
	width: 730px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;
}
.ZWopdrachtButton{
	height: 40px;
	width: 200px;
	text-align: center;
	padding-top: 8px;
	color: #FFFFFF;
	font-weight: 700;
	border: none;
	margin-top:15px;
	border-radius: 20px;
	font-size: 18px;
	background-color: #56cfc3;
}
.ZWiframekader{
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
.ZWopdrachtinternlinks2{
	height: auto;
	min-height: 60px;
	width: 650px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtinternrechts2{
	height: auto;
	min-height: 60px;
	width: 300px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtTitel3{
	font-family: Lato;
    font-weight: 700;
    font-size: 18px;
	margin-left: 10px;
	margin-top: 10px;
	width: 630px;
	height: 25px;
}
.ZWopdrachtTekstLinks3{
	width: 630px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;
}
.ZWopdrachtButton2{
	height: 40px;
	width: 300px;
	text-align: center;
	padding-top: 8px;
	color: #FFFFFF;
	font-weight: 700;
	border: none;
	margin-top:15px;
	border-radius: 20px;
	font-size: 18px;
	background-color: #56cfc3;
}
.ZWopdrachtinternlinks3{
	height: auto;
	min-height: 60px;
	width: 550px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtinternrechts3{
	height: auto;
	min-height: 60px;
	width: 400px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtTitel4{
	font-family: Lato;
    font-weight: 700;
    font-size: 18px;
	margin-left: 10px;
	margin-top: 10px;
	width: 530px;
	height: 25px;
}
.ZWopdrachtTekstLinks4{
	width: 530px;
	height: auto;
	margin-left: 10px;
	margin-bottom: 10px;
}
.ZWopdrachtinternrechts3 img{
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 400px;
}
.ZWopdrachtinternlinks4{
	height: auto;
	min-height: 60px;
	width: 880px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWopdrachtinternrechts4{
	height: auto;
	min-height: 60px;
	width: 70px;
	float: left;
	clear: right;
	overflow: auto;
}
.ZWicoonafb{
	height: 50px;
	width: 50px;
	margin-left: 10px;
	margin-bottom: 10px; 
}
.ZWicoonafb img{
	height: 50px;
	width: 50px;
}
:root {
	--form-control-color: rebeccapurple;
	--form-control-disabled: #959495;
  }
  
  
  .ZWform-control {
	font-family: system-ui, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	margin-top: 20px;
    margin-left: 20px;
  }
  
  .ZWform-control + .ZWform-control {
	margin-top: 1em;
  }
  
  .ZWform-control--disabled {
	color: #959495;;
	cursor: not-allowed;
  }
  
  .ZWform-control input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;
  
	font: inherit;
	color: #56cfc3;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid #D7D5D5;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
  
	display: grid;
	place-content: center;
  }
  
  .ZWform-control input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #56cfc3;
	/* Windows High Contrast Mode */
	background-color: CanvasText;
  }
  
  .ZWform-control input[type="checkbox"]:checked::before {
	transform: scale(1);
  }
  
  .ZWform-control input[type="checkbox"]:focus {
  }
  
  .ZWform-control input[type="checkbox"]:disabled {
	--form-control-color: #959495;
  
	color: #959495;
	cursor: not-allowed;
  }
  .ZWform-control2 {
	font-family: system-ui, sans-serif;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.1;
	display: grid;
	grid-template-columns: 1em auto;
	gap: 0.5em;
	margin-top: 20px;
    margin-left: 20px;
  }
  
  .ZWform-control2 + .ZWform-control2 {
	margin-top: 1em;
  }
  
  .ZWform-control2--disabled {
	color: #959495;;
	cursor: not-allowed;
  }
  
  .ZWform-control2 input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	/* Remove most all native input styles */
	appearance: none;
	/* For iOS < 15 */
	background-color: var(--form-background);
	/* Not removed via appearance */
	margin: 0;
  
	font: inherit;
	color: #a23bc7;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid #a23bc7;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
  
	display: grid;
	place-content: center;
  }
  
  .ZWform-control2 input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
	transform: scale(0);
	transform-origin: bottom left;
	transition: 120ms transform ease-in-out;
	box-shadow: inset 1em 1em #a23bc7;
	/* Windows High Contrast Mode */
	background-color: CanvasText;
  }
  
  .ZWform-control2 input[type="checkbox"]:checked::before {
	transform: scale(1);
  }
  
  .ZWform-control2 input[type="checkbox"]:focus {
  }
  
  .ZWform-control2 input[type="checkbox"]:disabled {
	--form-control-color: #959495;
  
	color: #959495;
	cursor: not-allowed;
  }
.voortgangkader{
	height: 40px;
	width: 1000px;
	border-radius: 20px;
	background-color: #D7D5D5;
	margin-left: 15px;
	margin-bottom: 20px;
	overflow: hidden;
}
.voortgangbalk{
	height: 40px;
	border-radius: 20px;
	background-color: #56cfc3;
	transition: width 2s;
}  
.voortgangtitel{
	font-family: Lato;
    font-weight: 700;
    font-size: 16px;
    margin-left: 15px;
    height: 25px;
}
.ZWweektitel{
	font-family: Lato;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 5px;
    height: 25px;
}




























/*For mobile - end */	
@media only screen and (min-width: 768px) {
/*For tablets - start */boeksin
.mobnot{display: block;}
.tabnot{display: none;}
.comnot{display: block;}	

.loginscherm{
	height: auto;
	width: 450px;
}
.logintekst{
	height: 50px;
	width: 305px;
}
.invww{
	height: 35px;
	width: 380px;
}
.buttonkader{
	height: 40px;
	width: 75px;
	float:left;
	clear: right;
	margin-top: 50px;
	margin-bottom: 35px;
	margin-left: 0px;
}
.wwvergeten{
	width: 340px;
	height: 40px;
	float: left;
	clear: right;
	padding-left: 35px;
	padding-top: 10px;
	font-weight: 600;
	margin-top: 50px;
	margin-bottom: 35px;
font-size: 15px;
color: #56CFC3;
letter-spacing: 0;
line-height: 14px;
}	
.content{
	width: 700px;
	}
.header{
	width: 650px;
	}
.menublok{
	width: 350px;
	height: 50px;
	float: left;
	clear: right;
	padding-right: 20px;
	text-align: right;
	display: block;
}
	.userblok{
	margin-left: 0px;
}
	.boekpdf{
		display: block;
	}
	.boeksingle{
	height: 771px;
	width: 545px;
		
	margin-bottom: 50px;
}
	.projecttitelbutton{
	display: block;
}
.boekpdflink{display: none;
}
	
	.projectextras{
	height: 771px;
	width: 565px;
}
	.ytknop{
	width: 466px;
		
	height: 100px;
}
.ytknoptekst{
	width: 290px;
	
}
	.ytimage{
	height: 90px;
}
/*For tablets - end */	
}
















@media only screen and (min-width: 992px) {
  /* For desktop: */
.mobnot{display: block;}
.tabnot{display: block;}
.comnot{display: none;}
	
	.content{
	width: 1110px;
	}
	.header{
	width: 1060px;
	}
.menublok{
	width: 770px;
	height: 50px;
	float: left;
	clear: right;
	padding-right: 20px;
	text-align: right;
	display: block;
}
		.userblok{
	margin-left: 0px;
}
	.projecttitelbovenpdf{
	width: 380px;
	margin-top: 45px;
	margin-left: 15px;
	margin-bottom: 18px;
		float: left;
		clear: right;
		font-family: Lato;
	font-weight: 700;
	font-size: 18px;
	color: #979EAB;
		display: block;
}
	.projecttitelbutton{
	width:52px;
		height: 40px;
	margin-top: 40px;
		margin-left: 25px;
		float: left;
		clear: right;
}
	.popup2{
	 display: none;
  position: fixed;
  bottom: 0;
  right: 0;
	height:100%;
	width: 100%;
  z-index: 9;
	background-image: url("../img/op.png");
	background-size: cover;
}
.popupscherm{
	height: 700px;
	
	width: 960px;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 100px;
	box-shadow: 0 2px 16px 0 rgba(151,158,171,0.76), 0 5px 20px 7px rgba(151,158,171,0.76);
	border-radius: 40px;
}
	.closebutton{
		height:50px;
		width: 40px;
		float: right;
		margin-right: 30px;
		margin-top: 25px;
	}
	.boekpdf{
		display: block;
	}
	.boeksingle{
	height: 771px;
	width: 545px;
		
	margin-bottom: 50px;
}
		.projecttitelbutton{
	display: block;
}
.boekpdflink{display: none;
}
	.projectextras{
	height: 771px;
	width: 565px;
}
		.ytknop{
	width: 466px;
	height: 100px;
}
.ytknoptekst{
	width: 290px;
	
}
	.ytimage{
	height: 90px;
}
/*For desktops - end */	
}