@charset "UTF-8";
/* CSS Document */

* {
	outline: none;
}
a img {
	border: none;
}
html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font: 11px/16px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
html {
	background: url(img/bg.jpg);
	background-attachment: fixed;
}

#container,
#containerS {
	position: relative;
	width: 50%;
	padding: 50px 225px 50px 250px;
	overflow: hidden;
	display: block;
	margin: 0 auto 25px auto;
}
#containerL {
	width: 65%;
	padding: 50px 0 50px 250px;
	overflow: hidden;
	display: block;
	margin: 0 auto 25px auto;
}
#containerS .column,
#containerL .column,
#container .column {
  position: relative;
  float: left;
  padding-bottom: 35000px;
  margin-bottom: -35000px;
  background: url(img/bg_opa-100.png) repeat;
}
#containerS #center2.column {
}
#center {
  width: 100%;
}
#center1, #center2 {
  width: 45%;
  border: 1px solid transparent;
}
#center1{
  margin-right: 25px;
}
#center2 {
	z-index: 9 !important;
}
#nav {
  width: 200px;          /* LC width */
  right: 225px;          /* LC width */
  margin-left: -100%;
}
#containerS #nav {
  width: 200px;          /* LC width */
  right: 225px;          /* LC width */
  margin-left: -93%;
}
#right {
  width: 200px;      /* RC width */
  left: 25px;
  margin-right: -100%;  /* RC width */
}
#containerS #visual {
	position: absolute;
	top: 65%;
	right: 13%;
	z-index: 999;
}
#container #visual {
	position: absolute;
	top: 15%;
	right: -10%;
	z-index: 999;
}
#visual img{
	width: 90%;
}
#right p img {
	margin-left: -10px;
}
/*** IE6 Fix ***/
* html #left {
  left: 200px;           /* RC width */
}
#logo {
	margin: -20px 0 20px -23px;
}
#navigation ul {
	font-family: 'Questrial', sans-serif;
	list-style: none;
	margin: 0 0 0 20px;
	padding: 0;
	width: 50%;
	display: block;
	background: none;
}
#navigation ul li {
	display: block;
	list-style: none;
	margin: 0 0 5px 0;
	padding: 0;
	width: 100%;
	background: #000000;
	padding: 2px 50px 2px 10px;
}
#navigation ul li a {
	text-decoration: none;
	color: #ffffff;
	font-size: 14px;
	line-height: 22px;
	width: 100%;
	display: block;
}
#navigation ul li a.active,
#navigation ul li a:hover {
	color: #ffb301;
}
/*Headlines n Stuff*/

h1, h2, h3 {
	font-family: 'Questrial', sans-serif;
	font-weight: normal;
	color: #ffb301;
	margin:	20px;
	line-height: 1.3em;
}
h1, #center .teaser h1 {
	font-size: 1.8em;
	margin-bottom: 25px;
	margin-top: 60px;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.5em;
	color: #ffffff;
}
a {	
	color: #ffb301;
	text-decoration: none;
}
#center a {	
	color: #ffb301;
	text-decoration: none;
	margin: 0 20px;
}
p {
	margin:	20px;
}
strong {
	color: #ffb301;
}
#center table {
	margin-left: 20px;
	vertical-align: top;
}
#center table tr, #center table tr td {
	vertical-align: top;
}
/*Klassen / Verschiedenes*/
.blind {
	display: none;
}
.clear {
	display: block;
	clear: both;
	height: 0px;
}
.teaser h1, .teaser h2 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 1.2em;
}
iframe {
	margin-left: 20px;
}
/*Weiteres*/

#lang {
	position: absolute; 
	right: 10px; 
	top: 10px;
}
img.posunten {
}
#news .teaser {
	width: 180px;
}
#news .teaser a.readmore {
	background: url(img/linkimg-s.png) no-repeat;
	background-position: 0 6px;
	margin: 0;
	display: block;
	padding: 0 0 20px 18px;
}
#center table tr td p a.readmore,
#center a.readmore,
#center a,
#center2 a.readmore {
	background: url(img/linkimg-s.png) no-repeat;
	background-position: 0 4px;
	margin: 0;
	padding: 0 0 0 18px;
}
#player a,
#containerL #lang a,
#center table tr td a.nolink {
	background: none !important;
	padding: 0;
}

#center ul {
	margin: 0 0 0 20px;
	padding: 0;
	width: 70%;
}
#center ul li {
	list-style: none;
	background: url(img/listimg-s.png) no-repeat;
	background-position: 2px 5px;
	padding: 0 0 0 15px;
	margin: 7px 0;
}
#center .teaser {
	margin: 0 0 50px 0;
}
/*Galleria*/
#center .gallery {
	list-style:none;
	width: 30%;
	margin: 20px 0 0 20px;
	padding: 0;
	}
#center .gallery li {
	display:block;
	width:50px;
	height:50px;
	overflow:hidden;
	float:left;
	margin: 0 10px 10px 0;
	padding: 0;
	background: none !important;
	}
#center .gallery li a {
	display:none;
	}
#center .gallery li div {
	position:absolute;
	display:none;
	top:0;
	left:280px;
	}
#center .gallery li div img{
	cursor: pointer;
	}
#center .galleria_wrapper img {
	width: 50%;
	margin-left: 40px;
	}
.caption {
	margin-left: 45px; 
	}
#center .gallery li.active div img,#center .gallery li.active div {
	display:block;
	}
#center .gallery li img.thumb {
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
	}
#center .gallery li .caption {
	display: block;
	padding-top:.5em;
	}
* html #center .gallery li div span /* MSIE bug */ {
	width:400px
	}
#player {
	margin-left: 25px;
}