/* reset
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}									
article, aside, figure, footer, header, hgroup, nav, section {display: block;}
img,
object,
embed {max-width: 100%;}
html {overflow-y: scroll;}
ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, 
blockquote:after, 
q:before, 
q:after {content: ''; content: none;}
a {margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted #000; cursor: help;}
table {border-collapse: collapse; border-spacing: 0;}
th {font-weight: bold; vertical-align: bottom;}
td {font-weight: normal; vertical-align: top;}
hr {display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
input, select {vertical-align: middle;}
pre {
    white-space: pre; /* CSS2 */
    white-space: pre-wrap; /* CSS 2.1 */
    white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
    word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
.ie6 input {vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}
table {font-size: inherit; font: 100%;}

small {font-size: 85%;}
strong, th {font-weight: bold;}
td, td img {vertical-align: top;} 
sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
pre, code, kbd, samp {font-family: monospace, sans-serif;}
.clickable,
label, 
input[type=button], 
input[type=submit], 
button {cursor: pointer;}
button, input, select, textarea {margin: 0;}
button {width: auto; overflow: visible;}
.ie7 img {-ms-interpolation-mode: bicubic;}
.ie6 html {filter: expression(document.execCommand("BackgroundImageCache", false, true));}
.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }  
.clearfix:after { clear: both; }  
.clearfix { zoom: 1; }  
body {
    font: 13px Arial, Helmet, Freesans, sans-serif;
    /* background: url(../images/background/bg_shaw.jpg) no-repeat center center; */
    background: url(../images/background.jpg) no-repeat center center;
    background-size: cover;
    background-attachment: fixed;
}
body, select, input, textarea {color: #333;}

a {color: #333;}
#content>a:hover, #content>a:active{padding: 3px; }
a:hover, a:active { color: #fff; background: #010101; text-decoration: none; outline: none;}
::-moz-selection{background: #fcd700; color: #fff; text-shadow: none;}
::selection {background: #fcd700; color: #fff; text-shadow: none;} 
a:link {-webkit-tap-highlight-color: #fcd700;} 

ins {background-color: #fcd700; color: #000; text-decoration: none;}
mark {background-color: #fcd700; color: #000; font-style: italic; font-weight: bold;}


/* Baselayout
-------------------------------------------------------------------------------*/
#container {
    width: 910px;
    margin: 1% auto auto;
    background: #fff;
    /* box-shadow: 0 0 25px #000; */
}
#header {
    position: relative;
    height: 100px;
}
#main { 
    position: relative;
    clear: both;
    width: 100%;
}
#menu { 
    width: 220px;
    float: left;
    padding-top: 30px;
    margin-right: 10px;
}
#content { 
    width: 444px;
    float: left;
    margin-left: 25px;
    padding-top: 30px;
    position: relative;
    min-height: 500px;

}
#sidebar { 
    float: right;
    width: 190px;
    padding-top: 30px;
    margin-bottom: 30px;
    margin-right: 15px;
}
#footer { 
    clear: both;
    margin-left: 240px;
    border-top: 1px solid;
    padding: 10px 0;
    overflow: hidden;
    margin-right: 15px;
}

/* header
-------------------------------------------------------------------------------*/
#header h1 a img { 
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}
#header ul {
    position: absolute;
    top: 0px;
    right: 15px;
    width: 600px;
    background: url(../images/header_menu.png) no-repeat top right #010101;
    text-align: right;
    padding: 5px;
    padding-right: 50px;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}
#header li {
    display: inline-block;
    padding: 0 12px;
}
#header a {
    color: #fff;
    text-decoration: none;
}

#header a:hover, #header a:focus {
    text-decoration: underline;
}
#header a:visited {
    /* color: #ccc; */
}
#header li { 
    border-right: 1px solid #fff;
}
#header li:last-child{ 
    border-right: none;
}
#header #breadcrumbs { 
    position: absolute;
    top: 30px;
    left: 255px;
    text-shadow: 0 0 4px #fff;
}
#header #breadcrumbs a { 
    color: #000;
}
#header #breadcrumbs a:hover, #header #breadcrumbs a:focus { 
    background: #fff;
}
/* mainmenu
-------------------------------------------------------------------------------*/

