+++++++++++++++++++++++++++++++++++++++++++++
Icons fuer den 'Baum' bitte selber anfertigen
+++++++++++++++++++++++++++++++++++++++++++++

<div id="sitemap">
<ul>
<li><a class="home" href="#" title="zur Startseite">Home</a>
	<ul>
	<li><a class="rubrik" href="#">Rubrik 1</a>
		<ul>
		<li><a href="#">Seite 1.1</a></li>
		<li><a href="#">Seite 1.2</a></li>
		</ul>
	</li>	
	<li><a class="rubrik" href="#">Rubrik 2</a>
		<ul>
		<li><a class="rubrik" href="#">Rubrik 2a</a>
			<ul>
			<li><a href="#">Seite 2a.1</a></li>
			<li><a href="#">Seite 2a.2</a></li>
			</ul>
		</li>
		<li><a class="rubrik" href="#">Rubrik 2b</a>
			<ul>
			<li><a href="#">Seite 2b.1</a></li>
			<li><a href="#">Seite 2b.2</a></li>
			</ul>
		</li>
		<li><a href="#">Seite 2.1</a></li>
		<li><a href="#">Seite 2.2</a></li>
		</ul>
	</li>
	<li><a class="rubrik" href="#">Rubrik 3</a>
		<ul>
		<li><a class="rubrik" href="#">Rubrik 3a</a>
			<ul>
			<li><a href="#">Seite 3a.1</a></li>
			<li><a href="#">Seite 3a.2</a></li>
			</ul>
		</li>
		<li><a href="#">Seite 3.1</a></li>
		<li><a href="#">Seite 3.2</a></li>
		</ul>
	</li>
	</ul>
<li><a href="#">Impressum</a></li>
<li><a href="#">Kontakt</a></li>
</li>
</ul>
</div><!-- sitemap -->


#sitemap {
width: 15em;
margin: 20px 0 0 50px;
border: 3px double #ccc;
background-color: #fafafa;
color: #000;
}
#sitemap ul {
list-style-type: none;
}
#sitemap ul li {
font-size: 80%;
line-height: 140%;
}
#sitemap ul ul li {
font-size: 100%;
}

#sitemap ul li a {
display: block;
text-decoration: none;
background-color: transparent;
color: #600;
}
#sitemap ul li a {
background-image: url(../images/document.gif);
background-repeat: no-repeat;
background-position: 10px 3px;
padding: 2px 0 2px 40px;
}
#sitemap ul ul li a {
background-position: 40px 3px;
padding-left: 70px;
}
#sitemap ul ul ul li a {
background-position: 70px 3px;
padding-left: 100px;
}
#sitemap ul ul ul ul li a {
background-position: 100px 3px;
padding-left: 130px;
}

#sitemap ul li a.home {
background-image: url(../images/folder_top.gif);
background-repeat: no-repeat;
background-position: 10px 3px;
padding-left: 40px;
font-weight: bold;
background-color: #c0c0c0;
color: #600;
border-bottom: 1px solid #ccc;
}

#sitemap ul li a.rubrik {
background-image: url(../images/folder_open.gif);
background-repeat: no-repeat;
background-position: 10px 3px;
margin-top: 3px;
padding-left: 40px;
font-weight: bold;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background-color: #d0d0d0;
color: #600;
}
#sitemap ul ul li a.rubrik {
background-position: 40px 3px;
padding-left: 70px;
background-color: #e0e0e0;
color: #600;
}
#sitemap ul ul ul li a.rubrik {
background-position: 70px 3px;
padding-left: 100px;
background-color: #f0f0f0;
color: #600;
}

#sitemap ul li a:hover,
#sitemap ul li a:hover.home,
#sitemap ul li a:hover.rubrik {
background-color: #fff;
color: #a00;
}

/* IE Extrawurst */
* html #sitemap ul li {
display: inline;
}
* html #sitemap ul li a {
height: 1%;
}
/* Extrawurst Ende */