/*container toegevoegd*/
/*float toegevoegd. belangrijk voor positie binnen de container*/
/*position:absolute verwijderd. geeft de positie aan
van linker en bovenkant scherm.(dus buiten de container)*/
/*margin-left en right op auto plaatst container midden op het scherm*/

body{
   margin: 0;
   padding: 0;
}
 
#container{	  			
   width: 1000px;
   height: 600px;
   margin-left:auto;
   margin-right:auto;
   border: solid 1px #ffffff;
}

#header {
	height: 100px;
	width: 1000px;
	color:#ffcc33;
	margin-left: 0px;
	margin-right:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	float:left;
	background-image: url(../afbeeldingen/logoheader.jpg);
}


#navigatie {
	height: 345px;
	width: 250px;
	margin-left: 0px;
	margin-right: 0px;
	float:left;
	background-image: url(../afbeeldingen/hout.jpg);
}

#content{
	height:305px;
	width:710px;
	background-color: #E1DCA5;
	margin-left: 0px;
	margin-right:0px;
	border:solid 0px #ffffff;
	float:left;
	top: 100px;
	left:250px;
	color: #A03746;
	padding: 20px;
}	

#calculator{
	height:145px;
	width:240px;
	background-color: #A03746;
	margin-left: 0px;
	margin-right:0px;
	border:solid 0px #ffffff;
	float:left;
	top: 445px;
	left:0px;
	color: #E1DCA5;
	padding: 5px;
	line-height: 14px;
}	

#viewer1{
	height:155px;
	width:750px;
	background-color: #A03746;
	margin-left: 0px;
	margin-right:0px;
	border:solid 0px #ffffff;
	float:left;
	top: 445px;
	left:250px;
}