Hilfe bei Umsetzung von Websitedesign

Hallo,
ich bastle wieder mal an einer Webseite und komme nicht so recht weiter.

Rahmenbedingungen
HTML-Version: 5
zusätzliche Techniken: CSS 2 + 3
Einschränkungen: keine
Browser & Betriebssystem: Google chrome aktuell, windoofs 8
Editor: Scriptly

Problembeschreibung
Fehlermeldung/-beschreibung: //
bisherige Lösungsversuche: keinen Plan
Code: http://pastebin.com/4W7Kys9K
Link zum Bild: http://img3.fotos-hochladen.net/uploads/headerh9ulgoi60e.jpg

Die Webseite wird dann mit zusätzlicher CSS-Datei auch für mobilde Geräte adaptiert, wie hier beschrieben:
http://www.com-magazin.de/prax…s-css-fuer-mobile-browser

#########################################################################
[Blockierte Grafik: http://img3.fotos-hochladen.ne…ds/webseite7djb3nz9h2.png]

Die Buttons passen schon ;), ev. werde ich noch kleine Details verändern.

Das Blatt Papier darunter könnte etwas gemustert sein, sollte aber nicht zu lasten der Ladezeit gehen. Gibt es eine Möglichkeit, ohne Grafik?

Das bild über den Buttons sollte zentral sein und im Hintergrund einer Div liegen, damit ich noch was drüber legen kann.

Der hässliche Kasten am unteren Rand soll entweder am Ende der Webseite angezeigt werden oder am Ende des pergamentfarbenen Felds. Aus der Anleitung im Seminar werde ich nicht wirklich klug

Würde mich freuen, wenn sich jemand bereit erklärt, da drüberzuschauen und mir zu erklären, warum er was wie gemacht hat, ich möchte das schließlich nachher auch können

Danke mal für die Hilfe, ich versuche das, am Nachmittag umzusetzen.

Was mir jetzt noch fehlt, ist wie ich den hässlichen border: 1px black solid-Bereich in diesen pergamentfarbigen Bereich unten als sticky footer bringe. Hab das mit sticky footer noch nie wirklich hinbekommen

Wo würdest du link zum Impressum, Datenschutz Erklärung, disclaimer, ggf. Link zu den AGB/nutzungsbedingungnen, copyright, ... denn hintun?

Danke mal für die Tipps, ich bin ein Stück weitergekommen

[Blockierte Grafik: http://img3.fotos-hochladen.net/uploads/webseite20gpdxwmu73.png]

Jetzt habe ich noch folgende Probleme:

1.) Der Header soll, wenn man die Browserseite kleiner macht mitschrumpfen, auch in der Höhe. Das funktioniert bereits, allerdings verschwindet die Schrift nach unten. Wie behebt man das?

2.) Schrumpft man die Browserseite (in der Breite) so weit zusammen, dass ein Button umbricht, geraten diese aus der Zentrierung. Ist es möglich, alle Buttons permanent zentriert zu halten?

3.) Das mit dem Footer haut immer noch nicht hin. Folgendes ist gewünscht:

//Edit: Wäre es nicht möglich, Spoiler zuzulassen? Würde das Ganze viel einfacher machen...