body {
font-family: Tahoma;
color: #B60000;
background-color: #D9CDC9;
font-size: 12px;
cursor: default;
text-align: left;
margin: 0;
padding: 0;
}
table {
font-family: Tahoma;
font-size: 12px;
cursor: default;
text-align: right; 
padding: 0;
width: 100%;
border: 1px dashed #B60000;
}
tr, td  {
vertical-align: top;
align: right;
text-align: right;
}
tr.webby, td.webby  {
vertical-align: top;
align: center;
text-align: right;
border: 1px dotted #B60000;
}
td.left {
text-align: right;
width: 90%;
border-right: 2px dashed #B60000;
}
td.right {
text-align: right;
width: 10%;
}
td.pic {
text-align: center;
vertical-align: bottom;
border: 1px dotted #B60000;
}
img {
border: 0px;
border-bottom: 0px;
}
ol, ul, li {
text-align: right;
align: right;
}
.button, .input, input, textarea, select {
 font-size: 12px;
 line-height: 13px;
 font-family: Tahoma;
 color: #B60000;
 background-color: #E8D7DE;
 text-align: left;
 cursor: default;
 border: #F31F70; 
 border-style: solid; 
 border-width: 1px;
}
a:link, a:visited {
cursor:help; 
font-family: Tahoma;
color:#F31F70; 
text-decoration:none;
text-align: justify;
font-size: 11px;
line-height: 13px;
text-transform: none;
border-bottom: 2px solid #F31F70;
}
a:hover {
cursor:help; 
font-family: Tahoma;
color:#B60000;
text-decoration:none; 
text-align: justify; 
font-size: 11px;
line-height: 13px;
text-transform: none;
border-bottom: 0px solid #000000;
}
a:link.arrow, a:visited.arrow, a:hover.arrow {
border: 0px;
}
#container{
top: 0;
left: 0;
width:900px;
height: 600px;
margin: auto;
padding: 0 0 0 0;
background-image:url(img/layout.jpg);
background-repeat:repeat-y;
}
#content{
position: absolute;
float:left;
top: 135px;
left: 462px;
padding: 0 0px 0 0px;
width: 420px;
height: 453px;
text-align: right;
overflow-y: hidden;
overflow-x: hidden;
}
* html #content{ 
  left: 461px; 
  height: 453px; 
  width: 422px; 
  overflow-y: hidden; 
  overflow-x: hidden;
}
#navigation {
position: absolute;
float: left;
top: 413px;
left: 10px; 
width: 442px;
font-size: 11px;
line-height: 13px;
color: #704023;
cursor: default;
text-align: center;
margin:0px;
padding: 0px;
}
#layer{
position: absolute;
top: 130px;
left: 460px;
width: 136px;
height: 154px;
background-image:url(img/layer.gif);
background-repeat:no-repeat;
z-index: 2;
}
SPAN.bold {
font-weight: bold;
font-size: 13px;
}
SPAN.small {
font-size: 9px;
}
#left {
text-align: right;
padding-right: 5px;
}
p.left {
text-align: left;
}
p.bold {
font-weight: bold;
}
p.justify {
text-align: justify;
}
p.center {
text-align: center;
}
.navi_header {
color: #B60000;
background-color: #D9CDC9;
border: 1px dashed #B60000;
text-align: center;
}
.content_header {
color: #B60000;
background-color: #D9CDC9;
border: 1px dashed #B60000;
text-align: center;
}
.rahmen {
text-align: right;
border-top: 2px dashed #B60000;
border-left: 2px dashed #B60000;
border-right: 2px dashed #B60000;
border-bottom: 2px dashed #B60000;
}
.rahmen_news {
text-align: right;
border-top: 2px dashed #B60000;
}
#affilate {
}
#partner {
}
#chara {
position: relative;
float: left;
top: 0px;
left: 30px;
text-align: justify;
width: 360px;
}
#chara_bild {
float: left;
width: 110px;
height: 100px;
}
#persocom {
position: relative;
float: left;
top: 0px;
left: 30px;
text-align: justify;
width: 360px;
}
#persocom_bild {
float: left;
width: 170px;
height: 370px;
}
#chobit {
position: relative;
float: left;
top: 0px;
left: 30px;
text-align: justify;
width: 360px;
}
#chobit_bild {
float: left;
width: 236px;
height: 360px;
}
#buch {
position: relative;
float: left;
top: 0px;
left: 30px;
text-align: justify;
width: 360px;
}
#buch_bild {
float: left;
width: 160px;
height: 240px;
}
#counter {
position: absolute;
float: left;
top: 0px;
left: 200px;
}