Well, the top menu looks like this:
<div class="menu">
[[Wayfinder? &startId=`0` &level=`2` &innerTpl=`inner_tpl` &rowIdPrefix=`menu` &rowTpl=`hauptmenu_tpl` &parentRowTpl=`parent_tpl`]]
</div>
Inner Template:
<div class="menu_sub"><ul[+wf.classes+]>[+wf.wrapper+]</ul></div>
Row Template:
<li[+wf.id+][+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]><span>[+wf.linktext+]</span></a>[+wf.wrapper+]</li>
Parent Template:
<li[+wf.id+][+wf.classes+]><a href="[+wf.link+]" title="[+wf.title+]" [+wf.attributes+]><span>[+wf.linktext+]</span></a>[+wf.wrapper+]</li>
The sitemap call ist the following:
<div class="sitemap">
<h2><a href="[~2~]">Leistungen</a></h2>
[!Wayfinder?startId=`2` &parentClass=`kinners` &levelClass=`level`!]
</div>
<div class="sitemap">
<h2><a href="[~10~]">Referenzen</a></h2>
[!Wayfinder?startId=`10` &parentClass=`kinners` &levelClass=`level`!]
</div>
<div class="sitemap abstand">
<h2><a href="[~1~]">Startseite</a></h2>
[!Wayfinder?startId=`28`!]
</div>
Nothing special, it´s all in the CSS, which you can easily see
