body {
	border: 0px;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
	font-size: 11px; 
     }

h1 {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px 0px;
	padding: 2px 2px 2px 2px; 
	border-top: 1px dotted #6F7D83;
	border-bottom: 1px dotted #6F7D83;
	}
h1 img {
margin: 0px 0px 0px 0px;
}
h2 {
	font-size: 14px;
	/*background-image: url(images/layout/h2bg.gif);*/
	font-weight: bold;
	color: #6F7D83;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px; 
	border-top: 1px dotted #ffffff;
	border-bottom: 1px solid #6F7D83;
	}
h3 {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px -10px 0px;
	padding: 0px; 
	}
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #6F7D83;
	margin: 0px 0px 0px 0px;
	padding: 2px 2px 2px 2px; 
	border-top: 1px dotted #6F7D83;
	}
.grey {  
	font-size: 11px; 
	color: #6F7D83;
	}
	
.red {  
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: bold; 
	color: #CD392F;
	}
.textgrau {  
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	line-height: normal; 
	font-weight: normal; 
	color: #666666;
	}
a {text-decoration: none; color: #6F7D83;}
a.footer {text-decoration: none; color: #6F7D83;}
a.grey {text-decoration: none; color: #6F7D83;}
a.bold {text-decoration: none; color: #000000; font-weight: bold;}
a.bold:hover {text-decoration: none; color: #6F7D83; font-weight: bold;}
a:hover {text-decoration: underline;  color: #6F7D83;}
a.link {text-decoration: none; color: #6F7D83; }
a.link:hover {text-decoration: none; color: #000000; }
a.h1 {text-decoration: none; color: #000000; }
a.h1:hover {text-decoration: underline; color: #000000; }
a.header {text-decoration: none; color: #000000; }
a.header:hover {text-decoration: underline; color: #000000; }
a.text {text-decoration: none; color: #000000; }
a.text:hover {text-decoration: underline; color: #000000; }
a.blogteaser {text-decoration: none; color: #000000; font-weight: bold; }
a.blogteaser:hover {text-decoration: underline; color: #000000; font-weight: bold; }
a.filmsoverview_title {text-decoration: none; color: #000000; font-weight: bold;font-size: 14px;}
a.filmsoverview_title:hover {text-decoration: underline; color: #000000; }
a.socweb {text-decoration: none; color: #000000; font-weight: bold; }
a.socweb:hover {text-decoration: underline; color: #000000; font-weight: bold; }

form.related {
margin: 0;
padding: 0;
}

input {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
	background-color: #eeeeee;
    border: 1px solid #6F7D83;
	margin: 3px 0px 3px 0px;
}
select {
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
	background-color: #eeeeee;
    border: 1px solid #6F7D83;
	margin: 0px 0px 0px 10px;
}
textarea{
	font-size: 11px; 
	font-family: Verdana, Arial, Helvetica, Univers, sans-serif;
	background-color: #eeeeee;
    border: 1px solid #6F7D83;
	margin: 3px 0px 3px 0px;
}
.submit_button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6F7D83;
    text-align: center;
    width: 100px;
	font-weight: bold; 
    background-color: #eeeeee;
    border: 1px solid #6F7D83;
	margin: 3px 0px 3px 0px;
}
.submit_button_dl {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6F7D83;
	width: 100px;
    text-align: center;
	font-weight: bold; 
    background-color: #eeeeee;
    border: 1px solid #6F7D83;
	margin: 0px 0px 0px 10px;
}
.submit_button_dl2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6F7D83;
	width: 200px;
    text-align: center;
	font-weight: bold; 
    background-color: #eeeeee;
    border: 1px solid #6F7D83;
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 20px;
}
.submit_button_dl_wps {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6F7D83;
	width: 100px;
    text-align: center;
	font-weight: bold; 
    background-color: #eeeeee;
    border: 1px solid #6F7D83;
	margin: 0px 0px 0px 10px;
}
.radio_button {
    background-color: #ffffff;
    border: 0px solid #ffffff;
	margin: 0px 0px 25px 2px;
}




/* GENERAL*/
/* Navigation */
#nav {
width:790px;
margin: auto;
text-align: left;
height: 145px;
}
#nav-col1 {
float: left;
width: 250px;
}
#nav-col1 img{
margin: 5px 0 0 5px;
}
#nav-col2 {
float: left;
width: 540px;
}
#nav-col2-top {
margin: 0 0 15px 0;
}
#nav-col2-top p{
text-align: right;
color: #6F7D83;
margin: 0 0 0 0;
border: 0;
padding: 2px;
font-weight: bold;
}
#nav-col2-top img{
border: 0;
margin: -3px 1px 0 1px;
}
.nav-col2-buttons {
}
.nav-col2-buttons a{
float: left;
background: url(images/layout/navibutton.gif) 0 0 no-repeat;
text-decoration: none;
width:174px; 
padding: 10px 0 10px 0;
text-align: center;
font-size: 13px;
color:#6F7D83;
font-weight: bold;
}
.nav-col2-buttons a:hover{
background-position: 0 -40px;
color:#ffffff;
text-decoration: none;
}
.nav-col2-buttons a:active{
background-position: 0 -80px;
color:#000000;
text-decoration: none;
}


/* Main Content */
#main {
width:790px;
margin: auto;
text-align: left;
}
/* Col-Ad*/
#col_addit {
	float: left;
    width: 790px;
	margin: 10px 0 15px 0;
}
/* Col1 */
#main_col1 {
	float: left;
    width: 545px;
	padding: 0px 0px 0px 0px;
	margin: 0 5px 0 0;
}
#main_col1 p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
/*NEW Film-Teaser*/
#teaser_newfilm {
	float: left;
    width: 545px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#newfilm {
	width: 545px;
	float: left;
	padding: 0px 0px 7px 5px;
}
#newfilm p {
	padding: 2px 0px 10px 0px;
}
#newfilm img {
	float: left;
    padding: 2px 5px 10px 2px;	
}
/* Col1 - Film-Teaser*/
#col1_film_teaser {
	float: left;
    width: 545px;
	padding: 0;
	margin: 0;
}
.col1_films_box {
	width: 272px;
	float: left;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
}
.col1_films_box p {
	padding: 5px 0 0 0;
	height: 85px;
	margin: 0 0 0 0;
}
.col1_films_box img {
	float: left;
    padding: 0;
	margin: 5px 5px 5px 5px;	
}
/* Col1 - Comments-Teaser*/
#col1_com_teaser {
	float: left;
    width: 545px;
	padding: 0;
	margin: 0 0 10px 0;
}
.col1_com_box {
	float: left;
	width: 545px;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
}
.col1_com_box p {
	padding: 5px 0 0 0;
	height: 55px;
	margin: 0 0 0 0;
}
.col1_com_box img {
	float: left;
    padding: 0;
	margin: 5px 5px 5px 5px;
}

/* Col1 - DL-Teaser*/
#col1_dls_teaser {
	float: left;
    width: 545px;
	padding: 0;
	margin: 0;
}
.col1_dls_box {
	width: 272px;
	float: left;
	padding: 0 0 3px 0;
	margin: 0 0 0 0;
}
.col1_dls_box p {
	padding: 5px 0 0 0;
	height: 85px;
	margin: 0 0 0 0;
}
.col1_dls_box img {
	float: left;
    padding: 0;
	margin: 5px 5px 5px 5px;	
}


/* Col1 -Ad*/
#col1_addit {
    width: 468px;
	margin: 20px 35px 20px 35px;
	float: left;
}


/* Col2 */
#main_col2 {
	float: left;
    width: 240px;
    padding: 0px 0px 0px 0px;
	margin: 0px;
}
#main_col2 p {
    padding: 3px 2px 3px 2px;
	border: 0px;
	margin: 5px 0px 0px 0px;
}
#main_col2 img {
	float: left;
    padding: 2px 2px 2px 2px;
}
/* Col2 -Gallery*/
#col2_gallery {
    width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#col2_gallery p {
	padding: 2px 2px 5px 2px;
	text-align: center;
}
#col2_gallery img {
	float: none;
    margin: 2px 5px 10px 45px;
}
/* Col2 -Blogteaser*/
#col2_blogteaser {
    width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.item  {
	margin: 3px 0 2px 0;
}
.item p {
	padding: 0;
	height: 28px;
	margin: 0 0 0 0;
}
.item img {
	float: left;
    padding: 0;
	margin: 2px 3px 7px 0px;
}

