@charset "UTF-8";
@media screen and (orientation:landscape) and (min-width:768px) and (min-height:600px){
#lestijden, #algemeneInformatie{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	height:81vh;
	width:108vh;
	background:#FFF;
	z-index:10;
	display:none;
}
#lestijdenTabel{
	width:95%;
	margin-left:30px;
}
#lestijdenTabel td{
	width:20%;
}
#lestijdenOptionalRow{
	display:none;
	height:.8em;
}
.dag{
	font-size:2vh;
	margin-bottom:.2em;
}
.tijd{
	font-size:1.8vh;
	margin-bottom:4.5px;
}
#tarievenTabel{
	margin-top:1vh;
}
#tarievenTabel .amp{
	position:relative;
	top:0px;
	font-size:4vh;
}
/*
.adresBlokjeDesktop{
	top:-.2em;
}
*/
.contactDiv{
		position:absolute;
		top:initial;
		bottom:8vh;
		left:0;
		right:0;
		width:108vh;
		margin:auto;
		font-size:3.3vh;
		z-index:10;
	}
.contactDiv br{
	display:none;
}
#contactDiv1,#contactDiv2{
	display:none;
}
.optionalIllustration{
	display:block;
}
.optionalIllustration img.svg{
	width:26vh;
}
.text{
	font-size:2.3vh;
	line-height:1em;
}
.text br br{
	line-height:.5em;
}
.closeButt{
	position:absolute;
	top:0;
	right:0;
	width:3vh;
	height:auto;
	display:block;
	cursor:pointer;
}
.closeButt:hover{
	content:url(../images/closeButt.png);
}
.dtFoto{
	position:relative;
	width:75%;
	height:auto;
	left:8%;
	border:10px solid #EDEDED;
	box-shadow:10px 10px 20px #CCC;
}
#dtFoto0{
    position: absolute;
    width: 25vh;
	max-width:260px;
	right:2vh;
	left:auto;
    top: -1vh;
    -webkit-transform: rotate(6deg);
    transform: rotate(6deg);
	z-index: 5;
	box-shadow: 5px 5px 20px #ccc;
}
#dtFoto1{
	position:relative;
	top:2vh;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	transform: rotate(-5deg);
	margin-bottom:3vh;
}
#dtFoto2{
	top:-18.5vh;
	left:5vh;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
	-o-transform: rotate(-2deg);
	transform:rotate(-2deg);
}
#dtFoto3{
	top:19vh;
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
	transform:rotate(7deg);
}
#dtFoto4{
	top:6vh;
	left:-1.5em;
	width:100%;
	-webkit-transform: rotate(-8deg);
	-moz-transform: rotate(-8deg);
	-o-transform: rotate(-8deg);
	transform:rotate(-8deg);
}
#ill2a{
		position:absolute;
		right:33px;
		top:250px;
		z-index:10
}
#desktopFotos{
	display:none;
}
#info2021{
	position:absolute;
	top:0;
	left:6%;
	width:55%;
	display:inline-block;
}
#bedrijfsTrainingen{
	position:absolute;
	top:0;
	left:65%;
	width:30%;
	display:inline-block;
}
	
}
@media screen and (orientation:landscape) and (min-height:900px){

#lestijdenTabel{
	margin-top:.1em
}
#lestijdenTabel td{
	padding-top:.1em;
	padding-bottom:.1em;
}

#lestijdenOptionalRow{
		display: block
	}

.adresBlokje{
	position:relative;
	top:.1vh;
	width:2.2vh; 
	height:2.2vh; 
	margin-left:.5em; 
	border-radius:5px; 
	display:inline-block;
	}
}