/* CSS Document */

/* hide from ie on mac \*/
html {
height: 100%;
overflow: hidden;
background:#000000;
}

#zusatz a.btn_gallery_1  {
   width:100px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_back-trailer.png) no-repeat 0 0;
}

#zusatz a.btn_gallery_1:hover {
   background:url(../upload/buttons/btn_back-trailer_hover.png) no-repeat 0 0;
}

#zusatz a.btn_movie_1 {
   width:100px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_bilder-galerie.png) no-repeat 0 0;
}

#zusatz a.btn_movie_1:hover {
   background:url(../upload/buttons/btn_bilder-galerie_hover.png) no-repeat 0 0;
}


#zusatz a.btn_gallery_2  {
   width:100px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_back-trailer_en.png) no-repeat 0 0;
}

#zusatz a.btn_gallery_2:hover {
   background:url(../upload/buttons/btn_back-trailer_en_hover.png) no-repeat 0 0;
}

#zusatz a.btn_movie_2 {
   width:100px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_bilder-galerie_en.png) no-repeat 0 0;
}

#zusatz a.btn_movie_2:hover {
   background:url(../upload/buttons/btn_bilder-galerie_en_hover.png) no-repeat 0 0;
}

#zusatz a.btn_description_1  {
   width:80px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_description.png) no-repeat 0 0;
}

#zusatz a.btn_description_2  {
   width:80px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_description_en.png) no-repeat 0 0;
}

#zusatz a.btn_description_1:hover {
   background:url(../upload/buttons/btn_description_hover.png) no-repeat 0 0;
}

#zusatz a.btn_description_2:hover {
   background:url(../upload/buttons/btn_description_en_hover.png) no-repeat 0 0;
}

#zusatz a.pressetext_1  {
   width:100px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_pressetext.png) no-repeat 0 0;
}

#zusatz a.pressetext_2  {
   width:100px;
   height:26px;
   display:block;
   float:left;
   background:url(../upload/buttons/btn_pressetext_en.png) no-repeat 0 0;
}


#zusatz a.pressetext_1:hover {
   background:url(../upload/buttons/btn_pressetext_hover.png) no-repeat 0 0;
}

#zusatz a.pressetext_2:hover {
   background:url(../upload/buttons/btn_pressetext_en_hover.png) no-repeat 0 0;
}

#content {
   position:absolute;
   height:100%;
   width:100%;
   z-index:10;
   left:0;
   top:0;
   background:#000000;
   color:#ffffff;
}
/* end hide */

body {
   height: 100%;
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, sans-serif;
}

.clearer {
     height:0;
     width:0;
     padding:0;
     margin:0;
     font-size:0;
     clear:both;
}

form, h1, h2, h3, h4 {
     margin:0;
     padding:0;
}

#wrapper_lines {
    border-bottom:1px solid #CCCCCC;
    border-top:1px solid #CCCCCC;
    height:358px;
    left:0;
    margin:197px 0;
    padding:0;
    position:absolute;
    top:0;
    width:100%;
    z-index:50;
}

#wrapper {
    height:358px;
    left:0;
    margin:197px 0;
    padding:0;
    position:absolute;
    top:0;
    width:1260px;
    z-index:100;
}

#logo {
height:80px;
left:0;
margin:0 0 0 38px;
padding:0;
position:absolute;
top:125px;
width:250px;
z-index:50;
}


#logo_new {
left:0;
margin:0 0 0 0;
padding:0;
position:relative;
top:0px;
height:100px;
width:250px;
z-index:50;
}


/***********************************************************/
/***********************************************************/

#wrapper #content_wrapper {
   padding:0;
   margin:0;
   width:910px;
   height:360px;
   float:left;
}


#wrapper #content_wrapper #movie {
   padding:0;
   margin:10px 0 10px 0;
   width:600px;
   height:338px;
   background:#000000;
   float:left;
   z-index:9;
}

