/* navigatie - Wout J Reinders 2008 */

/* 
1e niveau tab: div#nav -> ul.current -> li -> a -> ul.select		
2e niveau tab: div#nav -> ul.current -> li -> ul.sub -> li -> a
*/
 
#nav {
margin:0px 0 0 40px;
/margin:0px 0 0 20px;
}
 
html>body #nav {
margin:0px 0 0 40px;
}

#nav {
float:left;
/*width:700px;  moet misschien weg */ 
height:60px; 
position: relative;
}

/* bovenste niveau, nav_li.gif is het tabstreepje aan de linker kant */ 
/*** LET OP! Deze zit nu in de eerste ul ***/
#nav .select, #nav .current {
margin:0;
padding:0 0 0 5px;
list-style:none;
display:block;
float: left;
height: 30px; 
background:url(../img/nav_li.gif) no-repeat left top;
}

/* tour */
#nav .select_tour, #nav .current {
margin:0;
padding:0 0 0 5px;
list-style:none;
display:block;
float: left;
height: 30px; 
color: #000000;
background:url(../img/nav_li_tour.gif) no-repeat left top;
}

#nav li {
display:inline;
margin:0;
padding:0;
height:auto;
cursor:hand;
}
		
#nav li a {
cursor:hand;
font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
font-weight: bold;
text-transform:uppercase;
}

#nav .select a,
#nav .select_tour a,
#nav .current a {
display:block;
height:30px; 
float:left; 
padding:0 13px 2px 9px;
margin: 0 2px 0 0;
text-decoration:none; 
font-size:12px; 
line-height:30px; 
white-space:nowrap; 
font-weight:bold;
/*width: auto;
min-width: 40px;
/width:40px; */
color: #fff; 
}

#nav .select_tour a { 
color: #000000;
}


/* normale styles en style voor de hover class */
/* style voor linkerkant tab */
#nav ul:hover,
#nav ul.hover, /* hover.htc *//* werkt dit nog met JavaScript delay aan? */
#nav ul.current {
	background: url(../img/nav_li_current.gif) no-repeat left top; 
}

/* style voor de rechterkant van de tab */
#nav ul:hover a,
#nav ul.hover a, /* hover.htc */	
#nav ul.current a {
	background:url(../img/nav_a_current.gif) no-repeat right top; color:#a07535;
} 

/* voor IE5.5 and IE6  */
/* Is dit nog noodzakelijk?  */
#nav table {position:absolute; border-collapse:collapse; left:0; top:0; font-size:11px;}

/* tweede niveau */
#nav .select ul {
display:none; /* tweede niveau wordt verborgen */
}

#nav .current ul {
display:block; 
position:absolute; 
width:700px;
top:30px;
left:0; 
margin-top:1px; 
padding:0 0 0 0;
z-index:10; 
color:#ef3338; 
white-space: nowrap;
}

#nav .sub, 
#nav .sub_active {margin:0; padding:0; list-style:none;}
 
* html #nav .current ul {
z-index:-1; 
margin-top:0; 
margin-t\op:1px;}

#nav .current ul a {
display:inline;
width:auto;
height:29px; 
float:left; 
line-height:29px; 
white-space:nowrap; 
font-size:12px;
font-weight: bold; 
text-decoration:none;
color:#a07535;
padding:0 8px 0 4px; 
margin:0; 
border:0; 
background:url(../img/nav_li_li_test.gif) right;
}

#nav .current ul:hover {
background-image: none;
}
			
#nav .current ul.sub li a:hover {
color: #234084;
background-image: none;
background:url(../img/nav_li_li_a_current.gif) right no-repeat;
}   

#nav .current ul.sub li a.current {
color: #234084;
background-image: none;
background:url(../img/nav_li_li_a_current.gif) right no-repeat;
}

/* begin lokaal exceptie */
ul#nav_lokaal li {
font-weight:normal;
text-transform:none;
font-size:11px;
color:#999999;
line-height:30px;
background:none;
}

ul#nav_lokaal li:hover {
background:none;
}

ul#nav_lokaal {
padding: 0;
margin: 0;
height: auto;
background: none;
}

#nav_lokaal a {
display:inline;background:none;font-weight:normal;text-transform:none;font-size:16px;padding:0;margin: 0;float:none;height: auto;line-height: normal;
}

ul#nav_lokaal li a:hover {
background: none;
}

#lokaal_content {
padding: 10px 0 0 0;
}

/* einde lokaal exceptie */