#test dl, #test dt, #test dd, #test ul, #test li {
margin: 0;
padding: 0;
list-style-type: none;
}
#test {
width: 220px;
background: #FFCC33;
padding: 0px;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
}

#test dt {
cursor: pointer;
background: #ffe79c;
height: 20px;
line-height: 20px;
margin: 0;
border-bottom: 1px solid #000;
}

#test dt a {padding-left: 10px;}

#test dd {
position: absolute;
z-index: 100;
left: 200px;
margin-top: -1.75em;
width: 220px;
background: #ffe79c;
border: 0;
}

#test ul {
padding: 0px;
}
#test li {
height: 20px;
line-height: 20px;
border-bottom: 1px solid #000;
}
#test li a, #test dt a {
color: #000;
text-decoration: none;
display: block;
padding: 0px;
padding-left: 10px;
height: 20px;
background: url(http://www.bassecourt.ch/htdocs/images/arrow.gif) no-repeat 10px 6px;
text-indent: 20px;
}

#test li a:hover, #test dt a:hover {
text-decoration: none;
background: #ffcc33 url(http://www.bassecourt.ch/htdocs/images/arrow_on.gif) no-repeat 10px 6px;
color: #fff;
text-indent: 20px;
}