@charset "utf-8";
/* CSS Document */
/*****************
*	navigatie 
******************/
#menu a {
	position:absolute;
	padding:0px;
	display:block;
	overflow:hidden;
}

/*-- profiel --*/
.profiel {
	top: 0px;
	left: 14px;
	width:34px;
	height:28px;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 2;
	text-decoration: none;
	background: url(buttons/butindex1.jpg) 0 0 no-repeat;
}
.profiel a {
	color: #e0e0e0;
	text-decoration: none;	
}
.profiel:hover, .profiel-selected {
    background-image:url(buttons/butindex2.jpg);
	color: #d33d62;
	text-decoration: none;		
}


/*-- websites --*/
.websites {
	top: 0px;
	left: 124px;
	width:66px;
	height:28px;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 2;
	text-decoration: none;
	background: url(buttons/butwebsites1.jpg) 0 0 no-repeat;
}
.websites a {
	color: #e0e0e0;
	text-decoration: none;	
}
.websites:hover, .websites-selected {
	background: url(buttons/butwebsites2.jpg);
	color: #d33d62;
	text-decoration: none;		
}


/*-- artwork--*/
.artwork {
	top: 0px;
	left: 218px;
	width:59px;
	height:28px;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 2;	
	text-decoration: none;
	background: url(buttons/butartwork1.jpg) 0 0 no-repeat;
}
.artwork a {
	color: #e0e0e0;
	text-decoration: none;	
}
.artwork:hover, .artwork-selected {
	background: url(buttons/butartwork2.jpg);
	color: #d33d62;
	text-decoration: none;		
}


/*-- makeover--*/
.makeover {
	top: 0px;
	left: 269px;
	width:55px;
	height:28px;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 2;
	text-decoration: none;
	background: url(buttons/butdigital1.jpg) 0 0 no-repeat;
}
.makeover a {
	color: #e0e0e0;
	text-decoration: none;	
}
.makeover:hover, .makeover-selected {
	background: url(buttons/butdigital2.jpg);
	color: #d33d62;
	text-decoration: none;		
}


/*-- services--*/
.services {
	top: 0px;
	left: 406px;
	width:59px;
	height:28px;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 2;
	text-decoration: none;
	background: url(buttons/butserve1.jpg) 0 0 no-repeat;
}
.services a {
	color: #e0e0e0;
	text-decoration: none;	
}
.services:hover, .services-selected {
	background: url(buttons/butserve2.jpg);
	color: #d33d62;
	text-decoration: none;		
}



/*-- contact--*/
.contact {
	top: 0px;
	left: 852px;
	width:73px;
	height:28px;
	font-size: 11px;
	color: #e0e0e0;
	line-height: 2;
	text-decoration: none;
	background: url(buttons/butcontact1.jpg) 0 0 no-repeat;
}
.contact a {
	color: #e0e0e0;
	text-decoration: none;	
}
.contact:hover, .contact-selected {
	background: url(buttons/butcontact2.jpg);
	color: #d33d62;
	text-decoration: none;		
}