/*---------------- LIST'S VAN 215px (menu, adres, links) ----------------*/

ul.menu, 
ul.submenu, 
ul.adres, 
ul.links, 
ul.contact,
ul.clients {
	width: 215px;
	margin: 0px;
	padding: 0px;
}
	
ul.menu li, 
ul.submenu li, 
ul.adres li, 
ul.links li, 
ul.contact li,
ul.about li {
	list-style: none;
	position:relative;
	margin-bottom: 5px;
}
	ul.adres li.last {
		margin-bottom: 0px;	
	}

/*---------------- LIST'S VAN 460px (about) ----------------*/

ul.about {
	width: 460px;
	margin: 0px;
	padding: 0px;
}

ul.about li,
ul.clients li {
	list-style: none;
	position: relative;
	margin-top: 5px;
}

	ul.clients li.first {
		margin-top: 0px;	
	}

/*---------------- OPMAAK VAN DE LINKS ----------------*/

 /* - Voor list's met image-sprite --*/
	ul.menu li a,
	ul.submenu li a,
	ul.adres li a,
	ul.links li a,	
	ul.about li a,
	ul.contact li a,
	ul.clients li a {
		text-indent: -9999px;
		overflow: hidden;
		height: 20px;
		display: block;
		margin: 0px;
	}

 /* - Voor list's bestaande uit tekst 
	ul.clients li a {
		height: 16px;
		background-color: #FFF;
		font-size: 13px;
		padding: 2px 10px;
		color: #000;
		text-decoration: none;
		display: block;
		margin: 0px;
	}

	ul.clients li a:hover {
		background-color:#000;
		color: #CCC;
	}
--*/

/*---------------- IMAGE SPRITES  ----------------*/

/*------ Menu rollovers -------*/	
ul.menu .item1 a { background:url(../img/menu/menu.png) 0px -0px no-repeat;	}
ul.menu .item2 a { background:url(../img/menu/menu.png) 0px -20px no-repeat; }
ul.menu .item3 a { background:url(../img/menu/menu.png) 0px -40px no-repeat; }
ul.menu .item4 a { background:url(../img/menu/menu.png) 0px -60px no-repeat; }

ul.menu .item1 a:hover, ul.menu .item1 .selected  { background:url(../img/menu/menu.png) -215px -0px no-repeat; }
ul.menu .item2 a:hover, ul.menu .item2 a.selected { background:url(../img/menu/menu.png) -215px -20px no-repeat; }
ul.menu .item3 a:hover, ul.menu .item3 a.selected { background:url(../img/menu/menu.png) -215px -40px no-repeat; }
ul.menu .item4 a:hover, ul.menu .item4 a.selected { background:url(../img/menu/menu.png) -215px -60px no-repeat; }


/*------ Submenu Portfolio rollovers -------*/	
ul.submenuPortfolio .item1 a { background:url(../img/menu/submenu-portfolio.png) 0px -0px no-repeat; }
ul.submenuPortfolio .item2 a { background:url(../img/menu/submenu-portfolio.png) 0px -20px no-repeat;	}
ul.submenuPortfolio .item3 a { background:url(../img/menu/submenu-portfolio.png) 0px -40px no-repeat; }
ul.submenuPortfolio .item4 a { background:url(../img/menu/submenu-portfolio.png) 0px -60px no-repeat; }

ul.submenuPortfolio .item1 a:hover, ul.submenuPortfolio .item1 a.selected { background:url(../img/menu/submenu-portfolio.png) -215px -0px no-repeat; }
ul.submenuPortfolio .item2 a:hover, ul.submenuPortfolio .item2 a.selected { background:url(../img/menu/submenu-portfolio.png) -215px -20px no-repeat;	}
ul.submenuPortfolio .item3 a:hover, ul.submenuPortfolio .item3 a.selected { background:url(../img/menu/submenu-portfolio.png) -215px -40px no-repeat; }
ul.submenuPortfolio .item4 a:hover, ul.submenuPortfolio .item4 a.selected { background:url(../img/menu/submenu-portfolio.png) -215px -60px no-repeat; }	


