/**
 * @naam		navigatie.css 
 * @version		0.2 (2008-01-06)
 * @auteur		YvK
 *
 * BESCHRIJVING *
 * ---------------------------------------------------------------------------
 * Navigatie-stylesheet voor de website van inTex
 * ---------------------------------------------------------------------------
 *
 * KLEUREN *
 * ---------------------------------------------------------------------------
 * ALGEMEEN
 * Grijs (75% PMS Black):		#68604B
 * 40% PMS Black:				#B3AC9A
 * Lichtgrijs (10% PMS Black):	#E4E0D8
 * Rood:						red
 *
 * OUD
 * Grijs (PMS 425):		#575a5d
 * 50% PMS 425:			#a5a8a6
 * Lichtgrijs:			#e3e4e4
 * ---------------------------------------------------------------------------
 *
 * LETTERTYPES *
 * ---------------------------------------------------------------------------
 * Platte tekst:		Arial, Helvectica
 * Corps/regelafstand:	9pt / 13pt
 * ---------------------------------------------------------------------------
 */

#nav, #nav ul {
	padding: 0px 0px 0px 0px;
	margin: 0;
	list-style: none;
}

#nav li.first {
	width: 110px;
}

#nav li.first ul {
	width: 200px;
}

#nav li {
	float: left;
}

#nav ul {
	position: absolute;
	z-index: 7;
	width: 110px;
	display: none;
}

#nav li:hover ul, #nav li.ie_does_hover ul {
	display: block;
	background-position: 0 0;
}

#nav a {
	display: block;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8.8pt;
}


/* NIVEAU 1 */
ul#nav  li {
	width: 320px;
}

ul#nav a:link, ul#nav a:visited {
	font-weight: bold;
	color: #B3AC9A;
	cursor: pointer;
	text-decoration: none;
}
ul#nav a:hover, ul#nav a:active,
ul#nav .actief a:link, ul#nav .actief a:visited {
	color: #68604B;
}
/* EINDE NIVEAU 2 */

/* NIVEAU 2 */
ul#nav .first ul {
	width: 200px;
	text-align: left;
	padding-top: 1px;
}

ul#nav ul a:link, ul#nav ul a:visited {
	color: #B3AC9A;
	font-weight: normal;
	cursor: pointer;
	text-decoration: none;
	line-height: 11pt;
}

ul#nav ul a:hover, ul#nav ul a:active,
ul#nav ul .actief a:link, ul#nav ul .actief a:visited  {
	color: #68604B;
	font-weight: normal;
	cursor: pointer;
}

ul#nav ul li {
	width: 200px;
}

ul#nav ul a:hover li, ul#nav ul a:active li {
	color: #68604B;
}
/* Einde NIVEAU 2 */

/* IE only hack \*/
* html ul#nav li, * html ul#nav ul li{
}

* html ul#nav ul li{
	border-top: 0;
}
/* Einde IE only hack */