/*

	-- -- -- -- -- -- --
	css sprites2
	nav style, with style for scripted elements

	http://www.alistapart.com/articles/sprites2
	-- -- -- -- -- -- --
	
*/


.nav 
{
	width: 620px;
	height: 50px;
	background: url(../images/menu.png) no-repeat;
	position: absolute;
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited 
{
	position: absolute;
	top: 0;
	height: 50px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
}
.nav .portfolio a:link, .nav .portfolio a:visited {
	left: 0px;
	width: 140px;
}
.nav .portfolio a:hover, .nav .portfolio a:focus {
	background: url(../images/menu.png) no-repeat 0px -50px;
}
.nav .portfolio a:active {
	background: url(../images/menu.png) no-repeat 0px -100px;
}
.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
	background: url(../images/menu.png) no-repeat 0px -150px;
	cursor: portfolio;
}
.nav-portfolio, .nav-portfolio-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 140px;
	height: 50px;
	background: url(../images/menu.png) no-repeat 0px -50px;
}
.nav-portfolio-click {
	background: url(../images/menu.png) no-repeat 0px -100px;
}



.nav .werkwijze a:link, .nav .werkwijze a:visited {
	left: 160px;
	width: 140px;
}
.nav .werkwijze a:hover, .nav .werkwijze a:focus {
	background: url(../images/menu.png) no-repeat -160px -50px;
}
.nav .werkwijze a:active {
	background: url(../images/menu.png) no-repeat -160px -100px;
}
.current-werkwijze .werkwijze a:link, .current-werkwijze .werkwijze a:visited {
	background: url(../images/menu.png) no-repeat -160px -150px;
	cursor: portfolio;
}
.nav-werkwijze, .nav-werkwijze-click {
	position: absolute;
	top: 0;
	left: 160px;
	width: 140px;
	height: 50px;
	background: url(../images/menu.png) no-repeat -160px -50px;
}
.nav-werkwijze-click {
	background: url(../images/menu.png) no-repeat -160px -100px;
}



.nav .tscms a:link, .nav .tscms a:visited {
	left: 320px;
	width: 140px;
}
.nav .tscms a:hover, .nav .tscms a:focus {
	background: url(../images/menu.png) no-repeat -320px -50px;
}
.nav .tscms a:active {
	background: url(../images/menu.png) no-repeat -320px -100px;
}
.current-tscms .tscms a:link, .current-tscms .tscms a:visited {
	background: url(../images/menu.png) no-repeat -320px -150px;
	cursor: portfolio;
}
.nav-tscms, .nav-tscms-click {
	position: absolute;
	top: 0;
	left: 320px;
	width: 140px;
	height: 50px;
	background: url(../images/menu.png) no-repeat -320px -50px;
}
.nav-tscms-click {
	background: url(../images/menu.png) no-repeat -320px -100px;
}






.nav .training a:link, .nav .training a:visited {
	left: 480px;
	width: 140px;
}
.nav .training a:hover, .nav .training a:focus {
	background: url(../images/menu.png) no-repeat -480px -50px;
}
.nav .training a:active {
	background: url(../images/menu.png) no-repeat -480px -100px;
}
.current-training .training a:link, .current-training .training a:visited {
	background: url(../images/menu.png) no-repeat -480px -150px;
	cursor: portfolio;
}
.nav-training, .nav-training-click {
	position: absolute;
	top: 0;
	left: 480px;
	width: 140px;
	height: 50px;
	background: url(../images/menu.png) no-repeat -480px -50px;
}
.nav-training-click {
	background: url(../images/menu.png) no-repeat -480px -100px;
}