/****************************** General Definitions ******************************/
body, html {
	background:url(images/body_bg.png) #000000;
	font-family:Verdana, Tahoma, Arial, Helvetica,sans-serif;
	font-size:11px;
	line-height:18px;
	margin:0;
	color:#FFFFFF;
	height:100%;
}

#planet {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/homeplanet.png');
	width:642px; height:357px;
	position:fixed;
	right:0; bottom:0;
	z-index:10; /* Je höher desto weiter oben */
}
html > body #planet {
	background: url(images/homeplanet.png);
}

#content {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/content_bg.png');
	width:781px; height:620px;
	position:absolute;
	left:50%;
	margin-left:-390px;
	top:130px;
	z-index:15;
	overflow:hidden;
}
html > body #content {
	background: url(images/content_bg.png);
}

#content div {
	margin:45px;
}


#logo h4 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logo.png');
	width:167px; height:174px;
	position:absolute;
	left:50%;
	margin-top:0;
	margin-bottom:0;
	margin-left:-490px;
	top:20px;
	z-index:80;
	cursor:move;
}
html > body #logo h4 {
	background: url(images/logo.png);
}

#logo h4 span { display:none; }

#logotext {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/logotext.png');
	width:255px; height:57px;
	position:absolute;
	left:50%;
	margin-left:-310px;
	top:50px;
	z-index:20;
}
html > body #logotext {
	background: url(images/logotext.png);
}
/****************************** Content Definitions ******************************/

p {
	margin:12px 0;
}

p.code {
	font-family:"Lucida Console", Courier New, Verdana, Tahoma, sans-serif;
	line-height:15px;
	background:#000000;
	border:1px solid #114357;
	padding:5px;
	width:500px;
}

h1 {
	font-size:20px;
	font-weight:normal;
	margin:0;
}

h2 {
	font-size:17px;
	font-weight:normal;
	margin:7px 0 17px 0;
}

h3 {
	font-size:14px;
	margin:25px 0 5px 0;
}


#content a:link, #content a:visited, #content a:active, #content a:focus {
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
#content a:hover {
	text-decoration:underline;
}



#lensflare {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/lensflare.png');
	width:1100px; height:346px;
	position:absolute;
	left:50%;
	margin-left:-744px;
	top:0px;
	z-index:3;
}
html > body #lensflare {
	background: url(images/lensflare.png);
}

#impressum {
	position:absolute;
	top:5px;
	right:10px;
	z-index:65;
}

#impressum a:link, #impressum a:visited, #impressum a:active, #impressum a:focus {
	color:#898989;
	text-decoration:none;
}
#impressum a:hover {
	text-decoration:underline;
}

#morpher a:link, #morpher a:visited, #morpher a:active, #morpher a:focus {
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}
#morpher a:hover {
	text-decoration:none;
}

#morpher {
	position:absolute;
	right:5px;
	width:350px; height:200px;
	background:#0F252B;
	z-index:95;
	border:2px solid #114256;
	font-size:10px;
	line-height:13px;
}

.morph1 {
	top:-220px;
}

.morph2 {
	top:5px;
}
#morpher div {
	margin:15px;
}

#morpher div div {
	margin:0;
	text-align:right;
}