Wer kennt sich mit CSS aus ?

[andreas]

Die Index Seite soll eine Überlappende Schrift wie unten haben
aber mit unterschiedlichen Farben (ivory + midnightblue)

hier meine CSS
<!--
body { font-family:Arial black, Arial;background-color:#F0FFFF; font-size:12pt; color:#000000; }
td { color:#808000; font-size:10pt; font-family:Arial; }
h1.gross { font-size:14pt; line-height:16pt; }
h2.klein { font-size:8pt; line-height:8pt; }
div { color:#808000; font-weight:bold; text-decoration:none; font-size:30pt; line-height:12pt; font-family:Arial;}
a:link { color:#808000; font-weight:bold; text-decoration:none; font-size:30pt; line-height:12pt; font-family:Arial;}
a:visited { color:#808000; font-style:bold; text-decoration:none; font-size:30pt; line-height:12pt; font-family:Arial;}
a:active { color:#808000; font-style:italic;text-decoration:none; font-size:16pt; font-family:Arial;}
a:hover {color:#808000; font-style:bold; text-decoration:none; font-size:16pt; font-family:Arial;}
#copyright { color:#808000; font-weight:bold; text-decoration:none; font-size:8pt; font-family:Arial;}
#midnightblue { color:#191970; font-weight:bold; text-decoration:none; font-size:30pt; line-height:12pt; font-family:Arial;}
#ivory { color:#FFFFF0; font-weight:bold; text-decoration:none; font-size:30pt; line-height:12pt; font-family:Arial;}
//-->

wie kann ich es schaffen das die oberen Zeilen überlappen
Div geht scheinbar nicht :-(

siehe auch
http://www.kommkino.de/indexx.html

gruss

A.