<center>
<style>
.hauptfeld{ 
background-image: url("http://fs2.directupload.net/images/150101/mfd4ew3a.jpg"); 
height: 575px; 
width: 400px; 
position: relative; 
overflow: hidden; 
}
.überschrift { 
position: absolute; 
top: 15px; 
width: 400px; 
background-color: rgba(50,50,50,0.7); 
font-family: sylfaen; 
color: #f1f1f1; 
font-size: 20px; 
text-align: center; 
text-transform: uppercase; 
padding: 5px; 
font-style: normal; 
}
.steckbriefinhalt{ 
position: absolute; 
bottom: -725px; 
left: 20px; 
padding: 21px; 
width: 315px; 
height: 430px;
background-color: rgba(255,255,255,0.9); 
font-family:calibri; 
font-size: 12px; 
font-style: normal; 
text-transform: uppercase; 
line-height: 11px; 
text-align: justify; 
color: #454545; 
overflow: auto;  
-webkit-transition: all 0.9s ease; 
-moz-transition: all 0.9s ease; 
-o-transition: all 0.9s ease; 
} 
.hauptfeld:hover .steckbriefinhalt{ 
position: absolute; 
bottom: 25px;  
left: 20px; 
-webkit-transition: all 0.9s ease; 
-moz-transition: all 0.9s ease; 
-o-transition: all 0.9s ease; 
}
.bereiche::-webkit-scrollbar {
width: 05px;
}
.steckbriefinhalt::-webkit-scrollbar-track {
background-color: #fafafa;
}
.steckbriefinhalt::-webkit-scrollbar-thumb {
background-color: #ffffff;
}
.bereiche { 
font-family: sylfaen; 
font-size: 20px; 
text-align: center; 
margin-bottom: 3px; 
padding-bottom: 3px; 
border-bottom: 2px solid #ffffff; 
}
.zusatz {
font-family: calibri; 
font-size: 13px; 
text-align: justify; 
font-style: italic;
text-transform: lowercase;
}
</style>
 
<div class="hauptfeld">
<div class="überschrift">Zeit deines Charakters
<div class="zusatz"><center>Rumtreiberzeit, Goldenes Trio oder zukünftige Helden?</center></div></div>
<div class="steckbriefinhalt">
 
<div class="bereiche">Persönliche Daten</div>
<blockquote><b>NACHNAME:</b> (Angabe)
 
<b>VORNAME:</b> (Angabe)
 
<b>SPITZNAME:</b> (Angabe)
 
<b>GEBURTSTAG:</b> (Angabe)
 
<b>ALTER:</b> (Angabe)
 
<b>STERNZEICHEN:</b> (Angabe)
 
<b>GEBURTSORT:</b> (Angabe)
 
<b>WOHNORT:</b> (Angabe)
 
<b>BERUF:</b> (Angabe)
<div class="zusatz">Wenn dein Charakter aus dem Schulalter heraus ist, dann nenne uns bitte seinen Beruf.</div>
 
<b>BLUTSTATUS:</b> (Angabe)
<div class="zusatz">Muggelstämmig, Halbblut oder Reinblut?</div></blockquote>
 

<div class="bereiche">Aussehen</div>
<blockquote><center><img src="http://fs1.directupload.net/images/150101/mggbkmrw.png" title="(Angabe: Name eures Charakters einfügen)" width="150" height="150" /></center>
 
<b>AUGENFARBE:</b> (Angabe)
 
<b>HAARFARBE:</b> (Angabe)
 
<b>GRÖßE:</b> (Angabe)
 
<b>FIGUR:</b> (Angabe)
 
<b>KLEIDUNGSSTIL:</b> (Angabe) </blockquote>
 

<div class="bereiche">Stammbaum</div>
<blockquote><b>VATER:</b> (Angabe)
 
<b>MUTTER:</b> (Angabe)
 
<b>GESCHWISTER:</b> (Angabe)
 
<b>EHEPARTNER:</b> (Angabe)
 
<b>KINDER:</b> (Angabe)
 
<b>SONSTIGE VERWANDTE:</b> (Angabe)
 

<b>LEBENSLAUF:</b> (Angabe)
<div class="zusatz">Beschreibe hier bitte die Kindheit, Jugend/Schulzeit und das Erwachsenenleben (falls vorhanden) von deinem Charakter in Textform.</div></blockquote>
 
<div class="bereiche">Charakterzüge</div>
<blockquote><b>POSITIVE EIGENSCHAFTEN:</b>
<ul style="list-style-type:disc">
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>...</li>
 
<b>NEGATIVE EIGENSCHAFTEN:</b>
<ul style="list-style-type:disc">
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>...</li>
 
<b>WÜNSCHE:</b>
<ul style="list-style-type:disc">
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>...</li>
 
<b>NERHEGEB:</b>
 
<b>ÄNGSTE:</b>
<ul style="list-style-type:disc">
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>...</li>
 
<b>IRRWICHT:</b>
 
<b>HOBBIES:</b>
<ul style="list-style-type:disc">
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>(Angabe)</li>
<li>...</li></blockquote>
 

<div class="bereiche">Zauberei & Hexerei</div>
<blockquote><b>SCHULE:</b> (Angabe)
<div class="zusatz">Hogwarts, Beauxbatons, Durmstrang oder vielleicht doch eine andere Zaubererschule?</div>
 
<b>(EHMALIGES) HAUS:</b> (Angabe)
 
<b>LIEBLINGSFACH:</b> (Angabe)
 
<b>HASSFACH:</b> (Angabe)
 
<b>ZAUBERSTAB:</b> (Angabe)
<div class="zusatz">Holzart, Länge, Kern</div>
 
<b>PATRONUS:</b> (Angabe)
<div class="zusatz">Nenne uns bitte die Gestalt deines Patronus' und den glücklichen Gedanken, durch den er entsteht.</div>
 
<b>ANIMAGUS (optional):</b> (Angabe)
 
<b>HAUSTIER:</b> (Angabe)
 
<b>POSITION:</b> (Angabe)
<div class="zusatz">Ist dein Charakter Schülersprecher, Vertrauensschüler oder Quidditchspieler?</div></blockquote>
 

<div class="bereiche">Puppenspieler</div>
<blockquote><b>DEIN NAME (optional):</b> (Angabe)
 
<b>DEIN ALTER:</b> (Angabe)
 
<b>AVATARPERSON:</b> (Angabe)
<div class="zusatz">Wer verleiht deinem Charakter sein Gesicht?</div>
 
<b>ZWEITCHARAKTERE:</b> (Angabe)
<div class=“zusatz“>Gib hier bitte an, ob und wenn ja welche Charaktere du noch bei uns spielst.</div>
 
<b>REGELN GELESEN:</b> (Angabe)
<div class="zusatz">Füge hier das Codewort ein!</div>
 
<b>GESUCH:</b> (Angabe)
<div class="zusatz">Ist dein Charakter ein Gesuche eines anderen Mitgliedes?</div></blockquote></center>