/* No-Touch devices theater */

.no-touch .theater-f-trigger {
display: block;
z-index: 2;
position: absolute;
background: url("../bilder/icon/theater.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.no-touch #theater-f {
position: absolute;
z-index: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(0, 0, 0, 0);
}

.no-touch #theater-f a {
display: block;
color: rgba(255, 255, 255, 0.9);
}

.no-touch #theater-f a span:first-child {
display:none ;
}

.no-touch #theater-f a.is-selected span:last-child {
color: rgba(255, 255,  255, 1.0);
font-weight:bold;
}

.no-touch #theater-f.open {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.no-touch #theater-f.open + .theater-trigger {
background-color: transparent;
}

.no-touch #theater-f li:last-child a {
border-bottom: none;
}




/* Touch devices theater */


.touch .theater-f-trigger {
display: block;
z-index: 2;
position: absolute;
background: url("../bilder/icon/theater.png") no-repeat center center;
background-size:80%;
background-color: rgba(255, 255, 255, 0.3);
}

.touch #theater-f {
position: absolute;
z-index: 1;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
-webkit-transform-origin: right;
-moz-transform-origin: right;
-ms-transform-origin: right;
-o-transform-origin: right;
transform-origin: right;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
transition-property: transform;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 0.25em;
background-color: rgba(0, 0, 0, 0);
}

.touch #theater-f a {
display: block;
color: rgba(255, 255, 255, 0.9);
}

.touch #theater-f a span:first-child {
display:none ;
}

.touch #theater-f a.is-selected span:last-child {
color: rgba(255, 255, 255, 1.0);
font-weight:bold;
}

.touch #theater-f.open {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}

.touch #theater-f.open + .theater-trigger {
background-color: transparent;
}

.touch #theater-f li:last-child a {
border-bottom: none;
}


/* --------------------------------------- */

.refoto,
.rofoto,
.stueck,
.autor,
.haus,
.jahr,
.regie,
.buehne,
.kostuem,
.musik,
.rolle {
display: block;
position: relative;
float:left;
}


#refo-04 {
background: url("../bilder/vorhangrot.jpg") no-repeat center center;
}

#refo-03 {
background: url("../bilder/vorhangrot.jpg") no-repeat center center;
}

#refo-02 {
background: url("../bilder/re02-00.jpg") no-repeat center center;
}

#refo-01 {
background: url("../bilder/re01-00.jpg") no-repeat center center;
}





#rofo-69 {
background: url("../bilder/69-00.jpg") no-repeat center center;
}

#rofo-68 {
background: url("../bilder/68-01.jpg") no-repeat center center;
}

#rofo-67 {
background: url("../bilder/67-00.jpg") no-repeat center center;
}

#rofo-66 {
background: url("../bilder/66-00.jpg") no-repeat center center;
}

#rofo-65 {
background: url("../bilder/65-00.jpg") no-repeat center center;
}

#rofo-64 {
background: url("../bilder/64-00.jpg") no-repeat center center;
}

#rofo-63 {
background: url("../bilder/63-00.jpg") no-repeat center center;
}

#rofo-62 {
background: url("../bilder/62-00.jpg") no-repeat center center;
}

#rofo-61 {
background: url("../bilder/61-00.jpg") no-repeat center center;
}

#rofo-60 {
background: url("../bilder/60-00.jpg") no-repeat center center;
}

#rofo-59 {
background: url("../bilder/59-00.jpg") no-repeat center center;
}

#rofo-58 {
background: url("../bilder/58-00.jpg") no-repeat center center;
}

#rofo-57 {
background: url("../bilder/57-00.jpg") no-repeat center center;
}

#rofo-56 {
background: url("../bilder/56-00.jpg") no-repeat center center;
}

#rofo-55 {
background: url("../bilder/55-00.jpg") no-repeat center center;
}

#rofo-54 {
background: url("../bilder/54-00.jpg") no-repeat center center;
}

#rofo-53 {
background: url("../bilder/53-00.jpg") no-repeat center center;
}

#rofo-52 {
background: url("../bilder/52-00.jpg") no-repeat center center;
}

#rofo-51 {
background: url("../bilder/51-00.jpg") no-repeat center center;
}

#rofo-50 {
background: url("../bilder/50-00.jpg") no-repeat center center;
}

#rofo-49 {
background: url("../bilder/49-00.jpg") no-repeat center center;
}

#rofo-48 {
background: url("../bilder/48-00.jpg") no-repeat center center;
}

#rofo-47 {
background: url("../bilder/47-00.jpg") no-repeat center center;
}

#rofo-46 {
background: url("../bilder/46-00.jpg") no-repeat center center;
}

#rofo-45 {
background: url("../bilder/45-00.jpg") no-repeat center center;
}

#rofo-44 {
background: url("../bilder/44-00.jpg") no-repeat center center;
}

#rofo-43 {
background: url("../bilder/43-00.jpg") no-repeat center center;
}

#rofo-42 {
background: url("../bilder/42-00.jpg") no-repeat center center;
}

#rofo-41 {
background: url("../bilder/41-00.jpg") no-repeat center center;
}