#slider_wrapper1 {
   padding:0;
   margin:10px 0 10px 0;
   width:600px;
   height:338px;
   float:left;
   z-index:999;
   /* background:#ffffff;*/
    display:visible;
    /*filter:alpha(opacity=78);
    -moz-opacity: 0.78; 
    opacity: 0.78;*/
    color:#000000;
    font-size:12px;

   
}

#player span {
    margin:0;
    padding:30px 20px;
    color:#ffffff;
    font-size:12px;
    line-height:18px;
    display:block;
}

#player span a {
    color:#DD842B;
    text-decoration:none;
}


#player span a:hover {
    color:#ffffff;
    text-decoration:none;
}


#description {
    height:278px;
    left:350px;
    margin:0;
    padding:30px 20px;
    position:absolute;
    top:206px;
    width:560px;
    z-index:999;
    background:#ffffff;
    display:none;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75; 
    opacity: 0.75;
    color:#000000;
    font-size:12px;
    line-height:18px;
}

#text_wrapper {
    height:278px;
    margin:10px 0 0 0;
    padding:30px 20px;
    width:560px;
    z-index:999;
    /*background:#ffffff;*/
    /*filter:alpha(opacity=75);
    -moz-opacity: 0.75; 
    opacity: 0.75;*/
    color:#000000;
    font-size:12px;
    line-height:18px;
    float:left;
    position:relative;
}

#content_wrapper #cont_background {
    height:278px;
    margin:10px 0 0 0;
    padding:30px 20px;
    width:560px;
    z-index:950;
    background:#ffffff;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75; 
    opacity: 0.75;
    color:#000000;
    font-size:12px;
    line-height:18px;
    position:absolute;
    top:0;
    left:350px;
}

#slider_wrapper {
    height:338px;
    left:350px;
    margin:0;
    padding:0;
    position:absolute;
    top:207px;
    width:600px;
    z-index:999;
    background:#000000;
    display:visible;
    /*filter:alpha(opacity=78);
    -moz-opacity: 0.78; 
    opacity: 0.78;*/
    color:#ffffff;
    font-size:12px;
}

#wrapper #content_wrapper #text {
    color:#FFFFFF;
    float:left;
    font-size:12px;
    height:260px;
    margin:41px 0 0 20px;
    overflow:auto;
    padding:0 10px 0 0;
    width:244px; /*210px*/
    line-height:18px;
}

#wrapper #content_wrapper #textsecond {
    color:#FFFFFF;
    float:left;
    font-size:12px;
    height:297px;
    margin:41px 0 0 20px;
    overflow:auto;
    padding:0 10px 0 0;
    width:244px; /*210px*/
    line-height:18px;
}

#wrapper #content_wrapper #text_only {
    padding:0;
   margin:10px 0 10px 0;
   width:600px;
   height:340px;
   float:left;
   z-index:9;
    background:#ffffff;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75; 
    opacity: 0.75;
    color:#000000;
    font-size:12px;
    display:block;
    line-height:18px;
}


#text_wrapper a {
    color:#000000;
    text-decoration:underline;
}

#wrapper #content_wrapper #text a,
#wrapper #content_wrapper #text_only a,
#wrapper #content_wrapper #textsecond a {
    color:#ffffff;
    text-decoration:underline;
}

#text_wrapper a:hover,
#wrapper #content_wrapper #text a:hover,
#wrapper #content_wrapper #text_only a:hover,
#wrapper #content_wrapper #textsecond a:hover {
    color:#dd842b;
}

#wrapper #content_wrapper #text h1,
#wrapper #content_wrapper #text_only h1,
#wrapper #content_wrapper #textsecond h1 {
   font-size:12px;
   padding:0 0 15px 0;
   margin:0;
}


#wrapper #content_wrapper #textsecond h2,
#wrapper #content_wrapper #textsecond h3 {
   font-size:12px;
   padding:0 0 0 0;
   line-height:18px;
}

#wrapper #content_wrapper #spacer {
   padding:0;
   margin:0 0 0 20px;
   width:275px;
   height:10px;
   float:left;
   font-size:11px;
   color:#fff;
   border-bottom:1px solid #ffffff;
}

