@CHARSET "ISO-8859-1";
#menu {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: -10px;
	width: 689px;
	height: 60px;
}
#menu li {
	float: left;
	margin: 0;
	height: 34px;
	display: block;
	position: relative;
}
#menu a {
	height: 100%;
	display: block;
	color: #000;
	text-decoration: none;
}
#menu a:hover, #menu li.active a {
	color: #f8ac00;
}
#menu li a span {
	display: none;
}
#menu li ul {
	position: absolute;
	width: 679px;
	left: -999em;
	margin-top: 0px;
}
#menu li:hover ul {
}
#menu li ul.visible {
	left: -60px;
}
#menu li#contact ul.visible {
	left: -200px;
}

#menu li li {
	height: 20px;
	border-left: 1px solid #888;
	margin: 0;
}
#menu li li:first-child {
	border: 0;
}

/* Hoofdmenu op vervolgpagina's */
#home {
	width: 85px;
	background-image: url(../images/menu/home.jpg);
}
#bedrijfsprofiel {
	width: 116px;
	background-image: url(../images/menu/bedrijfsprofiel.jpg);
}
#diensten {
	width: 112px;
	background-image: url(../images/menu/diensten.jpg);
}
#projectfoto {
	width: 123px;
	background-image: url(../images/menu/projectfoto.jpg);
}
#links {
	width: 74px;
	background-image: url(../images/menu/links.jpg);
}
#nieuws {
	width: 91px;
	background-image: url(../images/menu/nieuws.jpg);
}
#contact {
	width: 83px;
	background-image: url(../images/menu/contact.jpg);
}

#home:hover, #home.active {
	background-image: url(../images/menu/home-over.jpg);
}
#bedrijfsprofiel:hover, #bedrijfsprofiel.active {
	background-image: url(../images/menu/bedrijfsprofiel-over.jpg);
}
#diensten:hover, #diensten.active {
	background-image: url(../images/menu/diensten-over.jpg);
}
#projectfoto:hover, #projectfoto.active {
	background-image: url(../images/menu/projectfoto-over.jpg);
}
#links:hover, #links.active {
	background-image: url(../images/menu/links-over.jpg);
}
#nieuws:hover, #nieuws.active {
	background-image: url(../images/menu/nieuws-over.jpg);
}
#contact:hover, #contact.active {
	background-image: url(../images/menu/contact-over.jpg);
}

/* Submenu bedrijfsprofiel */
#bedrijfsprofiel .sub1 a {
	width: 67px;
	background-image: url(../images/menu/sub-bedrijfsprofiel_bedrijf.png);
}
#bedrijfsprofiel .sub2 a {
	width: 68px;
	background-image: url(../images/menu/sub-bedrijfsprofiel_team.png);
}
#bedrijfsprofiel .sub3 a {
	width: 110px;
	background-image: url(../images/menu/sub-bedrijfsprofiel_rene.png);
}
#bedrijfsprofiel .sub4 a {
	width: 139px;
	background-image: url(../images/menu/sub-bedrijfsprofiel_werkenbij.png);
}
#bedrijfsprofiel .sub1 a:hover, #bedrijfsprofiel .sub1.active a {
	background-image: url(../images/menu/sub-bedrijfsprofiel_bedrijf-over.png);
}
#bedrijfsprofiel .sub2 a:hover, #bedrijfsprofiel .sub2.active a {
	background-image: url(../images/menu/sub-bedrijfsprofiel_team-over.png);
}
#bedrijfsprofiel .sub3 a:hover, #bedrijfsprofiel .sub3.active a {
	background-image: url(../images/menu/sub-bedrijfsprofiel_rene-over.png);
}
#bedrijfsprofiel .sub4 a:hover, #bedrijfsprofiel .sub4.active a {
	background-image: url(../images/menu/sub-bedrijfsprofiel_werkenbij-over.png);
}

