html,body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color: #637CA4;
	color: #003263;
	font-family: Arial, Geneva, sans-serif;
	
}


/* --- (( Volgende script maakt :hover beschikbaar in MSIE )) --- */
body {
	behavior:url("shared_scripts/csshover.htc");
}


a {
	color: #fff;
	font-family: Arial, Geneva, sans-serif;	
	font-weight: bold;
	text-decoration: none;	
}


/* --- (( hoofd-navigatie  )) --- */

#hoofd-nav {
	background-color: #003263;
	height: 100%;
	width: 16em;
	border-right: 2px solid #FCB131;
}

#hoofd-nav ul, 
#hoofd-nav li {
	margin: 0;
	padding: 0;
	display: block;
}

#hoofd-nav ul {
	list-style: none;
	width: 12em;
	padding: 0px; 
	font-variant: none;
	position: absolute;
	top: 13.5em;
	left: 3em;
} 

#hoofd-nav li {
	position: relative;
	padding: 0 0 0 1em;	
	border: 4px solid #FCB131;
	z-index: 1009;
}
 
#hoofd-nav li.folder {
	border-color: #003263;
	background: url('../shared_img/menu-li.gif') left top no-repeat;
	padding-left: 2.5em;
	margin-bottom: 1em;
}

#hoofd-nav li a {
	font-variant: small-caps;
	font-size: 0.85em;
	display: block;
	width: 100%;
	line-height: 2em;
}
#hoofd-nav li a:hover {
	color: #FCB131;
}
#hoofd-nav li li a {
	font-variant: normal;
	font-size: 0.82em;
}
#hoofd-nav li li a:hover {
	color: #003263;
}
#hoofd-nav  li:hover {
	z-index: 1015;
}




 /* Alle subnavigatie verbergen en uitzonderingen maken voor subnavigatie */
  
#hoofd-nav ul ul {
	position:absolute;
	display:none;
	left: 6em;
	top:4px;
	background-color: #96A5C4;
}
html>body #hoofd-nav ul ul {
	left: 8.5em;
}
#hoofd-nav ul ul li {  
	border-top-width: 0;
}
#hoofd-nav ul ul li.first-child {  
	border-top-width: 4px;
}

  /* :hover, met specificity */
  
#hoofd-nav li:hover ul ul {
	display:none;
}

#hoofd-nav li:hover ul, #hoofd-nav li:hover li:hover ul {
	display:block;
}
  

#hoofd-nav ul#tools {
	position: absolute;
	top: 2.8em;
	left: 4.9em;
	z-index: 1000;
}
#hoofd-nav ul#tools,
#hoofd-nav ul#tools li {
	border: none;
}

#hoofd-nav ul#tools li a {
	font-variant: normal;
	font-size: 0.7em;
	color: #637CA4;
}
#hoofd-nav ul#tools li a:hover {
	color: #FCB131;
}



/* --- (( head )) --- */
#head {
	height: 19em;
	padding-left: 2.5em;
	background-color: #7B90B4;
	vertical-align: bottom;
}


	/* --- (( logo )) --- */
	#head td#logo {		
		height: 9em;		
	}
		
		/* --- (( logo afbeelding )) --- */
		#head td#logo img#logo-navitas{		
			position: absolute;
			top: 3em;
			height: 2.2em;
			z-index: 101;
		}
		
		/* --- (( logo afbeelding printversie )) --- */
		#head td#logo img#logo-navitas-print{
			display: none;
		}
		
		/* --- (( logo boog )) --- */
		#head #boog {
			position: absolute;
			top: 0;			
			left: 10em;
			width: 50em;
			z-index: 100;
			
		} 
	
	
	/* --- (( afbeelding )) --- */
	#head td#afbeelding {		
		height: 10em;
		width: 10.5em;
		vertical-align: bottom;
	}


	

	/* --- (( sub-nav )) --- */

	#head td#sub-nav {
		vertical-align: bottom;	
	}

	#head td#sub-nav h1 {
		font-size: 1.25em;/*0.80em;*/
		margin-bottom: 1.1em;/*5em;*/
	}
	
	#head #sub-nav ul, 
	#head #sub-nav li {
		list-style: none;
		margin: 0;
		padding: 0;		
	}
	#head #sub-nav ul {
		margin-bottom: 0.5em;
	}
	
	#head #sub-nav li {
		display: inline;
		background: url('../shared_img/subnav-uit.gif') left center no-repeat;
		padding: 0 0.7em 0 1.2em;
		font-size: 0.8em; /*0.9em;*/
	}
	
	#head #sub-nav li#actief {
		background-image: url('../shared_img/subnav-aan.gif');
	}
	#head #sub-nav li#actief a {
		color: #FCB131;
	}
	
	#head #sub-nav li a{
		width: auto;
		display: inline;		
		color: #003263;
	}
	#head #sub-nav li a:hover {
		color: #FCB131;
	}

	
