/* Arrow Links
==============================================================================*/

#footer a.arrowlink {
	padding-left:13px;	
	
	background-image:url(img/arrow-blue.gif);
	background-repeat:no-repeat;
	background-position:left center;		
}

.rightcolumnTwo a.arrowlink {
	padding-left:13px;	
	
	background-image:url(img/arrow-lightblue.gif);
	background-repeat:no-repeat;
	background-position:left center;		
}

.left a.arrowlink{
	padding-left:13px;	
	
	background-image:url(img/arrow-transparent.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
	
	

/* top-level navigation
==============================================================================*/
.navigatie{
	height:60px;
	float: left;
	width: 560px;
}
#nav {
	list-style: none;
	padding-bottom: 0;
}
#nav li {
	float: left;
	height: 60px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 60px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */	
	
	}
	
#nav li a:hover {
	background-position: 50% -60px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -120px;
		}
			
#navHome{
		width: 55px;
		background: url(img/nav-home.gif) no-repeat;
		}
#navWat {
		width: 50px;
		background: url(img/nav-wat.gif) no-repeat;
		}
#navProducten {
		width: 90px;
		background: url(img/nav-producten.gif) no-repeat;
		}
#navTechnischeinfo {
		width: 125px;
		background: url(img/nav-technische-info.gif) no-repeat;
		}
#navHuurwaarborg {
		width: 130px;
		background: url(img/nav-huur-waarborg.gif) no-repeat;
		}
#navContact {
		width: 80px;
		background: url(img/nav-contact.gif) no-repeat;
		}
		
/* Producen navigatie
==============================================================================*/
#productennavigatie{
	height:112px;
}
#productennav {
	height: 112px;
	list-style: none;	
	display: run-in;	
	
}
#productennav li {
	float: left;
	height: 112px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#productennav li a {
	display: block;
	line-height: 112px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */	
	
	}
	
#productennav li a:hover {
	background-position: 50% -112px;
	}
	.productennav li a.currentSection,
	.productennav li a.currentSection:hover {
		background-position: 50% -224px;
		}
			
#navprodKnie{
		width: 130px;
		background: url(img/navprod-knie.gif) no-repeat;
		}
#navprodSchouder{
		width: 110px;
		background: url(img/navprod-schouder.gif) no-repeat;
		}
#navprodElleboog{
		width: 110px;
		background: url(img/navprod-elleboog.gif) no-repeat;
		}
#navprodEnkel{
		width: 120px;
		background: url(img/navprod-enkel.gif) no-repeat;
		}
#navprodOverige{
		width: 105px;
		background: url(img/navprod-overige.gif) no-repeat;
		}