<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 #dedede; background-image: url('http://i.imgur.com/abhViOY.png');} .a-box  b {font weight: bold; color: #000000;} /*
 
--- TITELBOX OBEN & UNTEN */ .a-titel-o {width: 330px; border-right: 100px solid #513647; background: #431D2C; padding: 10px 0px; font-family: arial narrow; font-size: 40px; color: #ffffff; 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 #513647; background: #431D2C; padding: 10px 0px; font-family: arial narrow; font-size: 40px; color: #ffffff; 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: #161616; text-align: justify; padding: 10px; background: #dedede;} /*
 
--- TEXTBOX BILD */ .a-textbox img {width: 100px; height: 100px; border: 5px solid #513647; -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: #f1f1f1; font-weight: bold; background: #431D2C; padding: 2px 5px;} /*
 
--- ÜBERSCHRIFTEN (RECHTS & LINKS) */ .a-ue-r {width: 390px; font-family: times new roman; font-size: 40px; color: #513647; 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: #513647; 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: #431D2C; text-align: right; letter-spacing: 2px; text-transform: uppercase;} .a-sub-l {width: 390px; font-family: calibri; font-size: 10px; color: #431D2C; 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 #513647; background-color: #431D2C; 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">And the sky was ...</div>
 
<div class="a-ue-r">miss 'xyz'</div>
<div class="a-sub-r"><b>Suchende |</b> Vor-, Nachname | xx Jahre | Beruf</div>
 
<div class="a-textbox"><img src="http://i.imgur.com/CaaQqG3.png" align="right"><b>WUSSTEST DU, DASS...</b> » ... 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. 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.</div>
 
<div class="a-ue-l">mister 'abc'</div>
<div class="a-sub-l"><b>Gesuchter |</b> Vor-, Nachname | xx Jahre | Beruf</div>
<div class="line"></div>
 
<div class="a-textbox"><img src="http://i.imgur.com/CaaQqG3.png" align="left"><b>WUSSTEST DU, DASS...</b> » ... 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. 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.</div>
 
<div class="a-ue-r">Die Beziehung</div>
<div class="a-sub-r">Status | Beliebtheit</div>
<div class="line"></div>
 
<div class="a-textbox"><img src="http://i.imgur.com/CaaQqG3.png" align="right">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. 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.</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">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. 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.</div>
 
<div class="a-titel-u">... made of amethyst</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>