#menu li a { 
    background: #fff;
    display: block;
    padding: 0px 6px;
    text-decoration: none;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-size: 18px;
}

#menu li a:hover, #menu li a:focus, #menu li.current a{ 
    background: #010101;
    color: #fff;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}
#menu li ul li a { 
    font-weight: normal;
    font-size: 14px;
    text-transform: none;
    padding: 3px 6px 3px 25px ;
    margin-bottom: 0px;
}

/* footer
-------------------------------------------------------------------------------*/
#footer address { 
    float: left;
    width: 130px;
    font-style:normal
}
#footer div.kontakt { 
    float: left;
    width: 130px;
}
#footer div.menu { 
    float: left;
    width: 130px;
}
#footer div.links { 
    float: right;
    width: 230px;
    text-align: right;
}
#footer a:hover, #footer a:focus {
    background: none;
    color: #000;
}
/* content
-------------------------------------------------------------------------------*/
.program_li_h {
    
    margin-top: 20px;
}

ul.program li a { 
    display: block;
    text-transform: uppercase;
    margin-right: 10px;
    padding: 5px 20px 5px 120px;
    text-decoration: none;
    position: relative;
    font-size: 15px;
}
body.index ul.program li { 
    background: url() transparent !important;
}
body.index ul.program li .filmtextwrap .descr, body.freiluftkino_am_stoa  ul.program li .filmtextwrap .descr { 
    text-transform: none;
    font-size: 80%;
}

body.biennale_bavaria_international ul.program li { 
    background: url() transparent !important;
}
body.biennale_bavaria_international ul.program li .filmtextwrap .descr, body.freiluftkino_am_stoa  ul.program li .filmtextwrap .descr { 
    text-transform: none;
    font-size: 80%;
}

body.search ul.program li a { 
    padding: 5px 20px;
}
body.kinder_jugend ul.program li a { 
    padding: 5px 20px 5px 140px;
}
ul.program li a>span:first-child{ 
    position: absolute;
    top: 4px;
    left:20px;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
}
ul.program li a:hover, ul.program li a:focus { 
    background: #010101;
    color: #fff;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
    z-index: 4;
}
body.program_week ul.program li.program_li_stoa a {
    border-left: 6px solid #e85d1c;
    box-shadow: inset 0 0 0 999px rgba(232, 93, 28, 0.12);
    padding-left: 114px;
}
body.program_week ul.program li.program_li_stoa a:hover,
body.program_week ul.program li.program_li_stoa a:focus {
    border-left-color: #ffb000;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}
body.program_week ul.program li a .program-location-badge {
    display: inline-block;
    margin-right: 8px;
    padding: 2px 7px;
    background: #e85d1c;
    color: #fff;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    vertical-align: 2px;
}
body.program_week ul.program li a .program-location-badge-kif {
    background: #2f6f3e;
}
ul.program li a div.program-icon { 
    position: absolute;
    top: -10px;
    right: -5px;
}
ul.program h4 { 
    margin-top: 1.5em;
    margin-left: 20px;
    font-weight: bold;
    font-size: 18px;
    text-transform: uppercase;
}
ul.program h4:first-child { 
    margin-top: 0px;
}
div.accordion{
    margin: 15px 0;
    min-height: 300px;
}
div.accordion>div{
    display: none;

}
div.accordion h3 a{
    text-decoration: none;
    font-weight: bold;
    margin: 5px 10px 5px 0px;
    display: block;
    padding: 5px 0 5px 20px;
    position: relative;
    text-transform: uppercase;
}
div.accordion h3 a:before{
    position: absolute;
    top: 7px;
    left: 0px;
    content: ' ';
    width: 0; 
    height: 0; 
    border-top: 6px solid transparent; 
    border-left: 8px solid #010101; 
    border-bottom: 6px solid transparent;
}
div.accordion h3.ui-state-active a:before{
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    border-top: 8px solid #000;
    border-bottom: 0;
    left: 0px;
}
div.accordion h3 a:hover, div.accordion h3 a:focus, div.accordion h3.ui-state-active a { 
    background: #fff;
    color: #000;
    z-index: 4;
}
div.accordion h2{
    display: none;
}

div.program_link  {
    text-align: center;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
    padding: 10px 16px;
    margin: 15px 0;
    background: #000;
    margin-left: 20%;
    margin-right: 20%;
}

div.program_link a {
    
    color: white;
}

a.lightup { 
    background: #fff !important;
    color: #000 !important;
}
#lightup {
    position: fixed; 
    left: 50%; 
    top: 50%;
    z-index: 99;
    background: #fff;
    box-shadow: 0 0 15px #333;
    display: none;
    max-height: 500px;
    max-width: 100%;
}
#lightup>img, #lightup>iframe {
    max-height: 500px;
    max-width: 100%;
}
#lightup .close {
    position: absolute;
    bottom:-30px;
    right:0;
    background: #000;
    color: #efefef;
    padding: 5px;
    cursor: pointer;
    border: 3px solid #fff;
}
#leoverlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 90;
    display: none;
    background: rgba(0,0,0,0.5);
}
address { 
    font-style:normal;
    margin-left: 20px;
}
dl { 
    font-style:normal;
    margin: 20px;
}
/* startseite 
-------------------------------------------------------------------------------*/
/* Nav Trigger */
.nav-trigger {
      /* critical styles - hide the checkbox input */
      position: absolute;
      clip: rect(0, 0, 0, 0);
}
    
