body {
        font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
        font-size: 10.5pt;
        color: black;
        margin: 0;
        background-color: #555;
        -moz-background-clip: -moz-initial; 
        -moz-background-origin: -moz-initial; 
        -moz-background-inline-policy: -moz-initial;

}

#page {
        /*
        width: 1006px;
        min-height: 1000px;
        */
        width: 856px;
        min-height: 850px;
        background-image: none;
        background-color: white;
        margin: 0 auto 0 auto;
        border-color: #888;
        border-style: solid;
        border-width: 0 1px 0 1px;
        padding: 0;
        padding-bottom: 30px;
        text-align: left;
}

/* :-moz-any-link:focus { outline: none;} */

/* Seitenheader (inklusive 2 Navigationsleisten)  */

#header {
        width: 800px;
        margin: 0 28px 14px 28px;
        padding-top: 8px;
}

#headerblock h1 {
        width: 801px;
        height: 146px;
        background-image: url('2018-qcb-www-header.jpg');
        background-repeat: no-repeat;
        text-indent: -10000px;
        float: left;
        margin: 0;
        padding: 0;
}

#headerblock h1 a {
        display: block;
        width: 100%;
        height: 100%;
}

#headerblock h1 a:hover {
        border: none;
}

#header #rc {
        display: block;
        width: 160px;
        height: 146px;
        float: right;
        background-repeat: no-repeat;
        text-indent: -10000px;
}

#datum {
        height: 100px;
}

#logo {
        width: 160px;
        height: 30px;
        display: block;
}


/* navbars */
#header {
        font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
        font-weight: bold;
        font-size: 9pt;
}

#header #topnav {
        text-transform: uppercase;
        list-style-type: none;
        padding: 0;
        margin: 0 0 5px 0;
        float: right; 
}

#header #topnav li {
        float: left;
        padding-right : 4px;
}

#header #topnav li.last {
        padding-right: 0;
}

#header #topnav a {
        color: #555;
}

#header #topnav li a:hover {
        border-bottom: none;
}


#header .mainnav {
        border-bottom: 2px solid black;
        padding: 0 0 4px 0;
        margin: 0;
        float: left;
        width: 100%;
        font-family: Helvetica, "Helvetica Neue", Arial, Geneva, sans-serif;
        text-transform: uppercase;
        font-weight: bold;
        line-height: 16px;
        font-size: 13px;
        font-size: 9.5pt;
}

#header div.mainnav ul {
        list-style-type: none;
        padding: 0;
        margin: 0;
        clear: both;
        color: black;
}

#header div.mainnav li {
        float: left;
        margin: 7px 18px 0 0;
        padding: 0;
        color: #FB9FC5;
}

#header div.mainnav a {
        border: none;
        color: #555;
}

/* Main content boxes */

#mainboxes {
        padding: 0;
        padding-left: 29px;
        padding-right: 13px;
        padding-top: 0px;
        width: 800px;
}

#main
{
        padding: 15px 0 10px 0;
        width: 762px;
        float: left;
}

#sidebarbox {
        float: right;
        margin: 0;
        width: 162px;
        padding: 0;
}

#sidebar {
        padding: 15px 0 0px 0px;
        width: 100%;
        text-align: left;
        text-transform: uppercase;
        font-size: 13px;
        color: #000;
}

#sidebar p {
        margin: 0px 0 28px 0;
}

#sidebar p.sponsor {
        margin: -20px 0 30px 0;
}

div.postcontent {
        clear: both;
}

/* Footer */

#footer {
        width: auto;
        margin: 40px 29px 0 29px;
        border-top: solid 1px #888;
        padding-top: 7px;
        text-align: center;
        font-size: 0.8em;
        clear: both;
}

#footer p {
        margin: 0px 0 0 0;
        padding: 0;
}

/* Elemente */

h1 {
        margin: 0;
        font-size: 4em;
        text-align: center;
        clear: both;
        }

