<link href='http://fonts.googleapis.com/css?family=Economica:400,700' rel='stylesheet' type='text/css'><style>.testp{ margin:0; padding:0px; width:200px; height:200px; overflow:hidden; background-color:#D9D8D6; color: #343434; font-family: 'Economica', sans-serif; font-size: 14px; } .testp:hover{ margin-top:-200px; height:400px; } .testdiv{ overflow:hidden; width:200px; height:200px; text-align: justify; }#line{ font-family: 'Economica', sans-serif; font-size: 22px; text-align: center; height: 30px; background-color: #818181; color: #343434; } #text { background-color: #D9D8D6; text-align: justify; font-family: 'Economica', sans-serif; font-size: 14px; color: #343434; line-height: 14px; } </style><center>
<table width="400px" cellspacing="0" bgcolor="#D9D8D6" style="border: 10px solid #C8C7C6;">
<tr><td id="line" colspan="2">entdecke mein geheimnis</td></tr>
<tr><td width="200px"><div class="testdiv" style="border: 5px solid #D9D8D6;"><p class="testp"><img src="BILD BILD BILD">
<b>DER GESUCHTE:</b>
NAME: ~~
ALTER: ~~
AVATARVORSCHLÄGE: ~~
WOHNORT: ~~
VERBINDUNG: ~~
</p></div></td><td width="200px" id="text" style="border: 8px solid #D9D8D6;" valign="top">
Charakter des Gesuchten oder etwas anders was ihn aus macht </td></tr>
<tr><td width="200px" id="text" style="border: 8px solid #D9D8D6;" valign="top">
Gibt es noch was wichtiges zu sagen? Dann hier! </td>
<td width="200px"><div class="testdiv" style="border: 5px solid #D9D8D6;"><p class="testp"><img src="BILD DES SUCHENDEN">
Was macht den Suchenden aus?
</p></div></td></tr>
<tr> <td id="text" colspan="2"><div align="center">by <a href="http://nobel-design.net/" target="_blank"><font color="#ACACAC">kezia</font></a> @ <a href="http://peregrine.nobel-design.net" target="_blank"><font color="#ACACAC">THE COLOURFUL PEREGRINE</font></a></div></td></tr></table></center>