body.cool #content{ 
    width: 644px;
}
body.cool #sidebar{ 
    display: none;
}
body.index ul.startliste li { 
    background-size: cover;
    height: 275px;
    width: 190px;
    margin-right: 15px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
body.index ul.startliste li a { 
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-decoration: none;
}
body.index ul.startliste li a span{ 
    background: #fff;
    background: rgba(255,255,255,0.8);
    color: #000;
    display: block;
    padding: 10px 0;
    width: 100%;
    text-align: center;
    font-weight: bold;
    text-shadow: 0 0 3px #fff;
    z-index: 10;
    position: relative;
}
body.index ul.startliste li a .filmtextwrap{ 
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 280px;
    background: #000;
    background: rgba(0,0,0,0.8);
    z-index: 9;
    opacity: 0;
}
body.index ul.startliste li a .filmtextwrap>div{ 
    opacity: 0;
    padding: 10px;
    text-shadow: 1px 1px 0 #000, 2px 2px 0 #000, 3px 3px 0 #000, 1px 0 5px #000;
}
body.index ul.startliste li a .filmtitel{ 
    color: #fff;
    font-weight: bold;
}
body.index ul.startliste li a .descr { 
    color: #eee;
    font-size: 11px;

}
body.index ul.startliste li.image a:hover .filmtextwrap  { 
    top: 35px; opacity: 1;
    animation: slideup ease-out 1s;
    -moz-animation: slideup ease-out 1s;
    -webkit-animation: slideup ease-out 1s ;
    -o-animation: slideup ease-out 1s;
}
body.index ul.startliste li.noimage a .filmtextwrap  { 
    top: 35px; opacity: 1;
}
body.index ul.startliste li.image a:hover .filmtextwrap>div  { 
    opacity: 1;
    animation: fadein ease-in 1.3s ;
    -moz-animation: fadein ease-in 1.3s;
    -webkit-animation: fadein ease-in 1.3s ;
    -o-animation: fadein ease-in 1.3s ;
}
body.index ul.startliste li.noimage a .filmtextwrap>div  { 
    opacity: 1;
}
body.index ul.startliste li a .filmtextwrap .descr:after  { 
    content: 'weiterlesen';
    text-decoration: underline;
    color: #aaa;
}
@keyframes slideup
{
    from {top: 280px; opacity: 0;}
    to {top: 35px; opacity: 1}
}

@-moz-keyframes slideup /* Firefox */
{
    from {top: 280px; opacity: 0;}
    to {top: 35px; opacity: 1}
}

@-webkit-keyframes slideup /* Safari and Chrome */
{
    from {top: 280px; opacity: 0;}
    to {top: 35px; opacity: 1}
}
@-o-keyframes slideup /* Opera */
{
    from {top: 280px; opacity: 0;}
    to {top: 35px; opacity: 1}
} 
@keyframes fadein
{
    0%   {opacity:0;}
    25%  {opacity:0;}
    50%  {opacity:0;}
    75%  {opacity:0.5;}
    100% {opacity:1;}
}

@-moz-keyframes fadein /* Firefox */
{
    0%   {opacity:0;}
    25%  {opacity:0;}
    50%  {opacity:0;}
    75%  {opacity:0.5;}
    100% {opacity:1;}
}

@-webkit-keyframes fadein /* Safari and Chrome */
{
    0%   {opacity:0;}
    25%  {opacity:0;}
    50%  {opacity:0;}
    75%  {opacity:0.5;}
    100% {opacity:1;}
}
@-o-keyframes fadein /* Opera */
{
    0%   {opacity:0;}
    25%  {opacity:0;}
    50%  {opacity:0;}
    75%  {opacity:0.5;}
    100% {opacity:1;}
} 

/* matinee 
-------------------------------------------------------------------------------*/
.matineebox { 
    background: #000;
    padding: 10px 16px;
    margin: 15px 0;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}

.matineebox .head { 
    color: #fff;
    text-align: right;
}
.matineebox .head strong { 
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.matineebox .head span { 
    display: block;
}
.matineecontent {
    background: #fff;
    color: #000;
    margin: 5px 0;
    padding: 10px 5px;
}
.matineecontent p {

    text-transform: uppercase;
    padding: 0;
    margin: 3px 0;
    font-size: 11px;
    overflow: hidden;
}
.matineecontent p span.date{
    float: left;
    font-weight: bold;
}
.matineecontent div {
    border-bottom: 1px solid #000;
}
.matineecontent div:last-child {
    border-bottom: none;
}
.matineecontent a{
    display: block;
    margin-left: 35px;
    text-decoration: none;
}

/* newswidget 
-------------------------------------------------------------------------------*/
.newswidgetbox { 
    background: #000;
    padding: 10px 16px;
    margin: 15px 0;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}

.newswidgetbox .head { 
    color: #fff;
    text-align: right;
}
.newswidgetbox .head strong { 
    display: block;
    text-transform: uppercase;
    font-weight: bold;
}
.newswidgetbox .head span { 
    display: block;
}
.newswidgetcontent {
    background: #fff;
    color: #000;
    margin: 5px 0;
    padding: 10px 5px;
}
.newswidgetcontent p {

    text-transform: uppercase;
    padding: 0;
    margin: 3px 0;
    font-size: 11px;
    overflow: hidden;
}
.newswidgetcontent p span.date{
    float: left;
    font-weight: bold;
}
.newswidgetcontent div {
    border-bottom: 1px solid #000;
}
.newswidgetcontent div:last-child {
    border-bottom: none;
}
.newswidgetcontent a{
    display: block;
    margin-left: 35px;
    text-decoration: none;
}

/* programmseite
-------------------------------------------------------------------------------*/

#filmdaten { overflow: hidden; margin-left: 10px; padding-right: 20px;}
#filmdaten p { 
    display: inline;
    text-transform: uppercase;
    margin-right: 8px;
}
#filmdaten p label{ 
    font-weight: bold; 
    margin-right: 2px;
}
#filmdaten a{ 
    text-decoration: none;
}
#filmbeschreibung {
    margin-top: 10px;
    padding-right: 20px;
    margin-left: 10px;
}
body.movie h2 {
    margin-left: 0;
    font-size: 24px;
    padding-right: 30px;
}
.terminDate {
    display: inline-block;
    font-weight: bold;
    margin-right: 15px;
    width: 6em;
}
.terminDate .tag{
    width: 2em;
    display: inline-block;
}
/* reservierung
-------------------------------------------------------------------------------*/
#reservation_form{
    margin-top: 10px;
}
#reservation_form label {
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 3px;
    display: block;
}
input, textarea, select  {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #ccc;
    border-radius: 1px;
    box-shadow: 5px 5px 5px #e9e9e9 inset;
    padding: 4px 3px 3px 3px;
    max-width: 100%;
}
input[type=submit]  {
    background: url("../images/icon_pfeil.png") no-repeat left 4px transparent;
    border: none;
    box-shadow: none;
    margin: 1em 0;
    padding-left: 10px;
    font-weight: bold;
    font-size: 12px;
}
textarea {
    width: 387px;
}
#reservation_form input[type=submit]  {
    display: block;
}
#reservation_form #formerrors {
    color: red;
}
#reservation_form label.error {
    display: inline-block;
    color: #ff0000;
    margin-left: 5px;
    font-size: 10px;
}
#column-zeit div:first-child:after {
    background: url("../images/icon_datum.png") no-repeat left center transparent;
    display: inline-block;
    width: 13px;
    height: 13px;
}
#confirmOverlayBG {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 1100;
    display: none;
    background: rgba(0,0,0,0.5);
}
#confirmOverlayBox{
    position: absolute;
    top: 20%;
    left: 50%;
    width: 380px;
    margin-left: -190px;
    z-index: 1100;
    background: #fff;
    box-shadow: 0 2px 5px #000;
    display: none;
}
#confirmOverlayBox>div{
    padding: 15px;
}
#confirmOverlayBox:after{
    content: 'X';
    position: absolute;
    top: 5px;
    right: 5px;
}

