@charset "UTF-8";
@media only screen and (orientation: portrait) and (max-width: 599px){
	body{
		font-size: 3vw;
		margin:0;
		padding:0;
	}
	section{
	padding-left:.5em;
}
	#container{
		position:relative;
		width:92vw;
		bottom:initial;
		top:0;
		height:155vw;
	}
	/*
	#info1,#info2,#info3,#info4,#info5,#info6,#info7,#info8,#info9,#info10,#divider1,#divider2,#divider3,#divider4,#divider5,#divider6,#divider7,#divider8,#divider9{
		display:none;
		
	}*/
	.infoBox,.divider{
		position:relative;
		display:none;
	}
	.vertDivider{
	width: .4rem;
	margin-left:-.2rem;
	}
	.horDivider{
	height: .4rem;
	margin-top:-.2rem;
	}
	#info3{
		position:absolute;
		top:80vw;
		left:-3%;
		width:55%;
		height:auto;
		bottom:initial;
		display:block;
	}
	#info6{
		position:absolute;
		top:125vw;
		left:-3%;
		width:57%;
		height:auto;
		bottom:initial;
		display:block;
	}
	#info4{
		position:absolute;
		top:103vw;
		left:53%;
		width:51%;
		height:auto;
		bottom:initial;
		display:block;
	}
	
	#centerDiv{
		position:absolute;
		top:2vw;
		left:-4vw;
		width:100vw;
		height:40.5vw;
	}
	.iButt{
		position:absolute;
		width:43%;
		height:1.6em;
		font-size:5.75vw;
	}
	#contactButt{
		top:39vw;
		left:4%;
	}
	#informatieButt{
		top:51vw;
		left:4%;
	}
	#lestijdenButt{
		top:39vw;
		left:53%;
	}
	#routeButt, #trainingenButt{
		top:51vw;
		left:53%;
	}
	#divider1{
		top:66vw;
		left:54%;
		height:84vw;
		display:block;
	}
	#divider5{
		top:26vw;
		left:0%;
		width:48%;
		display:block;
	}
	#tarievenTabel{
		margin-left: .5em;
		margin-top:-.5em;
	}
	#tarievenTabel td{
		font-size:1.1em;
		line-height: .8em;
		padding:5px;
	}
	#tarievenTabel td.amp{
		font-size:1.5em;
	}
	#tarievenTabel br.phone{
		font-size:.5em;
		line-height: 1em;
		display:inline-block;
	}
	#lestijden{
		position:relative;
		top:2em;
		left:3%;
		width:97%;
		height:auto;
		display:block;
	}
	#lestijdenTabel{
		width:100%;
	}
	
	.phoneOnly{
		display:none;
	}
	
	.dag, .tijd{
		left:5%;
		width:90%;
		font-size:18px;
	}
	.dag{
		letter-spacing:.5px;
	}
	.tijd{
		letter-spacing:0px;
		padding: .3em 0 .1em 0;
	}
	
	section.text{
	font-size:5vw;
	line-height:1.1em;
}
	h1.vertical{
		padding:0;
	}
	.optionalIllustration{
		display:none;
	}
	.contactDiv{
		position:relative;
		top:2em;
		left:3.75vw;
		width:90vw;
		font-size:4.75vw;
		display:block;
	}
	.contactDiv hr{
		height:2vw;
		margin:0;
		padding:0;
	}
	#algemeneInformatie{
		position:relative;
		left:3%;
		width:92%;
		padding:0;
		display:block;
	}
section.text, td.text{
		font-size: 5vw;
	}
	#contactDiv1{
		margin:1.25em 0 2em 0;
	}
	#contactDiv2{
		margin-bottom:3em;
	}
	.foto{
		width:88%;
		border:12px solid #EDEDED;
		box-shadow:10px 10px 20px #CCC;
		display:block;
}
	#desktopFotos{
		display:none;
	}
	#lestijdenTabel{
		display:none;
	}
	#lestijdenTabelPortait{
	display:table;
	}
	#lestijdenTabelPortait table tbody tr td br{
	font-size: .5em;
	}
	.phone{
		display:inline-block;
	}
}
@media only screen and (orientation: portrait) and (max-width: 375px){
	.dag, .tijd{
		left:3%;
		width:94%;
		font-size:1em;
	}
	.dag{
		letter-spacing:2px;
	}
	.tijd{
		font-size:.9em;
		letter-spacing:1px;
		padding: .3em 0 .1em 0;
	}
}