#wrapper #content_wrapper #zusatz {
   padding:0;
   margin:10px 0px 0px 20px;
   width:290px;
   height:26px;
   float:left;
   font-size:12px;
   color:#fff;
}

/*************************************************************/
/*********************** Wrapper ***********************/

#music_wrapper1 {
color:#FFFFFF;
float:left;
font-size:11px;
left:878px;
line-height:8px;
margin:0;
padding:0;
position:absolute;
text-align:right;
top:185px;
width:150px;
z-index:100;
}

#music_wrapper2 {
color:#FFFFFF;
float:left;
font-size:11px;
left:867px;
line-height:8px;
margin:0;
padding:0;
position:absolute;
text-align:right;
top:185px;
width:150px;
z-index:100;
}

#music_wrapper1 ul#music,
#music_wrapper2 ul#music {
     list-style-type:none;
     margin:0 auto;
     padding:0;
     float:left;
}

#music_wrapper1 ul#music li.first,
#music_wrapper2 ul#music li.first {
border-right:1px solid #FFFFFF;
float:left;
margin:0;
padding:0 6px;
}


#music_wrapper1 ul#music li.last,
#music_wrapper2 ul#music li.last {
border-right:none;
float:left;
margin:0;
padding:0 6px;
}

#music_wrapper1 ul li a,
#music_wrapper2 ul li a {
  color:#ffffff;
  text-decoration:none;
}

#music_wrapper1 ul li a:hover,
#music_wrapper2 ul li a:hover {
  text-decoration:none;
  color:#dd842b;
}


/*************************************************************/
/*********************** Language Wrapper ********************/

#language_wrapper {
   color:#FFFFFF;
   float:left;
   font-size:11px;
   left:350px;
   line-height:8px;
   margin:0;
   padding:0;
   position:absolute;
   text-align:left;
   top:185px;
   width:150px;
   z-index:100;
   text-align:left;
}

#language_wrapper ul#language {
     list-style-type:none;
     margin:0 auto;
     padding:0;
     float:left;
}

#language_wrapper ul#language li.first {
border-right:1px solid #FFFFFF;
float:left;
margin:0;
padding:0 6px;
}


#language_wrapper ul#language li.last {
border-right:none;
float:left;
margin:0;
padding:0 6px;
}

#language_wrapper ul li a {
  color:#ffffff;
  text-decoration:none;
}

#language_wrapper ul li a:hover,
#language_wrapper ul li a.english:hover {
  text-decoration:none;
  color:#dd842b;
}

#language_wrapper ul li a.english {
  color:#ffffff;
  text-decoration:none;
  margin:0;
  padding:0;
  line-height:8px;
}

/*************************************************************/
/*********************** Content Right ***********************/

#wrapper #footer {
    color:#FFFFFF;
    font-size:11px;
    line-height:8px;
    margin:0;
    padding:6px 0;
    text-align:left;
    width:1260px;
    clear:both;
}

#wrapper #footer ul.footernavi {
     list-style-type:none;
     margin:0 auto;
     padding:0;
     width:500px;
     float:left;
}

span.footer1 {
     border-right:1px solid #FFFFFF;
     float:left;
     margin:0 0 0 461px;
     padding:0 5px 0 0;
     text-align:right;
     width:153px;
}

span.footer2 {
     border-right:1px solid #FFFFFF;
     float:left;
     margin:0 0 0 444px;
     padding:0 5px 0 0;
     text-align:right;
     width:153px;
}

#wrapper #footer ul.footernavi li {
     padding:0 6px 0 6px;
     margin:0;
     float:left;
     border-right:1px solid #ffffff;
}

#wrapper #footer ul.footernavi li a {
     padding:0;
     margin:0;
     font-size:11px;
     color:#ffffff;
     text-decoration:none;
}

#wrapper #footer ul.footernavi li.last,
#wrapper #footer ul.footernavi li.activelast {
     border-right:none;
}

#wrapper #footer ul.footernavi li a:hover {
     color:#dd842b;
}

#wrapper #footer ul.footernavi li a.active {
     color:#dd842b;
}

