HTML 1

<div class="navi">
  <ul id="nav">
    <li class="top"><a href="/" class="top_link"><span>Startseite</span></a></li>
    <li class="top"><a href="/artikel/" class="top_link"><span>Artikel</span></a></li>
    <li class="top"><a href="/forum/"  class="top_link">Forum</a></li>
    <li class="top"><a class="top_link"><span>Weitere Links</span></a>
      <ul class="sub">
        <li><a href="https://www.facebook.com/xxx" target="_blank" id="fb">Facebook</a></li>
        <li><a href="https://twitter.com/xxx" target="_blank" id="tw">Twitter</a></li>
        <li><a href="https://www.youtube.com/user/xxx" target="_blank" id="yt">Youtube</a></li>
      </ul>
    </li>
    <li class="top">
      <a href="/impressum/" id="impressum" class="top_link" target="_blank"><span>Impressum</span></a>
      <ul class="sub">
      <li><a href="/datenschutz/" id="datenschutz" target="_blank"><span>Datenschutz</span></a></li>
      </ul>
    </li>
  </ul>
</div>