<style type="text/css">
<!--
.style1 {
	color: #b8b8b8;
	font-size: 11px;
	font-family: Verdana;
}
.style2 {
	color: #b8b8b8; 
	font-size: 12px; 
	font-family: Verdana; 
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a:link {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}


#projecten {
border: 1px solid #ddd9ce;
}

#banner {
background-color: #6db6df;
}

-->

/* Menu */


div#menu  {
	background: no-repeat top left;
	margin-left: 0px;
	margin-bottom: 0px;
}

div#menu a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	overflow: hidden;
}



div#menu a.home { background: url('images/buttons/home.png') no-repeat left; }
div#menu a.home:hover {  background: url('images/buttons/home_b.png') no-repeat left; }

div#menu a.overons { background: url('images/buttons/over_ons.png') no-repeat left; }
div#menu a.overons:hover {  background: url('images/buttons/over_ons_b.png') no-repeat left; }

div#menu a.webdesign { background: url('images/buttons/webdesign.png') no-repeat left; }
div#menu a.webdesign:hover {  background: url('images/buttons/webdesign_b.png') no-repeat left; }

div#menu a.werkwijze { background: url('images/buttons/werkwijze.png') no-repeat left; }
div#menu a.werkwijze:hover {  background: url('images/buttons/werkwijze_b.png') no-repeat left; }

div#menu a.portfolio { background: url('images/buttons/portfolio.png') no-repeat left; }
div#menu a.portfolio:hover {  background: url('images/buttons/portfolio_b.png') no-repeat left; }

div#menu a.contact { background: url('images/buttons/contact.png') no-repeat left; }
div#menu a.contact:hover {  background: url('images/buttons/contact_b.png') no-repeat left; }

div#menu a.paginas { background: url('images/buttons/paginas.png') no-repeat left; }
div#menu a.paginas:hover {  background: url('images/buttons/paginas_b.png') no-repeat left; }

div#menu a.profiel { background: url('images/buttons/profiel.png') no-repeat left; }
div#menu a.profiel:hover {  background: url('images/buttons/profiel_b.png') no-repeat left; }

div#menu a.hoofdmenu { background: url('images/buttons/hoofdmenu.png') no-repeat left; }
div#menu a.hoofdmenu:hover {  background: url('images/buttons/hoofdmenu_b.png') no-repeat left; }

div#menu a.uitloggen { background: url('images/buttons/uitloggen.png') no-repeat left; }
div#menu a.uitloggen:hover {  background: url('images/buttons/uitloggen_b.png') no-repeat left; }

div#menu a.todo { background: url('images/buttons/todo.png') no-repeat left; }
div#menu a.todo:hover {  background: url('images/buttons/todo_b.png') no-repeat left; }

div#menu a.onderhoud { background: url('images/buttons/onderhoud.png') no-repeat left; }
div#menu a.onderhoud:hover {  background: url('images/buttons/onderhoud_b.png') no-repeat left; }

div#menu a.klanten { background: url('images/buttons/klanten.png') no-repeat left; }
div#menu a.klanten:hover {  background: url('images/buttons/klanten_b.png') no-repeat left; }

div#menu a.facturen { background: url('images/buttons/facturen.png') no-repeat left; }
div#menu a.facturen:hover {  background: url('images/buttons/facturen_b.png') no-repeat left; }

div#menu a.uitloggen { background: url('images/buttons/uitloggen.png') no-repeat left; }
div#menu a.uitloggen:hover {  background: url('images/buttons/uitloggen_b.png') no-repeat left; }



</style>
