@charset "utf-8";
@font-face { font-family: space; src: url(/images/spacelands.ttf); }

a:link {
color : inherit;
}
a:visited {
color:#7e867a;
}
a:hover, a:active {
color : #aaa;
text-decoration : none;
}

body {
background: #000;	
position : relative;
top: 20px;
left : 50%;
margin : 0 0 0 -450px;
width:900px;
height: auto; 
border-left : 1px solid #484d46;
border-right : 1px solid #353534;
}

fieldset {
border:none;
padding:0;
}

h1 {
font : bold 16px/24px Arial, Helvetica, sans-serif;
color : #acb2a9;
text-decoration : none;
padding:0;
margin:0;
}

h2 {
font : bold 12px/22px Arial, Helvetica, sans-serif;
color : #acb2a9;
text-decoration : none;
}

h3 {
font : bold 11px/22px Arial, Helvetica, sans-serif;
color : #acb2a9;
text-decoration : none;
}

hr { 
height: 1px;
width:550px;
color:#7e867a;
background:#7e867b;
border:none;
float:left;
}

html {
background : #000 url(/images/tapete.jpg) fixed no-repeat 0px 0px;
}

img {
border : none;
}


label {display: inline-block; width: 60px; }

ul {
padding : 30px; list-style:none;
}
ul#navi {
display: inline-block;
float:left;
background : url(/images/grafik.jpg) no-repeat -450px 0;	
width:336px;
height:56px;
padding: 82px 0 0 24px;
margin:0;
}
ul#navi li {
list-style: none;
display: inline;
}
ul#navi a, ul#navi a:visited {
background : url(/images/grafik.jpg) no-repeat 0 -290px;
height:30px;
width:auto;
font : bold 11px/12px Arial, Helvetica, Sans-serif;
color : #dbe1d8;
text-decoration : none;
outline:none;
padding : 5px 22px 20px 22px;
}
ul#navi a:hover, ul#navi a:active {
background : url(/images/grafik.jpg) no-repeat -132px -290px;
color : #87c852;
}

#socials {
display: inline-block;
float:left;
background : url(/images/grafik.jpg) no-repeat -810px 0;	
width:85px;
height:63px;
padding: 75px 0 0 5px;
margin:0;
}
#socials a.facebook {
display: inline-block;
background : url(/images/grafik.jpg) no-repeat -910px 0px;
width : 32px;
height : 32px;;
margin : 5px 0 0 -8px\9;
outline : none;
margin : 0;
border:0;
padding:0;
overflow:hidden;
font : 1px/80px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.facebook:hover {
opacity: 0.50;
}
#socials a.google {
display: inline-block;
background : url(/images/grafik.jpg) no-repeat -950px 0px;
width : 32px;
height : 32px;
outline : none;
margin : 0;
border:0;
padding:0;
overflow:hidden;
font : 1px/80px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.google:hover {
opacity: 0.50;
}

/* -- nav engl. -- */
ul#navi a.shrt{
padding : 5px 16px 20px 16px;
}

ol{
font : 10px/22px Arial, Helvetica, sans-serif;
}

li {
padding : 0 0 10px 0;
}



/* -------------  c l a s s --------------------------------------------------- */


.btn, btn:active {
background : url(/images/grafik.jpg) no-repeat -500px -290px;
display: inline-block;
width : 100px;
height : 19px;
margin : 10px 20px 0 0 ;
font : bold 10px/18px Arial, Helvetica, sans-serif;
text-decoration : none;
text-align : center;
color : #fff;
outline : none;
border:0;
}
.btn:hover {
color : #b5b5b5;
}

.copy {
position : absolute;
bottom : -90px;
left : 40px;
display:block;
width : 300px;
height:80px;
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #7e867a;
letter-spacing:1px;
}

.copy img {
width: 15px;
height: 15px;
margin: 0 0 -3px 20px;
border-radius: 2px;
}

#druckdaten {
margin: 0 0 0 50px;
font : bold 14px/44px Arial, Helvetica, sans-serif;
letter-spacing : 1px;
color : #acb2a9;
text-decoration:none;
}
#druckdaten a {
text-decoration:none;
}

div.filmbox {
margin: 0;
padding: 175px 65px 30px 135px;
width : 700px;
font : 12px/28px Arial, Helvetica, sans-serif;
color : #acb2a9;
}

div.galerie {
background:#000;
width:900px;
height:auto;
margin: 0;
padding: 0;
border: 0;
}
div.galerie h1 {
display: block;
font : bold 24px/24px space, Arial, Helvetica, sans-serif;
position: relative; left:135px; top: 670px;
width:400px;
height: 30px;
color : #737b6f;
}

