#header {
	position: relative;
	height: 300px;
	margin: auto;
	z-index: 1;	
	width: 1098px;
	border: 1px solid var(--back);
}

.userbox {
position: absolute;
z-index: 2;
width: 200px;
left: 30px;
top: 100px;
}

.userboxinner {
background: var(--userbox);
width: 200px;
border: 1px solid var(--back2);	
}

.userava {
	padding: 25px;
}

.userinfo {
	padding: 0 25px 25px 25px;
}

.userfact {
font-size: 12px;
	font-variant: small-caps;
margin: 5px 0;
text-align:right;
}

.userfact span {
font-size: 12px;
text-align:left;
float: left;
color: var(--header);	
}

.statfact {
font-size: 14px;
margin: 5px 0;
text-align:right;
}

.statfact span {
font-size: 14px;
text-align:left;
float: left;
color: var(--header);	
}

#headerbox {
background: var(--back2);
width: 1100px;
margin: auto;
}

.boxi {
height: 150px;
text-align: justify;
overflow: auto;
padding: 0 5px 0 10px;
line-height: 1.4em;	
}

.boxi2 {
height: 150px;
text-align: justify;
overflow: auto;
padding: 20px 50px;
}

.boxo {
height: 160px;
}

.boxtitel {
padding: 10px;
text-align: center;
font-size: 20px;
	font-variant: small-caps;
background: var(--userbox);
	color: var(--header)
}

a.userfact:link,
a.guestfact:link {
	color: var(--header);
	text-decoration: none;
}

a.userfact:visited,
a.guestfact:visited {
	color: var(--header);
	text-decoration: none;
}

a.userfact:hover,
a.userfact:active, 
a.guestfact:hover,
a.guestfact:active {
	color: var(--header);
	text-decoration: none;
}

.guestfact {
font-size: 16px;
	font-variant: small-caps;
margin: 5px 0;
text-align:right;
}

.guestfact span {
font-size: 16px;
text-align:left;
float: left;
color: var(--header);	
}