#directoryindex 
{
    background-color: #FFFFFF;

    border: 0px;
    border-top: 2px solid #000000;
    border-bottom: 2px solid #000000;

    margin: 0;
    margin-top: 6px;
    margin-bottom: 6px;

    padding: 2px;
    color: #000000;
    overflow: auto;
}

#directoryindex h1 
{
    background-color: #FFF0E6;
    padding: 0;
    margin: 0;
    font-weight: bold;
    font-size: 110%;
    border-bottom: 2px solid #000089;
}

#directoryindex a:link	
{
    color: #000000;
	font-weight: bold;
	text-decoration: underline;
}

#directoryindex a:visited 
{
	color: #AAAAAA;
	font-weight: bold;
	text-decoration: underline;
}

#directoryindex a:hover	
{
	color: #E6FFE6;
	text-decoration: underline;
	background-color: #ACBFAC;
}

#directoryindex a:active 
{
    color: #5C6D89;
	font-weight: bold;
	text-decoration: underline;
}

#directoryindex #breadcrumbs
{
    background-color: #FFF0E6;
    padding: 2px;
    margin: 0px;
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 120%;
    color: #000000;
    border: 0;
    border-bottom: 2px solid #999999;
}

#directoryindex #breadcrumbs ul
{
    list-style: none;
}

#directoryindex #breadcrumbs ul:before
{
    content: "file listing for: ";
}

#directoryindex #breadcrumbs ul li
{
    display: inline;
    list-style: none;
}

#directoryindex #breadcrumbs ul li:after
{
    content: " / ";
}

/* this does not work in konq */
#directoryindex #breadcrumbs ul li .archive
{
    list-style-image: url(/skin/art/archive.png);
}