Gesuchsvorlage

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'><style text="text/css">#steckbrief { width: 500px;  margin: auto; background: #1f1f1e; border: 4px solid #3c3b3b; padding: 10px; box-sizing: border-box; } #steckbrief .titel { width: 470px; height: 25px; margin: auto; margin-top: 5px; margin-bottom: 5px; background: #999999; font-family: 'Open Sans'; font-size: 18px; color: #1f1f1e; text-transform: uppercase; letter-spacing: 2px; line-height: 1.4em; text-align: center; } #steckbrief #infos { width: 470px; height:230px; margin: auto; } #steckbrief #bild { width: 280px; height: 230px; margin: auto; background: #eeeeee; background-image: url('http://fs5.directupload.net/images/160202/cuhvv74g.png'); margin-right: 3px; } #steckbrief .boxa { width: 171px; height: 22px; margin: auto; margin-right: 5px; margin-top: 3px; padding: 2px; background: #333333; color: #b1b1b1; font-family: 'Calibri'; font-size: 10px; text-transform: uppercase; line-height: 1.9; text-align: center; border-left: 5px solid #3c3b3b; border-right: 5px solid #3c3b3b; } #steckbrief #box1 { width: 260px; height: 210px; margin: auto; padding: 10px; overflow: auto; background: #333333; font-family: 'Calibri'; font-size: 10px; color: #b1b1b1; line-height: 120%; text-align: justify; } #steckbrief #box2 { width: 470px; height: 410px; margin: auto; padding: 20px; padding-top: 15px; overflow: auto; background: #333333; color: #b1b1b1; font-family: 'Calibri'; font-size: 11px; text-align: justify; box-sizing: border-box; } #steckbrief .utitel { margin: auto; margin-top: 5px; margin-bottom: 5px; padding: 3px; background: #1f1f1e; font-family: 'Open Sans'; font-size: 10px; color: #b1b1b1; text-transform: uppercase; text-align: center; }  #steckbrief .bildinfo { width: 280px; height: 230px; margin: auto; overflow: hidden; opacity: 0; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; transition-delay: 2s; } #steckbrief .bildinfo:hover { opacity: 0.9; transition: 0.6s all ease-in-out; -moz-transition: 0.6s all ease-in-out; -webkit-transition: 0.6s all ease-in-out; -ms-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; } #steckbrief #box1::-webkit-scrollbar { width: 5px; background: #1f1f1e; } #steckbrief #box1::-webkit-scrollbar-thumb { background: #999999; } #steckbrief #box1::-webkit-scrollbar-corner { background: #999999; } #steckbrief #box2::-webkit-scrollbar { width: 5px; background: #1f1f1e; } #steckbrief #box2::-webkit-scrollbar-thumb { background: #999999; } #steckbrief #box2::-webkit-scrollbar-corner { background: #999999; } #credit1 { width: 500px; font-family: 'Georgia'; font-size: 10px; text-align: right; letter-spacing: 2px; margin: auto; padding-top: 3px; }</style>

<div id="steckbrief"><div class="titel">Die suchende Person </div>
<table id="infos" cellspacing="0" cellpadding="0">
<tr style="height: 200px">
<td><div class="boxa" style="margin-top: 0px;"> Name</div> <div class="boxa">Alter</div> <div class="boxa">Avatar</div> <div class="boxa">Charaktereigenschaften:</div> <div class="boxa">❵ 1.Eigenschaft </div> <div class="boxa">❵ 2. Eigenschaft</div> <div class="boxa">❵ 3. Eigenschaft</div> <div class="boxa">❵ 4.Eigenschaft</div></td>
<td id="bild"><div class="bildinfo"><div id="box1"><br>Kurze Hintergrundinformation zum Suchenden</div></div></td>
</tr></table>
<div class="titel">Die Gesuchten</div>
<div id="box2"><div class="utitel">Name des Gesuchten</div>
<img src="http://fs5.directupload.net/images/160203/8flvlmzf.png">
<br><b><i>Alter:</i></b></br>
<br><b><i>Wesen:</i></b></br>
<br><b><i>Beziehung zum Suchenden:</i></b></br>
<br><b><i>Charaktereigenschaft:</i></b></br>
<br><b><i>Was wird gesucht:</i></b></br>Ehefrau, Beste Freunde, etc
<br><b><i>Avatar:</i></b></br> Jeder besitzt ein Veto-Recht
<br><b><i>Story:</i></b></br>
<div class="utitel">Name des Gesuchten</div>
<img src="http://fs5.directupload.net/images/160203/8flvlmzf.png">
<br><b><i>Alter:</i></b></br>
<br><b><i>Wesen:</i></b></br>
<br><b><i>Beziehung zum Suchenden:</i></b></br>
<br><b><i>Charaktereigenschaft:</i></b></br>
<br><b><i>Was wird gesucht:</i></b></br>Ehefrau, Beste Freunde, etc
<br><b><i>Avatar:</i></b></br> Jeder besitzt ein Veto-Recht
<br><b><i>Story:</i></b></br>
<div class="utitel">Name des Gesuchten</div>
<img src="http://fs5.directupload.net/images/160203/8flvlmzf.png">
<br><b><i>Alter:</i></b></br>
<br><b><i>Wesen:</i></b></br>
<br><b><i>Beziehung zum Suchenden:</i></b></br>
<br><b><i>Charaktereigenschaft:</i></b></br>
<br><b><i>Was wird gesucht:</i></b></br>Ehefrau, Beste Freunde, etc
<br><b><i>Avatar:</i></b></br> Jeder besitzt ein Veto-Recht
<br><b><i>Story:</i></b></br></div></div></div>
<div id="credit1"><a href="http://storming-gates.de/member.php?action=profile&uid=5">viasera</a> @ SG</div>