/* ################################################################################# */
/*                                                                                   */
/*                                 NAVIGATIE                                         */
/*                                                                                   */
/* ################################################################################# */

/* Navigation */

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

.nav {
	font-size:			1.3em;
	background: url(../images//bg_navigatie.jpg) repeat-x left top;
	height:				30px;
	width:				980px;
	font-family:	"Trebuchet MS";
	z-index: 100;
	position: relative;
}

.nav li {
  border-left: 1px solid #FFF;	
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}

.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
  text-align:	left;
  color: #FFFFFF;
  display: block;
  padding: 8px 23px 9px 23px;
  text-decoration: none;
}

.nav li a:hover {
  background: url(../images//bg_navigatie_over.gif) repeat-x left top;
  color: #FFF;	
}

#nav-one li:hover a, 
#nav-one li.sfHover a {
  color: #FFF;
}

#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
background:		#000000;
  color: #FFF;	
}

#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
background:		#333333;
  color: #FFF;	
}

.nav ul {
  background: url(../images/bg_navigatie.jpg) repeat-x left top;
  list-style: none;
  width: 100px;
  margin-top: 0.25em;
  margin-bottom: -1em;
    position: absolute;
  top: -200em;
  left: -1px;
}

.nav li:hover ul,
.nav li.sfHover ul {
  background: url(../images//bg_navigatie.jpg) repeat-x left top;
  top: 25px;
}

.nav ul li {
  background: url(../images//bg_navigatie.jpg) repeat-x left top;
  border: 0;
}

.nav ul a {
	display:		block;
  width:			150px;
}

.nav ul a:hover {
  color: #FFF;
}


#sfnav, #sfnav ul {
	width: 				24.44em;
	list-style: 		none;
	font-weight: 		bold;
	padding: 			0;
	margin: 			0;
	position: 			absolute;
}

#sfnav a {
	display:			block;
}

#sfnav li ul {
	position: 			absolute;
	left: 				-999em;
	width: 				13.9em;
	height: 			auto;
	font-weight: 		bold;
	padding:			20px 0 0 0;
	margin: 			-5px 0 0 11px;
}

#sfnav li li a {
	background:			url(../images/submenu.png) no-repeat;
	color: 				#FFFFFF;
	display: 			block;
	font-weight:		bold;
	height:				50px;
	margin:				-25px 0 0 0;
	padding:			15px 0 0 0;
	text-align:			center;
	text-decoration: 	none;
	width: 				144px;
}

#sfnav li li a:hover {
	background:			url(../images/submenu2.png) no-repeat;
	text-decoration: 	none;
}

#sfnav li:hover ul ul, #sfnav li:hover ul ul ul,
#nav3 .navfxenabled li:hover ul, #nav3 .navfxenabled li:hover ul ul, #nav3 .navfxenabled li:hover ul ul ul,
#nav3 .navfxenabled li.over ul ul,#nav3 .navfxenabled li.over ul ul ul
{
	left:				-999em;
}
#sfnav li:hover ul, 
#nav3 .navfxenabled li.over ul
 {
	left: 				auto;
}
#sfnav li li:hover ul, #sfnav li li li:hover ul,
#nav3 .navfxenabled li li.over ul, #nav3 .navfxenabled li li li.over ul
 {
	left: 				-2px;
}
#nav3 li li.over ul.leftover, #nav3 .navfxenabled li li li.over ul.leftover, #nav3 .navfxenabled li li li li.over ul.leftover
 {
	left: 				-28.44em;
}
#nav3 #sfnav li.over,#sfnav li:hover {
	background: 		none;
}