/* ----- Created by Emile Blume - Netcreators.nl - 2006 ----- */

/*-- dropdown menu --*/

#nav-top {
	background: url(../images/nav-top-left.gif) no-repeat left bottom;
	height: 31px;
	top: 73px;
	left: 0;
	position: absolute;
	width: 604px;
	z-index: 10;
}

#drop {
	background: url(../images/nav-top-right.gif) no-repeat right bottom;
	left: 0px;
	top: 0px;
	position: absolute;
	height: 31px;
	margin: 0px;
	padding: 0px;
	padding-left: 1px;
	width: 604px;
	width: 605px;
	z-index: 20;
}

#drop ul {
	margin: 0px;
	padding: 0px;
}

#drop li {
	cursor: default;
	display: inline;
	float: left;
	line-height: 31px;
	list-style: none;
	position: relative;
	height: 31px;
}

#drop li a {
	color: #818A8F;
	display: block;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	padding-left: 15px;
	height: 31px;
	width: 136px;
	cursor: default;
}

#drop li a:hover {
	background: #002776 url(../images/nav-top-hover.gif) left;
	color: #FFFFFF;
}

#drop li a.active {
	background: #FFFFFF url(../images/nav-top-active.gif) left;
	color: #A70240;
}

#drop li li a.active {
	background: none;
	border: none;
}

#drop li ul {
	display: none;	
	background: #EBEBEB url(../images/nav-top-ul.gif);
	border-bottom: 1px solid #404040;
	margin: 0px;
	padding: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	top: 100%;
	left: 0;
	position: absolute;
	z-index: 90;
	width: 151px;
}

#drop li:hover ul, #drop li.over ul {
	display: block;
}

#drop li>ul {
	top: auto;
	left: auto;
}

#drop li li {
	float: none;
	border: 0;
	display: block;
	margin: 0px;
	padding: 0px;
	height: auto;
	line-height: 13px;
}

#nav-top #drop li li a{
	border: 0;
   	display: block;
	font-size: 8pt;
   	height: auto;
	margin: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 8px !important;
	padding-right: 4px;
	width: 128px !important;
	width: 132px;
	padding-left: 14px;
	cursor: pointer;
}

#nav-top #drop li li a:hover{
  	background: #002776;
	color: #FFFFFF;
}

/*-- einde dropdown menu --*/

/*-- navigatie links --*/

#nav-left {
	margin-top: 10px;
}

#nav-left li a {
	color: #404040;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 10px;
	font-size: 7pt;
	padding-left: 24px;
	
	color: #818A8F;
	display: block;
	font-size: 8pt;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	padding-left: 25px;
	padding-left: 4px;
}

#nav-left li a.active {
	color: #009FDA;
	color: #A70240;
}

#nav-left li a:hover {
	background: #009FDA;
	color: #FFFFFF;
	white-space: nowrap;
}


#nav-left ul ul {
	margin: 0;
	padding: 0;
}

#nav-left li li {
	padding: 0;
	margin: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#nav-left li li a{
	background: #EBEBEB;
	margin-left: 4px;
	margin-bottom: 0;
	padding: 2px;
	padding-left: 4px;
}

#nav-left li li a:hover {
	color: #404040;
}

/*-- navigatie rechts --*/


/*-- navigatie rechts boven --*/

#nav-top-right {
        width: 164px;
	top: 5px;
	left: 2px;
	position: absolute;
}

#nav-left ul, #nav-top-right ul, #nav-right ul, #loginstatus ul {
	margin: 0;
	padding: 0;
}

#nav-left li, #nav-top-right li, #nav-right li, #loginstatus li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#nav-top-right li a, #nav-right li a, #loginstatus li a {
	color: #818A8F;
	display: block;
	font-size: 8pt;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	padding-left: 25px;
}

#nav-right, #loginstatus {
        width: 164px;
	float: left;
	margin-top: 110px;
	margin-left: 2px !important;
	margin-left: 1px;
	margin-bottom: 100px;
	margin-bottom: 0;
}

#loginstatus {
	margin-bottom: 0;
	margin-top: 0;
	margin-bottom: 80px;
}


#nav-top-right a:hover, #nav-top-right li a#active, #nav-right a:hover, #nav-right li a#active, #loginstatus li a:hover  {
	background: #009FDA url(../images/bg-nav.gif) no-repeat left top;
	color: #002776;
	white-space: nowrap;
}