/* Submenu projectfoto */
#projectfoto li a {
	width: 46px;
	padding: 0 7px;
	background-position: center;
	background-repeat: no-repeat;
}
#projectfoto .sub1 a {
	background-image: url(../images/menu/sub_project1.jpg);
}
#projectfoto .sub2 a {
	background-image: url(../images/menu/sub_project2.jpg);
}
#projectfoto .sub3 a {
	background-image: url(../images/menu/sub_project3.jpg);
}
#projectfoto .sub4 a {
	background-image: url(../images/menu/sub_project4.jpg);
}
#projectfoto .sub5 a {
	background-image: url(../images/menu/sub_project5.jpg);
}
#projectfoto .sub1 a:hover, #projectfoto .sub1.active a {
	background-image: url(../images/menu/sub_project1_over.jpg);
}
#projectfoto .sub2 a:hover, #projectfoto .sub2.active a {
	background-image: url(../images/menu/sub_project2_over.jpg);
}
#projectfoto .sub3 a:hover, #projectfoto .sub3.active a {
	background-image: url(../images/menu/sub_project3_over.jpg);
}
#projectfoto .sub4 a:hover, #projectfoto .sub4.active a {
	background-image: url(../images/menu/sub_project4_over.jpg);
}
#projectfoto .sub5 a:hover, #projectfoto .sub5.active a {
	background-image: url(../images/menu/sub_project5_over.jpg);
}

/* Submenu Diensten */
#diensten .sub1 a {
	width: 67px;
	background-image: url(../images/menu/sub-onderhoud_particulier.png);
}
#diensten .sub2 a {
	width: 57px;
	background-image: url(../images/menu/sub-onderhoud_bedrijf.png);
}
#diensten .sub3 a {
	width: 72px;
	background-image: url(../images/menu/sub-onderhoud_pakketten.png);
}
#diensten .sub4 a {
	width: 63px;
	background-image: url(../images/menu/sub-onderhoud_services.png);
}
#diensten .sub1 a:hover, #diensten .sub1.active a {
	background-image: url(../images/menu/sub-onderhoud_particulier-over.png);
}
#diensten .sub2 a:hover, #diensten .sub2.active a {
	background-image: url(../images/menu/sub-onderhoud_bedrijf-over.png);
}
#diensten .sub3 a:hover, #diensten .sub3.active a {
	background-image: url(../images/menu/sub-onderhoud_pakketten-over.png);
}
#diensten .sub4 a:hover, #diensten .sub4.active a {
	background-image: url(../images/menu/sub-onderhoud_services-over.png);
}

/* Submenu contact */
#contact .sub1 a {
	width: 100px;
	background-image: url(../images/menu/sub-contact_formulier.png);
}
#contact .sub2 a {
	width: 135px;
	background-image: url(../images/menu/sub-contact_werkenbij.png);
}
#contact .sub3 a {
	width: 48px;
	background-image: url(../images/menu/sub-contact_links.png);
}
#contact .sub1 a:hover, #contact .sub1.active a {
	background-image: url(../images/menu/sub-contact_formulier-over.png);
}
#contact .sub2 a:hover, #contact .sub2.active a {
	background-image: url(../images/menu/sub-contact_werkenbij-over.png);
}
#contact .sub3 a:hover, #contact .sub3.active a {
	background-image: url(../images/menu/sub-contact_links-over.png);
}

/* Disclaimer en sitemap */
#disclaimermenu {
	position: absolute;
	right: 0;
	bottom: -20px;
	width: 150px;
	font-size: 1.2em;
}
#disclaimermenu li {
	float: right;
	border-right: 1px solid #fff;
	padding-right: 10px;
	margin-right: 10px;
}
#disclaimermenu li:first-child {
	border-right: 0;
	margin-right: 0;
}
#disclaimermenu a {
	color: #fff;
}
#disclaimermenu a:hover {
	text-decoration: underline;
}