@media only screen and (max-width:560px) {
	body, #divNieuwsKnoppen, .divFormHeaderLeeg {
		background-color:#fff;
	}
	.fr-box{
		margin-top: 15px;
	}

	#divToegangsnaam {
        display:none;
	}

    #divDoelgroepnaam {
        display:none;
    }

	#divHeaderDuikertje img {
		margin-left:0;
	}

	#divHeaderHome {
		margin-left:0;
		margin-top:10px;
	}

	#zoeken {
    	background-position:calc(100% - 10px) 3px;
		margin:5px;
		width:100%;
	}

	#divHeaderZoeken {
		margin-top:10px;
	}

	#divHeaderHome {
        background-size:30px;
        background-position:6px 5px;
		margin-right:0;
        height:40px;
		width:40px;
	}

	#divHeaderHome img {
        display:none;
		width:36px;
	}
	
	#divMenu {
        width:100%;
	}


	.divMenuknop {
		font-size:0.7em;
		margin:1.5% 1.5% 3.5% 1.5%;
		max-width:none;
        min-height:100px;
        white-space:nowrap;
		width:30%;
	}

	.divMenuknop img {
		max-width:none;
		width:40%;
	}

	#imgZoeken {
		margin:4px 10px 6px 0;
	}

	#divNieuws {
		margin-top:10px;
		clear:both;
		margin-right:0;
		margin-bottom:20px;
		width:100%;
	}

    .divNieuwsKnop {
        margin-left:9%;
    }

	#divDoelgroep {
		right:3px;
	}

	.divSubmenu {
		width:100%;
	}

	.divKruimelpad {
		display:none;
	}

	.divSubmenuMidden {
		margin:0;
	}

    #divSubmenuHeader, .divSubmenuHeader {
        margin-bottom:10px;
    }	

	#divSubmenuHeaderTitel, .divSubmenuHeaderTitel {
		font-size:0.7em;
		padding-top:6px;
	}

	#subMenuHeaderKnoppen {
		display:none;
	}

	#divHeaderFooterKnoppen {
		display:block;
		float:right;
		margin-top:15px;
		margin-right:15px;
	}

	#divHeaderFooterKnoppen img {
		margin:0 0 0 10px;
		width:28px;
	}

	.divFormHolder {
		width:100% !important;
	}

	.divForm {
		display:block;
		margin-top:5px;
		margin-bottom:15px;
	}

	.divFormHeader, .divFormInput {
        padding-left:10px;
		width:100%;
	}


    .divFormInputText {
        min-height:18px;
        padding-left:10px;
        padding-top:10px;
    }

	.divFormHeader {
		padding-left:10px;
        width:calc(100% - 20px) !important;
	}

	.divFormHolderInklap .divFormHeader {
		padding-top:12px;
        padding-bottom:5px;
		width:calc(100% - 20px) !important;
	}

    .divFormHolderInklap .divFormInklapHolder {
        margin-bottom:0 !important;
    }

	.inputForm {
		border:1px solid #D7D7D7 !important;
		background-color:#fff !important;
		color:#000;
		margin-top:15px;
		width:calc(100%) !important;
	}

	.divFormStreepje {
		top: 7px;
		position: relative;
	}
	
    .divOverzichtFilter {
        margin-bottom:15px;
    }

    .divOverzichtFilter .divForm {
        margin-bottom:0;
    }

	.divOverzichtFilterCheckbox {
		float:none;
	}

	.tdEmailadres, .tdGroep, .tdStartdatum, .tdToegangsnaam {
		display:none;
	}

	.submitKnop {
		margin-top:10px;
		min-width: 100px;
	}
	.submitKnopMobiel {
		width:100%;
	}

	#divHolderLinks, #divHolderRechts {
		font-size:0.8em;
		width:100%;
	}

    #divHolderLinks {
    }

	.divFormHolderInklap .divFormHolderHeader {
		margin-bottom:0;
	}

	.divFormHolderHeader img {
        margin-top:-8px;
    }

    .divFormHeaderLeeg {
		display:none;
	}

	#divHeaderZoekResultaat {
		left:0;
		margin-left:10px;
		margin-top:40px;
		width:calc(100% - 44px);
	}

	.ZoekResultaatMenu span {
		width:98%;
	}

	.divFormCheckbox {
		width:100%;
	}

	/********/
	.tabOverzicht tr, .tabOverzicht td, .tabOverzicht th, .tabOverzicht tbody {
		display:block;
	}

	.tabOverzicht thead {
		display:none;
	}

	.tabOverzicht td {
		border:0;
        margin-bottom:2px;
        padding-left:170px !important;
        padding-bottom:10px !important;
        padding-top:10px !important;
        position:relative;
        width:auto !important;
	}

    .tabOverzicht .tdKnop {
        padding-top:2px !important;
        padding-bottom:3px !important;
    }

	.tabOverzicht tbody td:before, .tabOverzicht tbody .before {
		background-color:#F18800;
		color:#fff;
		display:inline-block;
        height:calc(100% - 20px);
		padding:10px;
        position:absolute;
        left:1px;
		margin-right:10px;
		text-transform:uppercase;
        top:0;
		width:140px;
	}

	.tabOverzicht td {
		padding:0;
	}

	.tabOverzicht tr {
		margin-bottom:10px;
	}

    .tabOverzicht input[type="checkbox"] + label span, input[type="radio"] + label span {
        margin-top:6px;
    }

	.ulVolgorde {
		width:90%;
	}

    .ulVolgorde li {
        background-position-x:5px;
    }

    .extrawitruimte {
        margin-bottom:15px !important;
    }

    
	.trMobileHide, .tdMobileHide {
		display: none !important;
	}

	.mobileOnly{
    	display:inline-block;
    }

    .tdIcon {
    	padding:0 !important;
    }
    .tdIcon img{
    	width:20px !important;
    	top: 6px;
		position: relative;
    }
	.pc4pxpadding {
		padding:0;
	}

    .divVolgordeOpslaan {
        width:90%;
    }

    .divVolgordeOpslaan .submitKnop {
        margin-right:0%;
        width:28%;
    }

    .ulinputFormSel li {
        margin-right:0;
    }

    #divSubmenuHeader, .divSubmenuHeader {
        margin-bottom:25px;
    }

    .witruimte {
        margin-bottom:0;
    }

    .geenwitruimte {
        margin-top:0 !important;
    }

    #hulpdiv {
        margin-top:15px !important;
    }

    .tooltip {
        left:10px !important;
        margin-left:0 !important;
        width:calc(100% - 20px) !important;
    }

    .inputFile + label {
        margin-top:15px;
        padding-bottom:6px;
        padding-top:11px;
        width:100%;
    }

    .inputFile {
        width:calc(100% - 20px) !important;
    }

    .divGezochtOp {
        margin-top:-25px;
        margin-bottom:30px;
    }

    .divLeerlingFoto {
        padding-top:10px;
    }

    .btnStartwebcam {
        margin-top:15px !important;
        width:100% !important;
    }

    .divVanToepassingOp {
        padding-top:7px;
    }

    .ulOnderdelen {
		-moz-columns:1;
		-webkit-columns:1;
		columns:1;
		margin-top: 15px;
	}

	.ulKiesSmiley {
		-moz-columns:1 !important;
		-webkit-columns:1 !important;
		columns:1 !important;
	}

    #divOnderdeelOmschrijving iframe {
        width:100%;
    }

    input[type="checkbox"] + label, input[type="radio"] + label {
        margin-top:15px !important;
    }

    .tabOverzicht input[type="checkbox"] + label span, input[type="radio"] + label span {
        margin-top:-2px !important;
    }

    #divScoreLegenda {
        width:auto !important;
    }

    #divFunsite {
        margin-top:45px;
    }

    #imgFunsite {
        height:auto;
        margin-bottom:10px;
        margin-right:0;
        width:100%;
    }
}