.news {
    padding:0;
    margin:0 0 25px 0;
    clear:both;
}

.news a {
    color:#ffffff;
}

.news a.morelink {
    color:#ffffff;
    float:right;
    text-decoration:none;
    padding:0 0 20px 0;
}


/***********************************************************/
/************************ Navigation ***********************/

#wrapper #navigation {
   padding:0;
   margin:23px 0 0 0;
   width:350px;
   color:#ffffff;
   font-size:12px;
   float:left;
}

#wrapper #navigation ul.navi {
   clear:both;
   float:left;
   padding:0;
   margin:0;
   width:210px;
   color:#ffffff;
   font-size:12px;
   list-style-type:none;
   line-height:17px; 
}

#wrapper #navigation ul.navi li {
   padding:0;
   margin:0;
   height:17px;
   display:inline;
}

#wrapper #navigation ul.navi li a {
   float:left;
   color:#ffffff;
   text-decoration:none;
   font-size:12px;
   display:block;
   padding:0 0 0 50px;
   margin:16px 0 0 0;
   width:150px;
   height:19px;
}

#wrapper #navigation ul.navi li a {
   font-weight:bold;
}

#wrapper #navigation ul.navi li ul li a {
   font-weight:normal;
   margin:0 0 0 0;
}

#wrapper #navigation ul.subnav {
   float:left;
   padding:0;
   margin:0;
   width:140px;
   color:#ffffff;
   font-size:12px;
   list-style-type:none;
   line-height:19px;
}

#wrapper #navigation ul.subnav li {
   padding:0;
   margin:0;
   width:140px;
}

#wrapper #navigation ul.subnav li a {
   color:#ffffff;
   text-decoration:none;
   font-size:12px;
   display:block;
   padding:0 0 0 0;
   margin:0 0 0 0;
   width:140px;
}

#wrapper #navigation ul.subnav li a:hover,
#wrapper #navigation ul.subnav li a.active, 
#wrapper #navigation ul.subnav li a.activelast,
#wrapper #navigation ul.subnav li a.activefirst {
   color:#dd842b;
}

#wrapper #navigation ul.navi li a:hover, 
#wrapper #navigation ul.navi li+li+li a:hover, 
#wrapper #navigation ul.navi li+li+li+li a:hover, 
#wrapper #navigation ul.navi li+li+li+li+li a:hover,
#wrapper #navigation ul.navi li+li+li+li+li+li a:hover,
#wrapper #navigation ul.navi li+li+li ul li a:hover,
#wrapper #navigation ul.navi li+li ul li+li a:hover,
#wrapper #navigation ul.navi li+li ul li a:hover,
#wrapper #navigation ul.navi li ul li+li+li a:hover {
   background:url(../images/nav_hover.png) no-repeat top right;
}

#wrapper #navigation ul.navi li+li.active a.active,
#wrapper #navigation ul.navi li+li+li+li a.active,
#wrapper #navigation ul.navi li+li+li.active a.active {
   background:url(../images/nav_hover.png) no-repeat top right;
}


#wrapper #navigation ul.navi li+li ul li.activefirst a.active,
#wrapper #navigation ul.navi li+li ul li+li.active a.active,
#wrapper #navigation ul.navi li+li ul li+li+li.activelast a.active,
#wrapper #navigation ul.navi li+li+li+li ul li.activefirst a.active {
   background:url(../images/nav_hoveractive.png) no-repeat top right;
}

#wrapper #navigation ul.navi li.activefirst a.active,
#wrapper #navigation ul.navi li+li+li+li+li.active a.active,
#wrapper #navigation ul.navi li+li+li+li ul li.activefirst a.active {
   background:url(../images/nav_hover.png) no-repeat top right;
}

#wrapper #navigation ul.navi li+li.active a.active,
#wrapper #navigation ul.navi li+li+li+li.active a.active {
   background:none;
}

iframe.musicframe {
color:#FFFFFF;
float:left;
font-size:11px;
line-height:8px;
margin:0;
padding:0;
text-align:right;
width:150px;
z-index:100;
overflow: hidden;
background:none;
}
