Vorlage

<center><style type="text/css">.Kategorie {font-family: Felipa; background-color: #b88451; font-size: 40px; font-weight: light; color:ivory; padding: 1px 1px 1px 1px; text-align: center; line-height: 23px; text-shadow: black 2px 2px 0px;} .Unterschrift {padding: 2px 2px 2px 2px; color: #281c35; font-family: Verdana; line-height: 12px; font-size: 11px; font-weight: light;} .Überschrift {margin-left: 15px; font-family: Corsiva; border-bottom: 2px #b88451 dashed; font-size: 13px; font-weight: light; color: black; line-height: 10px; font-style: italic; letter-spacing: 5px;width:350px}</style>

<div style="width: 400px;"> <div class=Kategorie>Familie</div><div><table><tr><td><div style="border-top: solid 1px #e6c28a; border-radius:10px; width: 400px; background-color: #e6c28a; height: 265px; overflow: auto;"><div class=Unterschrift>

<div class=Überschrift>Eltern</div>
• ...

<div class=Überschrift>Geschwister</div>
• ...

<div class=Überschrift>Großeltern</div>
• ...

<div class=Überschrift>Andere Verwandte</div>
• ...
</div></td></tr></table>

<div style="width: 400px;"> <div class=Kategorie>Freunde</div><div><table><tr><td><div style="border-top: solid 1px #e6c28a; border-radius:10px; width: 400px; background-color: #e6c28a; height: 265px; overflow: auto;"><div class=Unterschrift>

<div class=Überschrift>Seelenverwandt</div>
• ...

<div class=Überschrift>Bester Freund</div>
• ...

<div class=Überschrift>Guter Freund</div>
• ...

<div class=Überschrift>Freund</div>
• ...

<div class=Überschrift>Sympathisch</div>
• ...

<div class=Überschrift>Bekannt</div>
• ...
</div></td></tr></table>

<div style="width: 400px;"> <div class=Kategorie>Liebe</div><div><table><tr><td><div style="border-top: solid 1px #e6c28a; border-radius:10px; width: 400px; background-color: #e6c28a; height: 265px; overflow: auto;"><div class=Unterschrift>

<div class=Überschrift>Unklare Gefühle</div>
• ...

<div class=Überschrift>Verliebt</div>
• ...

<div class=Überschrift>Beziehung</div>
• ...

<div class=Überschrift>Verlobt</div>
• ...

<div class=Überschrift>Verheiratet</div>
• ...

<div class=Überschrift>Affäre</div>
• ...
</div></td></tr></table>

<div style="width: 400px;"> <div class=Kategorie>Feinde</div><div><table><tr><td><div style="border-top: solid 1px #e6c28a; border-radius:10px; width: 400px; background-color: #e6c28a; height: 265px; overflow: auto;"><div class=Unterschrift>

<div class=Überschrift>Erzrivale</div>
• ...

<div class=Überschrift>Rivale</div>
• ...

<div class=Überschrift>Gehasst</div>
• ...

<div class=Überschrift>Verachtet</div>
• ...

<div class=Überschrift>Unsympathisch</div>
• ...

<div class=Überschrift>Ignoriert</div>
• ...
</div></td></tr></table>

<div style="width: 400px;"> <div class=Kategorie>Unbekannte</div><div><table><tr><td><div style="border-top: solid 1px #e6c28a; border-radius:10px; width: 400px; background-color: #e6c28a; height: 265px; overflow: auto;"><div class=Unterschrift>

<div class=Überschrift>Gehört</div>
• ...

<div class=Überschrift>Getroffen</div>
• ...

<div class=Überschrift>Vergessen</div>
• ...

<div class=Überschrift>Verdrängt</div>
• ...
</div></td></tr></table>

<div style="width: 400px;"> <div class=Kategorie>Speziell</div><div><table><tr><td><div style="border-top: solid 1px #e6c28a; border-radius:10px; width: 400px; background-color: #e6c28a; height: 265px; overflow: auto;"><div class=Unterschrift>

<div class=Überschrift>...</div>
• ...
</div></td></tr></table></center>