body{
	background-color:#000028;
	color:#EEE;
	margin:0;
	padding:1em;
	text-align:center;
}
.body{
	background-color:#003;
	border:1px solid #036;
	margin:0 auto;
	max-width:45em;
	padding:1em;
	text-align:left;
}
.logo{float:right;margin:0 0 2em 1em;}
h1,h2,h3{color:#FFC;}
h1,h2{
	background-image:url(tatze.png);
	background-position:left top;
	background-repeat:no-repeat;
	clear:left;
	font-size:141%;
	height:56px;
	margin:1.5em 0 0.5em 0;
	padding:0 0 0 69px;
	vertical-align:bottom;
}
h1{margin:0;}
.untertitel{display:block;font-size:77%;font-weight:normal;}
h3{font-size:107%;margin:1em 0 0.5em 1.5em;}
p{margin-bottom:0.9em;}
#inhalt{
	font-size:smaller;
	line-height:1.2em;
	margin:1.2em 0 2em 0;
}
#inhalt p{
	float:left;
	margin:0;
}
#inhalt ul{
	display:block;
	list-style-type:none;
	margin:0 0 0 3.2em;
}
.screenshot{
	clear:left;
	margin:1.5em 0 1.5em 2.5em;
}
.screenshot img{
	background-color:#223;
	border:1px solid #036;
	float:left;
	margin:0 1em 1.5em 0;
}
.screenshot h3{
	clear:none;
	display:inline;
	margin:0;
}
.screenshot p{
	margin:0.3em 0;
}
.skins{
	margin:1.5em 0 0 2.5em;
}
.skins img{
	border:1px solid #036;
	margin:0 0.5em 0 0;
}
dl{
	margin:0.7em 0 0 2.5em;
}
dt{
	float:left;
	margin:0 1em 0 0;
}
dd{
	margin:0 0 0 18em;
	padding:0;
}
ul,li{
	margin:0;
	padding:0;
}
ul{
	margin:0 0 0 3.5em;
}
.info{
	clear:left;
	margin:1em 0 2em 2.5em;
}

a:link{color:#FFD;}
a:visited{color:#F7F7EE;}
a:hover,a:active{color:#FF0;text-decoration:none;}
p a img{border:1px solid #036;}
a:hover img{border-color:#FF0;}

a.einfach{display:none;}
div.einfach{margin:1.5em 0 0 2.5em;}
div.einfach h3,.einfach p,.einfach span{display:none;}
div.einfach div,.einfach img{display:inline;float:none;margin:0;}
div.einfach img{margin:0 0.5em 0 0;}