/* 960 Grid System ~ Core CSS. Learn more ~ http://960.gs//  Licensed under GPL and MIT. */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

body { overflow: scroll; }

#wrap { margin-left: auto; margin-right: auto; width: 960px; overflow: hidden; display: inline-block; }
#wrap .grid_1, #wrap .grid_2, #wrap .grid_3, #wrap .grid_4, #wrap .grid_5, #wrap .grid_6, #wrap .grid_7, #wrap .grid_8, #wrap .grid_9, #wrap .grid_10, #wrap .grid_11, #wrap .grid_12, #wrap .grid_13, #wrap .grid_14, #wrap .grid_15, #wrap .grid_16 { display: inline; float: left; margin-left: 10px; margin-right: 10px; }
#wrap .grid_1 { width: 40px; }
#wrap .grid_2 { width: 100px; }
#wrap .grid_3 { width: 160px; }
#wrap .grid_4 { width: 220px; }
#wrap .grid_5 { width: 280px; }
#wrap .grid_6 { width: 340px; }
#wrap .grid_7 { width: 400px; }
#wrap .grid_8 { width: 460px; }
#wrap .grid_9 { width: 520px; }
#wrap .grid_10 { width: 580px; }
#wrap .grid_11 { width: 640px; }
#wrap .grid_12 { width: 700px; }
#wrap .grid_13 { width: 760px; }
#wrap .grid_14 { width: 820px; }
#wrap .grid_15 { width: 880px; }
#wrap .grid_16 { width: 940px; }
#wrap .prefix_1 { padding-left: 60px; }
#wrap .prefix_2 { padding-left: 120px; }
#wrap .prefix_3 { padding-left: 180px; }
#wrap .prefix_4 { padding-left: 240px; }
#wrap .prefix_5 { padding-left: 300px; }
#wrap .prefix_6 { padding-left: 360px; }
#wrap .prefix_7 { padding-left: 420px; }
#wrap .prefix_8 { padding-left: 480px; }
#wrap .prefix_9 { padding-left: 540px; }
#wrap .prefix_10 { padding-left: 600px; }
#wrap .prefix_11 { padding-left: 660px; }
#wrap .prefix_12 { padding-left: 720px; }
#wrap .prefix_13 { padding-left: 780px; }
#wrap .prefix_14 { padding-left: 840px; }
#wrap .prefix_15 { padding-left: 900px; }
#wrap .suffix_1 { padding-right: 60px; }
#wrap .suffix_2 { padding-right: 120px; }
#wrap .suffix_3 { padding-right: 180px; }
#wrap .suffix_4 { padding-right: 240px; }
#wrap .suffix_5 { padding-right: 300px; }
#wrap .suffix_6 { padding-right: 360px; }
#wrap .suffix_7 { padding-right: 420px; }
#wrap .suffix_8 { padding-right: 480px; }
#wrap .suffix_9 { padding-right: 540px; }
#wrap .suffix_10 { padding-right: 600px; }
#wrap .suffix_11 { padding-right: 660px; }
#wrap .suffix_12 { padding-right: 720px; }
#wrap .suffix_13 { padding-right: 780px; }
#wrap .suffix_14 { padding-right: 840px; }
#wrap .suffix_15 { padding-right: 900px; }
#wrap .alpha { margin-left: 0; }
#wrap .omega { margin-right: 0; }
#wrap { display: block; }
#wrap .alpha { margin-left: 0; }
#wrap .omega { margin-right: 0; }
#wrap #nav { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 220px; margin-left: 0; }
#wrap #main { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 400px; }
#wrap #ads { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 280px; margin-right: 0; }

#city #wrap #main { display: none; }
#city #wrap #ads { display: inline; float: left; margin-left: 10px; margin-right: 10px; width: 700px; }

#city #ads li { float: left; margin-left: 0; margin-right: 20px; }

