/* Allgemeines Anfang */
body, html {
	margin: 0;
	padding: 0;
	
	/* Gecko-based, Mozilla */
	-moz-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	cursor: default;
}
body {
	margin-bottom: 20px;
	color: #fff;
	font: 11px/16px Arial, sans-serif;
	background: url(/media/img/bg-tapete-5.jpg) repeat-x top center #1e1508;
}
a {
	color: #fff;
	text-decoration: none;
	border: none;
	outline: none;
	-moz-outline: 0;
}
a img,
img {
	border: 0;
}
a * {
	cursor: pointer;
}
h2 {
	font: 20px "Hoefler Text";
	font-style: italic;
}
h3 {
	font: 15px/15px "Hoefler Text";
	font-style: italic;
	margin: 0;
	padding: 0;
}
* canvas {
	margin: 0 !important;
	padding: 0;
}
/* classes */
.opaque25 {
	filter: alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}
.opaque50 {
	filter: alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}
.opaque75 {
	filter: alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
}
.opaque90 {
	filter: alpha(opacity=90);
	-moz-opacity:.90;
	opacity:.90;
}
.clear {
	clear: both;
	display: inline;
}
.hidden {
	display: none !important;
}
/* Allgemeines Ende */



/* Bildbereich Anfang */
#stage {
	position: absolute;
	top: 105px; left: 0; right: 0;
	height: 300px;
	width: 100%;
	color: #f00;
	overflow: hidden;
}
#stage img {
	position: relative;
	margin: -20% 0;
	width: 100%;
}
#arrow-left,
#arrow-right {
	display: block;
	position: absolute;
	top: 130px;
	width: 40px;
	height: 40px;
}
#arrow-left {
	left: 75px;
	background: url(/media/img/util-arrow-left.png) no-repeat;
}
#arrow-right {
	right: 75px;
	background: url(/media/img/util-arrow-right.png) no-repeat;
}
/* Bildbereich Ende */



/* Container Anfang */
#container {
	position: relative;
	width: 950px;
	margin: 0 auto;
}

#navigation-meta {
	position: absolute;
	top: 10px; right: 0;
	list-style: none;
	margin: 0;
	padding: 0;
}
#navigation-meta li,
#navigation-meta li a,
#navigation-meta li span {
	display: inline;
	font-size: 11px;
}

.line {
	position: absolute;
 	display: block;
	left: 187px;
 	height: 1px;
 	width: 576px;
 	background: url(/media/img/header-line-gradient.gif) no-repeat top center transparent;
}
.top { top: 103px; }
.bottom { top: 406px; }

#logo {
	position: absolute;
	top: 170px; left: 0;
	display: block;
}

#navigation-menu {
	position: absolute;
	top: 103px; left: 200px;
	height: 239px;
	width: 270px;
	padding-top: 65px;
	border: 0px solid red;	
}
html>#navigation-menu {
	width: 350px;
}
#navigation-menu a {
	position: relative;
	float: left;
	width: 75px;
	height: 75px;
	margin: 6px;
	padding: 0;
	font: 14px "Hoefler Text";
	text-transform: lowercase;
}
#navigation-menu a .handler {
	position: absolute;
	display: block;
	top: 0; left: 0;
	padding: 0;
	width: 75px; height: 75px;
}
#navigation-menu a span {
	position: absolute;
	top: 30px; left: 0;
	width: 75px;
	height: 20px;
	padding: 0;
	display: block;
	text-align: center;
}

/* Contentbereich Anfang */
#content {
	position: absolute;
	top: 470px; left: 0;
}
/* Contentbereich Ende */
/* Container Ende */