<link href='http://fonts.googleapis.com/css?family=Cuprum' rel='stylesheet' type='text/css'><style> .hovertext { border:1px dotted #000; background: #ffffff; opacity: 0.0; transition-timing-function: ease;transition-delay: 0.1s; transition-duration: 2s; transition-property: all; -moz-transition-duration: 1s;-o-transition-duration: 0.1s;-webkit-transition-duration: 0.1s;height:270px;padding:5px; overflow:auto; width:220px;font-style: italic;background-color:#fff;color:#000; text-align:justify; line-height:10px; font-family:cambria; font-style: ; letter-spacing:0.5px; font-size: 10px} .hovertext:hover { opacity: .9;}  .div1 { width:250px;background-color:#000;color:#f1f1f1; text-align:center; line-height:75px; font-family:'cuprum', sans-serif; letter-spacing:1px; text-transform:uppercase;font-size: 25px} .div2 { border-bottom:4px double #f1f1f1;} .div3 {font-size:10px; font-family:arial; border-top:4px double #f1f1f1; letter-spacing:2px; text-transform:uppercase}</style>
<center><table cellpadding=0 cellspacing=10 style="border: 3px solid #fafafa" bgcolor="#fff"><tr><td><div class="div1"><div class="div2">NAME</div></div><div style="height:280px;  width:230px;background-image:url('HIER BILD URL FÜR LINKES GESUCH');padding:10px;">
<div class="hovertext" >TEXT TEXT </div></div><div class="div1"><div class="div3">RASS</div></div></td>
<td><div class="div1"><div class="div2">NAME</div></div><div style="height:280px; width:230px; background-image:url('HIER BILD URL FÜR RECHTES GESUCH');padding:10px;"><div class="hovertext">TEXT TEXT</div></div><div class="div1"><div class="div3">RASSE</div></div></td></tr></table> </center>