body {
	height: 100%;
	background-image: url("images/background.png");
	color: #fff;
	font-family: sans-serif;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend {
	margin:0;
	padding:0;
}

a {
	color: #fff;
	text-decoration:none;
}

img {
	border: 0;
}

table, tr, td {
	border: 0;
	padding: 0;
	margin: 0;
}

table#page {
	margin: 0 auto;
	width: 1230px;
	height: auto;
	min-height: 100%;
}

td {
	vertical-align: top;
}

td.content {
	width: 951px;
}

div#mainbody {
	width: 680px;
	float: left;
}

div#sidebar {
	width: 230px;
	padding-right: 5px;
	float: right;
}

div.box {
	border: 1px solid;
	padding: 10px;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url("images/box-bg.png");
}

div.box ul {
	list-style-type: square;
	padding-left: 20px;
	color: #ff0000;
}

div.posttitle {
	font-weight: bold;
}

div.posttitle h1 {
	font-size: 1.7em;
}

div.posttitle .sub {
	font-size: 0.6em;
	font-weight: bold;
}

div.postlinks {
	font-size: 0.6em;
}

div.postcontent {
	font-weight: bold;
	font-size: 0.9em;
}

div.boxtitle {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 10px;
}

span.boxdot {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 10px;
	color: #ff0000;
}

div.boxcontent {
	font-size: 0.8em;
}

div.formdesc {
	font-size: 0.7em;
	padding-top: 2px;
}

div.formsubmit {
	text-align: right;
	padding-top: 10px;
}

div.postavatar {
	float: left;
	width: 64px;
	height: 77px;
	padding-right: 10px;
}

img.avatar {
	width: 64px;
	height: 77px;
	border: 1px solid #ffffff;
}

/* Falls height hier geaendert wird, muss auch "top" im nachstehenden "img" tag
   geaendert werden und anders rum! */
div#fox {
	height: 30px;
}

div#fox > img{
	z-index: 20;
	position: relative;
	top: -66px;
	left: 125px;
}