@charset "UTF-8";
/* CSS Document */
A.Hoofdmenu:link      {font-Family: Arial, Helvetica, sans-serif; color: #ffffff; font-Size:13px; font-weight:bold;}
A.Hoofdmenu:visited   {font-Family: Arial, Helvetica, sans-serif; color: #ffffff; font-Size:13px; font-weight:bold;} 
A.Hoofdmenu:hover     {font-Family: Arial, Helvetica, sans-serif; color: #F09; font-Size:13px; font-weight:bold;}

body#home a#homenav,
body#overwobblie a#overwobblienav,
body#portfolio a#portfolionav,
body#webdesign a#webdesignnav,
body#drukwerk a#drukwerknav,
body#huisstijl a#huisstijlnav,
body#levertijd a#levertijdnav,
body#diensten a#dienstennav,
body#bestellen a#bestellennav,
body#galerie a#galerienav

{
	background-image:url(../img/menubg2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color: #F09;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-decoration:none;

}

#navcontainer a {
	/*background-image: url(../img/menubg.png);*/
	background-repeat:repeat-x;
	width: 16%;
	height: 50px;
	padding-top: 13px;
	margin: 0;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	text-align: center;
	
	} 

#navcontainer a:hover {
	background-image:url(../img/menubg2.jpg);
	background-repeat:no-repeat;
	background-position:center;
	color: #F09; !important
}
/*
*	Setup
*/
ul.cssmenu {
	list-style: none;
	padding: 0px;
	margin: 0px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}

ul.cssmenu li {
	float: left;
	}

ul.cssmenu li a {
	display: block;
	width: 110px;
	height: 40px;
	background-image: url(../img/menu.png);
	}

/*
*	Normal Links
*/
ul.cssmenu li.home a {
	background-position: 0 0;
	}

ul.cssmenu li.about a {
	background-position: -110px 0;
	}

ul.cssmenu li.folio a {
	background-position: -220px 0;
	}

ul.cssmenu li.contact a {
	background-position: -330px 0;
	}

/*
*	Hover Links
*/
ul.cssmenu li.home a:hover {
	background-position: 0 -50px;
	}

ul.cssmenu li.about a:hover {
	background-position: -110px -50px;
	}
	
ul.cssmenu li.folio a:hover {
	background-position: -220px -50px;
	}
	
ul.cssmenu li.contact a:hover {
	background-position: -330px -50px;
	}

/*
*	Clicked Links
*/
ul.cssmenu li.home a:active {
	background-position: 0 0;
	}

ul.cssmenu li.about a:active {
	background-position: -110px 0;
	}

ul.cssmenu li.folio a:active {
	background-position: -220px 0;
	}
	
ul.cssmenu li.contact a:active {
	background-position: -330px 0;
	}

/*
*	Selected/Active Links
*/
ul.cssmenu li.home a.selected {
	background-position: 0 -150px;
	}

ul.cssmenu li.about a.selected {
	background-position: -110px -150px;
	}

ul.cssmenu li.folio a.selected {
	background-position: -220px -150px;
	}
	
ul.cssmenu li.contact a.selected {
	background-position: -330px -150px;
	}