#rofo-40 {
background: url("../bilder/40-00.jpg") no-repeat center center;
}

#rofo-39 {
background: url("../bilder/39-00.jpg") no-repeat center center;
}

#rofo-38 {
background: url("../bilder/38-00.jpg") no-repeat center center;
}

#rofo-37 {
background: url("../bilder/37-00.jpg") no-repeat center center;
}

#rofo-36 {
background: url("../bilder/36-00.jpg") no-repeat center center;
}

#rofo-35 {
background: url("../bilder/35-00.jpg") no-repeat center center;
}

#rofo-34 {
background: url("../bilder/34-00.jpg") no-repeat center center;
}

#rofo-33 {
background: url("../bilder/33-00.jpg") no-repeat center center;
}

#rofo-32 {
background: url("../bilder/32-00.jpg") no-repeat center center;
}

#rofo-31 {
background: url("../bilder/31-00.jpg") no-repeat center center;
}

#rofo-30 {
background: url("../bilder/30-00.jpg") no-repeat center center;
}

#rofo-29 {
background: url("../bilder/29-00.jpg") no-repeat center center;
}

#rofo-28 {
background: url("../bilder/28-00.jpg") no-repeat center center;
}

#rofo-27 {
background: url("../bilder/27-00.jpg") no-repeat center center;
}

#rofo-26 {
background: url("../bilder/26-00.jpg") no-repeat center center;
}

#rofo-25 {
background: url("../bilder/25-00.jpg") no-repeat center center;
}

#rofo-24 {
background: url("../bilder/24-00.jpg") no-repeat center center;
}

#rofo-23 {
background: url("../bilder/23-00.jpg") no-repeat center center;
}

#rofo-22 {
background: url("../bilder/22-00.jpg") no-repeat center center;
}

#rofo-21 {
background: url("../bilder/21-00.jpg") no-repeat center center;
}

#rofo-20 {
background: url("../bilder/20-00.jpg") no-repeat center center;
}

#rofo-19 {
background: url("../bilder/19-00.jpg") no-repeat center center;
}

#rofo-18 {
background: url("../bilder/18-00.jpg") no-repeat center center;
}

#rofo-17 {
background: url("../bilder/17-00.jpg") no-repeat center center;
}

#rofo-16 {
background: url("../bilder/16-00.jpg") no-repeat center center;
}

#rofo-15 {
background: url("../bilder/15-00.jpg") no-repeat center center;
}

#rofo-14 {
background: url("../bilder/14-00.jpg") no-repeat center center;
}

#rofo-13 {
background: url("../bilder/13-00.jpg") no-repeat center center;
}

#rofo-12 {
background: url("../bilder/12-00.jpg") no-repeat center center;
}

#rofo-11 {
background: url("../bilder/11-00.jpg") no-repeat center center;
}

#rofo-10 {
background: url("../bilder/10-00.jpg") no-repeat center center;
}

#rofo-09 {
background: url("../bilder/09-00.jpg") no-repeat center center;
}

#rofo-08 {
background: url("../bilder/08-00.jpg") no-repeat center center;
}

#rofo-07 {
background: url("../bilder/07-00.jpg") no-repeat center center;
}

#rofo-06 {
background: url("../bilder/06-00.jpg") no-repeat center center;
}

#rofo-05 {
background: url("../bilder/05-00.jpg") no-repeat center center;
}

#rofo-04 {
background: url("../bilder/04-00.jpg") no-repeat center center;
}

#rofo-03 {
background: url("../bilder/03-00.jpg") no-repeat center center;
}

#rofo-02 {
background: url("../bilder/02-00.jpg") no-repeat center center;

}

#rofo-01 {
background: url("../bilder/01-00.jpg") no-repeat center center;
}



#refo-01,
#refo-02,
#refo-03,
#refo-04,
#rofo-01,
#rofo-02,
#rofo-03,
#rofo-04,
#rofo-05,
#rofo-06,
#rofo-07,
#rofo-08,
#rofo-09,
#rofo-10,
#rofo-11,
#rofo-12,
#rofo-13,
#rofo-14,
#rofo-15,
#rofo-16,
#rofo-17,
#rofo-18,
#rofo-19,
#rofo-20,
#rofo-21,
#rofo-22,
#rofo-23,
#rofo-24,
#rofo-25,
#rofo-26,
#rofo-27,
#rofo-28,
#rofo-29,
#rofo-30,
#rofo-31,
#rofo-32,
#rofo-33,
#rofo-34,
#rofo-35,
#rofo-36,
#rofo-37,
#rofo-38,
#rofo-39,
#rofo-40,
#rofo-41,
#rofo-42,
#rofo-43,
#rofo-44,
#rofo-45,
#rofo-46,
#rofo-47,
#rofo-48,
#rofo-49,
#rofo-50,
#rofo-51,
#rofo-52,
#rofo-53,
#rofo-54,
#rofo-55,
#rofo-56,
#rofo-57,
#rofo-58,
#rofo-59,
#rofo-60,
#rofo-61,
#rofo-62,
#rofo-63,
#rofo-64,
#rofo-65,
#rofo-66,
#rofo-67,
#rofo-68,
#rofo-69 {
background-size:100%;
}