@font-face {
	font-family: 'InterstateWeb';
	src: url('interstate/intebc__-webfont.eot');
	src: local('☺'), url('interstate/intebc__-webfont.woff') format('woff'), url('interstate/intebc__-webfont.ttf') format('truetype'), url('interstate/intebc__-webfont.svg#webfontaizKeafu') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InterstateMedium';
	src: url('interstate/interstl-webfont.eot');
	src: local('☺'), url('interstate/interstl-webfont.woff') format('woff'), url('interstate/interstl-webfont.ttf') format('truetype'), url('interstate/interstl-webfont.svg#webfont99LtQZ0n') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'InterstateRegulatCondensedReg';
	src: url('interstate/interc__-webfont.eot');
	src: local('☺'), url('interstate/interc__-webfont.woff') format('woff'), url('interstate/interc__-webfont.ttf') format('truetype'), url('interstate/interc__-webfont.svg#webfontWJjB86ty') format('svg');
	font-weight: normal;
	font-style: normal;
}



body {margin:0px; font-size:12px; font-family:Arial, Verdana, Geneva, sans-serif; color:#FFF; height:100%}
html {height:100%}
IMG {border:0px none}
A {color:#fff;text-decoration:none}
A:hover {color:#ccc}
#background {
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: transparent;
	position: fixed;
  z-index: -1;
}
#logo {
	position: fixed;
	padding: 20px;
}

#menu {
	position: fixed;
	top: 85px;
	left: 16px;
	width: 180px;
	overflow: hidden;
}
#menu .menuDiv {
	padding: 1px 3px 2px 3px;
	float: left;
	clear: both;
	width: auto;
	cursor: pointer;
}
#menu A {
	font-family:InterstateRegulatCondensedReg;font-size:17px;
	color: #FFF;
	text-transform: uppercase;
}
#menu .active {
	color: #000;
}
#menu .menuDiv:hover A, #menu A:hover, active {
	color: #000;
}
#menu .menu1 {
	margin-left: 15px;
}
#menu .menu2 {
	margin-left: 25px;
}

#menu2 {
	position: fixed;
	bottom: 10px;
	left: 16px;
	width: 180px;
	overflow: hidden;
}
#menu2 .menuDiv {
	padding: 0 4px 0 4px;
	float: left;
	clear: both;
	width: auto;
	cursor: pointer;
}
#menu2 A {
	font-family:InterstateRegulatCondensedReg;font-size:14px;
	color: #FFF;
}
#menu2 .active {
	color: #000;
}
#menu2 .menuDiv:hover A, #menu2 A:hover, active {
	color: #000;
}
#menu2 .menu1 {
	margin-left: 15px;
}
#menu2 .menu2 {
	margin-left: 25px;
}

