@CHARSET "UTF-8";
/**
 * Main css file for bothweb
*/
@import url('main.css');

/** main parts */
body { background-color: #eeeeee; }
div.wrapper { width: 926px; margin-left: auto; margin-right: auto; }
div.header {}
div.header div.banner { background-position: center top; background-repeat: no-repeat; }
div.header div.yellow { background-color: #f1b900; background-image: url(../images/mainParts/header.yellow.bg.jpg); }
div.header div.yellow div.wrapper { height: 175px; overflow: hidden; }
div.header div.green { height: 109px; background-color: #005430; background-image: url(../images/mainParts/header.green.bg.jpg); }
div.header div.green div.wrapper {  height: 109px; overflow: hidden; }
div.body { background-position: top; background-repeat: repeat-x; background-image: url(../images/mainParts/body.bg.jpg); min-height: 100px; }
div.footer { }

/** body frames */
table.frames,
table.mainframes { width:100%; }
div.body  { background-color: #ffffff; }
div.body div.wrapper table.mainframes {}
div.body div.wrapper table.mainframes td.leftFrameMain { width: 190px; background-image: url(../images/mainParts/body.leftframe.bg.gif); background-repeat: repeat-y; background-position: right; padding: 10px 0px 10px 0px; }
div.body div.wrapper table.mainframes td.rightFrameMain { width: auto; padding: 10px 0px 10px 10px;  }
div.mainContent { min-height: 400px;  }

/** navigation top */
div.navigationTop { width: 550px; margin-left:120px; margin-top: 65px; }
div.navigationTop div.element,
div.navigationTop a,
div.navigationTop a:link,
div.navigationTop a:active, 
div.navigationTop a:visited,
div.navigationTop a:hover { height: 34px; display: block; float: left; text-decoration: none; background-repeat: no-repeat; background-position: center center; margin: 0px 2px; }
div.navigationTop div.separator { width: 8px; background-image: url(../images/navigation/top/separator.gif); }
div.navigationTop div.februari { width: 152px; background-image: url(../images/navigation/top/februari.gif); }
div.navigationTop div.search { width: 220px; margin-left:30px; color:#9bb6f9; padding-top:10px;  }
div.navigationTop a.do11 { width: 52px; background-image: url(../images/navigation/top/do11.gif); }
div.navigationTop a.do11:hover { background-image: url(../images/navigation/top/do11.hover.gif); }
div.navigationTop a.vr12 { width: 53px; background-image: url(../images/navigation/top/vr12.gif); }
div.navigationTop a.vr12:hover { background-image: url(../images/navigation/top/vr12.hover.gif); }
div.navigationTop a.za13 { width: 54px; background-image: url(../images/navigation/top/za13.gif); }
div.navigationTop a.za13:hover { background-image: url(../images/navigation/top/za13.hover.gif); }
div.navigationTop a.zo14 { width: 54px; background-image: url(../images/navigation/top/zo14.gif); }
div.navigationTop a.zo14:hover { background-image: url(../images/navigation/top/zo14.hover.gif); }

/** navigation main */
div.navigationMain a:link,
div.navigationMain a:active,
div.navigationMain a:visited,
div.navigationMain a:hover { font-family: Arial; font-weight: bolder; text-decoration: none; font-size: 25px; text-transform: uppercase; color: #604947; letter-spacing: -1px; display: block; line-height: 22px; }
div.navigationMain a:hover,
div.navigationMain a.selected { color: #f0c72b; }
div.navigationMain a.subnav { font-size: 18px; line-height: 18px; margin-left:10px; }
div.navigationMain a.subsubnav { font-size: 11px; line-height: 13px; margin-left:15px; font-weight: normal; font-family: verdana !important; color:#464646; text-transform: capitalize; letter-spacing: normal; padding-bottom:4px;  }

/** footer */
div.footerGrey {background-color: #eeeeee;}
div.footer { padding-top:10px; }
div.footer a.sponsor:link,
div.footer a.sponsor:active,
div.footer a.sponsor:visited,
div.footer a.sponsor:hover { display:block; float:left; height: 41px; background-repeat: no-repeat; background-position: left top; margin-right: 10px; }
div.footer a.vlaamsbrabant { background-image: url(../images/mainParts/footer/logo1.jpg); width: 40px; }
div.footer a.stellaartois { background-image: url(../images/mainParts/footer/logo2.jpg); width: 53px; }
div.footer a.delijn { background-image: url(../images/mainParts/footer/logo3.jpg); width: 40px; }
div.footer a.radio1 { background-image: url(../images/mainParts/footer/logo4.jpg); width: 32px; }
div.footer a.focusknack { background-image: url(../images/mainParts/footer/logo5.jpg); width: 55px; }
div.footer a.streekkrant { background-image: url(../images/mainParts/footer/logo6.jpg); width: 88px; }
div.footer a.dezondag { background-image: url(../images/mainParts/footer/logo7.jpg); width: 73px; }
div.footer a.kbc { background-image: url(../images/mainParts/footer/logo8.jpg); width: 41px; }
div.footer a.leuven { background-image: url(../images/mainParts/footer/logo9.jpg); width: 75px; }

/** page:home */
div.home {}
div.home table.frames {}
div.home table.frames td.leftFrame { width: auto; padding-right: 15px; }
div.home table.frames td.rightFrame { width: 215px; }

/** page:uitvoering */
div.uitvoering {}
div.uitvoering div.header { background-image: url(../images/pages/uitvoering/header.bg.jpg); background-repeat: repeat-x; background-position: bottom; padding-bottom: 5px; margin-bottom: 15px; }
div.uitvoering div.header div.element { padding-bottom: 8px; }
div.uitvoering div.header div.discipline {}
div.uitvoering div.header div.date { }
div.uitvoering div.header div.date a { display: block; padding: 3px; color: #2a5a36; background-color: #f1c82c; font-weight: bold; text-decoration: none; }
div.uitvoering div.header div.date a:hover { color: #f1c82c; background-color: #2a5a36;}
div.uitvoering div.header div.titleHeader {}
div.uitvoering div.header div.premiere { background-image: url(../images/pages/uitvoering/premiere.bg.jpg); background-repeat: no-repeat; background-position: right top; min-height: 40px; padding-right: 120px; }
div.uitvoering div.header div.titleHeader div.title { font-family: Arial; font-weight: bold; color: #604947; font-size: 20px; line-height: 20px;}
div.uitvoering div.header div.titleHeader div.subtitle { font-family: Arial; font-weight: bold; color: #88b3f8; font-size: 16px; line-height: 22px;}
div.uitvoering div.header div.titleHeader div.uitvoerder { font-family: Arial; font-weight: bold; color: #81a0ee; font-size: 28px; line-height: 26px;}
div.uitvoering div.uitvoeringBody { }
div.uitvoering div.uitvoeringBody table.frames { width: 100%; }
div.uitvoering div.uitvoeringBody td.image { width:250px; margin-right: 15px;  }
div.uitvoering div.uitvoeringBody td.image img { max-width: 235px;}
div.uitvoering div.uitvoeringBody td.contents { width: auto; }
div.uitvoering div.uitvoeringBody td.contents { float: left; width: 100%;}
div.uitvoering div.uitvoeringBody td.contents div.info {}
div.uitvoering div.uitvoeringBody td.contents div.info table.info { width:100%; }
div.uitvoering div.uitvoeringBody td.contents div.info table.info td { padding:5px; background-image: url(../images/pages/uitvoering/header.bg.jpg); background-repeat: repeat-x; background-position: top; }
div.uitvoering div.uitvoeringBody td.contents div.info table.info td.first { background: none !important; }
div.uitvoering div.uitvoeringBody td.contents div.info table.info td.label { font-weight: bold; width: 100px;  }
div.uitvoering div.uitvoeringBody td.contents div.info table.info td.value {}
div.uitvoering div.uitvoeringBody td.contents div.content { padding: 0px 0px 15px 0px; }
div.uitvoering div.uitvoeringBody td.contents div.content div.info { background-color: #88b3f8; padding: 10px; color: #ffffff;}
div.uitvoering div.uitvoeringBody td.contents div.content div.info p { padding:0px; margin: 0px;}
div.uitvoering div.uitvoeringBody td.contents div.content div.info a { color: #ffffff; }
div.uitvoering div.uitvoeringBody td.contents div.content div.attention { background-color: #de61a2; color: #ffffff !important; margin:5px 0px; padding: 10px; font-weight: bold;}

/** page:programma */
div.programma {}
div.programma div.header {}
div.programma div.header div { padding-bottom: 10px; }
div.programma div.header div.type { font-family: Arial; font-size: 14px; font-weight: bold; color: #245b32; text-transform: uppercase; }
div.programma div.header div.title { font-family: Arial; font-size: 14px; font-weight: bold; color: #245b32; text-transform: uppercase; }
div.programma div.programmaBody { }
div.programma div.programmaBody table.programma { width: 100%; }
div.programma div.programmaBody table.programma th,
div.programma div.programmaBody table.programma td { padding: 6px 3px; }
div.programma div.programmaBody table.programma td { cursor: pointer; }
div.programma div.programmaBody table.programma th { color: #ffffff; border-right: 1px solid #ffffff; background-color: #5e81da; text-align: left; }
div.programma div.programmaBody table.programma tr.odd td { background-color: #fff3bb; }
div.programma div.programmaBody table.programma tr.even td { }

/** page:programmaIndex */
div.programmaIndex {}
div.programmaIndex table.frames { width: 100%; margin-top:15px; }
div.programmaIndex table.frames td { width: 33%; padding: 0px 10px; }
div.programmaIndex table.frames td ul,
div.programmaIndex table.frames td li { list-style: none; padding: 0px; margin: 0px; }
div.programmaIndex table.frames td ul { padding-top: 10px;}
div.programmaIndex table.frames td li a { display:block; color:#604947; text-decoration: none; padding: 3px; text-transform: uppercase; }
div.programmaIndex table.frames td li a:hover { background-color:#604947; color: #f1c82c; }
div.programmaIndex table.frames td.perDag { padding-left: 0px; }
div.programmaIndex table.frames td.perDiscipline { }
div.programmaIndex table.frames td.perLocatie { padding-right: 0px; }

/** page:partners */
div.partners {}
div.partners a.partner { display:block; color:#604947; text-decoration: none; padding: 3px; text-transform: uppercase; margin-left:10px; }
div.partners a.partner:hover { background-color:#604947; color: #f1c82c; }

/** page:stadsplan */
div.stadsplan {}
div.stadsplan div.locations { padding-top: 15px;}
div.stadsplan div.locations table.frames {}
div.stadsplan div.locations table.frames div.item { clear: both; margin-bottom: 5px;}
div.stadsplan div.locations table.frames div.item div.number { float: left; display: table; background-color: #6994d3; width: 15px; height: 15px; text-align: center; color: #ffffff; font-size: 10px; margin-right:10px;  }
div.stadsplan div.locations table.frames div.item a { color:#464646; text-decoration: none; }
div.stadsplan div.locations table.frames div.item a:hover { text-decoration: underline; }
div.stadsplan div.locations table.frames td.leftFrame {}
div.stadsplan div.locations table.frames td.rightFrame {}

/** element:teaserbox */
div.teaserBoxShadow { margin-bottom: 10px;}
div.teaserBoxShadow table.shadow { width: 100%; }
div.teaserBoxShadow table.shadow td {   } /*border-left:1px solid red; border-top:1px solid red;*/
div.teaserBoxShadow table.shadow td.left { width: 5px;}
div.teaserBoxShadow table.shadow td.center { width: auto;}
div.teaserBoxShadow table.shadow td.right { width: 3px;}
div.teaserBoxShadow table.shadow tr.top td { height: 5px; font-size: 1px;}
div.teaserBoxShadow table.shadow tr.top td.left { }
div.teaserBoxShadow table.shadow tr.top td.center {}
div.teaserBoxShadow table.shadow tr.top td.right { background-image: url(../images/elements/teaserBoxShadow/shadow.right.top.gif); background-repeat: no-repeat; background-position: left bottom;}
div.teaserBoxShadow table.shadow tr.center td {}
div.teaserBoxShadow table.shadow tr.center td.left {}
div.teaserBoxShadow table.shadow tr.center td.center { padding-bottom:00px;}
div.teaserBoxShadow table.shadow tr.center td.right { background-image: url(../images/elements/teaserBoxShadow/shadow.right.gif); background-repeat: repeat-y; background-position: left;}
div.teaserBoxShadow table.shadow tr.bottom td { font-size: 1px;}
div.teaserBoxShadow table.shadow tr.bottom td.left { background-image: url(../images/elements/teaserBoxShadow/shadow.left.bottom.gif); background-repeat: no-repeat; background-position: right top;}
div.teaserBoxShadow table.shadow tr.bottom td.center { background-image: url(../images/elements/teaserBoxShadow/shadow.center.bottom.gif); background-repeat: repeat-x; background-position: top;}
div.teaserBoxShadow table.shadow tr.bottom td.right { background-image: url(../images/elements/teaserBoxShadow/shadow.right.bottom.gif); background-repeat: no-repeat; background-position: left top;}

div.teaserBoxShadow table.green tr.top td.left,
div.teaserBoxShadow table.green tr.top td.center,
div.teaserBoxShadow table.green tr.center td.left,
div.teaserBoxShadow table.green tr.center td.center { background-color: #276641; color: #ffffff; }

div.teaserBoxShadow table.pink tr.top td.left,
div.teaserBoxShadow table.pink tr.top td.center,
div.teaserBoxShadow table.pink tr.center td.left,
div.teaserBoxShadow table.pink tr.center td.center { background-color: #d46c9e; color: #ffffff; }

/** element:bannerWin */
a.bannerWin { display: block; width: 181px; height: 181px; background-repeat: no-repeat; background-position: center center; background-image: url(../images/elements/bannerWin.jpg);  margin-top: 10px; }
a.bannerWin:hover { background-image: url(../images/elements/bannerWin.over.jpg); }

/** element:tickets */
a.tickets { display: block; width: 104px; height: 37px; background-image: url(../images/elements/a.tickets.bg.jpg); background-repeat: no-repeat; background-position: left top; text-decoration: none; }
a.tickets:hover { background-image: url(../images/elements/a.tickets.hover.bg.jpg); }

/** element:special paragraphs */
p.attention { font-weight: bold; color: #d46c9e;}
a.discipline { color:#8ca9f1; text-decoration: none;  }
a.support { text-decoration: none; color: #464646; }
a.support:hover { text-decoration: underline; }

/** element:halloMarco */
div.subBanner {}
div.subBanner div.contents { padding: 70px 10px 10px 10px; font-weight: bold; }
a.subBanner { display: block;  width: 192px; height: 108px;  margin-bottom: 15px; border:1px solid #d46c9e; }
a.subBanner:hover { border:1px solid #ffffff; }
a.jeroen { background-image: url(../images/pages/home/jeroen.jpg); }
a.halloMarco { background-image: url(../images/pages/home/halloMarco.jpg); }
a.lichtbeelden { background-image: url(../images/pages/home/lichtbeelden.jpg); }
a.groetenUitLeuven { background-image: url(../images/pages/home/groetenUitLeuven.jpg); }

/** element:news */
div.news {}
div.news div.item { color: #ffffff; background-image: url(../images/elements/news/item.bg.jpg); background-repeat: repeat-x; background-position: top; padding: 5px; }
div.news div.item a { text-decoration: none; color: #ffffff; }
div.news div.item h2 { font-size: 12px; font-family: arial; padding: 0px; margin: 0px; text-transform: uppercase; }
div.news div.colorClass1 h2 a { color: #f0c839 !important; }
div.news div.colorClass2 h2 a { color: #9db8f9 !important; }
div.news div.colorClass3 h2 a { color: #d46c9e !important; }
div.news div.colorClass4 h2 a { color: #f0c839 !important; }
div.news div.colorClass5 h2 a { color: #9db8f9 !important; }
div.news div.colorClass6 h2 a { color: #d46c9e !important; }
div.news div.colorClass7 h2 a { color: #f0c839 !important; }
div.news div.colorClass8 h2 a { color: #9db8f9 !important; }
div.news div.colorClass9 h2 a { color: #d46c9e !important; }

/** element:filmTable */
table.filmTable { width: 100%; }
table.filmTable td { padding:4px; }
table.filmTable tr.item td.hour, 
table.filmTable tr.header td { background-color: #d46c9e; color:#ffffff; border-right: 1px solid #ffffff; border-bottom: 1px solid #ffffff; }
table.filmTable tr.header td.empty { background-color: #ffffff;}
table.filmTable tr.item td { border-right: 1px dotted #d46c9e; border-bottom: 1px dotted #d46c9e; }
table.filmTable tr.item td.hour {}
table.filmTable tr.odd td {}
table.filmTable tr.even td { background-color: #fde2ef; }

div.vb { display: block; width: auto; clear: both; text-align: right; padding-top: 10px;  }
div.vb a { color: #c3c3c3; font-size: 10px;}