/* THIRD Navigatie
==============================================================================*/

.secnavigatie{
	font-size:1.1em;
	
	list-style: none;
	
	padding-bottom: 0px;	
	padding-top:0px;
	
	text-align:left;
	border-bottom:1px solid #444444;	
}
#secnav {
	list-style: none;
}
#secnav li a {
	color:#b3d000;
	text-decoration:underline;
	width:220px;
	display:block;
	
	margin:0;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:10px;
	padding-right:10px;
	
	border-top:1px solid #444444;
	
	}
	
#secnav li a:hover, #secnav li a.currentSection {
	text-decoration:none;
	color:#FFFFFF;	
	
	}
	#secnav li a.currentSection,
	#secnav li a.currentSection:hover {
		text-decoration:none;
		color:#FFFFFF;
		}
							
		
/* Arrow Links
==============================================================================*/

a.arrowlink {
	color:#b3d000;
	text-decoration:none;

	padding-left:10px;	
	
	background-image:url(img/icon_link_links.gif);
	background-repeat:no-repeat;
	background-position:left center;		
}

a.arrowlink:hover{
	text-decoration:underline;
}

	


/* top-level navigation
==============================================================================*/
.navigatie{
	margin:0 auto;
	width:660px;
	height:35px;	
	
}
#nav {
	height: 35px;
	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	width: 660px;
	text-align:justify;	
	margin-left:60px;
	
}
#nav li {
	float: right;
	height: 35px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#nav li a {
	display: block;
	line-height: 35px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	
	}
	
#nav li a:hover {
	background-position: 50% -35px;
	}
	#nav li a.currentSection,
	#nav li a.currentSection:hover {
		background-position: 50% -70px;
		}
			
#navNieuws{
		width: 42px;
		background: url(img/nav-nieuws.gif) no-repeat;
		}
#navOnsbedrijf {
		width: 62px;
		background: url(img/nav-onsbedrijf.gif) no-repeat;
		}
#navVacatures {
		width: 60px;
		background: url(img/nav-vacatures-nieuw.gif) no-repeat;
		}
#navEnglish {
		width: 57px;
		background: url(img/nav-english.gif) no-repeat;
		}
		
/* black-level navigation
==============================================================================*/
.blacknavigatie{
	margin:0 auto;
	width:200px;
	/*margin-bottom: 10px;*/
}

#blacknav {
	/*height: 26px;*/
	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	text-align:justify;	
}
#blacknav li {
	height: 26px;
	width: 200px;

	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#blacknav li a {
	display: block;
	height:26px;
	line-height: 26px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */	
	}
	
#blacknav li a:hover {
	background-position: 50% -26px;
	}
	#blacknav li a.currentSection,
	#blacknav li a.currentSection:hover {
		background-position: 50% -52px;
		}
			
#Home{		
		background: url(img/nav-home.gif) no-repeat;
		}
#Projecten {
		background: url(img/nav-projecten.gif) no-repeat;
		}
#Referenties {
		background: url(img/nav-referenties.gif) no-repeat;
		}
#Kwalificaties {
		background: url(img/nav-kwalificaties.gif) no-repeat;
		}		
#Contact {
		background: url(img/nav-contact.gif) no-repeat;
		}
#Links {
		background: url(img/nav-links.gif) no-repeat;
		}
#verbouwenmetons {
		background: url(img/nav-verbouwen.gif) no-repeat;
		}	
#Vacatures {
		background: url(img/nav-vacatures-nieuw.gif) no-repeat;
		}		
#Architecten {
		background: url(img/nav-architecten.gif) no-repeat;
		}		
				
/* green-level header navigation
==============================================================================*/
.greennavigatie{
	margin:0 auto;
	width:200px;
	height:181px;	
}

#greennav {
	height: 26px;
	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	text-align:justify;	
}
#greennav li {
	height: 26px;
	width: 200px;

	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#greennav li a {
	display: block;
	height:26px;
	line-height: 26px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */	
	}
	
#greennav li a:hover {
	background-position: 50% -26px;
	}
	#greennav li a.currentSection,
	#greennav li a.currentSection:hover {
		background-position: 50% -52px;
		}
			
#Aankoopprocedure{		
		background: url(img/nav-aankoopprocedure.gif) no-repeat;
		}
#Basisafwerking {
		background: url(img/nav-basisafwerking.gif) no-repeat;
		}
