* {
	margin: 0;
} /* marges op 0 zetten*/

html, body {
	height: 100%;
	}

h1, h2, h3, h4, p {
	margin-bottom: 20px; 
}

nav{
	position: fixed;
	width: 100%;
	height: 100px;
	background-color: rgba(0,0,0,.5);	/*.5 is zwart, door het . kan je door de navigatiebalk kijken*/
	z-index: 99;
	text-align: center;
	font-family: "Comic Sans MS";
	font-size: 18px;
	}

nav a{
	text-decoration: none;
	color: white;
	margin-left: 30px;
	line-height:  100px;
	}

#pageMiddle_1 {
     width: 1200px;
     margin: 0px auto;
     height: 100px; 
}
#midleft_1 {
     width: 380px;
     margin: 0px;
     display: block;
     float: left;
}
#midmid_1 {
     width: 650px;
     margin: 0px;
     display: block;
     float: left;
}
#midright_1 {
     width: 120px;
     margin: 0px;
     display: block;
     float: left;
}
	
.sect {
	height: 50%;
	background-size: cover; /*past de foto volledig aan de grote van het blad*/
	background-repeat: no-repeat;
	background-attachment: fixed;
	
	}

.subsection {
	height: 250%;
	background-color:#DCD1C8;
	color: #706358;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 18px;	
}

.sectOne{
	background-image: url("../afbeeldingen/image_05.jpg");
	color: #FFFFFF;
	font-size: 55px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.sectTwo{
	background-color: black;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 18px;	
}



/*   uitleg voor 3 div's naast elkaar 

CSS gedeelte

#pageMiddle {
     width: 1000px;
     margin: 0px auto;
     height: 900px; 
}
#midleft {
     width: 200px;
     margin: 0px;
     display: block;
     float: left;
    background:orange;
}
#midmid {
     width: 600px;
     margin: 0px;
     display: block;
     float: left;
     background:green;
}
#midright {
     width: 200px;
     margin: 0px;
     display: block;
     float: left;
    background:red;
}
	
HTML gedeelte

<div id="pageMiddle">
    <div id="midleft">This is a test to make sire everything is ok. This text will be removed once the test is complete and everything is working fine.</div>

    <div id="midmid">Twitter feed</div>
    
    <div id="midright">Random Profiles</div>
</div>
*/