#nav ul { list-style: none; display: block; margin: 0 0 10px 0; }
#nav li { margin: 0; text-transform: uppercase; font-weight: 600; }
#nav h3, #nav a { -webkit-transition-property: background; -webkit-transition-duration: 300ms; background: #cccccc; text-decoration: none; display: block; color: black; padding: 5px 15px; margin: 5px 0; -webkit-border-radius: 10px; font-weight: normal; cursor: pointer; }
#nav a:hover { background: #eeeeee; }

#ads ul { list-style: none; }
#ads img { margin-bottom: 20px; }
#ads li { position: relative; }
#ads .del { position: absolute; bottom: 0; z-index: 10; right: 0; display: block; padding: 5px 20px; text-align: center; background: rgba(255, 255, 255, 0.5); color: red; text-decoration: none; text-transform: uppercase; font-weight: bold; text-shadow: 0 0 150px white, 0 0 60px white, 0 0 10px white; line-height: 40px; -webkit-transition-property: background; -webkit-transition-duration: 300ms; -webkit-border-top-left-radius: 10px; }
#ads .del:hover { background: rgba(255, 255, 255, 0.85); }

#city .del { bottom: 20px; }

#login-box { width: 250px; margin: 0 auto; margin-top: 150px; font-family: Helvetica, Arial, Verdana; }
#login-box h1 { text-indent: -9999em; overflow: hidden; background: url(/images/weekup_logo.png) no-repeat scroll top left; width: 228px; height: 80px; }

#header h1 a { display: block; text-indent: -9999em; overflow: hidden; background: url(/images/weekup-thuis-in-uitgaan-trans.png) no-repeat scroll top left; background-color: #aadd6d; width: 228px; height: 93px; }

#topnav { overflow: hidden; display: inline-block; margin-bottom: 10px; }
#topnav { display: block; }
#topnav a { background: rgba(250, 0, 0, 0.8); text-decoration: none; color: black; font-weight: bold; padding: 5px; float: right; -webkit-border-radius: 10px; -webkit-transition-property: background; -webkit-transition-duration: 300ms; }
#topnav a:hover { background: rgba(250, 0, 0, 0.5); }

td .edit_toolbar, .item .edit_toolbar, .play .edit_toolbar { display: none; }

td:hover .edit_toolbar, .item:hover .edit_toolbar, .play:hover .edit_toolbar { display: block; }

.edit_toolbar { overflow: hidden; display: inline-block; margin-bottom: 10px; }
.edit_toolbar { display: block; }

.film { background: rgba(0, 0, 0, 0); -webkit-border-top-right-radius: 10px; -webkit-transition-property: background; -webkit-transition-duration: 300ms; }

#movie h3 a, #movie h2, #cinema h3 a, #cinema h2, #week h3 a, #week h2 { font-weight: 900; text-decoration: none; font-size: 20px; color: black; }
#movie h2, #cinema h2, #week h2 { margin: 0; font-size: 40px; color: rgba(0, 0, 0, 0.75); line-height: 100%; }
#movie p, #movie table, #cinema p, #cinema table, #week p, #week table { margin: 0; }

#week #main h2, #week #main h3 { font-size: 24px; background: silver; background: rgba(0, 0, 0, 0.25); padding: 5px; text-align: center; }
#week #main h3 { font-size: 14px; background: #aadd6d; color: white; }
#week #main .hours { width: 50px; vertical-align: baseline; }
#week #main .where a { text-transform: uppercase; color: #404040; color: rgba(0, 0, 0, 0.75); }

#expo h2, #podium h2 { font-size: 16px; background: #aadd6d; padding: 5px; font-weight: 600; text-transform: uppercase; }
#expo h2 a, #podium h2 a { color: white; }
#expo h4, #podium h4 { font-weight: 600; }
#expo p.data, #podium p.data { border-bottom: 1px solid black; }
#expo p, #podium p { margin-bottom: 5px; }