h2 {
        font-family: Georgia, "Times New Roman", Times, serif; 
        font-weight: bold;
        font-style: italic;
        font-size: 1.4em;
        margin: 0 0 8px 0;
}


h3 {
        font-family: Georgia, "Times New Roman", Times, serif; 
        font-size: 1.1em;
        font-weight: bold;
        font-style: italic;
        padding: 0;
        margin: 16px 0 8px 0;
}

p {
        margin: 5px 0 7px 0;
        line-height: 1.2em;
}

a {
        border: none;
        text-decoration: none;
        color: #666;
}

a:hover {
        text-decoration: underline;
        }

a:visited {
        color: #666;
}


img { border: none;
      margin-top: 4px;
      margin-bottom: 4px;
}

ul {
       list-style-type: Square;
       padding-left: 30px;
}
#lust p {
        font-family: Georgia, "Times New Roman", Times, serif; 
        font-style: italic;
        font-size: 1.4em;
        margin: 0;

}

#lust p.last {
        font-weight: bold;
        font-size: 1.4em;
        margin: 10px 0 30px 0px;
        margin: 5px 0 00px 0px;
}

ul.links {
       list-style-type: None;
       padding-left: 0;
}

.highlight {
    color: #FB9FC5;
    text-transform: uppercase;
}

.highlightb {
    color: #FB9FC5;
    text-transform: uppercase;
}

.newsmeta {
 font-size: 0.8em;
 font-style: italic;
 color: #555;
}

.newsmeta .author {
 float:left; 
}
.newsmeta .date {
 float:left; 
}

.movie {
   margin-top: 20px;
}

.movie .left {
   float: left;
   width: 210px;
}

.movie .left img {
   width: 200px;
   padding: 0;
   margin: 0;
}

.movie .right {
   padding-left: 210px;
}

.movie .trailer {
   text-transform: uppercase;
   // font-size: 0.8em;
   text-align: center;
   margin-top: 5px;
}

.movie .tickets {
   text-transform: uppercase;
   font-weight: bold;
   margin-top: 5px;
   padding-bottom: 5px;
}



/* Program table */

table.program {
   // color: #efefef;
   min-width: 100%;
   width: 100%;
   // table-layout: fixed;
}

/*
table.program tr:nth-child(2n) {
     background: #eff0f1;
}

table.program tr:nth-child(2n+3) {
     background: #fff;
}

*/

table.programm td.header {
      width: 150px;
}

table th, table td {
      vertical-align: top;
}

table td a:link, table td a:visited {
   color: #000;
   font-weight: bold;
}

.header {
   width: 150px;
}

.header, .time {
  background: #455a6f;
  text-transform: uppercase;
  font-size: 0.8em;
  text-align: center;
  // font-weight: bold;
  padding: 0.5em; 
  color: white;
}

.time {
   border-top-style: solid;
   border-top-color: white;
   border-top-width: 3px;
   border-left-style: solid;
   border-left-color: white;
   border-left-width: 3px;
   width: 1em!important; 
}

.event {
    font-weight: 300;
    width: 70px!important; 
    border-top-style: solid;
    border-top-color: white;
    border-top-width: 3px;
    border-bottom-width: 0px;
    padding: 4px 4px 0px 5px;
    height: 100%;

}

.legend {
    font-weight: 300;
    width: 160px;
    // cursor:pointer;
    border-top-style: solid;
   border-top-color: white;
    border-top-width: 3px;
    border-bottom-width: 1px;
    padding: 4px 4px 0px 4px;
    height: 100%;

}


.film      { background: #3498db; }
.workshop  { background: #2ecc71; }
.doc       { background: #e74c3c; }
.other    { background: #f39c12; }

//.doc       { background: #9b59b6; }
// .other     { background: #34495e; }

.eventLocation {
  font-size: 0.6em;
  float: right;

   background-color: #777;
   color: #fff;
   padding: 3px;
   margin-right: -4px;


}

/*

*, *:before, *:after {
  margin:0; padding:0; border:0; outline: 0;
  @include box-sizing(border-box);
}
*/



.ss-footer { content:none !important; }