<center><style text="text/css"> .title { font-family: georgia; font-size: 50px; font-style: italic; letter-spacing: -3px; color: #581e1f; text-transform: lowercase; text-shadow:#000000 1px 0px 0px; text-align: center; line-height: 90%;}  .title2 {font-family: arial; font-size: 9px; letter-spacing: 4px; text-transform: uppercase; color: #000000; line-height: 80%; text-align: center;} .box1 {width: 250px; height: 180px; background-color: #885252; font-family: calibri; font-size: 11px; text-align: justify; margin: 5px 5px 20px 0px; overflow: auto; padding: 10px; float: right;} .category {font-family: calibri; font-size: 11px; color: 000000; text-transform: uppercase; width: 165px; text-align: center; background-color:#581e1f; padding: 1px; margin-right: 5px; float: left;} .category1 {font-family: calibri; font-size: 11px; color: 000000; text-transform: uppercase; width: 165px; text-align: center; background-color:#581e1f; padding: 1px; margin-left: 5px; float: right;} b1 {font-family: calibri; font-weight: bold; text-transform: uppercase; color: 581e1f; letter-spacing: 1px;} i1 {font-family: calibri; font-style: italic; text-transform: lowercase; color: 581e1f; letter-spacing: -1px;} u1 {font-family: calibri; text-decoration: underline; color: 581e1f; letter-spacing: 1px;}</style>

<div><div style="background-image:url('http://i59.servimg.com/u/f59/18/97/14/25/black_10.jpg'); border: 4px solid #581e1f; width:500px; height: 700px; padding: 15px; text-align: justify; font-family: calibri; font-size: 13px; color: 000000; overflow: auto;">
<div class="title">Eine Überschrift</div><div class="title2">Und natürlich die nette Zeile darunter</div>
<div style="background-image:url('http://i59.servimg.com/u/f59/18/97/14/25/oie_oe10.png'); width: 200px; height: 200px; margin: 5px 5px 20px 0px; float: left;"></div><div class="box1">In dieses Feld könnt ihr Informationen zu eurem eigenen Charakter packen, wie zum Beispiel Name, Alter, Beruf und was euch sonst noch einfällt. Dabei könnt ihr einzelne Dinge natürlich auch hervorheben, indem ihr b1, u1 oder i1 verwendet. U1 <u1>unterstreicht</u1> den Code, b1 zeigt den Code <b1>in fetter Schrift</b1> und, man glaubt es kaum, i1 ist dafür verantwortlich, dass Text <i1>kursiv</i1> dargestellt wird.

Das Bild links neben dieser Box ist <u1>200 Pixel</u1> breit und <u1>200 Pixel hoch</u1> und kann natürlich beliebig ausgefüllt werden. Und diese Box selbst? Nun, die scrollt automatisch mit, wenn der Text höher wird als 200 Pixel. Immerhin soll ja alles seine Ordnung haben, nicht wahr?</div>

<div class="category">Wer wid gesucht?</div> <img src="http://i59.servimg.com/u/f59/18/97/14/25/oie_dt10.png"0" align="right" vspace="5px" hspace="5px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<div class="category1">Inplay Pläne</div> <img src="" border="0" align="left" vspace="5px" hspace="5px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

<div class="category">Sonstiges</div> <img src="http://i59.servimg.com/u/f59/18/97/14/25/oie_no10.png" border="0" align="right" vspace="5px" hspace="5px">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

</div><div style="font-family: calibri; font-size: 11px; text-transform: uppercase; width: 536px; text-align: center; background-color:#581e1f; padding: 1px; color: c4c4c4;"><a href="" target="blank"><font color="885252"></font></a><a href="" target="blank"><font color="885252"></font></a></div></div></center>