/*	===============================================================================================
		Bestand:	HW_navigatie.css
		Functie:	Vormgeving navigatie
		Project:	Harderwijk
		Door:			Zinster Webdesign
		
		Gewijzigd:
		Versie	Datum				Door	Omschrijving
		======	==========	====	=============================================
		v1.2.1	20/11/2008 	PS		level101 en noneHover eruit, css aanpassingen
		v1.2.2	15/12/2008	PS		Niveau 3 in laten springen
		v1.2.2	17/12/2008	PS		Current link op ieder niveau (currentLinkL1 & currentLinkL2)
		v1.2.2	05/01/2009	AB		Current link op ieder niveau zonder inspring op 1e en 2e niveau
		v1.2.2	06/01/2009	PS		Idem
		
		datum:		op 27 januari aangeleverd gekregen van GX (Johan Veldkamp)

		Notes:
		Voor kleuren: gemeente.css & recreatie.css
		=============================================================================================== */
* {
	margin:0;
	padding:0;
}

#nav .level1 {
	display:block;
	position: relative;
	left:-10px; /* P!M 05/01 was er even uit!!!!! */
	padding-left:0;
	border:0;
	top:3px; 		/* 13/10 was 5 px */
	bottom:3px;	/* 13/10 was 5 px, was margin-bottom */
}
/* IE6 */
* html #nav .level1 {
	margin-left:0;
	padding-right:0;
	margin-right:-10px;
	margin-top:0; /* 4/9 */
}

#nav .level1 li {
	border-top:none;
	width:173px;
}

#nav .level1 li ul {
	top:1px;
	padding-top:3px;
	margin-bottom:-5px;
	left:183px;
	margin-top:-6px; /* Ivm streepjes */
}

#nav .level1 li li {
	border-top:2px #ffffff solid;
}

#nav .level2 {
	display:block;
	position: relative;
	margin-left:-10px;
}
* html #nav .level2 { /* IE6 */
	margin-right:-10px;
}

#nav .level1 li .level2 {
	left:0;
	margin-bottom:-2px; /* 20/11 */
	margin-top:0px; /* Ivm streepjes */
	padding-top:3px; /* 4/9 */
}

#nav .level1 li .level2 li {
	width:163px; /* P!M 16-12-2008 was 173, deze bepaalt de width van de li */
	border-top:0;
}

#nav .currentLink2 {
	background-repeat:no-repeat;
	background-position:left center;
}

#nav .currentLink {
  display:block;
	background-repeat:no-repeat;
	/* background-position:left center; P!M 16/12/2008 */
	background-position:10px 2px;
}
/* P!M 17/12 toegevoegd (pijltje bij iedere current link ========================================= */

#nav .currentLinkL1, #nav .currentLinkL2 {
  display:block; /* P!M 06/01 */
	background-repeat:no-repeat;
	/* background-position:left center; P!M 06/01 */
	background-position:0 2px;
	/* padding-left:10px; P!M 06/01 */
	/* width:170px; P!M 06/01 */
}

/* Standaard gedrag ============================================================================== */

#Navigatie ul {
	list-style-type:none;
	padding:0;
	margin:0;
	padding-right:2px;
}

#nav {
	z-index:99;
}

#nav li {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	border-top:2px #ffffff solid;
 	font-size:0.7em;
	margin-left:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px; /* P!M 06/01 */
	position:relative; /* important */
	line-height:14px;
	z-index:99;
	list-style-type:none;/*17-02-09 i.v.m. standaard lijstgedrag toegevoegd*/
	list-style-image:none;/*17-02-09 i.v.m. standaard lijstgedrag toegevoegd*/
}

#nav li a:link, #nav li a:visited {
	text-decoration:none;
	font-weight:bold;
}

#nav li ul {
	display:none;
	position: absolute;
	left: 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.43em;
	width:180px;
	z-index:10; /* I.v.m. percentages poll */
	/* margin-left:-10px; P!M 06/01 */
}
/* IE6 */
* html #nav li ul {
	left: 172px;
	width:171px;
	margin-top:-5px;
}

#nav li li {
	width:170px;
}
/* IE6 */
* html #nav li li {
	width:160px;
}

#nav li li a:link, #nav li li a:visited {
	font-weight:normal;
}

#nav li li ul {
	display:none;
	position: absolute;
	left: 0;
	width:170px;
}
/* IE7 */
*+html #nav li li ul {
	margin-top:-2px;
}
/* IE6 */
* html #nav li li ul {
	left: 170px;
	width:157px;
	margin-top:-5px;
}

#nav li li li {
	top: 0px;
	left:0px;
/*	width:143px; P!M 16/12/2008 */
	padding-left:20px; /* P!M 16/12/2008 */
}
/* IE6 */
* html #nav li li li {
	width:133px;
}

#nav li>ul {
	top: -2px;
	left: 183px;
}
/* IE7 */
*+html #nav li>ul {
	left: 183px;
}
#nav li li>ul {
	top: -2px;
	left: 180px;
}
/* IE7 */
*+html #nav li li>ul {
	top: 0;
	left: 180px;
}

/* =================================== HOVER gedrag ===================================*/

#nav li:hover ul, #nav li.over ul {
	display:block;
}

#nav li:hover ul ul, #nav li.over ul ul {
	display:none;
}

#nav li li:hover ul, #nav li li.over ul {
	display:block;
}
#nav li.level0:hover ul.level1 ul.level2, #nav li.level0.over ul.level1 ul.level2 {
	display:block;
}

/*	=============================================================================================== */