/* --- (( content )) --- */

#content {
	vertical-align: top;
	padding-left: 2.5em;
}

	/* --- (( kantlijn )) --- */


	#content .kantlijn {
		width: 10.5em;
		vertical-align: bottom;
	}
	
	#content .inhoud {
		padding-top: 0.5em;
		padding-right: 10em;
		z-index: 50;
	}

	#content h1 {
		font-size: 1.1em; /*0.9em;*/
		line-height: 1.6em;
		margin: 0 0 7 0;
	}
			
	#content li,
	#content p {
		font-family: 'Trebuchet MS', Arial, sans-serif;
		font-size: 0.80em;
		font-weight: bold;
		line-height: 1.6em;
		margin: 0 0 1.6em 1px;
	}
	
	#content ul,
	#content li {
		margin: 0;
		padding: 0;
	}
	
	#content li {
		list-style: square;
		margin-left: 1.2em;		
	}
	
	#content a {
		display: inline;
		color: #FCB131;
		width: auto;
	}
	#content a:hover {
		color: #fff;
	}
	
	/* enkele pagina's hebben een head en content die in elkaar overgaan: de tabel met de content moet dan naar boven worden geschoven */
	#onepage {
		position: relative;
		top: -7em;
	}	




/* default opacity for IE */
img {
	filter:alpha(opacity=100);
	}

/* duplicate image positioning */
img.idupe {
	position:absolute;
	z-index:5;
	visibility:hidden;
	}
	



.h12 {height: 12em}
.h16 {height: 16em}
.h20 {height: 20em}
.h24 {height: 24em}




/*	klasse die gebruikt kan worden voor informatie die alleen in de prints gebruikt hoeft te worden	*/
.alleen-voor-print {
	display: none;
}

/*--(( printversie ))--*/
		
		@media print{
		
			.alleen-voor-print {
				display: block;
			}
		
		/*	navigatie, boog en foto verbergen	*/
			#hoofd-nav,
			#boog,
			#afbeelding,
			#sub-nav ul,
			img.idupe,
			.kantlijn {
				display      : none;
			}
		
		/*	logo afbeelding printversie	*/
			#head td#logo img#logo-navitas{		
				display: none;
			}
				
			#head td#logo img#logo-navitas-print{
				display: block;
			}


		/*	hoogte bovenkant pagina aanpassen 	*/
			
			#head {
				height: 0em;
			}
			#onepage {
				margin-top: 6em;
			}
		
		/*	tekst aanpassen 	*/		
			#content .inhoud {
				padding-right: 1.5em;
				width        : auto;
				vertical-align: top;
			}
			
			#sub-nav h1,
			#content h1,
			#content h2,
			#content p,
			#content ul,
			#content li,
			#content a,
			#content a:visited {
				color: #000;
			}
			
			#sub-nav h1 {
				font-size: 1.4em !important;
			}
			#content h1 {
				font-size: 1em !important;
			}
			
		/*	klasse voor nieuwe pagina in print 	*/
			.alleen-voor-print .np {
				page-break-before: always;
			}
			
		/*	navigatie alinea verbergen	*/
			#content #verberg-route {
				display: none;
			}
			
		}