@CHARSET "UTF-8";
@import url('reset.css');
body {
	color: white;
	background: black url("../images/background.png") top center no-repeat;
}
#page {
	position: relative;
	
	margin: 0px auto;
	margin-top: 200px;
	padding: 20px 00px 0;
	width: 800px;

	border-width: 15px 12px 15px 12px;
	-o-border-image: url("../images/border.png") 42% 39% 42% 39% round round;
	-moz-border-image: url("../images/border.png") 42% 39% 42% 39% round round;
	-webkit-border-image: url("../images/border.png") 42% 39% 42% 39% round round;
	-icab-border-image: url("../images/border.png") 42% 39% 42% 39% round round;
	-khtml-border-image: url("../images/border.png") 42% 39% 42% 39% round round;
	border-image: url("../images/border.png") 42% 39% 42% 39% round round;
}
#page.boxed {
	width: 260px;
	padding: 0;
}
#container {
	overflow: hidden;
}
#navigation {
	padding-top: 70px;
	width: 150px;
	margin-right: -150px;
	float: left;
}
#navigation ul { 
	list-style: none;
	text-align: right;
}
#navigation ul ins {
	color: #aaa;
	text-decoration: none;
}
#navigation ul li {
	font-size: 115%;
	line-height: 150%;
}
#content {
	padding: 15px 30px;
	margin-left: 150px;
}
.boxed #content {
	display: block;
	margin: 0;
}
#planet {
	width: 610px;
	height: 200px;
	overflow: hidden;
}
#page.boxed #content {
	margin: 0;
}
#footer {
}
/*
 * Resources Header
 */
dl.resources {
	position: absolute;
	top: 10px;
	right: 40px;
}
dl.resources dt {
	margin-left: 30px;
	color: #ababab;
	display: inline;
}
dl.resources dd {
	display: inline;
}
/*
 * Layout Elements
 */
dt {
	margin-top: 15px;
	color: #ababab;
}
.messages {
	width: 610px;
	overflow: hidden;
	list-style: none;
	color: #ababab;
}
.text {
	width: 500px;
	overflow: hidden;
	float: left;
}
span.options {
	float: left;
}
ul.options {
	float: right;
	clear: right;
	list-style: none;
}
ul.options li {
	float: left;
	padding: 3px 7px;
}
.message {
	color: white;
}
#footer {
	position: absolute;
	bottom: -40px;
}
#footer ul {
	list-style: none;
	clear: left;
}
#footer ul li {
	padding: 3px 7px;
	float: left;
}

/* Schrift -größe/-art */
body {
	font: 10pt/15pt "Segoe UI", Helvetica, Verdana, Geneva, Arial, sans-serif; 
}
h1 { font-size: 200%; margin: 15px 0; }
h2 { font-size: 150%; }
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

p, caption, label, ul, ol {
	margin-top: 10px;
}

/* Logo */
#logo {
	position: absolute;
	top: -62px;
	left: 120px;
	width: 131px;
	height: 42px;
	background: url("../images/logo.png") top left no-repeat;
	display: block;
	text-indent: -200em;
}
#logo:hover {
	outline: none;
}

/* form.box */
form.box {
	width: 100%;
}
form.box label, form.box input {
	display: block;
	width: 80%;
}
form.box input.submit {
	float: right;
	width: auto;
	padding-right: 31px;
	height: 26px;
	border: 0;
	background: url("../images/submit.png") top right no-repeat;
	color: white;
}
form.box input.submit:hover, form.box input.submit:focus {
	background-position: right -27px;
}
form.box input.submit:active {
	background-position: right -54px;
}

/* Layout Elemente */
hr {
	margin-top: 10px;
	height: 1px;
	background-color: black;
	border: 0;
	width: 100%;
}

/* Links */
a:link, a:active, a:focus, a:hover, a:visited { text-decoration: none; }
a, a:link { color: #009eff; }
a:focus, a:visited { color: #0078c2; }
a:active, a:hover { color: #42b7ff; }

/* ClearFix by Webtoolkit */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }