body {
	color:#336699;
	background-color:#336699;
	font-family: "Courier New", Courier, mono;
	font-size: 1.5em;
	height: 580px;
	width: 780px;
}

a {
	font-size: 1em;
	font-variant: small-caps;
	text-decoration: underline overline;
	color:#222222;
	line-height: 8px;
}

h1 {
	font-size: 1.5em;
	clear: left;
	float: left;
	height: auto;
	width: 100px;
}
h2 {
	background-color:#abba87;
	position:absolute;
	top: 50px;
	float:right;
	right: 5px;
}
h3 {
	background-color:#abba07;
	position:absolute;
	top: 100px;
	float:right;
	text-align:right;
	right: 5px;
}
h4 {
	background-color:#abba77;
	position:absolute;
	top: 200px;
	float:right;
	text-align:right;
	right: 5px;
}

h5 {
	background-color:#abba97;
}

#dragger, #copyriot, #sitemap, #wursttheke, #hilfe, #chilloutchat, #flash, #search, #news {
	background-color:#abba67; cursor: move; border:1px solid #999999; position:absolute; padding:40px;
	}
.item {width:60px;height:60px;border:3px solid #444444; position:relative;float:left;margin:5px;padding:4px;}
.drag {}
.dragover {border:3px solid #900;background-color:#FEE;color:#000;}
.dropped {border:3px solid #009;background-color:#339;color:#FFF;}


.draggable
{
	font-size: 2em;
	color: #fff;
	text-decoration : none;
}

.w3chtml
{
	position:absolute;
   	bottom:1px;
   	right:1px;
}
.w3ccss
{
	position:absolute;
   	bottom:1px;
   	right:89px;
}

img
{
	margin: 0;
   	padding: 0;
   	border: 0;
}