body {
 font-family: Verdana,Tahoma,Arial;
 font-size: 10pt;
 background-color: #858585;
}


.charabereich {
 margin-left: auto;
 margin-right: auto;
 background-color: #cad3ff;
 vertical-align: middle;
}

.charaliste {
 width: 120px;
 height: 300px;
 float: left;
 text-align: right; 
 background-color: #cad3ff;
 vertical-align: middle;
}

div.character {
 margin-top: 10px;
 float: right;
 background-color: #a8b1dd;
 width: 110px;
}

.shortfacts {
 width: 230px;
 height: 300px;
 float: left;
 background-color: #cad3ff;
}

.longfacts {
 width: 270px;
 height: 300px;
 float: left;
 background-color: #cad3ff;
}

.avatar {
 width: 180px;
 height: 300px;
 float: left;
 background-color: #cad3ff;
 text-align: center;
}


a {
 color: #eeeeee;
 text-decoration: none;
 font-variant: small-caps;
}

a.gross {
 text-transform: uppercase;
}

a:hover {
 text-transform: uppercase;
}

div#drittereihe {
 width: 940px;
 height: 30px;
 background-color: #dddddd;
 float: left;
 border-left: 30px solid #eeeeee;
 border-right: 30px solid #eeeeee;
}

div#erstereihe {
 width: 100%;
 height: 30px;
 float: left;
}

div#header {
 width: 100%;
 float: left;
}

div.hellgrau {
 width: 3%;
 height: 100%;
 background-color: #eeeeee;
 float: left;
}

div.link {
 width: 90px;
 height: 50px;
 padding-top: 70px;
 background-image: url(images/linkback.png);
 color: #eeeeee;
 text-align: center;
 float: right;
 margin-right: 10px;
}

div#links {
 width: 400px;
 height: 120px;
 background-image: url(images/linkback_2.png);
 float: left;
}

div#main {
 width: 900px;
 background-color: #acacac;
 float: left;
 padding: 20px;
 border-left: 30px solid #dddddd;
 border-right: 30px solid #dddddd;
}

div#mitte {
 width: 100%;
 float: left;
}

div.mittelgrau {
 width: 3%;
 height: 100%;
 background-color: #dddddd;
 float: left;
}

div.navi {
 width: 90px;
 height: 40px;
 padding-top: 40px;
 background-color: #373737;
 color: #eeeeee;
 text-align: center;
 float: left;
 margin-left: 50px;
}

div#navigation {
 width: 100%;
 height: 80px;
 background-color: #222222;
 float: left;
}

div#quotes {
 width: 430px;
 height: 180px;
 background-color: #707070;
 float: left;
 padding: 20px;
}

div#titel {
 width: 420px;
 height: 70px;
 background-image: url(images/titleback.png);
 float: left;
 text-align: left;
 padding-left: 180px;
 padding-top: 50px;
 text-transform: uppercase;
}

div#welcome {
 width: 430px;
 height: 180px;
 background-color: #acacac;
 float: left;
 padding: 20px;
}

div#wrapper {
 width: 1000px;
 margin: auto;
}

div#zentrum {
 width: 94%;
 height: 100%;
 background-color: #dddddd;
 float: left;
}

div#zweitereihe {
 width: 100%;
 height: 220px;
 float: left;
}

img#logo {
 margin-top: 10px;
 float: left;
}

img.textbild {
 float: left;
 width: 120px;
 margin-right: 4px;
}

input.abschicken {
 margin-left: 100px;
}

p {
 text-align: justify;
}

p#titelname {
 margin-left: 120px;
}

p.zitat {
 font-weight: bold;
}

span#haupttitel {
 font-size: 14pt;
 color: #56241b;
}