div.galerie img {
display: block;
float:left;
border : solid #292a27;
border-width : 1px 0 1px 0;
}

div.galerie p.caption {
display:block;
float:left;
width:300px;
height: 300px;
margin: 0;
padding: 70px 80px 0 135px;
font : 10px/20px Arial, Helvetica, sans-serif;
color : #737b6f;
background: #000;
}

div.galerie a.vor {
display:block;
position:absolute;
top: 139px;
width: 0px;
height: 0px;
margin: 0;
padding : 320px 445px;
outline : none;
opacity: 0;
z-index:2;
background : url(/images/grafik.jpg) no-repeat -917px -195px;	
border: solid 0px #818e7a;
border-radius:0px;
clear:both;
font : 0px Arial, Helvetica, sans-serif;
text-decoration:none;
}

div.galerie a.vor:hover {
opacity:1.0;
}

div.galerie a.link {
display:inline;
background:none;
float:none;
margin: 0;
padding : 0;
outline : none;
border: 0;
opacity: 1.0;
}
div.galerie div.rechtso {
display:block;
float:left;
width:385px;
height:370px;
background: #000;
}
div#social {
display:block;
float:left;
margin: 25px 0 0 60px;
opacity: 0.6;
}
div#social:hover, div#social:active {
opacity: 1.0;
}
div#social a.twitter-share-button {
color:#000;
display: inline-block;	
margin: 0;
padding: 0;
width:40px;
height:20px;
opacity: 0.6;
}
#fb-counter-de {
display: inline-block;
width:82px;
height: 20px;
overflow:hidden;
margin:0;
}
#fb-counter-en {
display: inline-block;
width:49px;
height: 20px;
overflow:hidden;
margin:0;
}

.hoch {
background : url(/images/grafik.jpg) no-repeat -910px -140px;
display:block;
width:15px;
height:15px;
float:right;
padding : 10px;
outline : none;
margin: 10px 33px 0 20px;
opacity: 0.5;
}
.hoch:hover {
opacity: 1.0;
}

.infield {
background : transparent;
font : bold 10px Arial, Helvetica, sans-serif;
color : #bbcdbb;
width : 150px;
max-width : 150px;
height : 12px;
border : solid #888888;
border-width : 0 0 1px 10px;
border-left-color : #d5dbcd;
letter-spacing : 2px;
margin:0;
padding : 0 0 5px 5px;
}

.article {
background : url(/images/back.jpg) fixed no-repeat center;	
margin: 0;
padding: 85px 65px 100px 135px;
min-width : 580px;
width : 700px;
min-height:235px;
font : 12px/28px Arial, Helvetica, sans-serif;
color : #acb2a9;
}

.article h1, div#sitemap h1 {
display: block;	
margin: 90px 0 0 0;
}

.article .linker a img {
margin: 0 5px 0 0;
width:auto;
height: auto;

}
.article .liks a img {
margin: 0 5px 0 0;
display: inline-block;
}
.article .linksite a img {
margin: 0 5px 0 0;
width:auto;
height: auto;
}
.klar {clear : both;}

.lesetext {
padding: 20px 0 30px 0;
font : 12px/28px Arial, Helvetica, sans-serif;
width:550px;
}

.liks {
float : left; 
margin : 30px 30px 80px 0; 
width: auto; 
}

.links {
display:block;
width:500px;
outline:none;
font : 11px/30px Arial, Helvetica, sans-serif;
color : inherit;
text-decoration:none;
}


#loadarea {
position: fixed;
left:0px;
top: 50px;
z-index:2;   
}
#loadarea2 {
position: fixed;
right:50px;
top: 50px;
z-index:2;   
}

.meta {
display: block;
background : url(/images/grafik.jpg) no-repeat 0 -152px;
padding: 50px 0 0 200px;
width : 700px;
height : 88px;
font : 5px/5px Arial, Helvetica, sans-serif;
color : #c9cec7;
border-bottom : solid 1px #353534;
clear:both;
}

div.meta a {
float:right;
width:auto;
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #acb2a9;
padding : 10px;
outline : none;
}
div.meta a:visited {
color : #737b6f;
}
div.meta a:hover, .metalink:active {
color : #87c852;
text-decoration : none;
}

.noline {
text-decoration : none;
outline:none;
color:inherit;
}

.offf {
padding: 50px 0 50px 0;
font : 12px/22px Arial, Helvetica, sans-serif;
}

.pad10 {
padding : 10px;
}

