Bei deiner Zeitausgabe erzeugst du ziemlich falschen HTML-Code. Richtig müsste es so sein:
<span class="syntaxdefault"></span><span class="syntaxkeyword">echo </span><span class="syntaxstring">"<p class=\"zeit\">" </span><span class="syntaxkeyword">. </span><span class="syntaxdefault">date </span><span class="syntaxkeyword">(</span><span class="syntaxstring">"d.m.Y H:i:s"</span><span class="syntaxkeyword">).</span><span class="syntaxstring">"</p>"</span><span class="syntaxkeyword">; </span><span class="syntaxdefault"></span>
Außerdem hat sowieso jeder ne eigene Uhr am Computer, das ist damit überflüssig.
In deinem CSS-Code wird zuerst versucht die Schirftart "Arial" zu benutzen, wenn diese nicht da ist wird irgendeine serifenlose Schriftart benutzt, nur wenn keine vorhanden ist, wird "Verdana" verwendet. Da Verdana aber auch eine serifenlose Schriftart ist, kann sie gar nicht da sein, wenn keine serifenlose Schriftart vorhanden ist.
Die Einheit pt ist nicht für den Bildschirm geeignet, da sie absolut in cm ist. (Hört sich ein bischen komisch an, ich weiß nicht, wie ich das sonst sagen soll^^) Außerdem benutzt du zur Angabe der Schriftgröße px und pt, also zwei komplett verschiedene Einheiten.
Für margin gibt es genau die Selbe Kurzschreibweise, wie für padding. Du musst da nicht alle Werte einzeln angeben.
Wenn man die Grafiken entfernt sieht man gar nichts mehr, da Schrift- und Hintergrundfarbe weiß ist, du solltest noch Hintergrundfarben definieren.
Dies gilt vor allem für den Header, da hier bei großen Auflösungen das Bild rechts wiederholt wird. Hier solltest du das Wiederholen auf der x-Achse verhindern und als Hintergrundfarbe, die Farbe nehmen, mit der das Bild rechts aufhört.