*	{margin: 0; padding: 0;}
body	{margin: 0; padding: 10px 0; font-family: Verdana, Myriad Pro, Arial; font-size: 0.8em; line-height: 1.3em; }


body.theater {background-color: #FFF; color: #888; line-height: 1.8em; padding-top: 32px;}
body.theater a, a.programmacalendar, #searchresultlijst a	{text-decoration: none;	color: #eb2227; border-bottom: 1px solid #eb2227;	}
body.theater a:hover	{color: #eb2227; border-bottom: 1px solid #000;	}
body.theater h2 {text-align: right; color: #000; margin: 8px 0 0 0; font-size: 1.8em; }
body.theater h3 {text-align: right; color: #000; margin: 4px 0 0 0; font-size: 1.4em; }
body.theater h4 {margin: 0 0 0 0; font-size: 1.2em; }
body.theater p {margin: 0.5em 0 3em 0;}

a.nice, a.nice:hover	{text-decoration: none;	 border: 0;	}

body.theater .theform	{width: 278px; border: 1px solid #888;}
body.theater .theformsubmit	{width: 278px; background-color: #01AFD2; color: white; border: 1px solid #000; padding: 4px;}

.social {width: 290px; float: left; line-height: 24px; padding-top: 5px; padding-left: 10px; text-align: left;}
.social a {float: right; margin-right: 10px;}

.newsdate	{clear: left;  margin-top: 1em; width: 80px; font-size: 90%;}

#appletwrapper	{width: 800px; height: 600px; position: absolute; left: 50%; top: 50%; margin-top: -300px; margin-left: -400px;}

#wrapper	{width: 934px; height: 514px; position: absolute; left: 50%; top: 50%; margin-top: -260px; margin-left: -467px;}
#main	{width: 920px;  height: 514px; margin: auto;}

#logo	{background: #FFF url(img/theater/logo_theater.gif) no-repeat 0 0; line-height: 200px; overflow: hidden; float: left; border: 1px solid #000; width: 168px; height: 88px; margin-right: 1px;}
#logo	a {display: block;}

#topmenu	{height: 90px; overflow: hidden;}
#topmenu, #conveyor {float: right; width: 748px; padding: 2px 0;} 
#topmenu, #sidemenu	{list-style: none; padding: 0; margin: 0;}
li.topbutton 	{list-style: none;}
#sidemenu	a.sidebutton {border-bottom: 1px solid #000;}

#congressenlink {border-bottom: 0px solid #FFF; margin-bottom: 0px; width: 170px; height: 82px;}
#congressenlink img {width: 170px; height: 80px; margin-bottom: 0px; }

#topmenu input, #topmenu submit, #topmenu .zoeksubmit, #topmenu .nieuwsbriefsubmit	{font-size: 12px;}

#topmenu .zoekbox, #topmenu .nieuwsbriefbox {font-size: 13px;  width: 110px; margin:  0 5px 5px 5px; padding: 2px; text-align: right; background: #FFF; border: 0;} /* border-bottom: dotted 2px  #ccc; color: #ED2224;*/

#popzoekform .zoekbox{border: 0; width: 125px; padding: 1px; margin: 2px 5px 0 0; color: #666; font-family: verdana;}
.nieuwsbriefbox		{width: 125px; margin-left: 7px;}


.topbutton { text-align: right; float: left; border: 1px solid #000; padding: 14px 5px 0 0; width: 141px; height: 74px; margin-right: 2px; background-color: #000; color: #FFF; font-size: 1.2em; line-height: 0.9em; }
#topmenu a, #topmenu a:hover {color: #FFF; border-bottom: 1px solid #000;}

#sidemenu {float: left; width: 169px; padding-top: 2px;}
.sidebutton { text-align: right; border: 1px solid #000; padding: 7px 3px 0 0; width: 165px; height: 30px;  margin: 0 2px 2px 0; background-color: #000; color: #FFF; font-size: 1.3em; display: block;}
#poweredbylink {height: 85px; margin-top: -1px;}

.smalline {font-size: 0.5em; line-height: 0.6em;}
#trailers {float: left; width: 170px; margin: 0 1px 0 0; background: #eb2227; text-align: center; height: 97px; color: #FFF;}
#mp3box	{border-top: 2px solid #FFF; font-size: 70%; line-height: 1.3em; padding-top: 4px;}
#mp3player { padding-top: 4px;}
#trailers h3 {text-align: right; border: 1px solid #000;  padding: 7px 8px 7px 0; margin: 0;   margin-bottom: 2px; background-color: #000; color: #FFF; font-size: 1.5em; display: block; font-weight: normal;}
#trailers p {margin: 0.2em 0;}
#trailers p a {border: 0;}

#conveyor .showbanner {float: left; width: 184px; height: 397px; margin-right: 4px; background-repeat: no-repeat; background-position: 0 100%; font-size: 13px; cursor: pointer;}
#conveyor .nomargin {margin: 0;}
#conveyor .showinfo {background: #eb2227; height: 60px; color: #FFF; text-align: right; padding: 10px; font-weight: bold; line-height: 14px; font-size: 90%;}
#conveyor .showdate {padding-top: 8px; font-size: 80%;}

#speciallogo	{background: #FFF url(img/theater/logo_theater.gif) no-repeat 0 0; line-height: 200px; overflow: hidden; float: left; border: 1px solid #000; width: 168px; height: 88px; margin-right: 12px;}
#speciallogo	a {display: block;}
#specialtop	{height: 82px; font-weight: bold; background: #000; color: #eb2227; padding-top: 8px; line-height: 14px; }

#speciallist {margin: 3em 0.5em; width: 396px; height: 375px;}
#speciallist li {margin: 1em 0;}
#conveyor .special {background: #eb2227; height: 472px; color: #FFF; text-align: left; padding: 14px 20px 14px 10px; line-height: 14px; font-size: 90%;}
#conveyor .special  strong {color: #000; font-size: 110%; margin-left: 0.5em;}

#lang	{float: right; padding: 0 18px 0 0; text-align: right;  width: 80px;}
#lang a	{ color: #000; text-decoration: none; border: 0;}
.langlink	{padding-right: 24px; line-height: 18px;}
.flag_ned	{ background: url(img/flags/ned.gif) no-repeat right 0;  }
.flag_eng	{ background: url(img/flags/eng.gif) no-repeat right 0;  }
.pricerow	{margin: 0 0 40px 0;}
.pricerow	strong {font-size: 220%;}
.clear	{clear: both;}
.right	{float: right;}

.phatTxt {font-family: Futura Bold, Myriad Pro, Verdana; font-weight: bold;}
.agendadate	{color: #000; float: left; margin-left: 100px; }
.visual	{margin:\ 0; float: right;}
#visualcontainer { width: 350px; height: 450px; float: right; overflow: hidden;}
#detailinfo	{float: left; text-align: left; padding: 18px; width: 332px; height:414px; overflow: auto; background-color: #FFF;}

#programmacalendarbox {float: left; height: 342px; width: 235px;}
#programmacalendarelement {width: 210px; margin: 0 10px 0 10px; padding: 5px 2px; border: 1px solid #eb2227;}
#programmacalendarlistX {height:362px; overflow: auto; }
#programmacalendarlist {height:360px; width: 471px; overflow: auto; }

#detailinfo	h2, #detailinfo	h3, .itemcalendarbox	h2{font-size: 1.1em;}
#detailinfo	h2 {margin-top: 1em;}
#detailinfo	h4{font-size: 0.9em;}
#detailinfo	.pricetitle	{ width: 120px; }
#detailinfo	.pricetag	{ width: 80px; }
#detailinfo	.footer	{ clear: both; padding-top: 8px; font-size: 0.8em; }
#detailinfo	.footer	a { color: #666; text-decoration: none; border: 0; margin-left: 10px;}
#detailinfo	.footer	a:hover { color: #eb2227; text-decoration: none; border: 0;}

#detailinfo	p {color: #eb2227; font-size: 90%; margin: 1em 0;}
#detailinfo .backlink  { float: left;  margin: 0 24px 24px 0;}
#detailinfo  a.bestel	{ background: #eb2227; color: #FFF; padding: 10px 7px; float: right; text-decoration: none; margin: 10px 0 0 10px; font-size: 1.1em;}

.no_ordering	{ background: #AAA; color: #FFF; padding: 4px 2px; float: left; text-decoration: none; margin: 0 30px 0 5px; font-size: 0.7em; width: 55px; text-align: center;}
#detailinfo  .no_ordering	{ float: right;}

#popzoekform {float: right;}
#marquee	{ clear: both; text-align: center;  height: 21px; line-height: 21px; overflow: hidden; color: #F0F0F0; font-size: 10px; font-weight: bold; background: #232021; border-top: 1px solid #918F8F;}
#marquee	a, #marquee	a:hover { text-decoration: none; color: #FFF; border: 0;}
#marquee	table { font-size: 0.9em; font-weight: bold; font-family: arial;}

#pagefooter { clear: both; text-align: right;  line-height: 28px; color: #AAA; font-size: 10px;}
#pagefooter	a, #pagefooter	a:hover { text-decoration: none; color: #AAA; border: 0;}

.troubleform	{width: 240px; border: 1px solid #888;}




#popzoekform	{height: 50px; line-height: 16px;}
#popzoekform	label {color: #fff; width: 90px;}

#programmamenu	{height: 24px; line-height: 22px; border-top: 3px solid #eb2227;  margin-bottom: 3px ; background: #000; text-align: right; padding-right: 8px;}
#programmamenu a	{margin: 5px 0; color: #FFF; background: #eb2227; padding: 2px; font-weight: bold; font-size: 0.8em; margin: 0 8px; text-decoration: none;}
#programmamenu a:hover	{color: #000;}

#programmazoekmenu	{height: 28px; line-height: 22px;  margin: 3px 0; background: #000; text-align: right;}
#programmazoekmenu a	{margin: 5px 0; color: #FFF; background: #eb2227; padding: 2px; font-weight: bold; font-size: 0.8em; margin: 0 8px; text-decoration: none;}
#programmazoekmenu a:hover	{color: #000;}

#popzoekform .zoekbox {width: 210px; padding: 3px; font-size: 1em; }
#popzoekform .zoeksubmit {font-size: 1em; font-weight: normal; color: #FFF; background-color: #eb2227; border: 0; cursor: pointer; padding: 3px 7px; width: 62px;}
#orderform .zoeksubmit {font-size: 1.2em; font-weight: bold; color: #FFF; background-color: #eb2227; border: 0; cursor: pointer; padding: 3px 7px; }

#popzoekform .formdesc	{font-size: 0.7em; color: #FFF; margin-left: 90px;}

#searchresultheader	{margin-left: 248px; text-align: left; color: #FFF; font-size: 0.8em; color: #FFF; }
#infosearchresultheader	{clear: both; text-align: right; background: #000; font-size: 0.8em; color: #FFF; }
/* #contentcolumn	{ width: 520px; float: left; margin-right: 24px;} */

#programmalijst	{background: #FFF url(./img/theater/bg.voorstellingen.gif) repeat-y 0 0; height:360px; overflow: auto; width: 99.0%;}
#programmalijstnoscroll	{background: #000 url(./img/theater/bg.voorstellingen.gif) repeat-y 0 0;  min-height: 80px; width: 99.0%;}

#searchresultlijst {background: #FFF; height:360px; overflow: auto; width: 99.0%;}

.itembox	{ color: #FFF;}
.itembox a.bestel, .itembox a.video, .itemcalendarbox a.bestel, .itemcalendarbox a.video, .itemcalendarbox a.media	{ background: #eb2227; color: #FFF; padding:8px 5px; float: left; text-decoration: none; margin: 15px 10px 0 0; width: 62px; text-align: center;}
.itembox a.bestel	{ background: #000;}


.datebox	{ color: #eb2227;}
.datebox .date	{ color: #FFF;}
.itembox span	{ clear: left;}
.datebox, .itemtitlebox {float: left; text-align: right; padding: 14px 24px;}
.datebox	{width: 192px;}
.itemtitlebox	{width: 230px; padding-right: 34px;}
.itemtitlebox a { font-size: 0.9em; font-weight: bold; text-decoration: none; color: #FFF; }
.itemtitlebox a:hover { color: #000; }

#programmacalendar	{background: #FFF url(./img/theater/bg.voorstellingen.calendar.gif) repeat-y 0 0; height:362px; overflow: hidden; }

.itemcalendarbox	{ padding: 1em;}
.itemcalendarinfo	{ color: #000; text-align: right; width: 280px; float: left;  padding-right: 20px; }
#programmacalendar h3, #programmacalendar h4	{color: #FFF;}
#programmacalendar h4	{font-weight: normal; font-size: 0.9em;}
#programmacalendar h3	{font-size: 1em;}
#programmacalendar h3 a 	{color: #FFF; text-decoration: none; border: 0;}
.itemcalendarbox a.bestel, .itemcalendarbox a.media		{ width: 55px; text-align: center; background: #000; color: #FFF; padding:5px 2px; float: left; text-decoration: none; margin: 0 0 5px 5px; float: left; font-size: 0.8em; font-weight: bold;}
.itemcalendarbox a.media	{ background: #eb2227;}


#newsblock	{ width: 160px; float: right; padding-left: 32px; border-left: 1px solid #CCC;}

#zoekform {height: 48px;}
#zoekform .zoeksubmit, #infozoekform .zoeksubmit, .nieuwsbriefsubmit, .troublesubmit {font-weight: normal; color: #FFF; background-color: #000; border: 0; cursor: pointer; font-weight: bold; font-family: Futura, Verdana; font-size: 14px;}


#popup	{	line-height: 18px; padding: 24px 36px; text-align: left; overflow: auto;  background-color: #FFF;}
.regularpopup	{height: 303px; width: 640px;}
.expandedpopup	{height: 324px; width: 640px;}

#popup h4	{	font-weight: normal; font-size: 100%; color: #000;}
#popup a, #detailinfo a	{	text-decoration: none; color: #eb2227; border-bottom: 1px solid #eb2227;}
#popup a:hover, #detailinfo a:hover	{	text-decoration: none; border-bottom: 1px solid #000;}
#popup {	color: #eb2227;}
.scrollbar	{
	scrollbar-3dlight-color:#eb2227; 
	scrollbar-arrow-color:#FFF; 
	scrollbar-base-color:#eb2227; 
	scrollbar-darkshadow-color:#eb2227; 
	scrollbar-face-color:#000; 
	scrollbar-highlight-color:#eb2227; 
	scrollbar-shadow-color:#eb2227; 
	scrollbar-track-color:#eb2227; 
}
.altscrollbar	{
	scrollbar-3dlight-color:#000; 
	scrollbar-arrow-color:#FFF; 
	scrollbar-base-color:#000; 
	scrollbar-darkshadow-color:#000; 
	scrollbar-face-color:#eb2227; 
	scrollbar-highlight-color:#000; 
	scrollbar-shadow-color:#000; 
	scrollbar-track-color:#000; 
}

#programmaheader, #searchresultheader	{background-color: #000; height: 50px; padding: 8px 16px 0 8px;}


#popupheader	{background-color: #000; height: 32px; padding: 8px;}
#popupmenu	{height: 50px; background-color:#eb2227;}
#popupmenu	ul {list-style: none; }
#popupmenu	li {float: left; width: 178px; height: 50px; line-height: 50px; border-right: 2px solid #FFF;; background: #eb2227 ; text-align: center; }
#popupmenu	li.active {color: #FFF; }
#popupmenu	li a:hover, #popupmenu	li.active a {color: #000; }
#popupmenu li.end {border-right: 0;}

#popupmenu li a	{display: block; color: #FFF; text-decoration: none; font-size: 1.4em; font-weight: bold; }

.menutitle{ cursor:pointer; color: #000;  padding: 6 0;}
.menutitleactive{  cursor:pointer; color: #000; padding: 16 0 6 0; border-top: 1px solid #000; margin-top: 6px;}
.submenu{ color: #eb2227;  padding: 12 0;}

td.calendar_header { font-size: 11px; font-style: strong; color: #FFF; background: #eb2227; padding: 0; margin: 0; border-color: #eb2227;}
td.calendar_headernavX { background: #FFF;}
td.calendar_headernav a { font-size: 14px; font-style: normal; color: #eb2227; width: 18px;  text-decoration: none;}
a.headernav {font-size: 14px; font-style: normal; color: #eb2227; width: 18px;  text-decoration: none;}
td.calendar_weekday { font-size: 11px; font-style: normal; color: #808080; }
td.calendar_weekend { font-size: 11px; font-style: normal; color: #808080; }
td.calendar_dayofweek { font-size: 10px; font-style: normal; color: gray; padding: 4px 0; }
td.calendar_startweek { font-size: 11px; font-style: normal; color: silver; }
td.calendar_today { font-size: 11px; font-style: normal; color: #ED2224; }

a.conv {display: block; width: 12px; text-indent: -500px; overflow: hidden; height: 1px; font-size: 2px; color: #fff; text-decoration: none;}

#availabilityform	input { border: 0; }
#check_button {margin-top: 4px;} 

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
} 


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 748px; 
	height: 398px;
	overflow: hidden;
	border:0;
	}
div.scroller div.scrollercontent {
		width: 20000px;
		}
div.scroller div.section {
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 748px; 
		height: 398px;
		overflow:hidden;
		float:left;
		margin: 0;
		padding: 0;
		}

		
.nomargin {margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px;}


#topmenu  ul.level2, #topmenu ul.level3 {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	color: #FFF;
	border: 2px solid #FFF;
	border-bottom: 0;
	background: #000;
	list-style: none;
}

#topmenu ul.level1 { top: -4px; margin-left: -2px;}

#topmenu  ul.level2 li, #topmenu ul.level3 li {
	border-bottom: 2px solid #FFF;
	float: none;
	margin: 0;
}

#topmenu  ul.level2 li a, #topmenu ul.level3 li a {
	background-color: #000;
	padding: 8px;
	width: 132px;
	display: block;
	font-size: 0.8em;
}

#topmenu  ul.level2 li a:hover,#topmenu  ul.level3 li a:hover {
	background-color: #eb2227;
}