innerhalb dieses divs benötige ich 3 weitere divs mit jeweils width:100% untereinander, von denen nur der mittlere die fixe höhe 500px hat. die divs darüber und darunter sollen die verbleibende höhe 50/50 teilen, sodass der mittlere ebenfalls zentriert wird.
Ohne Javascript kannst du diese Gleichung nicht lösen. CSS gibt dir das Rüstzeug dazu (noch) nicht.
mfg Beat
-- 
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
  ><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische
 nicht angemeldet
 nicht angemeldet