html {
margin: 0px auto;
padding: 0px;
text-align:center;
font-family: Comic Sans MS; font-size: 13px; font-weight: bold; color: #fff;
text-transform:uppercase;
}

body {
margin: 0px;
padding: 0px;
background-image: url(../design/background_charactars.gif);
background-repat: repeat-y;
background-color: #000;
}


#container {
padding: 0px;
margin: 0px auto;
width: 600px;

}

#rightcol {
float: left;
}

#top {
clear: both;
margin: 5px 0px 10px 0px;
}

#theo {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
backgroun-color:
padding: 0px;
width: 100%;
height: 200px;
}


#felicia {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#max {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#leo {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#greta {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#amir {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#alfred {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#luc {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

#wells {
clear: both;
float: left;
text-align: justify;
margin: 0px 0px 10px 0px;
padding: 0px;
width: 100%;
height: 200px;
}

.bild {
float: left;
text-align: left;
margin: 5px 5px 40px 0px;

}