.paars:hover,  .paarsA  { background-color: #9d2dba; }
.roze:hover,   .rozeA   { background-color: #c51c74; }
.geel:hover,   .geelA   { background-color: #f3d500; }
.groen:hover,  .groenA  { background-color: #a1d21c; }
.blauw:hover,  .blauwA  { background-color: #2ba0de; }
.rood:hover,   .roodA   { background-color: #d22f43; }
.oranje:hover, .oranjeA { background-color: #e55d00; }

.bgpaars { background-color: #9d2dba; }
.bgroze { background-color: #c51c74; }
.bggeel { background-color: #f3d500; }
.bggroen { background-color: #a1d21c; }
.bgblauw { background-color: #2ba0de; }
.bgrood { background-color: #d22f43; }
.bgoranje { background-color: #e55d00; }

.zwart { color: #000; }
.wit { color: #fff; }
.fgpaars { color: #9d2dba; }
.fgroze { color: #c51c74; }
.fggeel { color: #f3d500; }
.fggroen { color: #a1d21c; }
.fgblauw { color: #2ba0de; }
.fgrood { color: #d22f43; }
.fgoranje { color: #e55d00; }

#head {
	position: absolute;
	left: 212px;
	top: 88px;
	padding-top: 1px;
	border-top: solid 4px #fff;
	width: 760px;
}
#head .head {font-family:InterstateRegulatCondensedReg;font-size:37px;margin-left:-1px;text-transform:uppercase}
#content {
	position: absolute;
	left: 212px;
	top: 140px;
	bottom: 0px;
	padding-top: 6px;
	width: 760px;
}
#content .navbar {
	height: 18px;
	padding: 6px;
}
#content .navbar #next {
	cursor: pointer;
}
#content .navbar #prev {
	cursor: pointer;
}
#content .navbarbg {
	width: 760px;
	z-index: -1;
	background-color: #FFF;
	opacity: 0.4;
	filter: alpha(opacity=40);
	position: absolute;
	height: 30px;
}
#content .agendaKolom {
	float: left;
	width: 144px;
	background-image: url(images/black20.png);
}
#content #agendaScroll {
	width: 760px;
	overflow: hidden;
}
#content #agendaScroll3 {
	float:left;
}
#content .agendaScroll2 {
	width: 300000px;
}
#content .agendaKolomDiv {
	float: left;
	width: 10px;
	height: 10px;
}
#content .agendaDag {
	padding: 6px;
	color: #000;
	font-size: 14px;
	font-family:InterstateRegulatCondensedReg;
}
#content .agendaDag .dag {
	font-size: 19px;
}
#content .agendaKolom .tijd {
	padding: 2px 0px 2px 0px;
	font-family:InterstateRegulatCondensedReg;
	font-size:13px;
}
#content .agendaKolom .kopen {
	float: right;
	padding: 4px;
	margin-top:0px;
	cursor: pointer;
}
#content .agendaKolom .titel {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
	font-family:InterstateRegulatCondensedReg;
	font-size: 15px;
	text-transform: uppercase;
	margin-top:10px;
	padding: 1px 0px 1px 0px;
}
#content .agendaKolom .titel A:hover {
	color: #000;
}
#content .agendaKolom .tekst {
	font-size: 12px;
	padding: 4px 0px 10px 0px;
}

#filmfloater {
	width: 100%;
	height: 50%; 
	margin-bottom: -69px; /* #content height/2 */
}
#filmcontent {
	clear: both; 
	height: 138px; 
	position: relative;
	width: 331px;
	margin: auto;
	-background-image: url(images/black20.png);
	padding: 10px 0px 10px 0px;
}

#basis {
	width: 760px;
}
#basis #links {
	width: 450px;
	float: left;
}
#basis #rechts {
	width: 300px;
	float: right;
}
#basis .fotos {
	width: 450px;
	overflow: auto;
	padding: 10px 0px 10px 0px;
	background-image: url(images/black40.png);
}
#basis .fotos #fotos {
	width: 400px;
	height: 80px;
	overflow: hidden;
	float: left;
}
#basis .fotos #fotos .maxwidth {
	width: 800px;
}
#basis .fotos .foto {
	float: left;
	margin: 0px 10px 0px 10px;
}
#basis .fotos .foto IMG {
	width: 80px;
	height: 80px;
}
#basis .fotos #prev {
	float: left;
	padding: 29px 0px 0px 5px;
	cursor: pointer;
	height: 51px;
}
#basis .fotos #next {
	float: right;	
	padding: 29px 5px 0px 0px;
	cursor: pointer;
	height: 51px;
}
#basis .intro {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	line-height: 19px;
	letter-spacing: 1px;
	text-shadow: #222 1px 1px 1px;
}
#basis .subkop, .kop_rechts {
	background-image: url(images/black40.png);
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 5px 0px 5px 0px;
}
#basis .download {
	border-top: 3px solid #000;
	border-bottom: 3px solid #000;
	padding: 5px 0px 5px 5px;
	opacity: 0.85;
	filter: alpha(opacity=85);
}
#basis .inhoud {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	padding: 10px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}
#basis .inhoud_rechts {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	padding: 10px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}

#film {
	width: 760px;
}
#film #links {
	width: 450px;
	float: left;
}
#film #rechts {
	width: 300px;
	float: right;
}
#film .fotos {
	width: 450px;
	overflow: auto;
	padding: 10px 0px 10px 0px;
	background-image: url(images/black40.png);
}
#film .fotos #fotos {
	width: 400px;
	height: 80px;
	overflow: hidden;
	float: left;
}
#film .fotos #fotos .maxwidth {
	width: 800px;
}
#film .fotos .foto {
	float: left;
	margin: 0px 10px 0px 10px;
}
#film .fotos .foto IMG {
	width: 80px;
	height: 80px;
}
#film .fotos #prev {
	float: left;
	padding: 29px 0px 0px 5px;
	cursor: pointer;
	height: 51px;
}
#film .fotos #next {
	float: right;	
	padding: 29px 5px 0px 0px;
	cursor: pointer;
	height: 51px;
}
#film .intro {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}
#film .subkop, .kop_rechts {
	background-image: url(images/black40.png);
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 5px 0px 5px 0px;
}
#film .inhoud {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	padding: 10px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}
#film .tickets {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	padding: 10px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}
#film .tickets .bestellen {
	float: right;
	padding: 4px;
	margin-top: 12px;
	cursor: pointer;
}
#film .tickets TABLE {
	border-spacing: 1px;
	width: 100%;
}
#film .tickets TD {
	vertical-align: bottom;
	padding: 5px 0px 5px 0px;
	text-align: center;
	width: 40px;
}
#film .tickets .prijs {
	background-color: #000;
	color: #fff;
	white-space:nowrap;
	font-size: 15px;
	font-weight: normal;
}
#film .tickets .prijs SUP {
	font-size: 10px;
	margin-left:2px;
	font-weight: normal;
}
#film .inhoud_rechts {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	padding-top: 10px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}
#film .film_datum {
	position: absolute;
	top: -78px;
	width: 300px;
}
#film .film_datum2 {
	background-color: #fff;
	float: right;
	padding: 7px 8px 7px 8px;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
	color: #000;
}
#film .alternatief {
	float: left;
	background-color: #000;
	font-size: 15px;
	padding: 7px 8px 7px 8px;
	width: 70px;
	margin: 7px;
	cursor: pointer;
}
#film .alternatief .tijd {
	font-size: 12px;
	color: #fff;
}
#film .alternatief:hover {
	float: left;
	font-size: 15px;
	padding: 7px 8px 7px 8px;
	width: 70px;
	margin: 7px;
	cursor: pointer;
}
#film .alternatief.bgpaars:hover { background-color: #9d2dba; color:#000 }
#film .alternatief.bgroze:hover { background-color: #c51c74; color:#000 }
#film .alternatief.bggeel:hover { background-color: #f3d500; color:#000 }
#film .alternatief.bggroen:hover { background-color: #a1d21c; color:#000 }
#film .alternatief.bgblauw:hover { background-color: #2ba0de; color:#000 }
#film .alternatief.bgrood:hover { background-color: #d22f43; color:#000 }
#film .alternatief.fgoranje.active, #film .alternatief.fgoranje:hover { background-color: #e55d00; color:#000 }

