<style type="text/css">#logobar { width: 520px; background: linear-gradient(#333333,#000000); text-align: justify; padding: 10px;} /*

*/ #suchbar { width: 320px; background: #ffffff; border: 1px solid #e4e1e1; border-radius: 3px; font-family: 'Verdana'; font-size: 12px; color: #d0d0d0; padding: 5px; position: relative;} /*

*/ #bild1 { height: 265px; width: 180px; background-image: url('http://placehold.it/180x265'); border-right: none;} /*

*/ #infobox { height: 253px; width: 350px; padding: 5px; background: #ffffff; border: 1px solid #e4e1e1; border-left: none; border-bottom: none; border-top-right-radius: 5px;} /*

*/ #bilder { width: 529; padding: 5px; padding-top: 15px; background: #ffffff; border: 1px solid #e4e1e1; border-top: none; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;} /*

*/ #charaname { font-family: 'Arial'; font-size: 25px; color: #333333;} #beruf { font-family: 'Verdana'; font-size: 11px; color: #136cb2; margin-left: 3px; display: block; } #infobox hr { border: none; height: 1px; background: #e4e1e1; width: 350px; } /*

*/ #biografie { font-family: 'Verdana'; font-size: 12px; color: #333333; display: block; margin-left: 5px; margin-right: 6px; text-align: justify; line-height: 1.4em;} /*

*/ #jobleiste { width: 500px; padding: 10px; background: linear-gradient(#ffffff,#eeeeee); font-family: Verdana; font-size: 15px; color: #cdb21c; text-align: left;} /*

*/ #jobleiste:hover { background: linear-gradient(#ffffff,#fcf1b1); font-family: Verdana; font-size: 15px; color: #136cb2; } .job1 { width: 510px; padding: 5px; background: #fafafa; text-align: left; } /*

*/ .job2 { width: 510px; padding: 5px; background: #f3f3f3; text-align: left; } /*

*/ .filmtitel { font-family: 'Verdana'; font-size: 12px; font-weight: bold; color: #136cb2; } /*

*/ .filmrolle { font-family: 'Verdana'; font-size: 12px; color: #333333; } /*

*/ .jahr { float: right; font-family: 'Verdana'; font-size: 11px; color: #333333; } </style>

<center><div id="logobar"><table><tr><td><a href="http://storming-gates.de/member.php?action=profile&uid=2" target="blank"><img src="http://i.imgur.com/mebwi70.png" height="30px"></a></td><td style="padding-left: 50px;"><div id="suchbar">Finde Filme, Serien, Schauspieler und mehr...</div></td></tr></table></div><table cellpadding="0" cellspacing="0"><tr><td><div id="bild1"></div></td><td><div id="infobox"><span id="charaname">Vorname Nachname</span><span id="beruf">Schauspieler/in</span><hr><span id="biografie">Hier steht euer Text für euren Charakter. Kurzbio, irgendetwas. sollte nur nicht allzu lang werden.  <span style="color: #136cb2;">Das hier ist der Code fürs Link/URL-Blau</span>.
<br /><br /><strong>Geboren als:</strong> Voller Name<br /> <span style="color: #136cb2;">Datum</span>, <span style="color: #136cb2;">Jahr</span> in <span style="color: #136cb2;">Stadt</span>, <span style="color: #136cb2;">Land</span></span></div></td></tr></table>
<div id="bilder"><img src="http://placehold.it/100x100"> <img src="http://placehold.it/100x100"> <img src="http://placehold.it/100x100"> <img src="http://placehold.it/100x100"> <img src="http://placehold.it/100x100">
  <div id="jobleiste"><strong>Schauspieler/In</strong> (x Jobs)</div><div class="job1"><span class="filmtitel">Filmtitel</span><span class="jahr">Erscheinungsjahr</span><br /><span class="filmrolle">Rollenname</span></div><div class="job2"><span class="filmtitel">Filmtitel</span><span class="jahr">Erscheinungsjahr</span><br /><span class="filmrolle">Filmrolle</span></div>
</div>
</center>