/* MENU */

ul#menu_navi{
	list-style-type: none;
	margin: 0;
	padding: 0px 17px;
}

ul#menu_navi li {
	float: left;
}

ul#menu_navi li a {
	display: block;
	height: 50px;
	outline: none;
}

ul#menu_navi li a.bedrijf {
	background:	transparent url(/files/picture/frame/onsbedrijf.gif) no-repeat scroll left top;
	width:	71px;
}

ul#menu_navi li a.nieuws {
	background:	transparent url(/files/picture/frame/actie.gif) no-repeat scroll left top;
	width: 33px;
}

ul#menu_navi li a.windowdecoration{
	background:	transparent url(/files/picture/frame/raamdeco.gif) no-repeat scroll left top;
	width: 95px;
}
	
ul#menu_navi li a.kunstof {
	background:	transparent url(/files/picture/frame/kunststof.gif) no-repeat scroll left top;
	width:	114px;
}

ul#menu_navi li a.verandadaken {
	background:	transparent url(/files/picture/frame/verandadaken.gif) no-repeat scroll left top;
	width:	90px;
}

ul#menu_navi li a.rolluik {
	background:	transparent url(/files/picture/frame/rolluiken.gif) no-repeat scroll left top;
	width:	60px;
}

ul#menu_navi li a.zonwering {
	background:	transparent url(/files/picture/frame/zonwering.gif) no-repeat scroll left top;
	width:	69px;
}

ul#menu_navi li a.garage {
	background:	transparent url(/files/picture/frame/garagedeuren.gif) no-repeat scroll left top;
	width:	92px;
}

ul#menu_navi li a.active {
	background-position: bottom left !important;
}

ul#menu_navi li a.foto {
	background:	transparent url(/files/picture/frame/fotos.gif) no-repeat scroll left top;
	width:	37px;
}

ul#menu_navi li a.contact {
	background:	transparent url(/files/picture/frame/contact.gif) no-repeat scroll left top;
	width:	51px;
}

ul#menu_navi li a.bedrijf:hover, 
ul#menu_navi li a.nieuws:hover, 
ul#menu_navi li a.kunstof:hover, 
ul#menu_navi li a.verandadaken:hover, 
ul#menu_navi li a.rolluik:hover, 
ul#menu_navi li a.zonwering:hover, 
ul#menu_navi li a.garage:hover, 
ul#menu_navi li a.foto:hover, 
ul#menu_navi li a.contact:hover,
ul#menu_navi li a.windowdecoration:hover {
	background-position: left bottom;
}

/* SUB MENU */

ul#submenu_nav{
	list-style-type: none;
	margin: 0;
	padding: 5px 0px 0px 12px;
}

ul#submenu_nav li {
	float: left;
	margin-left: 6px;
}

ul#submenu_nav img {
	margin-top: -4px;
}

ul#submenu_nav li a {
	display: block;
	height: 50px;
	outline: none;
	text-decoration: none;
	color: #5b5b5c;
	font-weight: bold;
}

ul#submenu_nav li a:hover {
	text-decoration: underline;
}

ul#submenu_nav li a.why_active {
	text-decoration: underline;
}