#links #items {
	background-image: url(images/black40.png);
}
#links #links {
	width: 370px;
	float: left;
}
#links #rechts {
	width: 370px;
	float: right;
}
#links .subkop {
	background-image: url(images/black40.png);
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 5px 0px 5px 0px;
}
#links .inhoud {
	background-image: url(images/black40.png);
	margin-bottom: 20px;
	padding: 10px;
	line-height: 17px;
	text-shadow: #222 1px 1px 1px;
}

#list #items {
	background-image: url(images/black40.png);
}
#list #links {
	width: 370px;
	float: left;
}
#list #rechts {
	width: 370px;
	float: right;
}
#list .intro {
	margin-bottom: 20px;
	line-height: 17px;
	letter-spacing: 0.5px;
}
#list .subkop {
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 5px 0px 5px 0px;
}
#list .item {
	position:relative;
	width: 370px;
	padding-top: 20px;
}
#list .image {
	background: #000;
	position: absolute;
	width: 370px;
	height: 208px;
	cursor: pointer;
}
#list .icon {font-family:InterstateRegulatCondensedReg;font-size:15px;padding:0 4px 1px 4px;position:absolute;z-index:2;right:0;color:#000}
#list .icon .bg {position:absolute;opacity:0.7;filter:alpha(opacity=70);z-index:-1;top:0;bottom:0;left:0;right:0}
#list .image:hover IMG {
	opacity: 0.6;
	filter: alpha(opacity=60);
}
#list .noimage {
	padding: 90px 0px 0px 100px;
}
#list .titel {
	margin-top: 180px;
	opacity: 0.85;
	filter: alpha(opacity=85);
	width: 356px;
	position: absolute;
	padding: 7px;
	height: 14px;
	cursor: pointer;
	z-index: 1;
}
#list .intro2 {
	padding: 218px 0px 8px 0px;
	text-shadow: #222 1px 1px 1px;
}
#list .line {
	background-color: #fff;
	height: 1px;
	margin-bottom: 10px;
}

.enlargeBackground {
	background-color:#111;
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.enlarge {
	border-spacing: 0px;
	padding: 0px;
}
.enlarge TD {
	padding: 0px;
}
.enlarge .enlargeContainer {
	margin: auto;
	display: table;
	padding: 5px;
	background-color: #fff;
	width: auto;
}
.enlarge .enlargeClose {
	text-align: right;
	padding-bottom: 5px;
}
.enlarge .enlargeImage {
	padding: 0px 0px 0px 0px;
	border: 10px solid #fff;
}
.enlarge .enlargePrev DIV {
	position: relative;
	margin-right: -200px;
	padding-top: 200px;
	padding-left: 10px;
	height: 210px;
	width: 220px;
	text-align: left;
	cursor: pointer;
}
.enlarge .enlargePrev DIV:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.enlarge .enlargePrev DIV {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.enlarge .enlargeNext DIV {
	position: relative;
	margin-left: -200px;
	padding-top: 200px;
	padding-right: 10px;
	height: 210px;
	width: 220px;
	text-align: right;
	cursor: pointer;
}
.enlarge .enlargeNext:hover DIV {
	opacity: 1;
	filter: alpha(opacity=100);
}
.enlarge .enlargeNext DIV {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.enlarge .caption {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	padding-top: 2px;
	color: #ccc;
	float: left;
}
.enlarge .enlargeClose {
	font-size: 11px;
	padding-top: 2px;
	color: #fff;
	cursor: pointer;
}
.clear {
	clear: both;
}

#login {
	position: absolute;
	left: 852px;
	padding: 8px;
	cursor: pointer;
}
#social {
	position: absolute;
	left: 725px;
	top: 5px;
	opacity:0.8;
	filter:alpha(opacity=80);
}
#social:hover {
	opacity:1;
	filter:alpha(opacity=100);
}

