/* CSS Document */

* {
	margin:0;
	padding:0;
}

html {
	background-color:#271109;
	background-image:url(../images/bg.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	height:100%;
}

body {
	background-color:#271109;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100.1%;
	height:100%;
}

a {
	color:#FFFFFF;
	text-decoration:underline;
}

a:hover, a:focus, a:active {
	color:#FFFFFF;
	text-decoration:none;
}

a img {
	border:0;
}

p {
	padding:5px 0 5px 0;
	margin:0;
}

/* Variable Klassen */


.banner {
	text-align:center;
}

.banner img {
	vertical-align:middle;
}

.clear {
	clear:both;
}

#content {
	display:inline;
	float:right;
	margin:0 21px 0 0;
	padding:0 35px 0 25px;
	width:422px;
}

#content h1 {
	font-size:2.73em;
	margin:34px 0 25px 0;
	text-align:center;
	text-transform:uppercase;
}

#content h1 img {
  vertical-align:middle;
}

#content h1 span {
  font-size:0.50em;
  font-weight:normal;
}

#content h2 {
	font-size: 1.90em;
	margin:35px 0 25px 0;
	text-align:center;
	text-transform:uppercase;
}

#content p {
	font-size:1.27em;
}

#content p img {
	vertical-align:middle;
}

#content .press {
	font-size:1.10em;
	line-height:20px;
	padding-bottom:15px;
	width:450px;
}

#content .press .screenshot {
	border:1px solid #2B1A0B;
	margin:0 0 0 10px;
	width:80px;
}

#contentpics {
	display:inline;
	float:left;
	height:444px;
	margin:11px 0 0 10px;
	position:absolute;
	overflow:hidden;
	width:332px;
}

#contentpics li { 
	height:444px;
	overflow:hidden;
	position:absolute;
	width:332px;
}

#contentpics li img {
	display:block;
  height:444px;
  width:332px;
}

#contentpics .front {
	z-index:300;
}

.cpic_caption {
	background-color:#210D06;
	display:block;
	height:444px;
	margin:-444px 0 0 320px;
	opacity:0.6;
	text-indent:-5000px;
	width:12px;
}

#f_address {
	display:inline;
	float:left;
	font-style:normal;
	margin:0 0 0 40px;
	width:300px;
}

#f_copy {
	display:inline;
	float:right;
	font-style:normal;
	margin:0 40px 0 0;
	text-align:right;
	width:150px;
}

.flexcroll {
	height:444px;
	margin:11px 0 0 0;
	overflow:auto;
	position:relative;
}

#footer {
	clear:both;
	color:#EFDCB6;
	padding:13px 0 0 0;
	width:870px;
}

#footer a {
	color:#EFDCB6;
	text-decoration:none;
}

#footer p {
	display:inline;
	float:left;
	margin:0 0 0 70px;
	padding:0;
	width:250px;
}

#footer p a {
	color:#EFDCB6;
}

#inlay {
	background-image:url(../images/contentbg.png);
	background-position:0 0;
	background-repeat:no-repeat;
	clear:both;
	height:486px;
	width:870px;
}

#inlay_box {
	background-image:url(../images/contentbg_box.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
	display:inline;
	float:left;
	height:476px;
	margin:10px 0 0 10px;
	width:860px;
}

#logo {
	display:inline;
	float:left;
	height:49px;
	margin:0 0 22px 38px;
	width:281px;
}

#page {
	font-size:0.69em;
	height:570px;
	left:50%;
	margin:-285px 0 0 -435px;
	position:absolute;
	top:50%;
	width:870px;
}

#slideshow {
	margin:10px 0 0 35px;
	text-align:center;
	width:362px;
}

#slideshow img {
	border:2px solid #271109;
}

#slideshow_nav {	
	margin:auto;
	padding:40px 0 0 0;
	text-align:center;
	width:362px
}

#slimplayer {
	display:block;
	opacity:0.5;
	margin:25px auto 0 auto;
}

.scrollcontent {
	height:444px;
	overflow:scroll;
}

.text-center {
	text-align:center;
}

#topmenue {
	display:inline;
	float:right;
	font-size:1.27em;
	margin:-5px 0 0 10px;
	width:530px;
}

#topmenue li {
	float:left;
	list-style:none;
}

#topmenue li.back {
	background-image:url(../images/topmenue_dot.gif);
	background-position:50% 100%;
	background-repeat:no-repeat;
	height:30px;
	position:absolute;
	width:9px;
	z-index:8;
}

#topmenue li a {
	color:#8B745C;
	display:inline;
	float:left;
	height:30px;
	letter-spacing:0;
	margin:auto 10px;
	position:relative;
	outline:none;
	overflow:hidden;
	text-decoration:none;
	top:7px;
	z-index: 10;
}

#topmenue li a:hover, #topmenue li a:active, #topmenue li a:focus {
	color:#D7BDA3;
}

#topmenue .current_js a {
	color:#D7BDA3;
}