body {

font-family: Verdana, Arial, Helvetica, sans-serif;
color:#333;
font-size: 14px;
line-height:18px;
background: rgb(233,248,246);
width:100%;
margin:auto;
}

.container {
width: 100%;
max-width: 64rem;
margin:0 auto;
}

img {
float:left;
clear:both;
}

header {
font-size:40px;
text-align:center;
background: rgb(252,254,252);
font-weight:bold;
height:135px;
color: rgb(42,121,158);
	
padding-top:20px;
}

h1,h2,h3 {
color:rgb(42,121,158);
font-weight:bold;
}

nav {
float:left;
height: 100%;
clear:both;
margin:auto;
padding:0vw;
text-align:justify;


}

nav ul  { 
 
 	list-style: none;
	margin: 0;
	padding: 0;

}

nav ul li {
	display: inline-block;
	font-size: 2vw;
	font-weight:bold;
	padding: 1vw 1vw 1vw 1vw;

}


nav a { 
 
 	text-decoration: none;
	color: rgb(42,121,158);
	
}
nav a:hover {
text-decoration:underline;
}
nav a:active {
color:rgb(0,0,238);
}

#inhoud {
background: rgb(252,254,252);
}
#right {
text-align:right;
float:right;
}
#left   {
text-align:left;
float:left;
}

aside {
float:left;
width:28%;
padding:1%;
}

aside ul {
    list-style-image:url(afbeeldingen/checkmark_30.png);
    margin-top:100px;
}
aside ul li {
    padding-top:5px;
    padding-bottom:5px;
}
aside img {
    width:20;
    height:20;
    padding-top:10px;
}
main {
float:right;
 -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
box-sizing:border-box;
width:68%;
padding:1%;
border-left:1px solid rgb(12,48,111);
}


footer {
clear:both;
padding: 2% 2% 4% 2%;
color: rgb(12,48,111);
background: rgb(252,254,252);
border-top:1px solid rgb(12,48,111);
}

/*clearfix hack*/
.clearFix::before, 
.clearFix::after {
    content: " ";
    display: table;
}
.clearFix::after {
    clear: both;
}
/* enkel voor IE6/7 */
.clearFix {
    *zoom: 1;
}