#navigation #unter-nav {
position: absolute;
left: 0;
width: 24.8em;
border-bottom: 5px solid #b8d6e1;
margin: 3.8em 1em 0 1.7em;
padding-bottom: 1em;
background-color: #e3f2f7;
}
#navigation #unter-nav h2 {
padding-bottom: 1.4em;
border: 0px;
background-image: url("../img/sec-navi-sub-pfeil.png");
background-position: center bottom;
background-repeat: repeat-x;
}
#navigation #unter-nav ul {
margin-top: 2em;
background-image: url('');
}
#navigation #unter-nav li {
width: 100%;
}
#navigation #unter-nav li.aktiv {
background-image: url('');
padding-bottom: 0px;
background-color: #e3f2f7;
}
#navigation #unter-nav li.aktiv h6 {
background-color: #e3f2f7;
float: right;
display: inline;
padding: 0;
}
#navigation #unter-nav li.aktiv strong,
#navigation #unter-nav a {
color: #333;
background-color: transparent;
background-image: none;
font-weight: 400;
text-transform: none;
padding: 0.4em;
}
#navigation #unter-nav a {
background-position: center top;
background-repeat: repeat-x;
border: 0px;
}
#navigation #unter-nav li.aktiv strong {
border-top: 1px solid #8cb9cc;
border-bottom: 1px solid #8cb9cc;
background-color: #fff;
display: block;
width: 20.9em;
padding-left: 2.2em;
}
#navigation #unter-nav ul li img {
float: left;
vertical-align: bottom;
margin-right: 0.4em;
margin-top: 0.1em;
}
#navigation #unter-nav ul li.aktiv h6 img {
margin: 0px;
width: 1.3em;
height: auto;
background-color: #e3f2f7;
}
Dieses Beispiel stammt aus dem Buch Barrierefreiheit verstehen und umsetzen.