/* -------------------------------------------------------------------------
	Navigation
*/

#navigation {
	width: 198px;
	height: auto;
	margin-top: 10px;
	padding-bottom: 200px;
	/*background-color: #e4e4e4;
	border: 1px #c0c0c0 solid;*/
	/*border-top: none;*/
	float:left;	
	font-size: 11px;		
}

#navigation li.Spacer {
	background-color: #ffffff; 
	border-bottom: 1px solid #C0C0C0;
}

#navigation h2 a, 
#navigation h2 a:link, 
#navigation h2 a:active, 
#navigation h2 a:focus,
#navigation h2 a:visited,
#navigation h6 {
	height: 30px;
	display: block;
	padding-left: 10px;
	background: url(../../img/navigatie/nav-link-bg.gif) repeat-x top;
	text-transform: uppercase;		
	color: #676767;	
	line-height: 30px;
}

#navigation h2 a:hover, 
#navigation h6 a:hover {
	background: url(../../img/navigatie/nav-link-bg.gif) repeat-x bottom;
	color: #fe0000;
	text-decoration: none;
}

#navigation-current a, 
#navigation-current a:link, 
#navigation-current a:active, 
#navigation-current a:focus,
#navigation-current a:visited {
	color: #3c3c3c !important;
	background: url(../../img/navigatie/nav-link-bg.gif) repeat-x bottom !important;	
}

#navigation-current-sub {
	background-color: white;
	border-bottom: 1px #c0c0c0 solid;
	border-left: 1px #c0c0c0 solid;
	border-right: 1px #c0c0c0 solid;
	padding-bottom: 4px;
}
.navigation-current-sub a, #navigation-current-sub-heading {
	height: inherit !important;
	line-height: 16px;	
	font-weight: normal;
	background: none !important;
}
#navigation-current-sub h3 {
	background: none;
	background-color: white !important;
	padding: 2px 0px 0px 10px;
}
#navigation-current-sub a, 
#navigation-current-sub a:link, 
#navigation-current-sub a:active, 
#navigation-current-sub a:focus,
#navigation-current-sub a:visited {
	color: #676767;	
	display: block;
	/*padding: 2px 0px 0px 10px;*/
}
#navigation-current-sub a:hover {
	text-decoration: underline;
	color: #676767;
}
#navigation-current-sub-heading {
	padding: 2px 0px 0px 10px;
	color: #fe0000 !important;
	font-weight: bold;
}
#navigation-current-sub-heading a, 
#navigation-current-sub-heading a:link, 
#navigation-current-sub-heading a:active, 
#navigation-current-sub-heading a:focus,
#navigation-current-sub-heading a:visited {
	color: #fe0000;	
	display: block;
	/*padding: 2px 0px 0px 10px;*/
}



#navigation-current-sub-heading:hover { cursor: default; }


#navigation h2 {
	font-size: 11px;
}

#navigation h3 {
	font-size: 11px;
	color: #676767;
	text-transform: none;
}

#navigation h6 {
	font-size: 14px;
	color: #fe0000;
}

#navigation h6:hover { cursor: default; }


.sortAsc
{
	background-image: url(/img/navigatie/arrow_sort_down.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 7px;
	margin-right: 5px;
}
.sortDesc
{
	background-image: url(/img/navigatie/arrow_sort_up.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 7px;
	margin-right: 5px;
}
.sortOff
{
	background-image: none;
	padding-right: 7px;
	margin-right: 5px;
}