/* ----- 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: #34b6e4;
}

#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;*/
	margin-top: 0px;
}

#nav-left li a {
	color: #404040;
	white-space: nowrap;
	overflow: hidden;
/*	margin-bottom: 10px;*/
	margin-bottom:4px;
	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: #34b6e4;
}

#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-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, #loginstatus li a:hover  {
	background: #009FDA url(../images/bg-nav.gif) no-repeat left top;
	color: #002776;
	white-space: nowrap;
}

/* added  */

#nav-top-right li a, #nav-right li a, #loginstatus li a, #nav-left li a {
	color: #818A8F;
	display: block;
	text-decoration: none;
	line-height: 20px;
	height: 20px;
	padding-left: 25px;
}

#nav-right {margin-top:190px;}
#nav-right li a, #nav-left li a {
	line-height: 20px;
	height: 20px;
}

#nav-right a:hover, #nav-right li a.active:hover,
#left #nav-left a:hover {
	background:transparent none !important;
	color:#34b6e4 !important;
	cursor:pointer;
}
#nav-right a.completed, #nav-right a.completed:hover, #nav-left a.completed, #left #nav-left a.completed:hover {
	background: transparent url(../images/icon_check.gif) no-repeat left top !important;

}
#left #nav-left a.completed:hover {text-decoration:none}
#nav-right a.todo:hover,
#left #nav-left a.todo:hover {
	color:#818A8F !important;
	cursor:default;
}
#nav-right li a.active, #left #nav-left li a.active {
	color: #34b6e4 !important;
	font-weight:bold;
	font-size:110%;
	background: transparent url(../images/bg-nav-kc.gif) no-repeat scroll left top !important;
}

p {padding-bottom:1em;}
#contentL table {margin-bottom:2em}
#nav-right .companyinfo {padding-left:15px;}
.comment {font-style:italic;}
#nav-top #drop li a:hover {
background:#FFFFFF url(../images/nav-top-active.gif) repeat scroll left center !important;
color:#34b6e4 !important; cursor:pointer; }

table.stripedtable	{width:100%;}
table.stripedtable th {border-bottom:1px solid #888; font-weight:normal; text-align:left; color:#818A8F;}
table.stripedtable td {border-bottom:1px solid #ccc;}