/*------ Submenu Info rollovers -------*/	
ul.submenuInfo .item1 a { background:url(../img/menu/submenu-info.png) 0px -0px no-repeat; }
ul.submenuInfo .item2 a { background:url(../img/menu/submenu-info.png) 0px -20px no-repeat;	}
ul.submenuInfo .item3 a { background:url(../img/menu/submenu-info.png) 0px -40px no-repeat; }

ul.submenuInfo .item1 a:hover, ul.submenuInfo .item1 a.selected { background:url(../img/menu/submenu-info.png) -215px -0px no-repeat; }
ul.submenuInfo .item2 a:hover, ul.submenuInfo .item2 a.selected { background:url(../img/menu/submenu-info.png) -215px -20px no-repeat;	}
ul.submenuInfo .item3 a:hover, ul.submenuInfo .item3 a.selected { background:url(../img/menu/submenu-info.png) -215px -40px no-repeat; }


/*------ Adres rollovers -------*/	
ul.adres .item1 a { background:url(../img/menu/adres.png) 0px -20px no-repeat; }
ul.adres .item2 a { background:url(../img/menu/adres.png) 0px -40px no-repeat; }
ul.adres .item3 a { background:url(../img/menu/adres.png) 0px -60px no-repeat; }
ul.adres .item4 a { background:url(../img/menu/adres.png) 0px -80px no-repeat; }

ul.adres .item4 a:hover, ul.adres .item4 a.selected { background:url(../img/menu/adres.png) -215px -80px no-repeat; }


/*------ Contact rollovers -------*/	
ul.contact .item1 a { background:url(../img/menu/adres.png) 0px -0px no-repeat; }
ul.contact .item2 a { background:url(../img/menu/adres.png) 0px -20px no-repeat; }
ul.contact .item3 a { background:url(../img/menu/adres.png) 0px -40px no-repeat; }
ul.contact .item4 a { background:url(../img/menu/adres.png) 0px -60px no-repeat; }
ul.contact .item5 a { background:url(../img/menu/adres.png) 0px -80px no-repeat; }

ul.contact .item5 a:hover, ul.contact .item5 a.selected { background:url(../img/menu/adres.png) -215px -80px no-repeat; }


/*------ Links rollovers -------*/	
ul.links .item1 a { background:url(../img/menu/links.png) 0px -0px no-repeat; }
ul.links .item2 a { background:url(../img/menu/links.png) 0px -20px no-repeat;	}
ul.links .item3 a { background:url(../img/menu/links.png) 0px -40px no-repeat; }
ul.links .item4 a { background:url(../img/menu/links.png) 0px -60px no-repeat; }
ul.links .item5 a { background:url(../img/menu/links.png) 0px -80px no-repeat; }

ul.links .item1 a:hover, ul.links .item1 a.selected { background:url(../img/menu/links.png) -215px -0px no-repeat; }
ul.links .item2 a:hover, ul.links .item2 a.selected { background:url(../img/menu/links.png) -215px -20px no-repeat;	}
ul.links .item3 a:hover, ul.links .item3 a.selected { background:url(../img/menu/links.png) -215px -40px no-repeat; }
ul.links .item4 a:hover, ul.links .item4 a.selected { background:url(../img/menu/links.png) -215px -60px no-repeat; }
ul.links .item5 a:hover, ul.links .item5 a.selected { background:url(../img/menu/links.png) -215px -80px no-repeat; }


/*------ About rollovers -------*/	
ul.about .item1 a { background:url(../img/menu/about.png) 0px -0px no-repeat; }
ul.about .item2 a { background:url(../img/menu/about.png) 0px -20px no-repeat;	}

ul.about .item1 a:hover, ul.about .item1 a.selected { background:url(../img/menu/about.png) -460px -0px no-repeat; }
ul.about .item2 a:hover, ul.about .item2 a.selected { background:url(../img/menu/about.png) -460px -20px no-repeat;	}


