body {
	margin: 0;
	/* hier backgroud-color: kleur; zetten om uw randen op te vullen */
	/* hier font size en opmaak zetten, alles wat je hier zet wordt toegepast op alles in de pagina */
	background-color: #B8C4FF;
	background-attachment: fixed; 
	background-image:  url(http://www.victormuller.nl/main_files/background.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
/*
	scrollbar-3d-light-color: #d8ecea;
	scrollbar-arrow-color: #003366;
	scrollbar-base-color: #003366;
	scrollbar-dark-shadow-color: #FFFFFF;
	scrollbar-face-color: #d8ecea;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
*/
	left:0px; 
	top:0px; 
	margin: 0;
	color: #003366; 
}

a {
	color: #003366;
}
a:hover {
	color: #000; 
	text-decoration:none;
}
a:visited {
	color: #003366;
}

p {
	/* hier font size en align van alle ps */
}

#wrapper {
	top: 0px;
	width: 900px; /* dees is breedte van middenvenster = totaal width van side en content*/
	margin: 0 auto;
	position: relative;
}

#top {
	top: 0px;
	height: 206px;
	width: 900px;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	background-color: #B8C4FF;
 	background-image: url("../images/img_interface/top-image3.jpg");
   	background-repeat: no-repeat;
}

#side{
	top: 206px;
	width: 188px;
	height: 179px;
	position: absolute;
	background-image: url("../images/img_interface/navbartop.jpg");
   background-repeat: no-repeat;
}


#home {
	top: 179px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: relative; 
	display: block;
}
#home a:focus {
	position: absolute;
	background-image: url("../images/img_interface/home_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}	
#home a:focus img{
	visibility: hidden;
}

#home a:hover {
	position: absolute;
	background-image: url("../images/img_interface/home_over.jpg");
   background-repeat: no-repeat;
}	

#home a:hover img{
	visibility: hidden;
}



#wiezijnwij {
	top: 216px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
}
#wiezijnwij a:focus {
	position: absolute;
	background-image: url("../images/img_interface/wiezijnwij_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}	
#wiezijnwij a:focus img{
	visibility: hidden;
}
#wiezijnwij a:hover {
	position: absolute;
	background-image: url("../images/img_interface/wijzijnwij_over.jpg");
   background-repeat: no-repeat;
}	
#wiezijnwij a:hover img{
	visibility: hidden;
}



#bedrijven {
	top: 253px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
}
#bedrijven a:focus {
	position: absolute;
	background-image: url("../images/img_interface/bedrijven_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}	
#bedrijven a:focus img{
	visibility: hidden;
}
#bedrijven a:hover {
	position: absolute;
	background-image: url("../images/img_interface/bedrijven_over.jpg");
   background-repeat: no-repeat;
}	
#bedrijven a:hover img{
	visibility: hidden;
}


#particulieren {
	top: 290px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
}
#particulieren a:focus {
	position: absolute;
	background-image: url("../images/img_interface/particulieren_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}	
#particulieren a:focus img{
	visibility: hidden;
}
#particulieren a:hover {
	position: absolute;
	background-image: url("../images/img_interface/particulieren_over.jpg");
   background-repeat: no-repeat;
}	
#particulieren a:hover img{
	visibility: hidden;
}



#interviews {
	top: 327px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
}
#interviews a:focus {
	position: absolute;
	background-image: url("../images/img_interface/interviews_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}	
#interviews a:focus img{
	visibility: hidden;
}
#interviews a:hover {
	position: absolute;
	background-image: url("../images/img_interface/interviews_over.jpg");
   background-repeat: no-repeat;
}	
#interviews a:hover img{
	visibility: hidden;
}


#contact {
	top: 364px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
}

#contact a:focus {
	position: absolute;
	background-image: url("../images/img_interface/contact_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}
	
#contact a:focus img{
	visibility: hidden;
}

#contact a:hover {
	position: absolute;
	background-image: url("../images/img_interface/contact_over.jpg");
   background-repeat: no-repeat;
}
	
#contact a:hover img{
	visibility: hidden;
}



#agenda {
	top: 401px;
	height: 37px;
	margin: 0;
	padding: 0;
	position: absolute;
	display: block;
}

#agenda a:focus {
	position: absolute;
	background-image: url("../images/img_interface/agenda_down.jpg");
   background-repeat: no-repeat;
	outline: none;
}
	

#agenda a:focus img{
	visibility: hidden;
}

#agenda a:hover {
	position: absolute;
	background-image: url("../images/img_interface/agenda_over.jpg");
   background-repeat: no-repeat;
}
	
#agenda a:hover img{
	visibility: hidden;
}



#sidebottom {
	top: 438px;
	width: 188px;
	height: 295px;
	margin: 0;
	padding: 0;
	position: absolute;
	background-image: url("../images/img_interface/navbar_underimage2.jpg");
	   background-repeat: no-repeat;

}


#content{
	top: 206px;
	left: 188px;
	width: 712px;
	height: 696px;
	position: absolute;
}