.pad1 {
padding : 5px 20px 20px 20px;
}
.pad2 {
padding : 5px 16px 15px 16px;
}

#posterbig {	
width : 670px;
height : auto;
margin: -35px 0 -100px -135px;
background:#acb2a9;
border: 0;
padding: 35px 100px 50px 130px;
color:#3a3a38;
font: 11px/20px Arial, Helvetica, sans-serif;
}
#posterbig a {
color:inherit;
}
#posterbig h1 {
color:inherit;
}
#posterbig img {
border : 0;
width:auto;
height:auto;
margin: 30px 0 10px -80px;
box-shadow: 8px 8px 10px 0px #50504e;
}

.preload {
width:0;
height:0;
border:0;
visibility:hidden;
}

.rechtere {
float : right; 
margin : -150px -40px 0 0;
border: solid 1px #444;
border-radius: 3px;
}

#sitemap h1 {
font: bold 14px Arial, Helvetica, sans-serif;
margin: 0 0 20px 0;
}
#sitemap h2,#sitemap h3 {
font: bold 14px/40px Arial, Helvetica, sans-serif;

}
#sitemap a {
display: inline-block;
width:650px;
margin: 10px 0 0 30px;
text-decoration:none;
}

#shop {	
width : 665px;
height : auto;
background:#acb2a9;
border: 0;
border-radius:8px;
margin: 20px 0 50px 0;
}
#shop td {
padding: 40px 40px 0 0;
width:auto;
height:auto;
color:#3a3a38;
font: 11px/20px Arial, Helvetica, sans-serif;
vertical-align:top;
}
#shop td a {
color:inherit;
}
#shop td img{
margin: 0 0 40px 0;	
box-shadow: 5px 5px 5px 0px #50504e;
}
#shop td.bild {
width:300px;
padding: 40px 0 0 30px;
}
#shop td.w200{
width:200px;
text-align:right;
padding:40px 0 0 0;
}
#shop td.w100 {
width:100px;
text-align:right;
padding: 40px 40px 0 0;
}
#shop td.w100 a {
color: #fff;
}
#shop td.w100 a:hover {
color: #bbb;
}

#shop tr.break {
background-color:#a1a79e;
}
#shop td.w100 input {
color:#fff;
padding:3px 3px 3px 5px;
}

.shopleftinc {
position : absolute;
top : 225px;
right : 0px;
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #ccc;
width : 100px;
}
.shopleftinc a.leftNavigation {
margin:0 0 0 23px;
}

.text {
font : 12px/24px Arial, Helvetica, sans-serif;
color : #c9cec7;
}
.stext {
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #c9cec7;
}

.tfield {
background : transparent;	
width : 320px;
height : 100px;
font : bold 10px Arial, Helvetica, sans-serif;
color : #bbcdbb;
text-transform : none;
border : solid #888888;
border-width : 0 0 1px 10px;
border-left-color : #d5dbcd;
letter-spacing : 2px;
margin: 10px 0 0 0;
padding: 0 0 0 5px;
}


#titel {
display:inline-block;
float:left;
background : url(/images/grafik.jpg) no-repeat 0px 0px;
width:315px;
height:108px;
font : 12px Arial, Helvetica, Sans-serif;
color : #7e867a;
margin: 0;
padding: 30px 0 0 135px;
}
#titel a {
display: block;
float: left;
width:300px;
height:60px;
outline:none;
text-decoration:none;
}

.topsite{
float:left;
position:absolute;
top:-50px;
} 

.trailer{
width:900px;
height:300px;
margin:-35px 0 -40px -135px;
}

.transi {
opacity: 1.00; 
outline:none;
} 
.transi:hover {
opacity: 0.30;
}

.url {
display : none; 
}

.video {
width:640px;
min-height:360px;
border: solid #444;
border-width:  1px 0 1px 0;
}
div#videosocial {
display:block;
margin: 0;
opacity: 0.6;
}
div#videosocial:hover, div#videosocial:active {
opacity: 1.0;
}
div#videosocial a.twitter-share-button {
color:#000;
display: inline-block;	
margin: 0;
padding: 0;
width:40px;
height:20px;
opacity: 0.6;
}
div#videosocial div.fb-like{
display: inline-block;
width:75px;
height: 20px;
overflow:hidden;
margin:-12px 0 0 0;
}
#fb-like {
display: inline-block;
width:45px;
height: 20px;
overflow:hidden;
margin:0;
}

.spaceartvideo {	
width:496px;
height:368px;
margin:30px 50px 50px 0;
padding:0;
}