Thema van het hoofdmenu

Goedemiddag allemaal))

als nieuwkomer ben ik tegen een paar onoverkomelijke taken aangelopen.

Ik wil het menu thematiseren zoals op de afbeelding.

      <nav>
        <ul class="sf-menu" id="nav">
          <li class="selected"></li>

            ....
          <li>
            <ul>
              <li>

                   ....
                <ul>
                  <li><a href="#">Sub Drop Down One</a></li>
                </ul>
              </li>
            </ul>
          </li>
        </ul>
      </nav>

de standaardweergave in page.tpl toont geen geneste lijsten. (((

<?php print theme('links__system_main_menu', array(
          'links' => $main_menu,
          'attributes' => array(
            'id' => 'nav',
            'class' => array('links', 'clearfix', 'sf-menu'),
          ),
          'heading' => array(
            'text' => t('Hoofdmenu'),
            'level' => 'h2',
            'class' => array('element-invisible'),
          ),
        )); ?>

de weergave in de vorm van een boom kan ik niet krijgen zoals in de sjabloon.(((

    <?php print render(menu_tree('main-menu')); ?>

Help!