html, body 
{ 	scrollbar-face-color: #ffffff; 
	scrollbar-shadow-color: #533355; 
	scrollbar-highlight-color: #533355;
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #533355; 
	scrollbar-track-color: #ffffff; 
	scrollbar-arrow-color: #533355;


background: #ffffff url(http://www.harwebdesign.nl/images/bg.jpg);}


	a:link { color: #420042; text-decoration: none; }
	a:visited { color: #420042;  text-decoration: none;}
	a:hover { color: #420042;  text-decoration: none;}
	a:active { color:  #420042; text-decoration: none;}
	
#wrap body{
	bodyposition:relative;
	width:900px;
	}
	
#wrap {
  width: 900px ;
  margin-left: auto ;
  margin-right: auto ;
}
	
h1  {
	color: #420042;
	font-size:9pt;
	font-family: verdana, sans-serif;
   }
   
h2  {
	color: #420042;
	font-size:13px;
	letter-spacing: 0px;
	font-family: arial, verdana, sans-serif;
	font-style:bold;
   } 
   
h3  {
	color: #420042;
	font-size:13px;
	letter-spacing: 0px;
	font-family: arial, verdana, sans-serif;
	font-style:bold;
   }
   
  p {
  	color: #420042;
	font-size:13px;
	letter-spacing: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-style:normal;
		a:link { color: #420042; text-decoration: none; }
	a:visited { color: #420042;  text-decoration: none;}
	a:hover { color: #420042;  text-decoration: none;}
	a:active { color:  #420042; text-decoration: none;}
   } 
.p1{
	color: #fff7ff;
	font-size:10px;
	letter-spacing: 0px;
	font-family: Arial, Verdana, sans-serif;
	font-style:normal;
}

/* tracker */
.tracker {
	width: 41px; height:38px;
	position: absolute;
	z-index: 1;
	top:30px;
	left: 40px;}
  
   /* plaatsing knop_links*/
.knop_links { 	
	width: 72px; height: 20px; 
	background-image: url(../images/knop_links.gif);  
	position: absolute;
	z-index: 99;
	top: 133px;
	left:11px;	}

/* plaatsing knop_rechts*/
.knop_rechts { 	
	width: 72px; height: 20px; 
	background-image: url(../images/knop_rechts.gif);  
	position: absolute;
	z-index: 99;
	top: 133px;
	left:447px;}

.mensen{ 
    	width: 745px; height: 100px;
              	position: absolute;
	background-image: url(../images/mensen.gif);
	background-repeat: no-repeat;
	z-index: 2;
	top: 20px;
	left: 155px;
}

.haranim{ 
   	width: 300px; height: 80px;
   	position: absolute;
	background-image: url(../images/haranim1.gif);
	background-repeat: no-repeat;	
	z-index: 4;
	top: 20px;
	left: 530px;
}



.hoeklb{ 
    	width: 23px; height: 20px;
              	position: absolute;
	background-image: url(../images/hoeklb.gif);
	background-repeat: no-repeat;	
	z-index: 3;
	top: 18px;
	left: 0px;
}

.lijn_vert_b{ 
    	width: 857px; height: 1px;
              	position: absolute;
	background-image: url(../images/lijn_vert_b.gif);
	background-repeat: no-repeat;
	z-index: 1;
	top: 19px;
	left: 21px;
}	

/* plaatsing footer */
.footer { 
    	width: 900px; height: 28px;
              	position: absolute;
	background-image: url(../images/footer.gif);	
	background-repeat: no-repeat;
	border: 0;
	z-index: 1;
	left: 0px;
}

.mattblacktabs{
	top: 120px;
	left: 34px;
	position: absolute;
	z-index: 3;
}

.mattblacktabs ul{
	font: bold 13px Arial;
	list-style-type: none;
}

.mattblacktabs li{
	display: inline;
	margin-left: 1px;
}

.mattblacktabs li a{
	float: left;
	display: block;
	text-decoration: none;
	margin-left: 1px;
	text-align: center;
	color: #F0E6FF;
	background-image: url(../images/knop1.gif);
	width: 80px; height: 20px;
}

.mattblacktabs li a:visited{
	color:  #F0E6FF;
}

.mattblacktabs li a:hover, .mattblacktabs li.selected a{
	background-image: url(../images/knop2.gif);
	width: 80px; height: 20px;
	color: #420042;
}



/* plaatsing tekst*/
.content { 	
	width: 900px;
	background-image: url(../images/bg.gif);  
	position: absolute;
	z-index: 1;
	top: 120px;
	left:0px;	}

/* plaatsing rand linksboven*/
.randlinks { 	
	width: 155px; height: 110px; 
	background-image: url(../images/randlinks.gif);  
	position: absolute;
	z-index: 1;
	top: 38px;
	left:0px;	}

/* plaatsing bg onder logo linksboven*/
.bglogo { 	
	width: 133px; height: 110px; 
	background-image: url(../images/bglogo.gif);  
	position: absolute;
	z-index: 1;
	top: 20px;
	left:23px;	}
	
	
/* logo */
.logo {
	width: 115px; height:57px;
	position: absolute;
	background-image: url(../images/hr111.gif);	
	background-repeat: no-repeat;	
	z-index: 4;
	top:30px;
	left: 40px;}

/* logo */
.design {
	width: 180px; height:88px;
	position: absolute;
	background-image: url(../images/hr2.gif);	
	background-repeat: no-repeat;	
	z-index: 4;
	top: 22px;
	left: 154px;}

.recent11{
	width: 200px; height:146px;
	position: absolute;
	background-image: url(../images/ilse.jpg);	
	background-repeat: no-repeat;	
	z-index: 3;
	top:791px;
	left: 575px;}

.recent12{
	width: 200px; height:145px;
	position: absolute;
	background-image: url(../images/nfvm.jpg);	
	background-repeat: no-repeat;	
	z-index: 4;
	top: 517px;
	left: 585px;}

.recent13{
	width: 200px; height:145px;
	position: absolute;
	background-image: url(../images/kunstschilder.jpg);	
	background-repeat: no-repeat;	
	z-index: 3;
	top:654px;
	left: 565px;}

.recent14{
	width: 250px; height:620px;
	position: absolute;
	background-image: url(../images/bg_recent1.gif);	
	background-repeat: no-repeat;	
	z-index: 2;
	top:343px;
	left: 545px;}

.recent15{
	width: 200px; height:145px;
	position: absolute;
	background-image: url(../images/zeemeeuw.jpg);	
	background-repeat: no-repeat;	
	z-index: 4;
	top: 382px;
	left: 555px;}
	
/* logo */
.tekstlinks {
	position: absolute;
	z-index: 4;
	top: 44px;
	left: 22px;}

	.header_onderdeel{
	width: 233px; height:23px;
	position: absolute;
	background-image: url(../images/header_onderdeel.gif);	
	background-repeat: no-repeat;	
	z-index: 2;
	top: 328px;
	left: 202px;}
	
	
	.header_omschrijving{
	width: 232px; height:23px;
	position: absolute;
	background-image: url(../images/header_omschrijving.gif);	
	background-repeat: no-repeat;	
	z-index: 2;
	top: 328px;
	left: 439px;}
	
	
	.header_prijzen{
	width: 110px; height:23px;
	position: absolute;
	background-image: url(../images/header_prijzen.gif);	
	background-repeat: no-repeat;	
	z-index: 6;
	top: 328px;
	left: 675px;}
	
	.header_onderdeela{
	width: 233px; height:23px;
	position: absolute;
	background-image: url(../images/header_onderdeel.gif);	
	background-repeat: no-repeat;	
	z-index: 2;
	top:672px;
	left: 202px;}
	
	
	.header_omschrijvinga{
	width: 232px; height:23px;
	position: absolute;
	background-image: url(../images/header_omschrijving.gif);	
	background-repeat: no-repeat;	
	z-index: 2;
	top: 672px;
	left: 439px;}
	
	
	.header_prijzena{
	width: 110px; height:23px;
	position: absolute;
	background-image: url(../images/header_prijzen.gif);	
	background-repeat: no-repeat;	
	z-index: 6;
	top: 672px;
	left: 672px;}