*	{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 #detailinfo a, a.programmacalendar, #searchresultlijst a	{text-decoration: none;	color: #eb2227; border-bottom: 1px solid #eb2227;	}
body.theater #detailinfo 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;}

#programmacalendars {width: 660px; height: 370px; padding: 10px 30px; overflow: auto;}
#programmacalendars .subcalendar {width: 213px; float: left;}

body.theater #topmenu a, body.theater #topmenu a:hover, body.theater #sidemenu a, body.theater #sidemenu a:hover	{ border-bottom: 0; text-decoration: none;	}


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: 300px; float: left; line-height: 24px; padding-top: 5px; padding-left: 10px; text-align: left; margin-right: 30px;}
.social span {float: left;}
.social a {float: right; margin-right: 10px; }

.rss {float: left; line-height: 24px; padding-top: 5px; text-align: left;}

.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: 960px; height: 514px; position: absolute; left: 50%; top: 50%; margin-top: -260px; margin-left: -480px;}
#main	{width: 960px;  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, #ladder {float: right; padding: 2px 0;} 

#topmenu, #ladder {width: 788px; } 

#topmenu, #sidemenu	{list-style: none; padding: 0; margin: 0;}
li.topbutton 	{list-style: none;}
#sidemenu	a {border-bottom: 0px;}


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

#topmenu .zoekbox, #topmenu .infobox, #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;}
#popzoekform .infobox{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; padding: 15px 7px 0 0; width: 149px; height: 90px; 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;}


#helpbox {margin-right: 0; }
#sidemenu {float: left;}
.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;}

.smalline {font-size: 0.5em; line-height: 0.6em;}
#trailers {float: left; width: 170px; margin: 0; padding: 0; background: #eb2227; text-align: center; height: 92px; color: #FFF;}

#poweredby {margin: -5px 0 2px 0; width: 166px; height: 94px; padding: 5px 2px; background: #000 url(/img/theater/ned/opties/poweredby.gif) no-repeat 0 50%; text-align: right; overflow: hidden;}
#poweredby a {display: block; font-weight: bold; color: #FFF; font-size: 1.1em; border-bottom: 0px; margin-right: 5px;}
#poweredbylink {background: transparent; height: 75px; float: left; width: 50px; display: block; text-indent: -4000px; overflow: hidden;}


#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; }

#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 10px; width: 348px; 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; }


#printdetailinfo {padding: 4em;}
#printdetailinfo h2, #detailinfo	h2, #detailinfo	h3, .itemcalendarbox	h2{font-size: 1.1em;}
#printdetailinfo h2, #detailinfo	h2 {margin-top: 1em;}
#printdetailinfo h4, #detailinfo	h4{font-size: 0.9em;}
#printdetailinfo .pricetitle, #detailinfo	.pricetitle	{ width: 120px; }
#printdetailinfo .pricetag, #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;}

.print #printdetailinfo a {color: #333;}
#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;}

a.first {height: 75px; display: block; }


#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, #detailinfo a.video, .itemcalendarbox a.bestel, .itemcalendarbox a.video, .itemcalendarbox a.media, .itembox .empty	{ 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;}
.itembox .empty	{ background: #FFF;}
#detailinfo a.video {margin-bottom: 5px;}

.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; height: 100px;}
.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; padding: 2px 5px;} 


.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: -2px; margin-left: -2px; list-style: none;}

#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: 140px;
	display: block;
	font-size: 0.8em;
}

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



.socialbox {clear: both; padding: 1em 0; color: #FFF;}
.socialbox strong {padding-right: 0.5em; color: red;}
.socialbox img {border: 0;}
.socialbox span, .socialbox a, .socialbox strong {float: left; }
.socialbox a, .socialbox a.at300b {text-decoration: none; border: 0; color: #FFF;}

#tellafriendform div {float: left;}
#tellafriendform label {float: left; width: 160px;}
#tellafriendform input {float: right; width: 160px;}
#tellafriendform #message, #tellafriendform #submitbutton {float: right; width: 160px;}


#ladder {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; height: 400px; overflow: hidden;}
#ladder #laddervisual {float: right; width: 350px; height: 400px; background: none;}
#ladder #laddervisual img {width: 350px; height: 400px;}
#ladder #showset {float: left; width: 436px; height: 400px;  overflow: auto;}


#ladder .row, #ladder .oddrow {height: 80px; padding: 10px; }
#ladder .oddrow, #ladder .oddrow a { background-color: #ed2727; color: #000; }
#ladder .row, #ladder .row a { background-color: #FFF; color: #ed2727; }

#ladder .oddrow a.orderlink { background-color: #FFF; color: #ed2727; }
#ladder .row a.orderlink { background-color: #ed2727; color: #FFF; }

#ladder .date {margin-top: 5px; font-size: 48px; line-height: 36px; width: 80px; text-align: center; float: left; cursor: pointer;}

#ladder .date .month {display: block; padding-top: 5px; font-size: 13px; line-height: 13px; }
#ladder .date .day {display: block; padding-top: 0; font-size: 11px; line-height: 11px; font-weight: bold;}
#ladder .date .time {display: block; padding-top: 5px; font-size: 11px; line-height: 11px; font-weight: bold;}


#ladder .show a:link, #ladder .show a:hover, #ladder .show a:active, #ladder .show a:visited { text-decoration: none;  border-bottom: 0px;}
#ladder .show { margin-left: 100px; height: 80px; overflow: hidden; width: 290px; }

#ladder .show a {font-weight: bold; font-size: 14px;}

	#ladder .show span.author {font-weight: bold; font-size: 16px;}
	#ladder .show span.title { font-size: 14px; display: block}

#ladder .show strong { display: block; padding: 5px 0; font-size: 90%;}
#ladder .show a.orderlink {  padding: 5px; float: right; font-size: 11px;}

#congreslink {margin-bottom: 0px; overflow: hidden; }
#congreslink img {width: 170px; height: 80px; margin: 2px 0 0 0; }

.clickbox {cursor: pointer;}

#infozoekform {width: 144px; height: 30px; overflow: hidden;  margin-top: 5px;}
#infozoekform .zoekbox {line-height: 14px; height: 15px; width: 110px; background: #000; color: #CCC; border: 0px; font-size: 13px; font-weight: bold;}

#infozoekform .zoeksubmit {float: right; margin-top: 2px;}

#popup	{	line-height: 18px; padding: 24px 36px; text-align: left; overflow: auto;  background-color: #FFF;}