@media only screen and (max-width:640px) {
	.tabOverzicht tr, .tabOverzicht td, .tabOverzicht th, .tabOverzicht tbody {
		display:block;
	}

	.tabOverzicht thead {
		display:none;
	}

	.tabOverzicht tbody td {
		border:0;
        margin-bottom:2px;
        padding-left:170px !important;
        padding-bottom:10px !important;
        padding-top:10px !important;
        position:relative;
        width:auto !important;
	}

	.tabOverzicht tbody td:before, .tabOverzicht tbody .before {
		background-color:#F18800 !important;
		color:#fff;
		display:inline-block;
        height:calc(100% - 20px);
		padding:10px;
        position:absolute;
        left:1px;
		margin-right:10px;
		text-transform:uppercase;
        top:0;
		width:140px;
	}

    .tabOverzichtLessen tbody td {
        padding-left:142px !important;
    }

    .tabOverzichtLessen tbody td:before, .tabOverzichtLessen tbody .before {
        width:112px;
    }

	.tabOverzicht tbody td {
		padding:0;
	}

	.tabOverzicht tbody tr {
		margin-bottom:18px;
	}

	.tabOverzicht tbody tr:last-child {
		margin-bottom:10px;
	}

    .tabOverzicht input[type="checkbox"] + label span, input[type="radio"] + label span {
        margin-top:6px;
    }

    .ulOnderdelen {
        columns:1;
    }

    .extrawitruimteTablet {
        margin-bottom:25px !important;
    }

    #ulMenu {
        background-color:#fff;
        margin-top:40px !important;
        width:calc(100% - 1px) !important;
    }

    #ulMenu li {
        position:relative;
        width:calc(100% - 1px) !important;
        float: left;
    }

    .ulSubmenu {
        background-color:#fff;
    }

    .ulSubmenu li {
        margin-bottom:0 !important;
        width:calc(100% - 1px);
    }

    .liUitloggen {
        background-color:#F18700 !important;
        display:block !important;
    }

    .inputOverig {
        width:calc(100% - 8px) !important;
    }

    .imgPasfoto {
        margin-top:15px;
    }

	#divHeaderKnoppen {
		float:right;
		font-size:0.8em;
		font-weight:bold;
		margin-top:45px;
	}

    #divHeaderKnoppen a {
        display:none;
    }

    #divHeaderKnoppen img {
        margin-left:10px;
    }

	#menuOpenerMobiel {
        margin-top:0 !important;
		position: relative !important;
	}

    .divAkkoordHeader {
        display:none;
    }

    .divNAW {
        margin-bottom:7px;
    }

    .thVerbergenMobiel, .tdVerbergenMobiel {
        display:block;
    }

    .AlleenOpTablet {
        display:none !important;
    }

    .inputTijd {
        width:67px !important;
    }

    .h3Lestijden {
        margin-bottom:25px !important;
    }

    .tabTijden input[type="checkbox"] + label, input[type="radio"] + label {
        margin-top:0px !important;
    }

    .tdUur input[type="checkbox"] + label span, input[type="radio"] + label span {
        padding-bottom:0px !important;
    }

    .tdLeeg {
        display:none !important;
    }

    .h3AangemeldeLeerling {
        margin-bottom:3px !important;
    }

	#divHeaderLogoIZM {
		width:100%;
	}

	#divHeaderZoeken {
		height:40px;
        margin-top:35px;
		position:inherit;
	}

    input[type="checkbox"] + label, input[type="radio"] + label {
        margin-top:15px !important;
    }

    #thMaximaal {
        display:table-cell !important;
    }

    #thMaximaalStaand {
        display:none !important;
    }

    .ulOnderdelen {
        -webkit-columns:1 !important;
        columns:1 !important;
    }

    #divLeerling {
        /*display:none;*/
        width:100%;
    }

    #divInstructeur {
        margin-left:0 !important;
        margin-top:15px !important;
    }

    #ulMenu li:first-child {
        background-image:url('../images/duikertje.png');
        background-repeat:no-repeat;
        background-size:125px;
        background-position-y:-74px;
        background-position-x:8px;
    }

    #ulMenu ul li:first-child {
        background-image:none;
    }

    .liLeeg {
        display:none;
    }

    #divLesgegevens {
        margin-top:0 !important;
    }

    .divComputer {
        display:none !important;
    }

    .divTablet {
        display:block !important;
    }

    .divYouTube {
        height:100%;
        width:100%;
    }

    .iframeYouTube {
        height:100% !important;
        width:100% !important;
    }

    .thLes {
        min-width:80px;
        width:260px;
    }

    #divTabelFooterLinks {
        width:100%;
    }

    .divInstructeurMobiel {
        display:block;
        margin-bottom:35px;
    }

    .divFormInput {
        width:calc(100% - 8px)
    }
}

@media only screen and (max-width:667px) {
    .tabScores thead th:nth-last-child(2), .tabScores th:last-child, .tabScores td:last-child {
        border-right:5px solid #fff !important;
    }

    .divPopUp {
        max-height:90%;
        padding-bottom:30px;
        width:90%;
    }

    .tabScores thead th {
        padding:8px 5px;
    }

    .tabScores tbody th {
        padding:10px 5px 10px 10px;
    }

    #divScoreLegenda {
        width:50%;
    }

    #divScoreLegenda div {
        margin-right:0;
        width:calc(100% - 100px);
    }

    #menuOpenerMedeling {
        display:block;
        float:right;
        margin-top:5px;
        margin-right:5px;
    }

    #divMededelingAantal {
        margin-left:6px !important;
        top:14.3px !important;
    }
}