/* Col2 -Social Web*/
#col2_socweb {
    width: 240px;
	padding: 0;
	margin: 0 0 5px 0;
}
.item_socweb  {
	margin: -5px 0 0 0;
	padding: 0;
}
.item_socweb p {
	padding: 0;
	height: 48px;
	margin: 0;
}
.item_socweb img {
	float: left;
    padding: 0;
	margin: 0 5px 0 0;
}

/* Col2 -Games*/
#col2_games {
    width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#col2_games p {
	padding: 2px 2px 5px 2px;
	text-align: center;
}
#col2_games img {
	float: none;
    margin: 2px 5px 10px 45px;
}
/* Col2 -WPs*/
#col2_wps {
    width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#col2_wps p {
	padding: 2px 2px 5px 2px;
	text-align: center;
}
#col2_wps img {
	float: none;
    margin: 2px 5px 10px 45px;
}
/* Col2 nls*/
#col2_nl {
    width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0 0 70px 0;
}
#col2_nl p {
	padding: 2px 2px 5px 2px;
	text-align: center;
}
#col2_nl img {
	float: none;
    margin: 2px 5px 10px 45px;
}
/* Col2 -360*/
#col2_360 {
    width: 240px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#col2_360 p {
	padding: 2px 2px 5px 2px;
	text-align: center;
}
#col2_360 img {
	float: none;
    margin: 2px 5px 10px 45px;
}
/* Col2 -Ad*/
.col2_addit {
    width: 200px;
	margin: 10px 20px 10px 20px;
}

