Breaking the Habit Premades

Bei allen Layouts seht ihr links Vorschaubilder vom Layout, auf dem es komplett abgebildet ist. Zum Vergrößern könnt ihr die Bilder einfach in die Adressleiste ziehen.
Auch die Grafiken sind verkleinert dargestellt und müssen wir die volle Größe in die Adressleiste gezogen werden.

Petpages

V1.0 // Über Eck

Bei diesem Layout könnt ihr eure eigene Überschrift einbauen. Die Anzahl der Anker könnt ihr vergrößern oder verkleinern, aber es sollten nicht mehr als 6 sein.
In der Vorschau sehen das Textfeld und die große Überschrift verrutscht aus, aber sobald ihr speichert sitzt alles an seinem Platz.

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL and Wefox are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
</div>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL  and Wefox are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
</div>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL® and Wefox™ are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen. Manchmal Sätze, die alle Buchstaben des Alphabets enthalten - man nennt diese Sätze »Pangrams«. Sehr bekannt ist dieser: The quick brown fox jumps over the lazy old dog. Oft werden in Typoblindtexte auch fremdsprachige Satzteile eingebaut (AVAIL and Wefox are testing aussi la Kerning), um die Wirkung in anderen Sprachen zu testen. In Lateinisch sieht zum Beispiel fast jede Schrift gut aus. Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
</div>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Credits</h1>
<a href="/~unkreativ"><img src="http://img819.imageshack.us/img819/5826/12934035.png" border="0"></a> 
</div>

</div>

<a href="#eins">Seite 1</a>

<a href="#zwei">Seite 2</a>

<a href="#drei">Seite 3</a>

<a href="#vier">Seite 4</a>

<a href="#fuenf">Seite 5</a>

</div>
<div id="container" style="position: absolute;">

<h1>Seite 1</h1>

</div>

<h1>Seite 2</h1>

xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx

</div>

<h1>Seite 3</h1>

xxxxxxxxxxxxxxxxxxxxxxxx

</div>

<h1>Seite 4</h1>

xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<h1>Credits</h1>

</div>

V2.0 // Mikro

Die Anzahl der Anker könnt ihr vergrößern oder verkleinern, aber es sollten nicht mehr als 16 sein, wobei sich bei der Ausführung mit dem Slorg empfiehlt, die Anzahl nicht zu erhöhen.

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>
</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
xxxxxx xxxxx xxxxxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxx xxxxxxxxxxxxxxx xxxxxxxxxxx
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

V3.0 // Eingekreist

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>
<h2>Untertitel</h2>

<a name="zwei"></a>
<div id="box">
<h1>Seite 2</h1>
Quod erat demonstrandum. Seit 1975 fehlen in den meisten Testtexten die Zahlen, weswegen nach TypoGb. 204 § ab dem Jahr 2034 Zahlen in 86 der Texte zur Pflicht werden. Nichteinhaltung wird mit bis zu 245 € oder 368 $ bestraft. Genauso wichtig in sind mittlerweile auch Âçcèñtë, die in neueren Schriften aber fast immer enthalten sind. Ein wichtiges aber schwierig zu integrierendes Feld sind OpenType-Funktionalitäten. Je nach Software und Voreinstellungen können eingebaute Kapitälchen, Kerning oder Ligaturen (sehr pfiffig) nicht richtig dargestellt werden. Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.
</div>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>
<h2>Untertitel</h2>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>
<h2>Untertitel</h2>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>
<h2>Untertitel</h2>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>
<h2>Untertitel</h2>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

</div>
<div id="container" style="position: absolute;">

<a name="eins"></a>
<div id="box">
<h1>Seite 1</h1>
<h2>Untertitel</h2>

<a name="drei"></a>
<div id="box">
<h1>Seite 3</h1>
xxxxxxxxxxxxxxxxxxxxxxxx
</div>

<a name="vier"></a>
<div id="box">
<h1>Seite 4</h1>
xxxxxxxxx xxxxxxxxxxx xxxxxxxxxxxxx

</div>

<a name="fuenf"></a>
<div id="box">
<h1>Seite  5</h1>
xxxxxx xxxxxxx xxxxxxxxxxxxxxxx xxxxxxxxxxxxxxxxxx 
</div>

</div>

V4.0 // Running up that Hill

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img5.imageshack.us/img5/8329/niggght.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img191.imageshack.us/img191/2918/shipwm.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img716.imageshack.us/img716/7589/wasser.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img411.imageshack.us/img411/9853/waldv.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img526.imageshack.us/img526/304/bibq.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img695.imageshack.us/img695/9068/sunsett.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

<a href="#toleave" class="navi">Sitely</a>

<a href="/~unkreativ" class="navi">Credits</a>

</div>
<div id="bild" style="position: absolute;">
<img src="http://img836.imageshack.us/img836/8499/cosmicg.png" border="0">
</div>
<div id="text" style="position: absolute;">
<a name="so"></a><div class="thinkingofyou">
<h1>Watching.</h1> 
It doesn't hurt me<br>
You want to feel, how it feels? <br>
You want to know, know that it doesn't hurt me? <br>
You want to hear about the deal I'm making <br>
You, you and me<br>
And if I only could <br>
Make a deal with God <br>
get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
If I only could, oh...<br>
You don't want to hurt me <br>
But see how deep the bullet lies <br>
Unaware I'm tearing you asunder <br>
there's a thunder in our hearts, baby<br>
so much hate for the ones we love? <br>
Tell me, we both matter, don't we? <br>
You, you and me <br>
you and me, won't be unhappy<br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
Be running up that building <br>
if I only could, oh<br>
Come on, baby, c'mon c'mon darling <br>
Let me steal this moment from you now <br>
Come on, angel, c'mon, c'mon, darling <br>
Let's exchange the experience <br>
oh... <br>
And if I only could <br>
make a deal with God <br>
And get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
(with)No problems<br>
And if I only could <br>
make a deal with God <br>
And I'd get him to swap our places <br>
Be running up that road <br>
Be running up that hill <br>
No problems.<br>
If I only could, be running up that hill <br>
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br> 
If I only could, be running up that hill<br>
</div>

<div class="thinkingofyou">
The Lights are on but everyone's gone.
</div>

<div class="thinkingofyou">
Du kannst beliebig viele Anker entfernen und hinzufügen.
</div>

<div class="thinkingofyou">
Brauchst du den hier wirklich?
</div>

</div>

V5.0 // Glow