#address #main h2 { font-weight: 900; font-size: 40px; color: rgba(0, 0, 0, 0.5); }
#address #main h3 { font-weight: 600; font-size: 30px; color: #aadd6d; margin-top: 20px; }
#address #main .address { border-bottom: 1px solid black; border-color: #aadd6d; }
#address #main .zaal a { color: black; font-size: 18px; text-transform: uppercase; text-decoration: none; display: block; background-color: white; -webkit-transition-property: background; -webkit-transition-duration: 300ms; }
#address #main .zaal a:hover { color: #666666; background-color: #eeeeee; }
#address #main p { margin-bottom: 5px; }
#address #main .info p { margin: 0; }

.film a[href$="/edit"] { display: none; }

.film:hover a[href$="/edit"] { display: block; }

a[href$="/edit"], a[href$="/copy"] { color: white !important; font-size: 11px !important; float: right; padding: 2px 10px; text-transform: lowercase; font-weight: 400 !important; display: block; background: rgba(0, 0, 0, 0.5); text-decoration: none; -webkit-border-radius: 10px; -webkit-transition-property: background; -webkit-transition-duration: 300ms; }

.film { border-top: 2px solid red; border-color: #aadd6d; -webkit-border-radius: 0 !important; padding-top: 5px; margin-top: 5px; }
.film h3 { line-height: 100%; }
.film h3, .film .body, .film p { margin: 0; }
.film .week { float: right; }
.film .hours { color: rgba(0, 0, 0, 0.75); overflow: hidden; display: inline-block; }
.film .hours { display: block; }

#nav h3 { font-size: 16px; background: #eeeeee; }

body.robbe #main, body.vitalski #main, body.nachtdichter #main, body.vedeze #main { background: url(/images/robbe.png) no-repeat 0 0; position: relative; top: -90px; }
body.robbe #main h2, body.vitalski #main h2, body.nachtdichter #main h2, body.vedeze #main h2 { margin-bottom: 15px; }
body.robbe #main #column, body.vitalski #main #column, body.nachtdichter #main #column, body.vedeze #main #column { padding-top: 155px; }
body.robbe #main strong, body.vitalski #main strong, body.nachtdichter #main strong, body.vedeze #main strong { font-weight: bold; }
body.robbe #main em, body.vitalski #main em, body.nachtdichter #main em, body.vedeze #main em { font-style: italic; }

body.robbe #column { padding-left: 95px; }
body.robbe #column h2 { display: none; }

body.vitalski #main { background-image: url(/images/vitalski.png); }
body.vitalski #column { padding-left: 80px; }

body.nachtdichter #main { background-image: url(/images/nachtdichter.png); }
body.nachtdichter #column { padding-left: 120px; padding-top: 50px; }

body.vedeze #main { background-image: url(/images/vedeze.png); }
body.vedeze #column { padding-left: 0; }
body.vedeze #column h2 { display: none; }

.active { background: #aadd6d !important; }

#ads a { position: relative; }

.color { position: absolute; display: block; opacity: 0; top: 0; z-index: 5; -webkit-transition-property: opacity; -webkit-transition-duration: 0.5s; }

.bw { display: block; opacity: 1; }

#ads a:hover .color { opacity: 1; }

/* 960 Grid System ~ Text CSS. Learn more ~ http://960.gs/  Licensed under GPL and MIT. */
body { font: 13px/1.5 Helvetica, Arial, 'Liberation Sans', FreeSans, sans-serif; }

a:focus { outline: 1px dotted invert; }

hr { border-color: #cccccc; border-style: solid; border-width: 1px 0 0; clear: both; height: 0; }

h1 { font-size: 25px; }

h2 { font-size: 23px; }

h3 { font-size: 21px; }

h4 { font-size: 19px; }

h5 { font-size: 17px; }

h6 { font-size: 15px; }

ol { list-style: decimal; }

ul { list-style: square; }

li { margin-left: 30px; }

p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; }

h1, h2, h3, h4 { margin: 0; line-height: 100%; }