/*------ Clients rollovers -------*/	
ul.clients .item1 a { background:url(../img/menu/clients.png) 0px -0px no-repeat; }
ul.clients .item2 a { background:url(../img/menu/clients.png) 0px -20px no-repeat;	}
ul.clients .item3 a { background:url(../img/menu/clients.png) 0px -40px no-repeat; }
ul.clients .item4 a { background:url(../img/menu/clients.png) 0px -60px no-repeat; }
ul.clients .item5 a { background:url(../img/menu/clients.png) 0px -80px no-repeat; }
ul.clients .item6 a { background:url(../img/menu/clients.png) 0px -100px no-repeat; }
ul.clients .item7 a { background:url(../img/menu/clients.png) 0px -120px no-repeat;	}
ul.clients .item8 a { background:url(../img/menu/clients.png) 0px -140px no-repeat; }
ul.clients .item9 a { background:url(../img/menu/clients.png) 0px -160px no-repeat; }
ul.clients .item10 a { background:url(../img/menu/clients.png) 0px -180px no-repeat; }
ul.clients .item11 a { background:url(../img/menu/clients.png) 0px -200px no-repeat; }
ul.clients .item12 a { background:url(../img/menu/clients.png) 0px -220px no-repeat;	}
ul.clients .item13 a { background:url(../img/menu/clients.png) 0px -240px no-repeat; }
ul.clients .item14 a { background:url(../img/menu/clients.png) 0px -260px no-repeat; }
ul.clients .item15 a { background:url(../img/menu/clients.png) 0px -280px no-repeat; }
ul.clients .item16 a { background:url(../img/menu/clients.png) 0px -300px no-repeat; }

ul.clients .item1 a:hover, ul.clients .item1 a.selected { background:url(../img/menu/clients.png) -215px -0px no-repeat; }
ul.clients .item2 a:hover, ul.clients .item2 a.selected { background:url(../img/menu/clients.png) -215px -20px no-repeat;	}
ul.clients .item3 a:hover, ul.clients .item3 a.selected { background:url(../img/menu/clients.png) -215px -40px no-repeat; }
ul.clients .item4 a:hover, ul.clients .item4 a.selected { background:url(../img/menu/clients.png) -215px -60px no-repeat; }
ul.clients .item5 a:hover, ul.clients .item5 a.selected { background:url(../img/menu/clients.png) -215px -80px no-repeat; }
ul.clients .item6 a:hover, ul.clients .item6 a.selected { background:url(../img/menu/clients.png) -215px -100px no-repeat; }
ul.clients .item7 a:hover, ul.clients .item7 a.selected { background:url(../img/menu/clients.png) -215px -120px no-repeat;	}
ul.clients .item8 a:hover, ul.clients .item8 a.selected { background:url(../img/menu/clients.png) -215px -140px no-repeat; }
ul.clients .item9 a:hover, ul.clients .item9 a.selected { background:url(../img/menu/clients.png) -215px -160px no-repeat; }
ul.clients .item10 a:hover, ul.clients .item10 a.selected { background:url(../img/menu/clients.png) -215px -180px no-repeat; }
ul.clients .item11 a:hover, ul.clients .item11 a.selected { background:url(../img/menu/clients.png) -215px -200px no-repeat; }
ul.clients .item12 a:hover, ul.clients .item12 a.selected { background:url(../img/menu/clients.png) -215px -220px no-repeat;	}
ul.clients .item13 a:hover, ul.clients .item13 a.selected { background:url(../img/menu/clients.png) -215px -240px no-repeat; }
ul.clients .item14 a:hover, ul.clients .item14 a.selected { background:url(../img/menu/clients.png) -215px -260px no-repeat; }
ul.clients .item15 a:hover, ul.clients .item15 a.selected { background:url(../img/menu/clients.png) -215px -280px no-repeat; }
ul.clients .item16 a:hover, ul.clients .item16 a.selected { background:url(../img/menu/clients.png) -215px -300px no-repeat; }