/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   Base
   ========================================================================== */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 14px; line-height: 1.231; }
body, button, input, select, textarea { font-family: "Verdana, Helvetica Neue", Arial, Helvetica, sans-serif; color: #222; }
::-moz-selection { background: #fcc12c; color: #fff; text-shadow: none; }
::selection { background: #fcc12c; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a { color: #3b5998; }
a:hover { color: #2e63d0; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/* =============================================================================
   Embedded content
   ========================================================================== */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }

/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }

/* =============================================================================
   Forms
   ========================================================================== */

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ==|== primary styles =====================================================
   Author: Paul Verbeek
   ========================================================================== */

body { position:relative; background:#fff; }

.arrow-link {
  color:#000;
  display:block;
  text-decoration:none;
  height:40px;
  line-height:40px;
  padding:0 0px 0 0px;
  border-bottom: 2px solid #8f8f8f;
  font-size:22px;
  font-weight: bold;
  position:relative;
}
.arrow-link:hover {
  color:#fcc12c;
}
.arrow-link.active {
  background:#fcc12c;
  color:#fff;
}
.arrow-link::before {
  content:'';
  position:absolute;
  background:#fff;
  width:5px;
  height:40px;
  top:0;
  right:40px;
}

/** HEADER **/
[role=banner] {
  background: #fff;
  height:130px;
  /*background: url('/images/afw_head_back.jpg') repeat-x top left;*/
}
[role=banner] > div {
  width:930px;
  margin:0 auto;
  padding-top:30px;
  position:relative;
}
[role=banner] .logo {
  margin-right:21px;
  margin-top: -15px;
  float:left;
  display:block;
}
[role=banner] span {
  float:left;
  display:block;
}
[role=banner] h1,
[role=banner] h2,
[role=banner] h3 {
  text-transform:uppercase;
  display:inline;
}

[role=banner] h1 {
  color: #000;
  font-size: 43px;
  font-weight: bold;
  line-height: 1em;
}
[role=banner] h2 {
  color: #000;
  font-size:15px;
  font-weight: normal;
  position: absolute;
  margin-top: -2px;

}
[role=banner] h3 {
  color: #000;
  font-size:17px;
  font-weight:bold;
  margin-left: 350px;
  margin-top: -2px;
  position: absolute;
}
[role=banner] .fe {
  position: absolute;
  right: 90px;
  top: 10px;
}

.top-menu {
  top:22px;
  right:10px;
  position:absolute;
  margin:0 auto;
  line-height: 16px;
}
.top-menu li {
  display: block;
  font-size: 18pt;
}
.top-menu li a {
  color:#999;
  text-decoration:none;
}
.top-menu li a:hover {
  color:#777;
  text-decoration:underline;
}
/** MENU **/
.main-menu {
  width:100%;
  background-color:#fff;
  height:50px;
  padding-top: 10px;
  border-top: #000 solid 1px;
}
.main-menu ul {
  width:930px;
  margin:0 auto;
}
.main-menu li {
  float:left;
  color:#000;
  height:50px;
  padding:16px 15px;
  font-size:16px;
  margin-right:3px;
}
.main-menu li a {
  color:#000;
  display:block;
  text-decoration:none;
  border-bottom: solid 2px #000;
}
.main-menu li a:hover {
  border-bottom: solid 2px #fff;
}
/*.main-menu li.current,
.main-menu li:active {
  background:#fff;
  padding-bottom:24px;
  position:relative;
  overflow:hidden;
}
.main-menu li.current::before,
.main-menu li:active::before{
  content: '';
  -webkit-box-shadow:0 0 10px rgba(0,0,0,.3);
  -moz-box-shadow:0 0 10px rgba(0,0,0,.3);
  box-shadow:0 0 10px rgba(0,0,0,.3);
  height:60px;
  width:10px;
  position:absolute;
  left:-10px;
  top:-10px;
}
.main-menu li.current::after,
.main-menu li:active::after {
  content: '';
  -webkit-box-shadow:0 0 10px rgba(0,0,0,.3);
  -moz-box-shadow:0 0 10px rgba(0,0,0,.3);
  box-shadow:0 0 10px rgba(0,0,0,.3);
  height:60px;
  width:10px;
  position:absolute;
  right:-10px;
  top:-10px;
}*/
.main-menu li.current a:hover {
  border:0;
}
.main-menu li.current a {
  border:0;
}

/* submenu */
.main-menu li ul           {margin: 13px 0px 0px -10px; padding: 0; position: absolute; width: 160px; z-index: 100; background-color: #fff; border-bottom: solid 1px #cccbc7;  border-left: solid 1px #cccbc7;  border-right: solid 1px #cccbc7; visibility: hidden;}
.main-menu li ul li        {background-color: #fff; height: 30px; padding: 0px 10px 0px 10px; margin-right: 100px;}
.main-menu li ul li:hover  {}
.main-menu li ul li a      {}


/** SOCIAL BUTTONS **/
.social {
  width:930px;
  margin:0 auto;
  position:relative;
  margin-top: -46px;
}
.social ul {
  list-style:none;
  position:absolute;
  right:0px;
  top:-13px;
}
.social li {
  float:left;
  margin-left:0px;
}
.social li a {
  width:30px;
  height:30px;
  background:url('../img/sprite.png') 0 0;
}
.social .facebook:hover {
  background-position: 0 -50px;
}
.social .facebook:active {
  background-position: 0 -100px;
}
.social .twitter {
  background-position: -50px 0;
}
.social .twitter:hover {
  background-position: -50px -50px;
}
.social .twitter:active {
  background-position: -50px -100px;
}
/**** CONTENT ****/
#main {
  width:930px;
  margin:80px auto 0;
}
.slogan {
  text-align:center;
  height: 60px;
  position:relative;
}
.slogan .arrow-link {
  position:absolute;
  right:0;
}
/** HOME **/
.home article,
.home section {
  padding:45px 0 0px;
  width:290px;
  float:left;
}
.addline
{
  border-bottom: 1px solid #000;
  /*background:url('../img/gradient-line-short.jpg') no-repeat left bottom;*/
}
.articles {border-top: 1px solid #000;}

.home article ~ article, section {
  margin-left:30px;
}
.home header {
  height:48px;
  overflow:hidden;
}
.home h1{
  margin:0;
  font-weight:bold;
  font-size:16px;
  line-height:23px;
}
.home p {
  margin:0;
  color:#000;
  line-height:22px;
}
.home p a {
  text-decoration:none;
  font-weight:bold;
}
.home p a:hover {
  border-bottom:solid 1px #2e63d0;
}

.home .twitter ul {
  margin:0;
  padding:0;
  list-style:none;
}
.home .twitter li ~ li {
  margin-top:1em;
}
.home .twitter a {
  font-weight:normal;
}
/**** CAROUSEL ****/
.carousel {
  width:100%;
  height:400px;
  background:#fff;
  overflow:hidden;
  position:relative;
}
.carousel .title-bar {
  position:absolute;
  bottom:0;
  z-index:10;
  background:#fff;
  background:rgba(255,255,255,.7);
  height:60px;
  width:100%;
}
.carousel .title-bar .back,
.carousel .title-bar .next {
  position:absolute;
  height:40px;
  width:40px;
  top:10px;
  background:url('../img/sprite.png') no-repeat;
  z-index:30;
  cursor: pointer;
}
.carousel .title-bar .back {margin-left: -15px;}
.carousel .title-bar .next {margin-right: -15px;}


.carousel .title-bar .back {
  left:20px;
  background-position: -200px 0;
}
.carousel .title-bar .back:hover {
  background-position: -200px -50px;
}
.carousel .title-bar .next {
  right:20px;
  right:20px;
  background-position: -250px 0;
}
.carousel .title-bar .next:hover {
  background-position: -250px -50px;
}
.carousel ul {
  margin:0;
  padding:0;
  list-style:none;
  white-space:nowrap;
  position:absolute;
  top:0;
  left:0;
}
.carousel li {
  display:inline-block;
  position:relative;
}
.carousel li > div {
  /*text-align: center;*/
  position: absolute;
  bottom: 15px;
  left: 60px;
  color: #000;
  z-index: 20;
  width: 500px;
}
.carousel li .title {
  display:inline;
  font-weight:bold;
  font-size:31px;
  /*text-transform:uppercase;*/
}
.carousel li .movie-title {
  color:#000;
}
.carousel li .sub {
  font-size:18px;
  /*text-transform:uppercase;*/
}

/** PREVIEW **/
.preview {
  margin:-20px 0 70px;
}
.preview > p {
  font-size:18px;
  font-style:italic;
  margin-top:40px;
  text-align:center;
}
.preview ul {
  list-style:none;
  margin:0 auto;
  padding:0;
  width:360px;
}
.preview li {
  float:left;
  margin-bottom:30px;
}
.preview li ~ li {
  margin-left:30px;
}
.preview ul a {
  color:#fff;
  font-size:18px;
  display:block;
  position:relative;
  height:40px;
  line-height:40px;
  padding:0 20px;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top, #000000 0%,#333333 100%);
  background: -o-linear-gradient(top, #000000 0%,#333333 100%);
  background: -ms-linear-gradient(top, #000000 0%,#333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
  background: linear-gradient(top, #000000 0%,#333333 100%);
  text-decoration:none;
}
.preview ul a:hover {
  color:#fcc12c;
}
.preview ul a.active {
  background:#fcc12c;
  color:#fff;
}
.preview .facebook a {
  padding-left:65px;
}
.preview .facebook a::before {
  content:'';
  position:absolute;
  background:#fff;
  width:5px;
  height:40px;
  top:0;
  left:40px;
}
.preview .facebook a::after {
  content:'';
  height:40px;
  width:40px;
  background:url('../img/sprite.png') 0 0;
  position:absolute;
  top:0;
  left:0;
}
.preview .facebook a:hover::after {
  background:url('../img/sprite.png') 0 -50px;
}
.preview .facebook a.active::after {
  background:url('../img/sprite.png') 0 -100px;
}
.preview .twitter a  {
  padding-right:65px;
}
.preview .twitter a::before {
  content:'';
  position:absolute;
  background:#fff;
  width:5px;
  height:40px;
  top:0;
  right:40px;
}
.preview .twitter a::after {
  content:'';
  height:40px;
  width:40px;
  background:url('../img/sprite.png') -50px 0;
  position:absolute;
  top:0;
  right:0;
}
.preview .twitter a:hover::after {
  background:url('../img/sprite.png') -50px -50px;
}
.preview .twitter a.active::after {
  background:url('../img/sprite.png') -50px -100px;
}
/** FILM **/
.film {
  position:relative;
}
.film .back {
  font-size:18px;
  color:#fff;
  height:40px;
  line-height:40px;
  padding:0 15px 0 55px;
  display:block;
  position:absolute;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top, #000000 0%,#333333 100%);
  background: -o-linear-gradient(top, #000000 0%,#333333 100%);
  background: -ms-linear-gradient(top, #000000 0%,#333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
  background: linear-gradient(top, #000000 0%,#333333 100%);
  text-align:left;
  right:0;
  top:0;
  text-decoration:none;
}
.film .back:hover {
  color:#fcc12c;
}
.film .back::before {
  content:'';
  position:absolute;
  background:#fff;
  width:5px;
  height:40px;
  top:0;
  left:40px;
}
.film .back::after {
  content:'';
  height:40px;
  width:40px;
  background:url('../img/sprite.png') -150px 0;
  position:absolute;
  top:0;
  left:0;
}
.film .back:hover::after {
  background:url('../img/sprite.png') -150px -50px;
}
.film .back.active {
  background:#fcc12c;
  color:#fff;
}
.film .back.active::after {
  background:url('../img/sprite.png') -150px 0;
}
.film  h1 {
  font-size:31px;
  line-height:27px;
  font-weight:bold;
  text-transform:uppercase;
  margin:0;
}
.film  h2 {
  font-size:18px;
  text-transform:uppercase;
  margin:0 0 25px 0;
}
.film  h3 {
  font-size:18px;
  margin:0;
  color:#000;
}
.film .video {
  position:relative;
}
.film .video .play {
  position:absolute;
  height:100%;
  width:100%;
  display:block;
  background:url('../img/play.png') no-repeat center center;
  top:0;
  left:0;
  text-indent:-999em;
}
.film .content {
  margin:50px 10px 0 0;
  float:left;
  width:530px;
  color:#666;
  line-height:24px;
}
.film dt {
  font-weight:bold;
  width:92px;
  float:left;
}
.film dd {
  margin:0;
}
.film .programma {
  margin-top:50px;
}

/** FILMS **/
.films > h1 {
  margin:50px 0;
  font-weight:bold;
  font-size:18px;
}
.films ul {
  margin:0;
  padding:0;
  list-style:none;
}
.films li {
  float:left;
}
.films li.all {
  height:40px;
  line-height:40px;
  background:#fcc12c;
  color:#fff;
  padding:0 10px 0 20px;
  position:relative;
  margin-right:30px;
  font-size:18px;
}
.films li.all span {
  border-bottom: 20px solid transparent;
  border-top: 20px solid transparent;
  border-left: 20px solid #fcc12c;
  display:block;
  position:absolute;
  right:-20px;
  top:0;
  height:0;
  width:0;
  line-height:0;
}
.films li a {
  color:#fff;
  display:block;
  text-decoration:none;
  height:40px;
  line-height:40px;
  padding:0 20px;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top, #000000 0%,#333333 100%);
  background: -o-linear-gradient(top, #000000 0%,#333333 100%);
  background: -ms-linear-gradient(top, #000000 0%,#333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
  background: linear-gradient(top, #000000 0%,#333333 100%);
  font-size:18px;
}
.films li a:hover {
  color:#fcc12c;
}
.films li a.active {
  background:#fcc12c;
  color:#fff;
}
.films li ~ li {
  margin-left: 15px;
}
.films article ~ article {
  padding-top:55px;
  background:url('../img/gradient-line-long.jpg') no-repeat left top;
  margin-top:50px;
}
.films article > img {
  float:left;
  margin-right: 30px;
}
.films article > div {
  float:left;
  width:770px;
}
.films article h1 {
  margin:-6px 0 0;
  font-size:28px;
  width:100%;
  font-weight:bold;
  text-transform:uppercase;
}
.films article h1 a {
  color: #000;
}
.films article h1 a:hover {
  color: #000;
  border-bottom:solid 1px #000;
}
.films article .film-content {
  line-height:24px;
  float:left;
  width:370px;
  margin:20px 10px 0 0;
}
.films article h2 {
  font-size:18px;
  margin:0;
}
.films article p {
  margin:0;
  color:#666;
}
.films article .programma {
  margin-top:20px;
}
.films .arrow-link,
.film .arrow-link {
  float:right;
  margin-top:30px;
  position:relative;
}
/** PROGRAMMA TABLE **/
table.programma {
  width:390px;
}
table.programma tr {
  height:30px;
}
table.programma tr.sold-out {
  background:#fff;
  color:#666;
}
table.programma td {
  vertical-align:middle;
  padding-left:10px;
}

/** PROGRAMMA **/
.programma {
  position:relative;
}
.programma ul {
  margin:0;
  padding:0;
  list-style:none;
}
.programma li {
  float:left;
}
.programma li.current {
  height:40px;
  line-height:40px;
  background:#fcc12c;
  color:#fff;
  padding:0 10px;
  position:relative;
  font-size:18px;
}
.programma li a {
  color:#fff;
  display:block;
  text-decoration:none;
  height:40px;
  line-height:40px;
  padding:0 15px;
  background: #000000;
  background: -moz-linear-gradient(top, #000000 0%, #333333 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#333333));
  background: -webkit-linear-gradient(top, #000000 0%,#333333 100%);
  background: -o-linear-gradient(top, #000000 0%,#333333 100%);
  background: -ms-linear-gradient(top, #000000 0%,#333333 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=0 );
  background: linear-gradient(top, #000000 0%,#333333 100%);
  font-size:18px;
}
.programma li a:hover {
  color:#fcc12c;
}
.programma li a.active {
  background:#fcc12c;
  color:#fff;
}
.programma li ~ li {
  margin-left: 15px;
}
.programma > .arrow-link  {
  position:absolute;
  top:0;
  right:0;
}
.programma h1{
  font-weight:bold;
  font-size:18px;
  margin:50px 0;
}
.programma .categorieen {
  position:absolute;
  margin:0;
  padding:0;
  top:90px;
  right:0;
}
.programma .categorieen li {
  color:#666;
}
.programma .categorieen li ~ li {
  margin-left:20px;
}
.programma .categorieen li span {
  display:inline-block;
  width:15px;
  height:6px;
  margin:0 10px 2px 0;
}
.programma .categorieen .cat-1 span {
  background:#fcc12c;
}
.programma .categorieen .cat-2 span {
  background:#fc402c;
}
.programma .categorieen .cat-3 span {
  background:#2c93fc;
}
.programma .categorieen .cat-4 span {
  background:#7dce25;
}

.dagprogramma {
  border:none;
  width:100%;
  border-collapse:collapse;
  font-size:13px;
}
.dagprogramma tr {
  height:30px;
}
.dagprogramma td,
.dagprogramma th {
  width:8%;
  position:relative;
  border:solid 2px #ccc;
}
.dagprogramma th {
  font-weight:normal;
}
.dagprogramma th[scope=col],
.dagprogramma th.no-t {
  border-top:0;
}
.dagprogramma th[scope=row] {
  border-left:0;
}
.dagprogramma .cat-1,
.dagprogramma .cat-2,
.dagprogramma .cat-3,
.dagprogramma .cat-4 {
  background-color:#fff;
  border:double 2px #939393;
  line-height:24px;
  overflow:hidden;
  position:static;
}
.oldie .dagprogramma .cat-1,
.oldie .dagprogramma .cat-2,
.oldie .dagprogramma .cat-3,
.oldie .dagprogramma .cat-4 {
  border:solid 2px #ccc;
}
.dagprogramma span  {
  width:100%;
  height:6px;
  display:block;
}
.dagprogramma div  {
  padding: 0 10px;
}
.dagprogramma .cat-1 span {
  background:#fcc12c;
}
.dagprogramma .cat-2 span {
  background:#fc402c;
}
.dagprogramma .cat-3 span {
  background:#2c93fc;
}
.dagprogramma .cat-4 span {
  background:#7dce25;
}
.dagprogramma .sold-out {
  background-color:#fff;
  color#666;
}
.dagprogramma .time {
  position:relative;
  display:block;
  bottom: -14px;
  left:10px;
  width:45px;
  background-color:#fff;
  height: 15px;
}

.programma  .more {
  text-align:center;
  margin-top:45px;
}
.programma  .more i {
  text-align:center;
  font-size:18px;
}
.programma  .more a {
  margin:25px auto 0;
  width:220px;
}

/** VIDEO OVERLAY **/
.overlay {
  display:none;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:#222;
  background:rgba(0,0,0,.7);
  z-index:10;
}
.video-frame {
  z-index:20;
  position:absolute;
  top:100px;
  left:0;
  width:100%;
}
.video-frame .wrapper {
  margin:0 auto;
  width:639px;
  position:relative;
}
.video-frame iframe {
  border:solid 1px #fff;
  -webkit-border-radius:1px;
  -moz-border-radius:1px;
  border-radius:1px;
}
.video-frame .close {
  color:#fff;
  font-size:14px;
  font-weight:bold;
  position:absolute;
  top:-20px;
  right:0;
  padding-right:27px;
  background:url('../img/close.png') no-repeat right center;
  text-decoration:none;
}

/** PARTNERS & FOOTER **/
.partners {
  /*padding-top:10px;*/
  text-align: center;
  margin:0px 0 30px;
  position:relative;
  /*background:url('../img/gradient-line-long.jpg') no-repeat left top;*/
}
.partners span {
  font-style:italic;
  font-size:28px;
  color:#232323;
  padding-bottom:40px;
  display:block;
}
.partners ul {
  margin:0;
  padding:0;
  list-style:none;
}
.partners ul li {
  float:left;
  width:100px;
  margin-left: 290px;
}
.partners ul li ~ li {
  margin-left:50px;
}

body > footer {
  background:#fff;
  position:relative;
  margin-bottom: 20px;
}
body > footer .gradient {
  z-index:1;
  background: #000;
  background: -moz-linear-gradient(top, #232323 0%, #000000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#232323), color-stop(100%,#000000));
  background: -webkit-linear-gradient(top, #232323 0%,#000000 100%);
  background: -o-linear-gradient(top, #232323 0%,#000000 100%);
  background: -ms-linear-gradient(top, #232323 0%,#000000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#232323', endColorstr='#000000',GradientType=0 );
  background: linear-gradient(top, #232323 0%,#000000 100%);
  height:121px;
  position:absolute;
  left:0;
  top:0;
  width:100%;
}
body > footer .footer-links {
  z-index:10;
  margin:0 auto;
  width:930px;
  position:relative;
  padding:50px 0;
  line-height:24px;
}
body > footer .links {
  float:left;
  width:240px;
}
body > footer .alle-films {
  float:left;
  width:690px;
}
body > footer .alle-films > div {
  width:210px;
  float:left;
}
body > footer .alle-films > div ~ div {
  padding-left:30px;
}
body > footer ul {
  margin:0;
  padding:0;
  list-style:none;
}
body > footer ul ~ ul {
  margin-top: 1em;
}
body > footer  .letter {
  color:#fff;
  font-weight:bold;
}
body > footer h2 {
  color:#fff;
  margin:0 0 35px 0;
}
body > footer a {
  color:#999;
  text-decoration:none;
}
body > footer a:hover {
  color:#777;
  text-decoration:underline;
}


.bolcom         {text-align: center; font-family: Verdana;font-size: 16px; color: #000; padding: 10px 18px; background-color: #e8af24; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 5px; border: 0px solid #e8af24; text-decoration: none; font-weight: bold;}
.bolcom:hover   {background-color: #e18f2c; text-decoration: none; color: #000;}

footer nav      {width:350px; margin: 0 auto 0;}
footer nav li   {float: left; padding: 5px;}
footer nav li a {color: #000;}

/*nieuwsarchive*/

.archive article,
.archive section {
  padding:45px 0 50px;
  width:700px;
  float:left;
  background:url('../img/gradient-line-long.jpg') no-repeat left bottom;
}
.archive article ~ article, section {
  margin-left:0px;
}
.archive header {
  height:48px;
  overflow:hidden;
}

.tblDef
{
  font-weight: bold;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  font-size:12px;
}
.tblFirst
{
  border-left: 1px solid #000;
  width: 12px;
}
.tblMiddle1
{
  width: 12px;
}
.tblMiddle2
{
  width: 12px;
}
.tblLast
{
  width: 12px;
}
.tblBios
{
  height: 40px;
  width: 210px;
  padding: 3px;
}
.tblWinner
{
  width: 12px;
  background-color: #fcc12c;
  padding: 3px;
  background:url('/images/prog_winnaar.jpg') right;
  cursor: pointer;
}
.tblPreview
{
  width: 12px;
  background-color: #fc402c;
  padding: 3px;
  background:url('/images/prog_previews.jpg') left;
  cursor: pointer;
}
.tblBest
{
  width: 12px;
  background-color: #2c93fc;
  padding: 3px;
  background:url('/images/prog_tribeca.jpg') left;
  cursor: pointer;
}
.tblSusan
{
  width: 12px;
  background-color: #7dce25;
  background:url('/images/prog_susan.jpg') left;
  padding: 3px;
  cursor: pointer;
}
.tblUnknown
{
  width: 12px;
  background-color: #eb2cfc;
  padding: 3px;
  cursor: pointer;
}

/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.invisible { visibility: hidden; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }



/* ==|== media queries ======================================================
   PLACEHOLDER Media Queries for Responsive Design.
   These override the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 480px) {
  /* Style adjustments for viewports 480px and over go here */

}

@media only screen and (min-width: 768px) {
  /* Style adjustments for viewports 768px and over go here */

}



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}