/* Films Overview*/
#filmsoverview {
	float: left;
    width: 790px;
	padding: 0 0 0 0;
	margin: 0;
}
.filmsoverview_box {
	width: 395px;
	height: 85px;
	float: left;
	padding: 0 0 0 0;
	margin:0;
}
.filmsoverview_box p {
	height: 80px;
	padding: 5px 0 0 0;
	margin: 0 0 0 0;
}
.filmsoverview_box img {
	float: left;
	padding: 0;
	margin: 0 5px 0 5px;	
}

.filmsoverview_chart {
	font-size: 14px;
	color: #6F7D83;
	font-weight: bold;
}


/* Adventures*/
#fblike {
    width: 240px;
	height: 60px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #eeeeee;
	border-top: 1px dotted #6F7D83;
}
#fblike p{
    width: 233px;
	float: left;
	padding: 5px 0 5px 7px;
	margin: 10px 0 0 0;
}
#actbox {
    width: 240px;
	height: 155px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	background-color: #eeeeee;
	border-top: 1px dotted #6F7D83;
	border-bottom: 1px dotted #6F7D83;
}
#actbox img {
margin: 3px 0px 0px 20px;
padding: 3px 0px 0px 0px;
border-width: 0px;
}
#actbox ul{
list-style-image: url(images/layout/link.gif);
margin: 7px 0px 0px 25px;
padding: 7px 3px 0px 0px;
border: 3px;
}
#actbox li{
padding: 0px 0px 8px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
}
#actbox li img{
padding: 0;
border: 0;
margin: 5px 0 2px 0;
float: none;
}
#actbox li a{
color: #000000;
padding: 0px 0px 0px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
text-decoration: none;
}
#actbox li a:hover{
color: #000000;
padding: 0px 0px 0px 0px;
border: 0px;
margin: 0px 0px 0px 0px;
text-decoration: underline;
}
/* related*/
#col2_related {
    width: 240px;
	height: 210px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	background-color: #eeeeee;
	border-top: 1px dotted #6F7D83;
}
#col2_related p {
	width: 233px;
	float: left;
	padding: 2px 0 2px 7px;
	margin: 5px 0 0 0;
}
#col2_related img {
    margin: 2px 5px 1px 0px;
}
/* descrtext*/
#adventuredescr {
    width: 540px;
	height: 120px;
	padding: 0;
	margin: 10px 0 10px 0;
}
#adventuredescr p {
	width: 535px;
	float: left;
	padding: 0px 10px 0 0;
}
#adventuredescr img {
	float: left;
    margin: 5px 10px 5px 5px;
	padding:0;
}