#Afwerkingalacarte {
		background: url(img/nav-afwerkingalacarte.gif) no-repeat;
		}
#Totaleinterieurinrichting {
		background: url(img/nav-totaleinterieurinrichting.gif) no-repeat;
		}
#Zekerheden {
		background: url(img/nav-zekerheden.gif) no-repeat;
		}
#Partnerstoonzalen {
		background: url(img/nav-partnerstoonzalen.gif) no-repeat;
		}		
#Eigenaars {
		background: url(img/nav-eigenaars.gif) no-repeat;
		}
		
/* project-level navigation - rechts
==============================================================================*/
.prjnavigatie{

}

#prjnav {	
	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	text-align:justify;	
}
#prjnav li {

	width: 240px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
#prjnav li a {
	display: block;
	line-height: 52px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	
	}
	
#prjnav li a:hover {
	background-position: 50% -52px;
	}
	#prjnav li a.currentSection,
	#prjnav li a.currentSection:hover {
		background-position: 50% -104px;
		}
			
#navprjTrompwegel{		
		height:52px;
		background: url(img/navprj-trompwegel.gif) no-repeat;
		}
#navprjElduque {
		height:52px;
		background: url(img/navprj-elduque.gif) no-repeat;
		}
#navprjTemp {
		height:52px;
		background: url(img/navprj-tmp.gif) no-repeat;
		}

#prjnav li a#navprjMeerprojecten{
	display: block;
	line-height: 26px;
	text-indent: -5000px;	
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */	
	}
	
#prjnav li a#navprjMeerprojecten:hover {
	background-position: 50% -52px;
	}
	#prjnav li a#navprjMeerprojecten.currentSection,
	#prjnav li a#navprjMeerprojecten.currentSection:hover {
		background-position: 50% -104px;
		}
				
#navprjMeerprojecten {
		height:26px;
		background: url(img/navprj-meerprojecten.gif) no-repeat;
		}		
		
		
				
/* arrow navigation
==============================================================================*/

.arrowlinks {

	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	text-align:left;
	
	padding:10px;
}
.arrowlinks li {
	height:25px;
	line-height:25px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
.arrowlinks li a {
	display: block;
	
	vertical-align:middle;
	padding-left:25px;
	
	overflow: hidden;
	background: url(img/pijl-groot.gif) no-repeat;
	background-position: left 0px; /* horizontally centers the background image */	
	
	font-size:1.2em;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	
	}
	
.arrowlinks li a:hover {
	background-position: left -25px;
	color:#005883;
	}
	.arrowlinks li a.currentSection,
	.arrowlinks li a.currentSection:hover {
		background-position: left -50px;
		color:#005883;
		}
		
/* arrow navigation BLUE
==============================================================================*/

.arrowlinksblue {

	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	text-align:left;
	
	padding:10px;
}
.arrowlinksblue li {
	height:25px;
	line-height:25px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
.arrowlinksblue li a{
	display: block;
	
	vertical-align:middle;
	padding-left:25px;
	
	overflow: hidden;
	background: url(img/pijl-groot-blue.gif) no-repeat;
	background-position: left 0px; /* horizontally centers the background image */	
	
	font-size:1.2em;
	text-transform: uppercase;
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
	
	}
	
.arrowlinksblue li a:hover {
	background-position: left -25px;
	color:#c4c4c4;
	}
	.arrowlinksblue li a.currentSection,
	.arrowlinksblue li a.currentSection:hover {
		background-position: left -50px;
		color:#c4c4c4;
		}		







/* arrow navigation SMALL
==============================================================================*/

.arrowlinkssmall {

	list-style: none;
	padding-bottom: 0;
	
	display: run-in;
	text-align:left;
	
	padding:10px;
}
.arrowlinkssmall li {
	height:11px;
	line-height:11px;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
.arrowlinkssmall li a {
	display: block;
	
	vertical-align:middle;
	padding-left:15px;
	
	overflow: hidden;
	background: url(img/pijl-klein.gif) no-repeat;
	background-position: left 0px; /* horizontally centers the background image */	
	
	font-size:0.9em;
	text-transform: uppercase;
	color:#005883;
	font-weight:bold;
	text-decoration:none;
	
	}
	
.arrowlinkssmall li a:hover {
	background-position: left -11px;
	color:#c4c4c4;
	}
	.arrowlinkssmall li a.currentSection,
	.arrowlinkssmall li a.currentSection:hover {
		background-position: left -22px;
		color:#c4c4c4;
		}