*{
	box-sizing: border-box; 
}
.column{
 float: left;
  padding: 10px;
  height: 1500px;
}

.left
{
width: 24em;
background-color: #FFFFFF; 
border: 2px solid #DDDDDD; 
left: 10px;
top: 10px;
padding: 5px;
margin-right: 10px; 
overflow: scroll; 
height: 1500px; 
width: 25em;	
}

.middle
{
width: 25%; 
background-color: #FFFFFF;
border: 2px solid #DDDDDD;  
left: 5px;
top: 10px;
padding: 5px;
margin-right: 10px; 
overflow: scroll; 
height: 1500px; 	
}

.right
{
width: 50%; 
padding: 5px;
top: 10px; 
left: 500px; 
height: 1500px; 
width: 50%;

background-color: #FFFFFF;
border: 2px solid #DDDDDD;  
	
}

#menu_rooster
{
	top: 10px;
	width: 99%; 
	height: 8em;
border: 2px solid #DDDDDD;  	
	
}

#rooster
{
	width: 99%; 
	height: 1300px; 
	overflow: scroll; 
	border: 2px solid #DDDDDD;  
	
}





#alle_rapportages{
display: block;
position: relative; 
background-color: #FFFFFF; 
border: 2px solid #DDDDDD; 
left: 5px;
top: 5px;
padding: 5px;
margin-right: 10px; 
overflow: scroll; 
height: 1500px; 
width: 24em;
}

#menu_rapportages_afspraken
{
display: block;
position: relative;
float: left; 
padding: 5px;
top: 208px; 
left: 500px; 
height: 800px; 
width: 21%;
background-color: #FFFFFF;
border: 2px solid #DDDDDD;  
}

#rapportages_afspraken
{
display: block;
position: relative;
float: left; 
padding: 5px;
top: 208px; 
left: 1155px; 
height: 1438px; 
overflow: scroll; 
width: auto;
background-color: #FFFFFF;
border: 2px solid #DDDDDD;  

}