<style type="text/css"> /*
--- AND THE SKY WAS MADE OF AMETHYST by rubyRED.DIAMOND @ Storming Gates

--- ÄUSSERE BOX */ .a-box {width: 430px; border: 10px solid #7b050b; background-image: url('https://i62.servimg.com/u/f62/19/10/21/26/picsar17.jpg');} .a-box  b {font weight: bold; color: #131313;} /*

--- TITELBOX OBEN & UNTEN */ .a-titel-o {width: 330px; border-right: 100px solid #7b050b; background: #7b050b; padding: 10px 0px; font-family: arial narrow; font-size: 40px; color: #8C8283; font-style: italic; letter-spacing: -2px; text-align: center; text-shadow: 1px 1px 1px #000000; text-transform: lowercase;} .a-titel-u {width: 330px; border-left: 100px solid #7b050b; background: #7b050b; padding: 10px 0px; font-family: arial narrow; font-size: 40px; color: #8C8283; font-style: italic; letter-spacing: -2px; text-align: center; text-shadow: 1px 1px 1px #000000; text-transform: lowercase;} /*

--- TEXTBOX */.a-textbox {width: 380px; font-family: calibri; font-size: 11px; color: #8C8283; text-align: justify; padding: 10px; background: #131313;} /*

--- TEXTBOX BILD */ .a-textbox img {width: 100px; height: 100px; border: 5px solid #7b050b; -webkit-border-radius: 65px; -moz-border-radius: 65px; border-radius: 65px; margin: 0px 8px;} /*

--- TEXTBOX FETT */ .a-textbox b {font-family: calibri; font-size: 11px; color: #8C8283; font-weight: bold; background: #131313; padding: 2px 5px;} /*

--- ÜBERSCHRIFTEN (RECHTS & LINKS) */ .a-ue-r {width: 390px; font-family: times new roman; font-size: 40px; color: #7b050b; text-align: right; letter-spacing: -4px; text-transform: lowercase; margin-bottom: -9px;} .a-ue-l {width: 390px; font-family: times new roman; font-size: 40px; color: #7b050b; text-align: left; letter-spacing: -4px; text-transform: lowercase; margin-bottom: -9px;}  /*

--- UNTERTITEL (RECHTS & LINKS) */ .a-sub-r {width: 390px; font-family: calibri; font-size: 10px; color: #8C8283; text-align: right; letter-spacing: 2px; text-transform: uppercase;} .a-sub-l {width: 390px; font-family: calibri; font-size: 10px; color: #8C8283; text-align: left; letter-spacing: 2px; text-transform: uppercase;} /*

--- TRENNLINIE */ .a-sub-r:after, .a-sub-l:after {content:""; width: 290px; height: 2px; border-right: 100px solid #7b050b; background-color: #7b050b; text-align: center; display: block;} /*

--- CREDITS */ .creditrrd {float: right; margin-top: 10px; margin-right: -8px; font-family: calibri; font-size: 8px; font-weight: bold;} #rrd {display: inline-block; border-style: solid; border-color: transparent transparent #4d0000 transparent; border-width: 0 3px 3px 3px; height: 0; width: 6px; position: relative; margin: 2px 0 6px 0;} #rrd:after {content: ""; position: absolute; position: absolute; top: 3px; left: -3px; width: 0; height: 0; border-style: solid; border-color: #4d0000 transparent transparent transparent; border-width: 9px 6px 0 6px;}</style>

<center><div class="a-box">
<div class="a-titel-o">1 Überschrift...</div>

<div class="a-ue-r">miss 'xyz'</div>
<div class="a-sub-r"><b>Suchende |</b> Vor-, Nachname | xx Jahre | Wesen | Avatar</div>

<div class="a-textbox"><img src="http://i.imgur.com/CaaQqG3.png" align="right">Hier kommt ein Text über den Suchenden Charakter rein.</div>

<div class="a-ue-l">mister 'abc'</div>
<div class="a-sub-l"><b>Gesuchter |</b> Vor-, Nachname | xx Jahre | Wesen | Avatar</div>
<div class="line"></div>

<div class="a-textbox"><img src="http://i.imgur.com/CaaQqG3.png" align="left">Hier kommt ein Text über den Gesuchten Charakter rein.</div>

<div class="a-ue-r">Die Beziehung</div>
<div class="a-sub-r">Beziehung zu einander</div>
<div class="line"></div>

<div class="a-textbox"><img src="http://i.imgur.com/CaaQqG3.png" align="right">Was für eine Beziehung haben der Suchende und der Gesuchte zu einander. </div>

<div class="a-ue-l">Some last words</div>
<div class="a-sub-l">Das Beste kommt zum Schluss</div>
<div class="line"></div>

<div class="a-textbox">Hier kann man shortfakts über das Board schreiben, informationen über den Spieler hinter dem Charakter oder andere Dinge die euch noch wichtig sind.
</div>

<div class="a-titel-u">... 2 Überschrift</div>
<div class="creditrrd">THX <a href="http://storming-gates.de/member.php?action=profile&uid=71" target="_blank"><div id="rrd"></div></a></div>
</div></center>