.mijnhoogtHidden {
	display: none;
}
.mijnhoogt {
	display: inherit;
	position: fixed;
	z-index: 1000;
}

.mijnhoogt #bg {
	visibility: visible;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #fff;
	opacity: 0.4;
	filter: alpha(opacity=40);
	z-index: 1001;
}
#iframe {
	width: 700px;
	background-color: #fff;
	height: 500px;
}
.mijnhoogt #iframeDiv {
	z-index: 1002;
	position: fixed;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	text-align: center;
}
.mijnhoogt #iframeDiv TABLE {
	width: 100%;
	height: 100%;
}
.mijnhoogt #close {
	margin: auto;
	width: 700px;
	background-color: #fff;
	height: 34px;
}
.mijnhoogt #close .close {
	float: right;
}
.mijnhoogt #close .mijnhoogt {
	float: left;
	margin: 7px 0px 0px 7px;
}

#menu #vandaag {padding:4px}
#menu #vandaag .subkop {
	background-image: url(images/black40.png);
	padding: 0px;
	margin: 0px;
	border-top: 3px solid #fff;
	border-bottom: 3px solid #fff;
	padding: 5px 0px 5px 0px;
}
#menu #vandaag .inhoud {
	font-family:InterstateRegulatCondensedReg;
	background-image: url(images/black40.png);
	padding: 10px 10px 0px 0px;
	max-height: 130px;
	overflow: auto;
	font-size: 12px;
	line-height: 12px;
}
#menu #vandaag .film {
	margin-bottom: 10px;
}
#menu #vandaag .inhoud A {
	font-size:14px;
	color: #fff;
}
#menu #vandaag .inhoud A:hover {
	color: #fff;
}
.sitemap DIV {display:none;position:absolute}
.sitemap:hover DIV {display:block;width:300px;margin-left:200px;background:#333}
.banner {font-family:InterstateRegulatCondensedReg;font-size:19px;color:#FFF;text-transform:uppercase;border-top:solid #000 4px;border-bottom:solid #000 4px;cursor:pointer;position:relative}
.banner .bg {position:absolute;opacity:0.7;filter:alpha(opacity=70);z-index:-1;top:0;bottom:0;left:0;right:0}
.banner .food {float:right;margin-right:5px}
.banner.nieuwsbrief {margin:4px;color:#000;font-size:17px}
.banner.menu {padding:4px 0 4px 0}

.scrollgeneric {line-height:1px;font-size:1px;position:absolute;top:0;left:0}
.vscrollerbase {width:8px;background-color:#666;opacity:0.5;filter:alpha(opacity=50)}
.vscrollerbar {width:8px;background-color:#fff}
.hscrollerbase {height:8px;background-color:#344}
.hscrollerbar {height:8px;background-color:#a1cbe1}
.scrollerjogbox {width:8px;height:8px;top:auto;left:auto;bottom:0;right:0;background-color:gray}

.scherm {font-family:InterstateRegulatCondensedReg}
.scherm #logo {left:2%;padding:15px 0 0 0}
.scherm #head {left:2%;width:47%;white-space:nowrap;overflow:hidden;top:63px}
.scherm #links {position:absolute;left:2%;width:47%;top:120px;background-image:url(images/black40.png);padding:0px 0px 10px 0px;overflow:auto;font-size:35px;
}
.scherm #rechts {position:absolute;right:2%;width:47%;top:140px;}
.scherm .slide {position:absolute;width:100%}
.scherm .slide IMG {width:100%}
.scherm DIV.locatie {margin:10px 0 5px 0;color:white}
.scherm DIV.tijd {display:inline-block;float:left;width:100px}
.scherm DIV.fil1m {display:inline-block}

.scherm .slide .title {position:absolute;font-size:37px;top:-77px;background:#000;width:100%;text-transform:uppercase;border-top: solid 4px #fff;padding-top:1px}
.scherm .slide.active {z-index:10}
.scherm .slide.last-active {z-index:9}

.scherm #ticker {position:absolute;bottom:0;height:45px;background-image:url(images/black40.png);width:100%;overflow:hidden}
.scherm #ticker DIV {position:absolute;font-size:37px;white-space:nowrap;padding:0 1400px 0 1400px}