﻿

.black_back {
  display:block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  -moz-opacity: 0.9;
  opacity: .90;
  filter: alpha(opacity=90);
  z-index: 101;
}

.lightbox {
  display:block;
  position: absolute;
  top: 70px;
  /*left: 50%;  margin-left: -550px;  width: 1100px;*/
  left: 50%;  margin-left: -45%;  width: 90%;
  text-align: left;
  z-index: 101;
  color:#ffffff;
  font-size:14px;
}

.lightbox .divInfo { float:right;margin:10px 1px 8px 20px;width:120px;text-align:center;font-size:20px; }

.lightbox_inner {
  width: 100%;
  background-color: #fff;
  color:black;
}

.lightbox > div {
    padding:0px 65px;
}

.divClose { margin: 0px 8px 15px 0px; float:right}
.lightbox iframe { height:550px }
div.play { width:100%;height:168px;background:url('../grafik/buttons/ico_video_play.png') center center no-repeat }
.media_album_title { text-align: center; font-size: 34px; }

.ticket_right {
  display:none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 101;
}
.ticket_right > div {
  display:table;
  width:400px;
  background-color:white;
  position: fixed;
  top: 0;
  right: 0px;
  height: 100%;
  z-index: 101;
}
.ticket_top { background-color:#BC8A5B;color:white; height:123px;padding:20px 29px 0px 36px;font-size:25px }
.ticket_top img { float:right;cursor:pointer }
.ticket_top div { font-size:39px;font-family:'Avenir Next Cyr W00 Medium';padding-top:7px }
#bg_ticket { display:none }



#ticket_over { overflow:auto }
.ticket_item { margin-top:20px;width:330px;display:table;margin:0px 0px 0px 30px }
.ticket_item > div { color:black; display:table-row }
.ticket_item > div > div { display:table-cell;vertical-align:top;border-bottom:solid 1px #B4C1D2;padding-top:30px }
.ticket_item > div:last-child > div { border-bottom-width:0px }
.ticket_item > div > div:first-child { width:80px;text-align:center;color:#737373;font-size:20px }
.ticket_item > div > div:last-child {  }
.ticket_item > div > div:first-child > div { font-size:33px;font-family:'Avenir Next LT W01 Demi';line-height:40px;color:#BC8A5B; }
.ticket_item > div > div:last-child > div { font-size:23px;margin-bottom:5px;line-height:33px;margin-top:1px }
.ticket_item > div > div > a { display:block;margin-top:10px }
.ticket_item > div > div > a.btn { background-color:#BC8A5B;color:white;width:150px;padding:5px;text-align:center;font-family:'Avenir Next Cyr W00 Medium';font-size:17px;margin-bottom:8px }


@media screen and (max-width: 1150px)  { 
    .lightbox .pfeil.links {     margin-left: -35px; } 
    .lightbox .pfeil.rechts {     margin-right: -35px; }
    .lightbox { width:95%;left:20px;margin-left:0px }
    .lightbox > div { padding:0px 25px; }
}



@media screen and (max-width:900px)  {
    .lightbox > div { padding:0px }
    .lightbox .pfeil.links {     margin-left: 5px; } 
    .lightbox .pfeil.rechts {     margin-right: 5px; }
}


@media screen and (max-width:520px)  {
    .ticket_item > div > div { padding-bottom:20px }
    .ticket_right > div { width:100%; }
}


@media screen and (max-height:770px)  {
    .lightbox  { top:5px }
}

@media screen and (max-height:1060px)  {
    .ticket_item > div > div > a { margin-top:5px }
    .ticket_item > div > div:first-child > div { font-size:27px;line-height:33px; }
    .ticket_item > div > div:first-child { font-size:18px }
    .ticket_item > div > div:last-child > div { font-size:22px;line-height:28px; }
    .ticket_item > div > div { padding-top:20px }
}