/* Downloads*/
#downloads {
	float: left;
    width: 790px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
#download1 {
  float:left;
  width: 790px;
}
#download2 {
  float:left;
  width: 790px;
}

#download_films {
  float:left;
}
#download_films p {
  float:left;
}
#download_films img {
  border: 0px;
}


.download_wps {
  float: left;
  width: 196px;
}
.download_wps img{
border-left: 6px solid #ffffff;
}
.download_wps p {
width: 150px;
margin: 3px 0 3px 5px;
padding: 3px 0 3px 5px;
}

/* Games*/
#games {
	float: left;
    width: 790px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.games_box {
	width: 390px;
	height: 130px;
	float: left;
	padding: 0px 0px 0px 5px;
}
.games_box p {
	padding: 0px 0px 10px 0px;
}
.games_box img {
	float: left;
    padding: 2px 5px 10px 2px;	
}

/* Gallery*/
#gallery {
	float: left;
    width: 790px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.gallery_p {
	width: 150px;
	float: left;
	padding: 0px 2px 0px 2px;
	margin: 0px 2px 0px 2px;
}
.gallery_p p {
	height: 25px;
	padding: 2px 0px 10px 0px;
	margin: 2px 0px 10px 0px;
	text-align: center;
}
.gallery_p img {
	float: none;
    padding: 0px 0px 0px 0px;	
}

/* 360s*/
#360s_box {
	padding: 5px;
	margin: 5px;
}
#360s_box img {
	float: left;
    padding: 5px;
}


/* RSS*/
#rss {
width: 545px;
}
#rss img{
float: left;
border-right: 5px solid #ffffff;
border-bottom: 15px solid #ffffff;
border-top: 3px solid #ffffff;
}
#rss p {
margin: 3px 0 0 5px;
padding: 3px 0 0 5px;
height: 85px;
}

/* Contact */
#contact {
width: 545px;
height: 190px;
}
#contactcol1 {
	width: 130px;
	float: left;
	padding: 0px 0px 0px 0px;
}
#contactcol2 {
	padding: 0px 0px 0px 5px;
}
#contactcol2 p {
	padding: 2px 0px 10px 0px;
}

/* Footer */
#footer{
width: 790px;
margin: auto;
text-align: left;
}
#footer_content {
border-top: 1px dotted #6F7D83;
margin: 0 0 7px 0;
width: 100%;
float: left;
}
#footer_content p {
margin: 0 0 0 0;
padding: 5px 0 2px 0;
text-align: center;
color: #6F7D83;
}
#footer_content img {
margin: -5px 0 0 0;
border-width: 0px;
}
#footer_content ul{
list-style: none;
border-left: 150px solid #ffffff;
}
#footer_content ul li{
float: left;
margin: 0px 5px 0px 0px;
color: #6F7D83;
}

/* Sitemap*/
#smap {
width: 545px;
}
#smap img {
}
#smap ul{
list-style: none;
margin: 0px 0px 0px 12px;
border: 0px;
padding: 0px 0px 0px 0px;
}
#smap ul li{
margin: 0px 0px 0px 0px;
padding: 0px 2px 1px 2px;
}
#smap ul li a{
font-weight: normal;
color: #000000;
padding: 0px 0px;
text-decoration: none;
}
#smap ul li a:hover{
font-weight: normal;
color: #000000;
padding: 0px 0px;
text-decoration: underline;
}

	
/* Lightbox  2.04 */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/lightbox2/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/lightbox2/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }