Du hast ja drei nebeneinanderliegende Bereiche (logo1, mitte, logo2). Die Mitte teilt sich in zwei untereinanderliegende Bereiche. Das würde bei mir wohl grob gesagt als Modell im header so aussehen:
Code: Alles auswählen
<div id="linkes_logo">(Logo 1)</div>
<div id="mitte">
<div id="pink"> (die obere Box)
<div class="menu_pink"> (Bereich für Menü, unten mittig)
<ul> (...Die Rubriklinks inkl. aufklappbarer Untermenüs) </ul>
</div> (menu_pink Ende)
</div> (obere Box Ende)
<div id="orange">
<div class="menu_orange">
<ul> (... Rubriklinks inkl. aufklappbarer Untermenüs) </ul>
</div>
</div>
</div> (Ende von "mitte")
<div id="rechtes_logo">(Logo2)</div>
Der Bereich mit den Links / Menüs sähe exemplarisch so aus:
Code: Alles auswählen
<ul>
<li><a href="url zur Rubrik Über uns">Über uns</a>
<ul>
<li><a href="url zu Unterrubrik 1">Unterrubrik 1</li>
(...)
</ul>
</li>
<li><a href="url zur Rubrik Kontakt">Kontakt</a>
<ul>
<li><a href="url zu Unterrubrik 1">Unterrubrik 1</li>
(...)
</ul>
</li>
(...)
</ul>