/* Begin CSS Drop Down Menu */
/* source: http://sperling.com/examples/menuh/ */

#menuh {
font-size: 12px;
color: #666;
text-transform: uppercase;
width: 100%;
float: left;
margin: 5px;
margin-top: 1em;
}

#menuh a {
text-align: center;
display: block;
border-left: 1px solid #666;
white-space: nowrap;
margin: 0;
padding: 2px 8px;
}

#menuh a.first0 {
border-left: 0
}

#menuh a:link, #menuh a:visited, #menuh a:active    /* menu at rest */ {
color: #666;
background-color: white;
text-decoration: none;
}

#menuh a:hover    /* menu at mouse-over  */ {
color: #666;
background-color: #eee;
text-decoration: none;
}

#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */ {
background-image: url(/img/arrow-down.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
}
    
#menuh a.parent, #menuh a.parent:hover     /* attaches side-arrow to all parents */ {
background-image: url(/img/arrow-right.png);
background-position: right center;
background-repeat: no-repeat;
padding-right: 20px;
}

#menuh ul {
list-style: none;
margin: 0;
padding: 0;
float: left;
min-width: 30px;    /* width of all menu boxes */
}

/*
min-width werkt in IE7/Safari/Firefox, maar niet in IE6
width werkt niet goed in IE7/Safari/Firefox maar wel goed in IE6
*/

#menuh li {
position: relative;
min-height: 1px;             /* Sophie Dennis contribution for IE7 */
vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

#menuh ul ul {
position: absolute;
z-index: 500;
top: auto;
display: none;
padding: 1em;
margin: -1em 0 0 -1em;
width: 165px;    /* width of all sub menu boxes */
}

#menuh ul ul a {
border-right: 1px solid #666;
}

#menuh ul ul ul {
top: 0;
left: 100%;
}

div#menuh li:hover {
cursor: pointer;
z-index: 100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul {
display: none;
}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul {
display: block;
}

/* End CSS Drop Down Menu */
