/* ==== left column: secundary navigation and target-group/quicklinks ===*/

#leftnav { position:absolute; top:180px; left:20px; width:162px; margin: 0; padding:0;  }
#nav, #nav ul, #nav li, #nav dd, #nav li a, .facet, .facet dd, .facet ul, .facet li {margin:0; padding:0;}
#nav {background-color:#ECEFF8; border-left: 2px solid black; border-right: 2px solid black; border-top: 2px solid black; border-bottom: 2px solid black; border-right: 2px solid black;}
#nav dt { background-color: #806F56; font-size: 0.85em; font-weight: bold; color: #fff; padding: 5px 5px 5px 8px;}

#nav dl {width:160px; background-color: #806F56; }
#nav ul{ list-style-type: none; line-height:1.1em; height: auto; width:158px;}
#nav li { font-size: 0.88em; border-bottom: 1px solid #e1e1e1; background: #806F56; padding:1px 5px 4px 0; voice-family: "\"}\"";
voice-family: inherit; padding-left:9px;}
#nav li.subnav {margin:0; padding:0; border-bottom: 0px none;}
#nav li li {font-size: 1em;}
#nav li a { display: block; width: 100%; text-decoration: none; color: white; text-align: left; }
#nav li a:hover { color: #69C; text-decoration: none; }
#nav li#selected {background: #D7C7AE url('beeld/aanwijspijl1.gif') no-repeat left top; color: #806F56}
#nav li.subnav ul {background: #fff;  line-height:1em;}
#nav li.subnav li {padding:1px 5px 3px 10px; border-bottom: 1px dotted #e1e1e1; background: #fff; font-size: x-small; voice-family: "\"}\""; voice-family: inherit; padding-left:20px; font-size:small}
/*Box Model Hack to accomodate IE5/Win: get correct indentation and reset font-size in IE5/Win */
#nav li.subnav li {font-size: 0.82em; color: black;}
#nav li.subnav li.lastitem {border-bottom: 1px solid #e1e1e1; }
#nav li.subnav li#selected { background: white url('beeld/aanwijspijl2.gif') no-repeat left top;}
#nav li.subnav a {color: black;}


.facet  { background:#fff; border-top: 1px solid black; border-bottom: 1px solid black; padding-bottom: 4px; margin-top: 10px;}
.facet dt { font-size: 0.85em; font-weight: bold; color: 	#806F56; padding: 4px 5px 2px 0.5em;}

.facet ul { list-style-type: none; color: black; }
.facet li { font-size: 0.85em; padding: 1px 5px 1px 1.5em; line-height: 1.1em;}	/*padding:1px 5px 1px 9px; */
.facet li a { text-decoration: none; color: #369; }
.facet li a:hover { color: #69C; text-decoration: none; }

/* .facet ul li:before { content: "\00BB \0020"; }   special character as bullet - BUT: only works in Firefox, so not used*/