/* suche */

#abc_search a {
    font-weight: bold;
    text-decoration: none;
    padding: 2px;
}
#abc_search a:hover, #abc_search a:active, #abc_search a:focus  {
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
    padding: 2px;
}

#search_form.search input[type=submit] {
    background: url(../images/icon_suche.png) no-repeat;
    font-size: 0;
    height: 25px;
    width: 30px;
}
/* recurring
-------------------------------------------------------------------------------*/

.box-shadow {
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3);
}
.site-meta-top { 
    position: absolute;
    right: 5px;
    text-align: right;
    top: 0px;
    z-index: 7;
    overflow: hidden;
}
body.movie .site-meta-top { 
    top: -15px;
}
.print-link { 
    font-size: 0;
    text-indent: 99pt;
    overflow: hidden;
    width: 25px;
    height: 20px;
    display: block;
    background: url(../images/icon_print.png) no-repeat;
    text-decoration: none;
    display: block;
    float: right;
}
.print-link:hover, .print-link:focus, .print-link:active { 
    background: url(../images/icon_print.png) no-repeat !important;
}
.back-link { 
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 11px;
    display: block;
    height: 15px;
}
.back-link:before { 
    content: '';
    width: 0;
    height:0;
    display: block;
    float: left;
    margin-right: 5px;
    margin-top: 2px;
    border-top: 4px solid transparent; 
    border-right: 8px solid #010101; 
    border-bottom: 4px solid transparent;
}
.back-link:hover:before { 
    border-top: 4px solid transparent; 
    border-right: 8px solid #fff; 
    border-bottom: 4px solid transparent;
}
h2 {
    margin-bottom: 15px;
    font-weight: bold;
    font-size: 1.3em;
    color: #010101;
    position: relative;
    text-transform: uppercase;
    margin-left: 20px;
}
body.index  h2{
    text-transform: none;
}
p {
    font-size: 1em;
    margin: 1em 0;
}
#content>p {
    margin-left: 20px;
}
p strong {
    text-transform: uppercase;
    font-weight: bold;
}
.anztext {
    margin-right: 10px; 
    padding: 0px 6px;
}
.anzbox { 
    text-align: center;
    margin-top: 20px;
}
.anzbox strong.title { 
    display: block;
    text-align: right;
    font-size: 10px;
    border-top: 1px solid #000;
    margin-bottom: 10px;
}
#ui-datepicker-div {
    background: #fff;
    overflow: hidden;
    width: 180px;
    border: 1px solid silver;
    padding: 4px;
    display: none;
    box-shadow: 1px 1px 1px #ccc, 2px 2px 2px rgba(0,0,0,0.3), 5px 5px 5px #e9e9e9 inset;
    border-radius: 2px;
}
#ui-datepicker-div .ui-datepicker-calendar {
    width: 100%;
    margin-top: 5px;
}
#ui-datepicker-div .ui-datepicker-calendar td{
    text-align: center;
}
.ui-datepicker-next, .ui-datepicker-prev {
    cursor: pointer;
    font-size: 0;
    margin-top: 8px;
    float: left;
    margin-bottom: 15px;
}
.ui-datepicker-next {
    float: right;
}
.ui-datepicker-prev:before, .ui-datepicker-next:before {
    font-size: 11px;
    font-weight: bold;
    width:15px;
    height:15px;
    content: '';
    font-size:0;

}
.ui-datepicker-prev:before {
    border-top: 6px solid transparent; 
    border-right: 8px solid #010101; 
    border-bottom: 6px solid transparent;
}
.ui-datepicker-next:before {
    border-top: 6px solid transparent; 
    border-left: 8px solid #010101; 
    border-bottom: 6px solid transparent;
}

