CSS-Formatierung von Sitemaps, Beispiel 9

Das Style-Sheet dieser Seite:

body {
   font: 15px sans-serif;
   background-color: #fff;
   color: #000;
   padding: 0;
   margin: 0;
   }

DIV#sitemap {
   padding: 1em 1.5em;
   line-height: 20px;
   }

DIV#sitemap LI {
   padding: 0 0 0 24px;
   margin: 0;
   list-style-type: none;
   }
DIV#sitemap LI {
   background: url(../../graphics/extm.gif)
               no-repeat
               0% 0%;
   }
DIV#sitemap LI.last {
   background: url(../../graphics/exlm.gif)
               no-repeat
               0% 0%;
   }

DIV#sitemap A.file {
   background: url(../../graphics/exfilebw.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 17px;
   }
DIV#sitemap A.file:hover {
   background: url(../../graphics/exfilecolor.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 17px;
   }
DIV#sitemap A.folder {
   background: url(../../graphics/exfolderbw.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 23px;
   }
DIV#sitemap A.folder:hover {
   background: url(../../graphics/exfoldercolor.gif)
               no-repeat
               0% 0%;
   padding: 0 0 0 23px;
   }

DIV#sitemap UL {
   padding: 0 0 0 24px;
   margin: 0 0 0 -24px;
   list-style-type: none;
   }
DIV#sitemap UL {
   background: url(../../graphics/exim.gif)
               repeat-y
               0% 0%;
   }
DIV#sitemap UL.last {
   background-image: none;
   }

Das HTML für die Sitemap:

<div id="sitemap">
<ul class="last">
<li><a class="folder" href="">Abschnitt</a>
    <ul>
    <li><a class="folder" href="">Kapitel</a>
        <ul>
        <li><a class="file" href="">Unterkapitel</a></li>
        <li class="last"><a class="file" href="">Unterkapitel</a></li>
        </ul>
    </li>
    <li class="last"><a class="folder" href="">Kapitel</a>
        <ul class="last">
        <li><a class="file" href="">Unterkapitel</a></li>
        <li><a class="file" href="">Unterkapitel</a></li>
        <li class="last"><a class="file" href="">Unterkapitel</a></li>
        </ul>
    </li>
    </ul>
</li>
<li class="last"><a class="folder" href="">Abschnitt</a>
    <ul class="last">
    <li><a class="folder" href="">Kapitel</a>
        <ul>
        <li><a class="file" href="">Unterkapitel</a></li>
        <li class="last"><a class="file" href="">Unterkapitel</a></li>
        </ul>
    </li>
    <li class="last"><a class="folder" href="">Kapitel</a>
        <ul class="last">
        <li class="last"><a class="file" href="">Unterkapitel</a></li>
        </ul>
    </li>
    </ul>
</li>
</ul>
</div>