Logisch, bin noch halb am Pennen
#navcontainer {
font-size: 12px;
font-family: Verdana, Arial, Helvetica, sans-serif;
width: 200px;
}
#navcontainer #current {
color: #ffffff;
text-shadow: 0px 1px 1px #666666;
text-decoration: none;
background: url(images/button_over.png) repeat-x;
}
/* Parent - Level 0 */
#navcontainer ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#navcontainer li {
}
#navcontainer a {
display: block;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
text-indent: 0px;
background: repeat-x url(images/button_normal.png) top;
border-bottom: 1px solid #aeaeae;
height: 20px;
padding-top: 5px;
padding-right: 5px;
padding-left: 5px;
}
#navcontainer a:hover
{
color: #ffffff;
text-shadow: 0px 1px 1px #666666;
text-decoration: none;
background: url(images/button_over.png) repeat-x;
}
/* Child - Level 1 */
#navcontainer ul ul li { margin: 0 0 0 0;}
#navcontainer ul ul a
{
display: block;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
text-indent: 20px;
background: #ebebeb;
}
#navcontainer ul ul a:hover
{
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
background: #cccccc;
}
/* Child - Level 2 */
#navcontainer ul ul ul li { margin: 0 0 0 0;}
#navcontainer ul ul ul a
{
display: block;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
text-indent: 40px;
background: #ebebeb;
}
#navcontainer ul ul ul a:hover
{
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
background: #cccccc;
}
/* Child Level 3 */
#navcontainer ul ul ul ul li { margin: 0 0 0 0;}
#navcontainer ul ul ul ul a
{
display: block;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
text-indent: 60px;
background: #ebebeb;
}
#navcontainer ul ul ul ul a:hover
{
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
background: #cccccc;
}
/* Child Level 4 */
#navcontainer ul ul ul ul ul li { margin: 0 0 0 0;}
#navcontainer ul ul ul ul ul a
{
display: block;
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
text-indent: 100px;
background: #ebebeb;
}
#navcontainer ul ul ul ul ul a:hover
{
color: #333333;
text-shadow: 0px 1px 0px #ffffff;
text-decoration: none;
background: #cccccc;