.ui-datepicker-title {
    position: absolute;
    text-align: center;
    top: 5px;
    left: 25px;
    right: 25px;
}
.ui-autocomplete {
    max-height: 230px;
    overflow: auto;
    width: 460px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0,0,0,0.6);
    padding: 5px;

}
.ui-autocomplete  .ui-menu-item {
    cursor: pointer;
}
#content>div.ui-widget{
    margin-bottom: 15px;
}
#poster {
    min-height: 280px;
    position: relative;
    transition: all 0.4s ease-out;
    -moz-transition: all 0.4s ease-out;
    -webkit-transition: all 0.4s ease-out;
    -o-transition: all 0.4s ease-out;
}
body.program_week #poster {
    position: fixed;
}
body.movie #poster {
    position: relative;
}
.pagination {
    position: relative;
    font-size: medium;
    margin-top: 20px;
}
.pagination a:first-child, .pagination a:last-child {
    text-decoration: none;
}
.pagination span.next a, .pagination span.next a:hover, .pagination span.next a:focus {
    border-top: 6px solid transparent; 
    border-left: 8px solid #010101; 
    border-bottom: 6px solid transparent;
    text-indent: -999pt;
    font-size:0;
    width:0;
    height:0;
    position: relative;
    top: -5px;
    left: 5px;
    background: transparent;
}
.pagination span.prev a, .pagination span.prev a:hover, .pagination span.prev a:focus {
    border-top: 6px solid transparent; 
    border-right: 8px solid #010101; 
    border-bottom: 6px solid transparent;
    text-indent: -999pt;
    font-size:0;
    width:0;
    height:0;
    position: relative;
    top: -5px;
    left: 0px;
    background: transparent;
}

