html {
	height: 100%;
}

body {
	background-color: #0b0c0d;
	height: 100%;
	margin: 0;
}

img.preload {
	display: block;
	height: 0;
	visibility: hidden;
	width: 0;
}

.clear {
	clear: both;
}

.container {
	/*margin: -150px auto 0;*/
	display: none;
	margin: 0 auto;
	width: 540px;
}

noscript .container {
	display: block !important;
}

.horiz {
	height: 1px;
	overflow: visible;
	position: relative;
	top: 50%;
}

.pressure {
	height: 50%;
	margin-bottom: -130px;
}

.gball, .oball {
	background-image: url('framework_sprite.png');
	float: left;
	height: 90px;
	position: relative;
	width: 90px;
}

.gball {
	background-position: -90px -225px;
	margin-left: 450px;
}

.oball {
	background-position: 0 -225px;
}

#o_1 {
	opacity: 0.45;
	filter: alpha(opacity=45);
}

#o_2 {
	opacity: 0.55;
	filter: alpha(opacity=55);
}

#o_3 {
	opacity: 0.65;
	filter: alpha(opacity=65);
}

#o_4 {
	opacity: 0.75;
	filter: alpha(opacity=75);
}

#o_5 {
	opacity: 0.85;
	filter: alpha(opacity=85);
}

#o_6, #g_1 {
	opacity: 0.95;
	filter: alpha(opacity=95);
}

.links {
	margin-top: 22px;
	text-align: center;
}

.links a {
	color: #8f8f8f;
	font-family: Verdana;
	font-size: 16pt;
	margin: 0 1.8em;
	outline: none;
	text-decoration: none;
}

.links a:hover {
	text-shadow: 0 1px 4px #242526;
}

.links a span {
	background-image: url('framework_sprite.png');
	display: inline-block;
	height: 12px;
	width: 28px;
}

.links.css_only a:hover span {
	visibility: visible !important;
}

.copy_wrapper {
	margin: 18px auto 0;
	overflow: hidden;
	position: relative;
	width: 0px;
}

.copy {
	background-image: url('framework_sprite.png');
	background-position: 0 -315px;
	height: 17px;
	left: -74px;
	position: relative;
	width: 148px;
}

.copy .hover {
	background-image: url('framework_sprite.png');
	background-position: 0 -332px;
	height: 17px;
	width: 148px;
}

#lang_de span {
	background-position: -180px -116px;
	margin-right: 1px;
	visibility: hidden;
}

#lang_en span {
	background-position: -180px -128px;
	margin-left: 1px;
	visibility: hidden;
}