/* General styles
==========================*/
BODY, HTML { font-size: 12px; line-height: 18px; font-family: Georgia, Times New Roman, Serif; margin: 0; padding: 0; }
DIV, SPAN, TH, TD, P, INPUT, BUTTON, SELECT, UL, LI, TEXTAREA { color: #3F3F3F; }
IMG { border: 0; }
UL { list-style-type: square; }
FORM { margin: 0; padding: 0; }
A { color: #db001b; text-decoration: none; }
A:visited { color: #db001b; }
A:hover { color: #db001b; text-decoration: underline; }
.clear { clear: both; }
A.disabled, A.disabled:hover { color: #ccc !important; text-decoration: none; }
.errorPanel { color: #f00; font-weight: bold; }

H1 { display: none; }
H2 { font: bold 18px/21px Arial, Verdana, Sans-serif }
H3 { font: bold 16px/18px Arial, Verdana, Sans-Serif; }
H4 { font: bold 12px/15px Arial, Verdana, Sans-Serif; }

/* WEBFONT 
=========================================*/
@font-face { font-family: 'IFFRGroteskBold'; src: url('iffrgrotesk-bold-webfont.eot'); src: url('iffrgrotesk-bold-webfont.eot?#iefix') format('embedded-opentype'), url('iffrgrotesk-bold-webfont.woff') format('woff'), url('iffrgrotesk-bold-webfont.ttf') format('truetype'), url('iffrgrotesk-bold-webfont.svg#IFFRGroteskBoldBold') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'IFFRGroteskNormal'; src: url('iffrgrotesk-normal-webfont.eot'); src: url('iffrgrotesk-normal-webfont.eot?#iefix') format('embedded-opentype'), url('iffrgrotesk-normal-webfont.woff') format('woff'), url('iffrgrotesk-normal-webfont.ttf') format('truetype'), url('iffrgrotesk-normal-webfont.svg#IFFRGroteskNormal') format('svg'); font-weight: normal; font-style: normal; }

/* LAYOUT AND COLUMNS
==========================*/
DIV#wrapper { position: relative; width: 800px; background-color: #fff; margin: auto; }
DIV#header { height: 136px; width: 800px; position: absolute; top: 0; left: 0; z-index: 10; }
DIV#columns { position: absolute; top: 136px; left: 0; background-color: #fff; }
DIV#mainColumn { width: 496px; float: left; padding-top: 14px; margin-left: 16px; padding-bottom: 16px; }
DIV.sideColumn { width: 255px; float: right; padding-right: 16px; padding-top: 14px; }
DIV#wideColumn { width: 768px; padding: 14px 16px 16px; }
DIV#footer { clear: both; height: 160px; width: 800px; z-index: 5; padding-top: 32px; }
DIV#threeCol { margin-top: 10px; width: 496px; }
DIV#threeCol .col { width: 165px; float: left; }
DIV#webentriesColumn { width: 784px; padding: 14px 0 16px 16px; }
.bgr-grey { background-color: #F6F6F7; }
SPAN.sep { display: inline !important; color: #db001b !important; }

/* HEADER ELEMENTS 
==========================*/
/* Siteswitch */
#siteSwitch { position: absolute; top: 136px; left: -112px; width: 112px; height: 96px; }
#siteSwitch DIV.active, #siteSwitch A { display: block; height: 26px; width: 108px; font: bold 11px/32px Arial, Verdana, Sans-Serif; padding: 6px 0 0 4px; }
#siteSwitch DIV.active { background-color: #fff; color: #000; }
#siteSwitch DIV.bar { border-top: 1px solid #000; }
#siteSwitch A { color: #fff; background-color: #c7c8ca; }
#siteSwitch A.cms { background-color: #fbe425; }
#siteSwitch A:hover { color: #fff; background: #d3001b; text-decoration: none; }

/* Header elements */
#festival { position: absolute; top: 72px; left: 16px; height: 32px; font: bold 11px/32px Arial, Verdana, Sans-Serif; }
#flash { position: absolute; top: 0; left: 305px; width: 190px; height: 104px; }

/* Search */
DIV.search { position: absolute; top: 112px; right: 16px; width: 140px; }
.search INPUT { float: right; width: 120px; border: 1px solid #000; }
.search A { float: right; text-decoration: none; margin-left: 2px; }
.searchForm { background: #e4e6e8; width: 100%; margin-bottom: 16px; padding: 8px; }
.searchForm * { font: normal 11px/15px Arial, Verdana, Sans-Serif !important; }
.defaultTextActive { color: #a1a1a1; font-style: italic; }

.textsearchlist { margin: 0px !important; background-color: #fff; color: #000; border-color: #e4e6e8; border-width: 1px; border-style: solid; cursor: 'default'; text-align: left; list-style-type: none; padding: 0px; z-index: 900000; width: 206px !important; }
.textsearchlistitemselected { background-color: #000; color: #fff; padding: 2px 24px; margin: 0; overflow: hidden; font-size: 12px; font-family: Arial; }
.textsearchlistitem { background-color: #fff; color: #000; padding: 2px 24px; margin: 0; overflow: hidden; font-size: 12px; font-family: Arial; }

/* social network icons */
#social { position: absolute; top: 16px; right: 16px; }
a.share, a.rss, a.twitter, a.facebook, a.youtube, a.hyves, a.flickr { display: block; width: 18px; height: 18px; background: url('/sites/shared/images/sprite.png') no-repeat; float: right; margin-right: 4px; margin-top: 6px; }
a.share { left: 12px; background-position: 0px 0px; }
a.rss { left: 34px; background-position: -18px 0px; }
a.twitter { left: 56px; background-position: -54px 0px; }
a.facebook { left: 78px; background-position: -72px 0px; }
a.youtube { left: 100px; background-position: -36px 0px; }
a.hyves { left: 122px; background-position: -90px 0px; }
a.flickr { left: 140px; background-position: -108px 0px; }

/* NAVIGATION
==========================*/
#navigation { position: absolute; left: 9px; top: 113px; height: 23px; }
#serviceMenu { position: absolute; top: 72px; right: 8px; }
.submenu { background-color: #f6f6f7; padding: 8px; }
.submenu UL { margin: 0; padding: 0; }
.submenu LI { list-style-type: none; white-space: nowrap; }
.submenu LI.active A { color: #3F3F3F; }
UL.secondarynav, UL.secondarynav UL, UL.secondarynav LI { list-style-type: none; margin: 0; padding: 0; }
.secondarynav A { font: bold 11px/32px Arial, Verdana, Sans-Serif; }
UL.secondarynav LI { float: left; }
UL.secondarynav LI A { padding-right: 8px; }
#serviceMenu .secondarynav A { font-size: 11px; }

/* SUCKERFISH 
==========================*/
.sf-menu, .sf-menu * { list-style: none; overflow: visible; margin: 0; padding: 0; }
.sf-menu { line-height: 1.0; float: left; margin-bottom: 1em; }
.sf-menu ul { position: absolute; top: -999em; width: 10em; }
.sf-menu li:hover { visibility: inherit; }
.sf-menu li { float: left; position: relative; }
.sf-menu a { font: bold 11px/32px Arial, Verdana, Sans-Serif; display: block; position: relative; }
.sf-menu li:hover ul, .sf-menu li.sfHover ul { left: -1px; top: 23px; }
.sf-menu A { line-height: 18px; height: 19px; padding-top: 4px; text-decoration: none; }
.sf-menu LI { margin-right: -1px; background-repeat: no-repeat; background-position: top right; }
.sf-menu LI LI { margin-right: 0; }
.sf-menu LI UL { border: 1px solid #000; border-top: 0; width: 200px; }
UL.sf-menu LI.last { background-image: none !important; }
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul, ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; }
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul, ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 10em; top: 0; }
UL.subnav LI { width: 100%; }

/* SLIDESHOW and MEDIAPLAYER
==========================*/
.slidecontainer, .filmslidecontainer { position: relative; background-color: #000; min-height: 180px; margin-bottom: 8px; height: 322px; width: 496px; }
.filmslidecontainer { min-height: 322px; }
#slides, #filmslides { position: absolute; top: 0; left: 0; width: 496px; background-color: #000; }
#filmslides { height: 322px; }
.slide, .filmslide { position: absolute; top: 0; left: 0; width: 496px; background: #000; overflow: hidden; height: 180px; }
.filmslide { background: #fff; height: 322px; overflow: visible; }
.slide IMG.slideImg, .filmslide IMG.slideImg { position: absolute; top: 0; left: 0; z-index: 650; }
.slide .slideText { display: block; position: absolute; bottom: 0; height: 32px; background-image: url(/sites/shared/images/verloop.png); color: #fff; font: bold 11px/16px Arial, Verdana, sans-serif; width: 480px; z-index: 800; padding: 8px; }
.slide .slideButton { display: block; width: 72px; height: 16px; position: absolute; right: 16px; bottom: 16px; font: bold 11px/16px Arial, Verdana, sans-serif; border: 1px solid #fff; color: #fff; background-color: #000; text-align: center; z-index: 1000; }
.bbplayer { position: relative; width: 496px; height: 180px; background-color: #000; }
.bbplayer .bboverlay { position: absolute; top: 0; left: 0; width: 496px; height: 320px; }
A.playButton { display: block; width: 78px; height: 78px; position: absolute; top: 35px; left: 209px; z-index: 850; background-image: url(/shared/images/play.png); background-position: top left; }
.filmslide A.playButton { top: 106px; }
#slides, .slide IMG.slideImg { height: 180px; }
.slide A.playButton:hover, .filmslide A.playButton:hover { background-position: 0 -78px; }
/* MediaBlock */
.mediablokForm { background-color: #f6f6f7; overflow: visible; }
.mediablokForm * { font: normal 11px/15px Arial, Verdana, Sans-Serif; }
.mediablokForm .options { width: 480px; background: #E8E8E8 url(/shared/images/editbar.gif) repeat-x scroll 0 0; height: 22px; padding: 4px 0 4px 16px; }
.mediablokForm .options A { font: normal 11px/15px Arial, Verdana, Sans-Serif; width: 180px; background-repeat: repeat-x; margin-right: 16px; }
.mediablokTools { width: 480px; height: 16px; background-color: #E1E1E1; padding: 8px; }
.mediablokTools * { float: right; }
#preview { position: absolute; border: 1px solid #ccc; background: #fff; display: none; color: #fff; z-index: 20000000; background-image: url(/shared/images/ajax-loader-ball.gif); background-position: center center; background-repeat: no-repeat; width: 300px; }
#preview IMG { width: 300px; }

/* HOMEPAGE TEASER EN PAGE TEASER
==========================*/
DIV.homeLeft, DIV.homeRight { width: 240px; overflow: hidden; }
DIV.homeLeft { float: left; }
DIV.homeRight { float: right; }

.homeBlock {cursor: pointer; padding: 8px 0; }
.homeBlock H2 { color: #000; margin: 0 0 2px 8px; }
.homeBlock H2 A, .pageBlock H2 A { color: #000; text-decoration: none; }
.homeBlock H2 A:hover, .pageBlock H2 A:hover { color: #db001b; }

.homeBlock P { margin: 0 0 0 8px; }
.homeBlock IMG { width: 224px; margin-left: 8px; }

.homeBlock:hover { background-color: #fbdbca; }
.homeBlock:hover H2 A { color: #db001b; text-decoration: none; }
.homeBlock:hover P A { text-decoration: underline; }

.homeBlock.nohover { cursor: default}
.homeBlock.nohover:hover { background-color: #fff;}
.homeBlock.nohover:hover H2 A { color: #000; text-decoration: none; }

.pageBlock {cursor: pointer; width: 500px;  margin-bottom: 10px; padding: 0px 10px 8px 10px; position: relative; left: -10px; }
.pageBlock H2 { color: #000;  font: bold 16px/22px Arial,Verdana,Sans-Serif; margin: 4px 0px; padding: 0px;}
.pageBlock IMG {width: 150px; float: left;}
.pageBlock P {display: block; float: right; width: 340px; padding: 0; margin: 0;}

.pageBlock.noimg IMG {display: none;}
.pageBlock.noimg P {float: left; width: 500px;}

.pageBlock:hover { background-color: #fbdbca; }
.pageBlock:hover H2 A { color: #db001b; text-decoration: none; }
.pageBlock:hover P A { text-decoration: underline; }


/* DEFAULT 
==========================*/
.defaultMain { width: 100%; overflow: visible; }

/* Titlebar
==========================*/
.titlebar { padding-bottom: 6px; width: 496px; }
.titlebar H1 { font: bold 18px/20px Arial, Verdana, sans-serif; display: block !important; margin: 0 0 8px; padding: 0; }
.titlebar SPAN.themes SPAN { color: #c7c8ca; font: bold 18px/20px Arial, Verdana, sans-serif; }

DIV.breadcrumb, DIV.breadcrumb A { color: #c7c8ca; font: normal 11px/16px Arial, Verdana, sans-serif; }

/* SIDEBAR BLOCKS 
==========================*/
.sideColumn .freecontent { margin-bottom: 16px; }
.sideblock { background-color: #f6f6f7; margin-bottom: 16px; }
.side .sideblock * { font: normal 12px/18px Georgia, Times New Roman, Serif; }
.sideblock TABLE { width: 222px; margin-left: 16px; }
.sideblock TABLE TD.slab { width: 64px; vertical-align: top; padding-right: 8px; }
.sideheader { width: 222px; display: block; font: bold 12px/18px Arial, Verdana, sans-serif !important; text-transform: uppercase; background-color: #c7c8ca; color: #000; padding: 2px 16px; }
/* legacy styles */
TABLE.block1, TABLE.blok, TABLE.block2 { width: 254px !important; margin-bottom: 16px; background-color: #f6f6f7; }
TABLE.nomargin { margin-bottom: 0 !important; }
TABLE.block1 TD, TABLE.blok TD, TABLE.block2 TD { padding-left: 16px; padding-bottom: 2px; font: normal 12px/21px Georgia, Times New Roman, Serif; vertical-align: top; }
TABLE.block1 TD.header, TABLE.blok TD.header, TABLE.block2 TD.header { font: bold 12px/18px Arial, Verdana, sans-serif !important; text-transform: uppercase; background-color: #c7c8ca; color: #000; }
TABLE.blok { background-color: #fbdbca; }
TABLE.blok TD.header { background-color: #de4d4e; }
TABLE.block2 { background-color: #fff8c7; }
TABLE.block2 TD.header { background-color: #fbea25; }
TABLE.contact TD { width: 127px; font-weight: bold; }
TD.content_full IMG { width: 238px; }
TD.arrow { width: 1px !important; padding: 0; }
TABLE.block1 TABLE, TABLE.blok TABLE, TABLE.block2 TABLE, TABLE.block1 TD TD, TABLE.blok TD TD, TABLE.block2 TD TD { padding-left: 0; }
/* colored content blocks */
.coloredcontent { margin-bottom: 16px; overflow: hidden; width: 100%; }
.coloredcontent .header { font: bold 12px/18px Arial, Verdana, sans-serif !important; text-transform: uppercase; padding-left: 16px; }
.coloredcontent .freecontent { padding: 2px 16px 0; }
.coloredcontent .content { padding: 2px 16px 0; }
.red { background-color: #FBDBCA; }
.red .header, .red .sideheader { background-color: #DE4D4E; color: #000; }
.yellow { background-color: #FFF8C7; }
.yellow .header, .yellow .sideheader { background-color: #FBEA25; color: #000; }
.grey { background-color: #E8E8EA; }
.grey .header, .grey .sideheader { background-color: #C7C8CA; color: #000; }
TABLE.sidebio TH { text-align: left; vertical-align: top; }
IMG.sidebiopic { margin: 16px 16px 0; }

#mainColumn .coloredcontent { background-color: #fff !important;}
#mainColumn .coloredcontent .header { padding-left: 10px;} /* overrule voor de hoofdkolom */

/* FILM MYIFFR SIDEBLOCK
==========================*/
.sideblock.myiffr{ margin-bottom: 0px; padding: 16px;}
.sideblock.myiffr UL { margin: 0; padding: 0;}
.sideblock.myiffr UL LI { padding: 2px; border-bottom: 1px solid #C7C8CA; list-style-type: none;   margin-left: -8px; padding: 4px 0 4px 8px; width: 230px;}
.sideblock.myiffr H2 { color: #404040; font: normal 22px/24px 'IFFRGroteskBold' , 'Helvetica Neue' , Arial,Sans-Serif; margin: 0; padding: 4px 0 16px; }
.sideblock.myiffr H2 A { color: #404040; text-decoration: none;}

/* FILM MYIFFR POPUPS 
==========================*/
/* form stylen worden gedefinieerd in myiffr.css */
DIV.myrating,SPAN.myfavourite { display: block; margin: 10px 0px; font: normal 11px/14px Arial, Verdana, sans-serif !important;}

/* LIST TEASERS 
==========================*/
.listteaser { padding: 0; }
.listimage { float: left; }
.listtext { float: right; }
.index TABLE { width: 100%; }
.index TABLE TD { vertical-align: top; }
.index .indeximage { width: 120px; }

/* SPONSORS 
==========================*/
TABLE.sponsorsNoGroup { width: 100%; }
TABLE.sponsorsNoGroup A { text-decoration: none; }

/* SPLASH 
==========================*/
form.splash { text-align: center; margin: 0; padding: 0; }
form.splash img.imglink { float: left; margin-right: 36px; cursor: pointer; }
form.splash img.imglink.last { margin-right: 0; }
form.splash .block { display: block; }
form.splash .center { margin-right: auto; margin-left: auto; }

/* FOOTER 
==========================*/
#footerbranding { height: 58px; width: 52px; text-align: center; margin: 0 auto 16px; }
#footermenu { padding-left: 45px; }
#footermenu UL, #footermenu LI { display: inline; text-align: center; font: bold 11px/14px Georgia, Times New Roman, Serif; margin: 0; padding: 0; }
#footersponsors { margin-top: 16px; width: 800px; height: 43px; border-top: 1px solid #fff; }
#footersponsors IMG { border: 0; float: left; padding: 0; }

/* FREE CONTENT 
========================== */
.freecontent IMG { margin-right: 8px; margin-bottom: 4px; }
.freecontent A IMG { border: 0; }

/* REVIEWS 
========================== */
.reviews TABLE { margin: 0px 10px; width: 100%; }
.reviews TD.reviewinfo { color: #717171 !important; padding: 5px 0px 0px 0px; }
.reviews TR.white { background-color: #FFF !important; }
.improper { color: #717171 !important; }

/* PROGRAMME SCHEDULE
==========================*/
.scheduleDate { display: block; font-weight: 700; font-size: 14px; margin: 8px 0; }
TABLE.bookings { width: 768px; border-bottom: solid 1px #E8E8EA; border-right: solid 1px #E8E8EA; margin: 0; }
TABLE.bookings TH { background-color: #C7C8CA; height: 15px; padding: 0; }
TABLE.bookings TH.label { width: 156px; border-left: solid 1px #C7C8CA; }
TABLE.bookings TH.hour { font-family: Arial; font-size: 11px; width: 37px; border-left: solid 1px #000; padding-left: 0; vertical-align: middle; color: #000; font-weight: 700; }
TABLE.bookings TH.hour SPAN { margin-left: 2px; }
TABLE.bookings TD { height: 15px; font-family: Arial, Sans-serif; font-size: 11px; font-weight: 700; vertical-align: top; padding: 0 0 5px; }
TABLE.bookings TD.label { background-color: #fff; border-left: solid 1px #E8E8EA; }
TABLE.bookings TD.label SPAN { display: block; padding-left: 1px; padding-right: 0; }
TABLE.bookings TD.hour { height: 15px; }
TABLE.bookings TD.gray { background-color: #E8E8EA; }
DIV.bookings { position: relative; top: 0; left: 0; width: 100%; padding-left: 1px; background-color: transparent; }
DIV.booking { font-family: Arial, Sans-serif; font-size: 11px; position: relative; float: left; top: 0; overflow: hidden; background-color: #fff; }
DIV.past TD, DIV.past TH { background-color: #ccc !important; color: #333 !important; }
TABLE.booking { width: 100%; }
TABLE.booking TD, TABLE.booking TH { font-family: Arial, Sans-serif !important; font-size: 11px !important; font-weight: 400 !important; padding: 0 0 0 2px; }
TABLE.booking TD A { color: #000; }
TABLE.booking TH DIV.time { font-family: Arial, Sans-serif; font-size: 11px; font-weight: 700; color: #000; float: left; background-color: #c7c6ca; width: 100%; text-align: left; }
.bf { background-color: #FFF34D; }
.tg { background-color: #ffa400; }
.ts { background-color: #ffce69; }
.sp { background-color: #e186b7; }
.sh { background-color: #e2bbd9; }
.mg, .rg, .fr, .pc, .pb, .hh { background-color: #B2CAE7; }
.wit, .dt, .mr { background-color: #fbfbfb; }
.pre { filter: alpha(opacity=50); -moz-opacity: .50; opacity: .50; }
TABLE.past div.time { background-color: #CECDB8 !important; color: #999 !important; }
DIV.IFFRtip { z-index: 999; display: none; position: absolute; }
TABLE.tiptable { width: 200px; font-family: Arial, Verdana, Sans-Serif; }
TABLE.tiptable TD { font-size: 11px; line-height: 13px; font-weight: 400; padding: 2px 0; }
TABLE.tiptable TD.tipFilmTitle, TABLE.tiptable TD.tipBookingTitle, TABLE.tiptable TD.tipFilmInBookingTitle { font-weight: 700 !important; }
TABLE.tiptable TD.tipFilmTitle A, TABLE.tiptable TD.tipFilmInBookingTitle A { font-weight: 700 !important; color: #000 !important; }
TABLE.tiptable TD.tipBookingTitle { padding-bottom: 0; }
TABLE.tiptable TD.tipFilmInBookingTitle { border-top: solid 1px #636568; padding-bottom: 0; }
TABLE.tiptable TD.tipFilmDetailText { color: #636568; }
TABLE.tiptable TD.tipBookingTheatre { border-top: solid 1px #636568; text-align: left; }
TABLE.tiptable TD.tipBookingTheatre SPAN { font-size: 10px; color: #636568; display: block; }
TABLE.tiptable TD.tipProgrammePart, TABLE.tiptable TD.tipFilmOneliner { border-top: solid 1px #636568; }
TABLE.tiptable TD.tipBookingDate, TABLE.tiptable TD.tipBookingTime { border-top: solid 1px #636568; text-align: right; white-space: nowrap; }
TABLE.booking TH DIV.soldout SPAN SPAN { color: red; font-weight: 700; font-size: 13px; font-family: Arial; line-height: 12px; }
.past SPAN { /* soldout in the past, not red */ color: #000 !important; }
TR.tipBookingSoldout TD { /* programschedule tooltip booking soldout */ color: #f00; }
TR.soldout .soldout, TR.soldoutinfo TD SPAN SPAN { color: #f00; font-weight: bold; font-family: Trebuchet MS; font-size: 12px; }
TR.soldoutinfo TD { font-size: 11px; font-family: Arial; color: #ccc !important; }
TABLE.pslegcon { margin-top: 16px; }
TABLE.pslegcon TD { vertical-align: top; text-align: left; }
TABLE.psleg TD.psleg { background-color: #000; color: #fff; font-weight: bold; padding-left: 2px; }

/* FILM LISTING 
==========================*/
TABLE.film { width: 100%; cursor: pointer; }
TABLE.film TD { text-align: left; vertical-align: top; padding-top: 4px; padding-bottom: 4px; height: 78px; font-size: 12px; line-height: 16px; }
TABLE.film TD.image { padding-right: 16px; width: 120px; }
TABLE.film TD H2 { font-size: 12px; line-height: 14px; margin: 0; padding: 0; }

TABLE.downloads TH { text-align: left; vertical-align: top; }
TABLE.downloads TD { text-align: left; vertical-align: top; padding-top: 4px; padding-bottom: 4px; }
TABLE.downloads TD.img { width: 140px; }
TABLE.downloads TD.films SELECT { width: 400px; }
TABLE.film .filminfo, TABLE.downloads .filminfo { display: block; color: #666; font-size: 11px; font-family: Arial, Verdana, Sans-Serif; padding-top: 2px; }
TABLE.film:hover { background-color: #fbdbca; }
TABLE.cpl TD { vertical-align: top; text-align: left; padding-top: 3px; padding-bottom: 1px; vertical-align: top; }
TABLE.cpl TR.industry TD { font-style: italic; }
TABLE.cpl TD IMG.press { width: 8px; height: 8px; margin-right: 4px; }
TABLE.cpl TD.text { padding-left: 16px; }
TABLE.cpl TD.date { text-align: right; }
TABLE.cpl A.add, TABLE.cpl A.added { display: block; background: url(/shared/images/agenda.gif) no-repeat top left; width: 16px; height: 18px; margin-top: 1px; }
TABLE.cpl A.added { background-position: 0 -18px; }
TABLE.cpl A.add:hover { background-position: 0px -18px; }
TABLE.cpl TD.scradd { padding: 3px 5px; text-align: right; width: 40px; }
TABLE.cpl TD.myiffr { padding-bottom: 10px; }

DIV.az-panel { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; color: #ccc; margin-bottom: 16px; }
DIV.az-panel A { font-family: Arial, Verdana, Sans-Serif; font-size: 12px; font-weight: 700; }

/* FILM POPUP 
==========================*/
TABLE.popupScreenings { width: 100%; }
TABLE.popupScreenings TD {  font: normal 11px/14px Arial, Verdana, sans-serif; padding: 8px 10px 8px 0px !important; height: auto !important; border-bottom: 1px solid #969696; color: #000; vertical-align:top; }
TABLE.popupScreenings TD.location { white-space:nowrap; }
TABLE.popupScreenings TD.date { text-align: right; white-space:nowrap; }
TABLE.popupScreenings TD.action { text-align: right; text-transform: lowercase; }

#mainColumn TABLE.popupScreenings TD  { font: normal 12px/16px Georgia, Times New Roman, Serif; color: #000}
DIV.ticketnote-popup { padding-top:16px; font-size:11px; line-height:18px; font-family:Arial, Verdana, sans-serif; }
DIV.ticketnote { padding-top:16px; font-size:11px; }

/* MY FESTIVAL 
==========================*/
.myiffrgrids .listfilm { width: 95%; float: left; }
.myiffrgrids .listremove { width: 4%; float: right; }

/* POLL
==========================*/
.pollbar { float: left; }
.pollpercentage { display: block; float: left; margin-left: 8px; }
.pollbar1 { background-color: #db001b; }
.pollbar2 { background-color: #eea6bd; }
.pollbar3 { background-color: #c7c8ca; }
.pollbar4 { background-color: #fbea25; }
.pollresults { width: 100%; }
.pollresults TH { text-align: left; font-weight: 700; }
.pollresults TD.pollpercentage { width: 90px; }
.pollvote { margin-top: 8px; }

/* Film Rating stars
==========================*/
DIV.rating { padding: 0px 0px 0px 16px; display: block; margin-bottom: 16px; }
DIV.votes { line-height: 22px; margin-bottom: 8px; }
DIV.sideblock.votes {padding: 2px 16px; margin-top: 0px;}
DIV.giveyourrating { float: right; width: 118px; line-height: 22px; }

/* TABS 
==========================*/
div.tabs { width: 100%; height: 19px; border-bottom: 1px solid #3F3F3F; }
div.tabs a.tab { float: left; display: block; /*width: 154px;*/ height: 18px; padding: 1px 5px 0 6px; line-height: 18px; margin-left: 9px; text-decoration: none; color: #000000; background-color: #C7C8CA; font: bold 11px/16px Arial, Verdana, Sans-Serif; }
div.tabs a.tab.first { margin-left: 0; }

.tab5 { /*width: 81px !important;*/ }

div.tabs a.tab:hover, div.tabs a.tab.active, div.tabs a.tab.active:active, div.tabs a.tab.active:visited { text-decoration: none; color: #ffffff; background-color: #DE4D4E; }

div.tabpanel { position: relative; padding-top: 16px; }
div.tabpanel h3 { margin-top: 16px; }
div.tabpanel.paddingLeft, div.tabpanel .paddingLeft { padding-left: 6px; }

div.myiffrgrids { margin-bottom: 16px; }

/* cinemareloaded */
DIV.cr { background-color: #e6e6e6; padding: 10px; width: 235px; font-family: Arial; font-size: 12px; line-height: 15px; }
DIV.cricons { margin: 10px 0 10px 10px; width: 245px; background-color: #fff; }
DIV.cricons IMG { margin-right: 5px; }

A.crsubmit { font-family: Arial; font-size: 12px; font-weight: bold; text-decoration: none; display: block; width: 255px; height: 33px; padding-top: 2px; text-align: center; color: #fff; background: url(/sites/shared/images/TF-knop.png) no-repeat; margin-bottom: 10px; }

A.crsubmit:hover { background: url(/sites/shared/images/TF-knop.png) no-repeat; background-position: 0px -35px; }

/* WEBSHOP POPUP
===============================================*/
DIV.popblock { width: 165px; height: 230px; border-bottom: 1px solid #ccc; }
A.popuplink { text-decoration: none; display: block; padding: 10px 10px 0px 10px; height: 220px; position: relative; }
A.popuplink DIV { text-align: center; }
A.popuplink .wstitle { margin-bottom: 10px; width: 100%; font-weight: bold; font-weight: bold; }
A.popuplink .wsimg { margin-top: 5px; left: 0px; width: 100%; padding: 0px; }
A.popuplink .wscta { position: absolute; color: #db001b; bottom: 0px; left: 0px; width: 100%; height: 15px; font-weight: normal; padding-top: 5px; padding-bottom: 10px; background-color: #FFF; }
A.popuplink:hover, A.popuplink:hover .wscta { background-color: #FFF8C7; }
DIV.wscode { padding: 10px; border: 1px solid #999; background-color: #ccc; font-size: 12px; margin: 5px 0px; }

/* FILM MYIFFR ADMINISTRATION POPUP
===============================================*/
DIV.frmain { padding: 10px; font: normal 11px/15px Arial, Verdana, Sans-Serif; }
DIV.frgroup { padding: 10px; margin-bottom: 10px; width: 558px; border: 1px solid #C7C8CA; }
.frhdr { display: block; font-weight: bold; width: 560px; padding: 5px 10px; text-transform: uppercase; font-size: 12 px !important; background-color: #C7C8CA; }
.frmain .cpl { width: 100%; }

/* CINEMALINK VOD OVERZICHT
===============================================*/
.clfilmcontainer { width: 495px; }
.clfilm { position: relative; float: left; border-bottom: 1px solid #ccc; width: 154px; /* ik smokkel 1px voor float */ padding: 5px; height: 200px; }
.clfilm IMG { display: block; margin-bottom: 4px; }
.cltit { display: table-cell; vertical-align: middle; height: 32px; padding-bottom: 4px; }
.cltit B { display: block; font-size: 12px; line-height: 14px; vertical-align: text-bottom; }
.clgo { font-size: 11px; line-height: 22px; display: block; width: 134px; padding-right: 20px; height: 21px; background: transparent url(/sites/shared/images/tv.png) 90px 0px no-repeat; }
.clfilm:hover .clgo, .clgo:hover { background-position: 90px -21px; }
.clsyn { display: none; position: absolute; top: 188px; left: 0px; width: 154px; background-color: #FFF8C7; padding: 0px 5px 10px 5px; }
.clfilm:hover { background-color: #FFF8C7; cursor: pointer; }
.clfilm:hover .clsyn { display: block; z-index: 1000; }
.clmore { display: block; margin: 8px 0px; }
.clmb { width: 496px; height: 180px; background-color: #000; margin-bottom: 10px; }

/* BUTTONS
===============================================*/
.submitButton, .cancelButton { float: left; display: block; height: 18px; padding: 2px 10px 0 10px; font: normal 11px/15px Arial, Verdana, Sans-Serif; background: #2F89CA url(/shared/images/submit.gif); text-decoration: none; color: #fff; text-align: center; border-top: 1px solid #d4e5f3; border-left: 1px solid #d4e5f3; border-bottom: 1px solid #666; border-right: 1px solid #666; vertical-align: middle; font-size: 11px; text-transform: lowercase; }
.cancelButton { background: #C6C6C6 url(/shared/images/cancel.gif); width: 71px; border-top: 1px solid #fff; border-left: 1px solid #fff; margin-right: 0; }
.submitButton:visited, .cancelButton:visited { color: #fff; border-top: 1px solid #d4e5f3; border-left: 1px solid #d4e5f3; border-bottom: 1px solid #666; border-right: 1px solid #666; }
.submitButton:hover, .cancelButton:hover { color: #000; text-decoration: none; }
.submitButton:active, .cancelButton:active { color: #fff; border-bottom: 1px solid #d4e5f3; border-right: 1px solid #d4e5f3; border-top: 1px solid #666; border-left: 1px solid #666; }
.cancelButton:active { border-bottom: 1px solid #fff; border-right: 1px solid #fff; }

/* SHADOWBOX
===============================================*/
#sb-container, #sb-wrapper { text-align: left; }
#sb-container, #sb-overlay { position: absolute; top: 0; left: 0; width: 100%; margin: 0; padding: 0; }
#sb-container { height: 100%; display: none; visibility: hidden; z-index: 1500; }
body > #sb-container { position: fixed; }
#sb-overlay { height: expression(document.documentElement.clientHeight+'px'); }
#sb-container > #sb-overlay { height: 100%; }
#sb-wrapper { position: relative; }
#sb-wrapper img { border: none; }
#sb-body { position: relative; overflow: hidden; border: 1px solid #303030; margin: 0; padding: 0; }
#sb-body-inner { position: relative; height: 100%; }
#sb-content.html { height: 100%; overflow: auto; }
#sb-loading { position: absolute; top: 0; width: 100%; height: 100%; text-align: center; padding-top: 10px; color: #ccc; }
#sb-loading A { color: #ccc; text-decoration: none; font-size: 11px; }
#sb-body, #sb-loading { background-color: #ffffff; }
#sb-title, #sb-info { position: relative; overflow: hidden; margin: 0; padding: 0; }
#sb-title { background-image: url(/sites/shared/images/nyromodal/bar.gif); padding-left: 10px; }
#sb-title-inner, #sb-info-inner { position: relative; font-family: Verdana, Arial, 'Lucida Grande' ,Tahoma,sans-serif; line-height: 15px; }
#sb-title, #sb-title-inner { height: 30px; }
#sb-title-inner { font-size: 11px; color: #fff; padding: 8px 0; }
#sb-info, #sb-info-inner { height: 20px; }
#sb-info-inner { font-size: 12px; color: #fff; }
#sb-nav { float: right; height: 16px; width: 45%; padding: 2px 0; }
#sb-nav a { display: block; float: right; height: 16px; width: 16px; margin-left: 3px; cursor: pointer; }
#sb-nav-next { background-image: url(/shared/js/shadowbox/resources/next.png); background-repeat: no-repeat; }
#sb-nav-previous { background-image: url(/shared/js/shadowbox/resources/previous.png); background-repeat: no-repeat; }
#sb-nav-play { background-image: url(/shared/js/shadowbox/resources/play.png); background-repeat: no-repeat; }
#sb-nav-pause { background-image: url(/shared/js/shadowbox/resources/pause.png); background-repeat: no-repeat; }
#sb-counter { float: left; width: 45%; padding: 2px 0; }
#sb-counter a { text-decoration: none; cursor: pointer; color: #fff; padding: 0 4px 0 0; }
#sb-counter a.sb-counter-current { text-decoration: underline; }
div.sb-message { font-family: Verdana, 'Lucida Grande' ,Tahoma,sans-serif; font-size: 11px; text-align: center; padding: 10px; }
div.sb-message a:link, div.sb-message a:visited { color: #fff; text-decoration: underline; }
#sb-title { padding-right: 20px; z-index: 1; }
#sb-nav-close { background-color: transparent; background-image: url(/sites/shared/images/nyromodal/close.gif); background-repeat: no-repeat; background-position: 0 0; position: absolute; top: 6px !important; right: 9px; display: block; width: 18px; height: 18px; cursor: pointer; z-index: 2; }
#sb-body { z-index: 3; }
#sb-info { z-index: 4; }

/* Industry Manual
===============================================*/
.imTextDefault { color: #ccc; }
.imTextDefault { color: #000; }

/* Appointments Overview
===============================================*/
.appointments { width: 100%; }
.appointments TD { padding: 2px 5px !important; vertical-align: top; }
.appointments .header TD { background-color: #000; width: 150px; color: #fff; font-weight: bold; }
.appointments .date, .appointments .type, .appointments .concerning { font-weight: bold; border-top: solid 5px #fff; }
.appointments .date, .appointments .place { background-color: #eee; }