.columns {
    overflow: hidden;
}
.columns .col-1-2 {
    float: left;
    width: 50%;
}


.flexslider {
    margin: auto;
    width: 160px;
}

#tagbox_right {
    float: none;
    display: none;
}

/* Media queries!
-------------------------------------------------------------------------------*/

@media screen and (max-width: 800px) {
    ul.program li a { 
        padding: 0.8em;
    }
    body.program_week ul.program li.program_li_stoa a {
        padding-left: 0.8em;
    }
    ul.program li.program_li a span {
        position: relative;
        top:0;
        left:0;
    }
    #footer address, #footer div.kontakt {
        width: 45%
    }
    
    #footer div.menu {
       float: left;
       width: 300px;
       margin-left: 20px;
       margin-top: 5px;
       margin-bottom: 5px;
    }
    
    #footer div.menu ul {
        list-style: none;
    }
    
    #footer div.menu ul>li {
        display: inline;
        list-style-type: none;
        
        padding: 0 5px;
        border-right: 1px solid #000;
        
    }
    
    #footer div.menu ul>li:last-child {
       border-right: none;
    }
    
    #ui-datepicker-div {
        width: 90%;
    }
    #ui-datepicker-div .ui-datepicker-calendar {
        clear: both;
    }
    .ui-datepicker-prev:before, .ui-datepicker-next:before {
        display: none;
        content: "";
    }
    .ui-datepicker-prev, .ui-datepicker-next {
        font-size: 1em;
    }
    #container, #main, #footer {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #content, body.index #content {
        width: 94%;
        padding: 3%;
        margin: 0;
    } /*
    #menu {
    width: inherit;
    }
    #menu ul {
    overflow: hidden;
    }
    #menu li a {
    float: left;
    margin-right: 5px;
    } */
    .anzbox {
        display: none;
    }
    .facebook {
        display: none;
    }
    #topmenu, #breadcrumbs, .site-meta-top, #footer div.links {
        display: none;
    }
    ul.program li.program_li a span {
        display: block;
    } 
    #sidebar {
        float: right;
        /* display: none; */
        width: 100%;
        margin-right: 0px;
        padding-top: 0px;
    } 
    #tagbox_left {
        float: none;
        display: none;
    }
    #poster {
        display: none;
        float: none;
    }
    #tagbox_right {
        float: none;
        display: inline;
    }
    div.accordion {
        min-height: 0px;
    }

    #menu input + label {
        position: fixed;
        top: 40px;
        right: 40px;
        height: 20px;
        width: 15px; 
        z-index: 5;
        span {
            position: absolute;
            width: 100%;
            height: 2px;
            top: 50%;
            margin-top: -1px;
            left: 0;
            display: block;
            background: black;
            transition: .5s;
        }
        span:first-child {
            top: 3px; 
        }
        span:last-child {
            top: 16px; 
        }      
    }
    label:hover {
        cursor: pointer;
    }
    input:checked + label { 
        span {
            opacity: 0;
            top: 50%;
        }
        span:first-child {
            opacity: 1;
            transform: rotate(405deg);
        }
        span:last-child {
            opacity: 1;
            transform: rotate(-405deg);
        }
    }
    input ~ nav {
        background: white;
        position: fixed;
        top: 100;
        left: 0;
        width: 100%;
        height: 0px;
        z-index: 3;
        transition: .5s;
        /* transition-delay: .5s; */
        overflow: hidden;
        > ul {
            text-align: center;
            position: absolute;
            top: 35%;
            left: 20%;
            right: 20%;
            > li {
                opacity: 0;
                transition: .5s;
                transition-delay: 0s;
                > a {
                    text-decoration: none;
                    text-transform: uppercase;
                    color: black;
                    font-weight: 700;
                    font-family: sans-serif;
                    display: block;
                    padding: 30px;
                }
            }
        }
    }
    input:checked ~ nav { 
        height: 250px;
        border-top:1px solid #000;
        border-bottom:1px solid #000;
        transition-delay: 0s;
        > ul {
            > li {
                opacity: 1;
                transition-delay: .5s;
            }
        }
    }

    #menu label[for="burger"] {
        /* critical positioning styles */
        position: fixed;
        /* left: 15px; */
        top: 22px;
        z-index: 2;

        /* non-critical apperance styles */
        height: 30px;
        width: 30px;
        cursor: pointer;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' x='0px' y='0px' width='30px' height='30px' viewBox='0 0 30 30' enable-background='new 0 0 30 30' xml:space='preserve'><rect width='30' height='6'/><rect y='24' width='30' height='6'/><rect y='12' width='30' height='6'/></svg>");
        background-size: contain;
    }
    
    #header {
        position: relative;
        height: 60px;
    }
    
    .responsive-video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .responsive-video {
        position: relative;
        padding-bottom: 56.25%; /* Default for 1600x900 videos 16:9 ratio*/
        padding-top: 0px;
        height: 0;
        overflow: hidden;
    }

}
@media screen and (min-width: 1600px) {

}
@media screen and (max-device-width: 480px) {


}

@media all and (orientation: portrait) {

}

@media all and (orientation: landscape) {

}

@media print {
    #menu, #topmenu, #breadcrumbs, #footer .menu, .pagination, #poster,.accordion, .matineebox, .print-link, .back-link {
        display: none;
    }
    .matineebox .head {
        text-align: left;
    }
    #content {
        padding: 0 0 2em 0;
        width: 90%;
    }
    #sidebar {
        float: none;
        width: 100%;
    }
    #footer {
        margin-left: 0;
    }
    h2 {
        padding: 0;
    }
    h4 {
        border-bottom: 1px solid; padding: 0; margin-left: 0 !important;
    }
    body.index ul.startliste li a .filmtextwrap  { 
        top: 0; opacity: 1;}
    body.index ul.startliste li a .filmtextwrap>div  { 
        opacity: 1; text-shadow: none;}

    #container {
        width: 100%;
    }
    body {
        background: none;
    }
    #header img { 
        position: absolute;
        top:0;
        right:0;
    }

}