@charset "utf-8";

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

fieldset {
border:none;
padding:0;
}

h1 {
font : bold 14px/22px 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;
}

img {
border : none;
}

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

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

ul {
padding : 30px; list-style:none;
}

ul#navi {
position: relative;
top:-15px;
background : url(/images/balken.jpg) no-repeat 0 0;	
width:764px;
height:50px;
padding: 81px 0 0 136px;	
}

ul#navi li {
list-style: none;
display: inline;
}

ul#navi a, ul#navi a:visited {
background : url(/images/balken.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 20px 20px 20px;
}
ul#navi a:hover, ul#navi a:active {
background : url(/images/balken.jpg) no-repeat -132px -290px;
color : #87c852;
}

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

li {
padding : 0 0 10px 0;
}


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


.all {
background : url(/images/back.jpg) fixed no-repeat center;
position : absolute;
top : 20px;
left : 50%;
margin : 0 0 0 -450px;
width:900px;
border-left : 1px solid #484d46;
border-right : 1px solid #353534;
}

.btn, btn:active {
background : url(/images/balken.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 : 250px;
height:80px;
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #7e867a;
letter-spacing:1px;
}

.extra {
color:#ff0;
font : bold 16px/18px Arial, Helvetica, sans-serif;
}

.flagge {
background : url(/images/flag.jpg) no-repeat;	
display:inline-block;
width:33px;
height:17px;
border : solid #444;
border-width : 1px 0 1px 0;
opacity: 0.50;
outline:none;
}
.flagge:hover {
opacity: 1.0;
}

#de{
background-position: 0 0;	
}

#en{
background-position: -33px 0;
margin-left:135px;
}

.hoch {
background : url(/images/pfeil.gif) no-repeat -70px 0;	
width:15px;
height:15px;
float:right;
padding : 10px;
outline : none;
margin: 10px 20px 0 10px;
opacity: 1.00;
}
.hoch:hover {
opacity: 0.50;
}

.homelink {
position : absolute;
top : 50px;
left : 50%;
margin : 0 0 0 -410px;
display:block;
width:360px;
height:80px;
outline:none;
text-decoration:none;
z-index:2;
}

.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 0;
}

.inhalt {
margin : 20px 20px 30px 135px;
min-width : 580px;
width : 700px;
min-height:235px;
font : 12px/28px Arial, Helvetica, sans-serif;
color : #acb2a9;
}

.klar {clear : both;}

.korb {
float : left; 
margin : 0 10px 0 0; 
width: 150px; 
}

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

.linker {
float : left; 
margin : 40px 40px 40px 0; 
width: 220px;
}

.links {
background : url(/images/pfeil.gif) no-repeat 0 0;	
width:15px;
height:15px;
padding : 15px;
outline : none;
margin: 0 20px 0 0;
opacity: 1.00;
}
.links:hover {
opacity: 0.50;
}

#loadarea {
position : fixed;
left : 0;
top : 140px;
}

#loadarea2 {
position : fixed;
right : 20px;
top : 140px;
}

.menge {
width : 20px; border: 0;
}

.meta {
background : url(/images/balken.jpg) no-repeat 0 -140px;
padding: 50px 0 0 440px;
width : 460px;
height : 100px;
font : 5px/5px Arial, Helvetica, sans-serif;
color : #c9cec7;
border-bottom : solid 1px #353534;
}

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;
}

.namen {
font : 12px Arial, Helvetica, Sans-serif;
color : #7e867a;
margin: 0 60px 0 0;
}

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

.nopaddy {
margin:-35px 0 10px -135px;
}

.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;
}

.posterrahmen {
border : 55px solid #eee;
}

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

.rahmen {
border : solid #292a27;
border-width : 1px 0 1px 0;
}

.rechter {
float : right; 
margin : 40px 0 40px 40px;
width:200px;
max-width : 700px;
}

.rechts {
background : url(/images/pfeil.gif) no-repeat -40px 0;	
width:15px;
height:15px;
padding : 15px;
outline : none;
opacity: 1.00;
}
.rechts:hover {
opacity: 0.50;
}

.schalter {
position : absolute;
top : 160px;
left : 49%;
width : 150px;
height : 45px;
margin : 0 0 0 350px;
}

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

.sitemapul {
padding:20px;
text-decoration:none;
}

.startbody {
background : #000 ;
}

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

.gtext{
position : absolute;
bottom : 1%;
width : 99%;
font : bold 10px/18px Arial, Helvetica, sans-serif;
letter-spacing : 1px;
color : #276010;
}

.grun {
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #276010;
letter-spacing : 1px;
}

.grun:visited {
font : bold 10px/18px Arial, Helvetica, sans-serif;
color : #276010;
letter-spacing : 4px;
text-decoration:none;
}

.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;
}

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

.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;
}

.youtube {
width:480px;
height:385px;
margin:30px 0 50px 0;
}

.zentral {
margin:10% 0 0 0;
height:100%;
text-align:center;
}