html, body, form, select, table, td, td, input, P, H1, H2, H3, H4, H5, H6 {margin:0; padding: 0;}


/* Op tekstgrootte makelijk over en site in te kunnen stellen dient het formaat ingegeven te worden in % */
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
a:link {color: #AC2626;text-decoration: underline;}
a:visited {color: #AC2626;text-decoration: underline;}
a:hover {color: #000; text-decoration:  none;}

* html body {
	height: 100%;
	width: 100%;
}
body, html {
overflow: hidden;
}
#wholesite, #wholesitehome {
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 0;
	position:absolute;
	background-image: url(../images/back_white.gif);
	background-repeat: repeat-y;
	background-position: center top;
	margin: 0;
	top: 0px;
	padding: 0;

}
* html #wholesite, #wholesitehome {
	background-image: url(../images/back_white_IE.gif);
	background-repeat: repeat-y;
	background-position: center top;
	
	

}
#posiframe {
	position:absolute;
	width: 100%;
	height: 100%;
	z-index: -2

}
#ditiframe {
	width: 100%;
	height: 100%;
}

#sheet {
	position:absolute;
	width: 758px;
	left: 50%;
	height: 100%;
	margin-left: -379px;
	top: 0px;
	
		
}
* html #sheet {
	margin-top:  1px ;
	
	

}
#fel {
	width:100%;
	top: 109px;
	right: 0px;
	
	position:relative;
	overflow: hidden;
	z-index:2;
}
* html #fel {
	/* width: expression(document.body.clientWidth -16 +"px");*/
	margin-right: -17px; 
} 
*+html #fel {
	/* width: expression(document.body.clientWidth -16 +"px");*/
	margin-left: -17px; 
} 
#felhome {
	width:100%;
	top: 109px;
	right: 0px;
	position:relative;
	overflow: hidden;
	z-index:2;
}
* html #felhome {
	/* width: expression(document.body.clientWidth -16 +"px");*/
	margin-right: -17px; 
} 
.topshadow {
	position:absolute;
	top:-16px;
	left: 0px;
	margin-left: 0px;
	}
	
.botshadow {
	position:absolute;
	top:407px;
	left: 50%;
	margin-left: -401px;
	}

#home2 .topshadow,  #home1 .topshadow {
	top:-10px;
}
#home2 .botshadow, #home1 .botshadow {
	position:absolute;
	top:280px;
	
	left: 50%;
	margin-left: -380px;
}	
* html #home2 .botshadow, * html  #home1 .botshadow {
	
	top:288px;

}	
	

	

#home1 {
	width: 760px;
	height:280px;
	left: 50%;
	margin-left: -410px;
	position:relative;
	background-color:#000;
	z-index:2;
	cursor:pointer;
	margin-top: 10px;
	margin-bottom: 15px;
}
* html #home1 {
	margin-left: -401px;
	height:288px;
}
#home0 {

}	

.home1itemphoto {
	float:right;
	padding:10px 15px 0 0;
	width:270px;	
}

#home1itemvideo 
{
	position:relative;
	float:right;
	padding:8px 6px 0 0;
	margin-left: 8px;
	width:311px;

}


.home1itemcontent {
float:right;
width:400px;

padding:15px;
padding-right:5px;
	text-align:right;
	color:#FFFFFF;
}

.home1itemcontent h1 {
text-transform:uppercase;
font-size:300%;
line-height:35px;
}
.home1itemcontent h1#bv_titel{
	margin-top: -6px;
}
.home1itemcontent h2 {
text-transform:uppercase;
color:#B0B0B0;
font-size:100%;
margin-bottom:10px;
}

.home1itemcontent h3 {
text-transform:uppercase;
font-size:100%;
margin-top:20px;
line-height:18px;
}


.home1itemcontent h3 a:link {color: #fff;text-decoration: underline;}
.home1itemcontent h3 a:visited {color: #FFF;text-decoration: underline;}
.home1itemcontent h3 a:hover {color: #FF0000; text-decoration: underline;}


.home1itemcontent h4 {
font-size:90%;
line-height:16px;
}

.home1itemcontent h4 a:link {color: #fff;text-decoration: underline;}
.home1itemcontent h4 a:visited {color: #FFFFFF;text-decoration: underline;}
.home1itemcontent h4 a:hover {color: #FF0000; text-decoration: underline;}

.home1bot {
	position:absolute; 
	bottom:20px;	
	left: 50%;
	margin-left: -47px;
}

.home1botvideo {
	position:absolute; 
	bottom:12px;	
	right: 8px;
}

* html .home1bot {margin-left: -45px;}
* html .home1botvideo {margin-left: -68px;}

#home2 {
	width: 760px;
	height:280px;
	left: 50%;
	margin-left: -410px;
	position:relative;
	background-color:#000;
	z-index:2;
	margin-top: 10px;
	margin-bottom: 15px;
}
* html #home2 {
	margin-left: -401px;
}
.home2item {
	float:right;
	width:355px;
	margin-top:8px;
	margin-right:13px;
	
}
* html .home2item {
	
	margin-top: 13px;
	margin-bottom: 17px;
}
.home2itemcontent {
	float:left;
	padding:10px;
	padding-top:0px;
	padding-right:0px;
	text-align:right;
	color:#FFFFFF;
	width:145px;
	/*height: 260px;*/
	overflow: hidden;
	height: 246px;
	
	
}

.home2itemphoto {
	float:right;
	width:185px;

}


.home2itemcontent h1 {
text-transform:uppercase;
font-size:175%;
line-height:26px;
}

.home2itemcontent h2 {
text-transform:uppercase;
color:#B0B0B0;
font-size:95%;
margin-bottom:10px;
}

.home2itemcontent h3 {
text-transform:uppercase;
font-size:95%;
margin-top:20px;
line-height:18px;
}

.home2itemcontent h3 a:link {color: #fff;text-decoration: underline;}
.home2itemcontent h3 a:visited {color: #FFF;text-decoration: underline;}
.home2itemcontent h3 a:hover {color: #FF0000; text-decoration: underline;}


.home2itemcontent h4 {
font-size:90%;
line-height:16px;
}

.home2itemcontent h4 a:link {color: #fff;text-decoration: underline;}
.home2itemcontent h4 a:visited {color: #FFFFFF;text-decoration: underline;}
.home2itemcontent h4 a:hover {color: #FF0000; text-decoration: underline;}

.home3containter {
	float:right;
	width:355px;
	
}

.home3item {
	float:right;
	width:350px;
	height:128px;
	overflow: hidden;
	padding:8px;
	padding-right:0px;
}



.home3itemalt {
	float:right;
	width:350px;
	/*border-bottom:1px solid #999999;*/
	padding:8px;
	padding-top:15px;
	padding-right:0px;
}

.home3itemphoto {
	float:right;
	width:160px;

}
.home3itemcontent {
	float:right;
	padding:10px;
	padding-top:0px;
	padding-right:8px;
	text-align:right;
	color:#FFFFFF;
	width:170px;
	
	height: 117px;
	overflow:hidden;
}

.home3itemcontent h1 {
text-transform:uppercase;
font-size:150%;
line-height:20px;
}

.home3itemcontent h2 {
text-transform:uppercase;
color:#B0B0B0;
font-size:95%;
margin-bottom:10px;
}

.home3itemcontent h3 {
text-transform:uppercase;
font-size:85%;
margin-top:20px;
line-height:18px;
}

.home3itemcontent h3 a:link {color: #fff;text-decoration: underline;}
.home3itemcontent h3 a:visited {color: #FFF;text-decoration: underline;}
.home3itemcontent h3 a:hover {color: #FF0000; text-decoration: underline;}


.home3itemcontent h4 {
font-size:90%;
line-height:16px;
}

.home3itemcontent h4 a:link {color: #fff;text-decoration: underline;}
.home3itemcontent h4 a:visited {color: #FFFFFF;text-decoration: underline;}
.home3itemcontent h4 a:hover {color: #FF0000; text-decoration: underline;}


.home4containter {
	float:right;
	width:340px;
	margin-right: 10px;
}

.home4item {
	float:right;
	width:340px;
	border-bottom:1px solid #999999;
	padding:8px;
	padding-bottom:5px;
	padding-right:0px;
}

.home4itemalt {
	float:right;
	width:340px;
	padding:8px;
	padding-top:15px;
	padding-right:0px;
}

.home4itemcontent {
	float:right;
	padding:10px;
	padding-top:0px;
	padding-right:8px;
	text-align:right;
	color:#FFFFFF;
	width:150px;
}

.home4itemcontent h1 {
text-transform:uppercase;
font-size:150%;
line-height:20px;
}

.home4itemcontent h2 {
text-transform:uppercase;
color:#B0B0B0;
font-size:95%;
margin-bottom:10px;
}

.home4itemcontent h3 {
text-transform:uppercase;
font-size:85%;
margin-top:20px;
line-height:18px;
}

.home4itemcontent h3 a:link {color: #fff;text-decoration: underline;}
.home4itemcontent h3 a:visited {color: #FFF;text-decoration: underline;}
.home4itemcontent h3 a:hover {color: #FF0000; text-decoration: underline;}


.home4itemcontent h4 {
font-size:90%;
line-height:16px;
}

.home4itemcontent h4 a:link {color: #fff;text-decoration: underline;}
.home4itemcontent h4 a:visited {color: #FFFFFF;text-decoration: underline;}
.home4itemcontent h4 a:hover {color: #FF0000; text-decoration: underline;}


#teasers {
	background-color:#FFF;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 350px;
	width: 400px;
	height:242px;
	padding:12px 20px;
	border-top:7px solid black;
	border-bottom:7px solid black;
	margin-top: 10px;
	margin-bottom: 10px;
}
* html #teasers {
	padding:10px 20px;
}
.teasermask {
	width: 400px;
	height:254px;
	cursor:pointer;
	display:block;
}

.teaseritem {
	width: 400px;
	height:100px;
	border-bottom:1px solid #000000;
	filter:alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15;
	border-bottom:1px solid #000000;
	padding:6px;
	padding-bottom:10px;
	padding-left:0px;

}

.teaseritemphoto {
float:left;
margin-right:5px;
padding-top:5px;

}

.teaseritemcontent {
text-transform:uppercase;
}
.teaseritemcontent H1 {
	font-size: 220%;
}



#mainmenu {padding:15px;}

.menu {padding-top:35px;}

.logo {}

#menunav {}

.menuitems {font-size: 105%; text-transform:uppercase;color:#999900;font-weight:bold}

.menuitems a:link {color: #999900;text-decoration: underline;}
.menuitems a:visited {color: #999900;text-decoration: none;}
.menuitems a:hover {color: #000; text-decoration: underline;}


.menuzoek {
float:right;
width:160px;
text-align:right;
margin-top:-88px;
}


.zoekbutton {
background-color:#999900;
border:1px solid #999900;
color:#FFFFFF;
padding:0px;
font-size:80%;
font-weight:bold;
}

.zoekbutton2 {


padding:0px;
font-size:80%;
font-weight:bold;
}

.zoekbox {
border:1px solid #999900;
font-size:80%;
background-color:#fff;
color:#000;
padding:1px;
}

#bestelonline {
	padding:15px;
	position:relative;
	width: 726px;
	text-align:right;
	left: 50%;
	top:400px;
	margin-left: -380px;
	z-index: 0;
	
	
}
#bestelonlineinsubnav {

position: absolute; 
width: 152px; 
height: 53px; 
top:-53px;
padding: 0 0 0 4px;
}
#emailservice {
	padding:15px;
	position:absolute;
	width: 726px;
	text-align:right;
	left: 50%;
	top:720px;
	margin-left: -384px;
	z-index:20;
	display:none;
}

#contentnav {
	width: 130px;
	height:460px;
	left: 50%;
	margin-left: -401px;
	margin-top: 10px;
	margin-bottom: 12px;
	position:relative;
	background-color:#fff;
	z-index:2;
	border-bottom:6px solid #000000;
	border-top:6px solid #000000;
	line-height:22px;
	color:#000;
	text-transform:uppercase;
	font-size:92%;
	font-weight:bold;
	padding-left:22px;
	padding-top:20px;
}
* html #contentnav {
}
#contentnav  a:link {color: #AC2626;text-decoration: none;}
#contentnav  a:visited {color: #AC2626;text-decoration: none;}
#contentnav  a:hover {color: #000; text-decoration: underline;}

#contentnav .oclSelectedPage  {
color: black !important; 
cursor: default;
}

#contentnav ul {
margin:  0px !important;
padding: 0px;
}
#contentnav li {
margin:  0px !important; 
list-style-type: none;
}

#contentnav .oclSelectedPage:hover  {
text-decoration:none !important; 
}

.kalenderholder
{
	margin-left: -20px;	
}

#content {
	width: 590px;
	min-height:100%;
	left: 50%;
	margin-left: -225px;
	z-index:5;
	top: 0px;
	margin-top: 135px;
	margin-bottom: -135px;
	position:absolute;
	

}
* html #content {
	
}






.contentpage {
	float:left;
	/*width: 310px;*/
	line-height:18px;
	position: relative;
	
	
	min-height:100%;
	height:100%;
	margin-bottom:10px;
	padding: 0 50px 0 15px; /* om rechts ruimte te creeeren, wordt voor beeldmateriaal opgehevn*/
}
* html .contentpage {
	height: 100%;
}
.contentpage p{
margin: 10px 0px;
}


.contentpage  a:link {color: #AC2626;text-decoration: underline;}
.contentpage  a:visited {color: #AC2626;text-decoration: none;}
.contentpage  a:hover {color: #000; text-decoration: none;}



.contentpage h1 {
text-transform:uppercase;
font-size:180%;
line-height:20px;
}

.contentpage h2 {
font-size:130%;
line-height:20px;

}

.contentpage h3 {
font-size:110%;
line-height:20px;
color:#999900;
}

.contentphoto {
	float:right;
	width: 250px;
	margin-right:-50px; /* tekst heeft een rechter-padding nodig, zie class contentpage, plaatje niet, vandaar naar rechts duwen.*/
	margin-top:10px;
}
* html .contentphoto {
	margin-right: -25px;

}


.botshadowcontent {
	position:absolute;
	left: 0px;
	bottom: -22px;
	width: 20px;
	height: 16px;
	
	}

.navsideshadow{
	position:absolute;
	top:-5px;
	right: -10px;
	width:10px;
	height:100%;
	background-image:url(../images/navsideshadow.gif);
	background-repeat:no-repeat;
	z-index:4;
	padding-top: 6px;
	padding-bottom: 6px;
	
}
* html .navsideshadow {
margin-left: -240px;
}
#voorstellingnav {
	width: 320px;
	min-height:490px;
	left: 50%;
	margin-left: -401px;
	position:relative;
	background-color:#fff;
	z-index:2;
	border-bottom:6px solid #000000;
	border-top:6px solid #000000;
	color:#000;
	font-size:92%;
	padding-left:10px;
	padding-top:10px;
	margin-top: 16px;
	margin-bottom: 16px;

}


* html #voorstellingnav {
	height:490px;
}

#voorstelling {
	width: 400px;
	height:100%;
	left: 50%;
	margin-left: -45px;
	z-index:5;
	top: 125px;
	position:absolute;
}

	.voorstellingpage {
	float:left;
	width: 400px;
	line-height:18px;
	min-height:auto;
	height:100%;
	
	

}
*+html .voorstellingpage {
	margin-left: -15px;
}

.voorstellingpage p{
	margin: 10px 0px;
}

.voorstellingpage p.streamer{
	margin: 10px 0px;
	font-weight:bold;
}

.voorstellingpage h1 {
	text-transform:uppercase;
	font-size:260%;
	line-height:30px;
	margin-left:-1px;
}

.voorstellingpage h2 {
	text-transform:uppercase;
	font-size:130%;
	line-height:20px;
	color:#B0B0B0;
	margin-left:0px;
}

.voorstellingpage h3 {
	text-transform:uppercase;
}

.voorstellingphoto {
	margin-right:12px;
	text-align:right;
}

.voorstellingphotosub {
	margin-top:8px;
	margin-right:12px;
	text-align:right;
}
.voorstellingphotosub a, .voorstellingphotosub a:link,  .voorstellingphotosub a:visited  {
	padding-right: 15px;
	background-image: url(../images/externelink.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}
.voorstellingphotosub a:hover,  .voorstellingphotosub a:active  { 
padding-right: 15px;
background-image: url(../images/externelink.gif);
	background-repeat: no-repeat;
	background-position: right center;	
}


.detailpagefloat {
float:right;
margin:10px 0px 3px 3px;
}

.kaartjekopen {
margin-bottom:8px;
}

.voorstellinggegevens {
	width:170px; 
	background-color:#000;
	position:relative;
	border:1px solid #000000;
	line-height:18px;
	color:#fff;
	font-size:95%;
}

.voorstellinggegevens a:link {color: #FFF;text-decoration: underline;}
.voorstellinggegevens a:visited {color: #FFF;text-decoration: underline;}
.voorstellinggegevens a:hover {color: #FFF; text-decoration: underline;}

.voorstellinggegevens ul {margin:5px; line-height:18px;}
.voorstellinggegevens li {margin-left:-32px; }
* html  .voorstellinggegevens li {margin-left:10px; line-height:18px;}



.voorstellingdata ul {margin:5px; line-height:18px;}
.voorstellingdata li {margin-left:-32px; }
* html  .voorstellingdata li {margin-left:10px; line-height:18px;}


.voorstellingkaarten {
	padding:0px 8px 8px 8px;
	line-height:14px;
	color:#FFF;
}

.voorstellingkaarten H1{
font-size:130%;
margin-top:0;
}

.voorstellingkaarten H1 a:link {color: #FFF;text-decoration: underline;}
.voorstellingkaarten H1 a:visited {color: #FFF;text-decoration: underline;}
.voorstellingkaarten H1 a:hover {color: #FFF; text-decoration: underline;}



.voorstellingdata {
	background-color:#FFF;
	padding:7px 8px 10px 8px;
	color:#000;
	line-height:16px;
	font-size:95%;
}


.voorstellingdata a:link {color: #AC2626;text-decoration: underline;}
.voorstellingdata a:visited {color: #AC2626;text-decoration: underline;}
.voorstellingdata a:hover {color: #000; text-decoration: underline;}


#bestelvoorstelling {
	margin-right:12px;
	text-align:right;
	margin-top:16px;
}

.voorstellingsideshadow{
	position:absolute;
	top:-7px;
	right: -7px;
	width:7px;
	min-height:100%;
	background-image:url(../images/navsideshadow_top.gif);
	background-repeat:no-repeat;
	z-index:4;
	
	padding-top: 6px;
	padding-bottom: 6px;

}
* html .voorstellingsideshadow{
	height: 100%;
	
}
.slidingdoorshadow {
	position: absolute;
	top:-226px;
	left: 328px;
	width: 7px;
	background-image:url(../images/navsideshadow_bot.gif);
	height: 226px;
	width: 10px;
	background-position: bottom;
	background-repeat: no-repeat;
	
}
.greyrow {
	background: #F6F6F6;
}
.whiterow {
	background: #FFF;
}


#teasersback {
	background-color:#FFF;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 379px;
	margin-top: 10px;
	width: 400px;
	height:495px;
	border-top:7px solid black;
	border-bottom:7px solid black;
	filter:alpha(opacity=25);
	-moz-opacity:.25;
	opacity:.25;
}
* html #teasersback {

}

#teaservoorstelling {
	background-color:#FFF;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: 379px;
	padding-left:15px;
	width: 400px;
	height:496px;
	border-top:7px solid black;
	border-bottom:7px solid black;
	filter:alpha(opacity=15);
	-moz-opacity:.15;
	opacity:.15;
	margin-top: 10px;
	background-image:url(../images/contentsideshadow.gif);
	background-repeat:no-repeat;
	
}

.teaservoorstellingitem {
	width: 230px;
	height:100px;
	padding:6px;
	padding-bottom:10px;
	padding-left:0px;
	line-height:18px;
}



.teaservoorstellingcontent h1 {
text-transform:uppercase;
font-size:100%;
}

.teaservoorstellingcontent h2 {
text-transform:uppercase;
color: #999999;
line-height:24px;
font-size:180%;
}

.teaservoorstellingphoto {
margin:8px 0px;
}

.teaservoorstellingcontent P.streamer {
font-weight:bold;
}

.agendapage {
	float:left;
	width: 580px;
	line-height:18px;
	min-height:auto;
	height:100%;
	margin-bottom:10px;
}
*+html .agendapage {
	margin-left: -20px;
}



.agendapage  p{
margin: 10px 0px;
}

.agendapage  h1 {
text-transform:uppercase;
font-size:180%;
line-height:20px;
}

.agendapage  h2 {
font-size:140%;
margin:15px 0px;
color:#999900;
}

select, input {font-size:95%;}

.agendapage td {font-size:95%;line-height:15px;border-bottom:1px solid #E7E7E7}
.agendapage tr {border-bottom:1px solid #E7E7E7}

.agendapage a:link {color: #AC2626;text-decoration: underline;}
.agendapage a:visited {color: #AC2626;text-decoration: underline;}
.agendapage a:hover {color: #000; text-decoration: underline;}

.agendapagenav {font-size:115%;}

.agendapagenav a:link {color: #AC2626;text-decoration: underline;}
.agendapagenav a:visited {color: #AC2626;text-decoration: underline;}
.agendapagenav a:hover {color: #000; text-decoration: underline;}


#calender {
	padding:15px;
	position:absolute;
	width: 726px;
	left: 50%;
	top:400px;
	margin-left: -387px;
	font-weight:bold;
	color:#000000;
}


.calendertools {

	float:left;
	font-weight:bold;
	color:#000000;
	width:400px;
	
}

.calendertools a:link {color: #AC2626;text-decoration: underline;}
.calendertools a:visited {color: #AC2626;text-decoration: underline;}
.calendertools a:hover {color: #000; text-decoration: underline;}

.calenderblader {
	float:right;
	font-weight:bold;
	color:#000000;

}

.calenderblader a:link {color: #AC2626;text-decoration: underline;}
.calenderblader a:visited {color: #AC2626;text-decoration: underline;}
.calenderblader a:hover {color: #000; text-decoration: underline;}



#calenderweek {
	padding:15px 15px 15px 0px;
	position:relative;
	width: 730px;
	font-size: 95%;
	clear:both;
	 overflow: hidden;
}
#nieuwsbrief {
	
	margin: -7px 0 7px -2px;
	
}
* html #nieuwsbrief {
	margin-top: 0px;
}
#nieuwsbriefz p {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding: 0 10px 0 0;
	
}
.day {
	float: left;
	background-image:url(../images/daybg.gif);
	background-repeat: repeat-x;
	/*width: 89px;*/
	width: 131px;
	margin: 0 5px 0px 0;
	padding: 5px;
/* added rules */height: auto !important;
    height: 170px;
	
	min-height: 170px;
	overflow:hidden;
	}

.lastday {
	float: left;
	/*width: 89px;*/
	width: 131px;
	margin: 0 0px 0px 0;
	padding: 5px;
	background-image:url(../images/daybg.gif);
	background-repeat: repeat-x;	
	/* added rules */
	height: auto !important;
	height: 170px;
	
	min-height: 170px;
	overflow:hidden;

	}	
	
	
.day-title {
	margin: 0 0 0 0;
	font-size: 100%;
	color: #333;
	text-transform:uppercase;
	font-weight:bold;
	}
.day-date {
	margin: 0px 0px 4px 0px; 
	padding:0;
	color:#999;
	font-size: 90%;
	font-weight:bold;
	text-transform:uppercase;
	}
.day-info {
	margin: 0px 0px 14px 0px; padding:0;
	color: #666;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration: none;
	display: block;
	width: 128px;
	
	overflow: hidden;
	
	}

.day-info a:link {color: #AC2626;text-decoration: underline;}
.day-info a:visited {color: #AC2626;text-decoration: underline;}
.day-info a:hover {color: #000; text-decoration: underline;}


td {vertical-align:top; font-size: 100%;}

P {margin:10px 0px}


.oclcontentImage 
{
	float: left; /* instellen hoe een image in de pagina wordt opgenomen*/
	padding: 5px;
	
}

#sidemenu  {
list-style: none;
margin-left: 0px;
padding-left: 0px;
}


.oclSelectedPage  {
color: black;
}
.formside option, .formside select {
	text-transform:none;
}
.formside select {
	width: 115px;
}
.formside input.c {
	width: 115px;
}
td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 72.5%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
#bv_cont {
	background-color: #000;
	padding: 7px;
	position: absolute;
	width: 737px;
	left: 50%;
	top: 119px;
	margin-left: -410px;
	z-index: 120;
	display: none;
	height: 1px;
	color: #FFF !important;
}
#bv_contvoorst {
	background-color: #FFF;
	padding: 7px;
	position: absolute;
	border-top: solid 6px #000;
	border-bottom: solid 6px #000;
	border-left: none;
	border-right: solid 1px #000;
	width: 1px;
	left: 50%;
	top: 125px;
	margin-left: -403px;
	z-index: 120;
	display: none;
	height: 490px;
	color: #FFF !important;
	overflow:hidden;
}
*+html #bv_contvoorst {
margin-left: -410px;
}
#bigvideo {
	position: relative;
	float: left;
}

#bvs_titel {
	color: #FFF;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 19px;
	margin-left: 110px;
}
#bv_contvoorst #bvs_titel {
color: #000;
margin-left: 0px;
}
#bvs_producer {
	color: #B3B3B3;
	text-transform:uppercase;
	font-size: 11px;
	margin: 2px 0 8px 110px;
}
#bv_cont .bvs_links {
	width: 100px;
	float: left;
	margin: 0 7px 0 0;
	text-align: right;
}
#bvs_vanafdata {
	font-size: 12px;
}
#bvs_vanafdata a {color:#FFF; text-decoration: underline;}
#bvs_bestellen {
	margin-top: 5px;
}
#bvs_bestellen a {
	color:#FFF; 
	text-decoration: underline;
	font-weight: bold;
	text-transform: uppercase;
	padding: 8px 0 0 0;
	display: block;	
}
#bvs_bestelvoorstelling {float: right;margin: 6px 3px;}
#bvs_bestelvoorstelling .botshadowcontent {
	display: none;
}

#hideall {
	background-color: #000;
	filter:alpha(opacity=60);
	opacity: 0.6;
	-moz-opacity:0.6; 
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 100%;
	display: none;
	z-index: 110;
}

*+html #hideall {
width: expression(document.body.offsetWidth  - 16 + "px");


}

/* start: nieuwe (oktober 2007) agenda lijst-table*/

h2.maand {
	width: 98px;
	display: block;
	height: 14px;
	background: #FFF url(images/maanden.gif) no-repeat 0px 0px;
	text-indent: -9000px;
	overflow:hidden;
}

h2.januari {background-position: 0px 0px;}
h2.februari {background-position: 0px -15px;}
h2.maart {background-position: 0px -30px;}
h2.april {background-position: 0px -45px;}
h2.mei {background-position: 0px -60px;}
h2.juni {background-position: 0px -75px;}
h2.juli {background-position: 0px -90px;}
h2.augustus {background-position: 0px -105px;}
h2.september {background-position: 0px -120px;}
h2.oktober {background-position: 0px -135px;}
h2.november {background-position: 0px -150px;}
h2.december {background-position: 0px -165px;}

.agendalijst {

}
.agendalijst td {
	background: #f3f3f3 url(images/td_bckgr.gif) repeat-x left bottom;
	border-bottom: solid 1px #FFF;
	position: relative;
	padding: 4px 0;
}
.agendalijst tr:hover td {
	background: #ececec url(images/td_bckgr_over.gif) repeat-x left bottom;

}
.agendalijst .al_td_tijd {
	width: 94px;

}
.agendalijst .al_td_tijd .al_dag {
	display: block;
	width: 60px;
	height: 10px;
	left: 33px;
	position: absolute;
	text-indent: -9000px;
	background: url(images/dagen.gif) no-repeat left 0px;
	margin-top: 2px;
	overflow: hidden;
}
.al_td_tijd .zondag{background-position: left 0px !important;}
.al_td_tijd .maandag{background-position: left -10px !important;}
.al_td_tijd .dinsdag{background-position: left -20px !important;}
.al_td_tijd .woensdag{background-position: left -30px !important;}
.al_td_tijd .donderdag{background-position: left -40px !important;}
.al_td_tijd .vrijdag{background-position: left -50px !important;}
.al_td_tijd .zaterdag{background-position: left -60px !important;}

.agendalijst .al_td_tijd .al_datum {
	display: block;
	width: 28px;
	height: 24px;
	left: 0px;
	position: absolute;
	text-indent: -9000px;
	margin-top: 2px;
	margin-left: 3px;
	background: url(images/dates.gif) no-repeat left 0px;
}
	.al_td_tijd .dat_1 {background-position: -16px -100px !important;}/*strange location 'cuz it's positioned next to 5*/
	.al_td_tijd .dat_2 {background-position: 0px -25px !important;}
	.al_td_tijd .dat_3 {background-position: 0px -50px !important;}
	.al_td_tijd .dat_4 {background-position: 0px -75px !important;}
	.al_td_tijd .dat_5 {background-position: 13px -100px !important;}
	.al_td_tijd .dat_6 {background-position: 0px -125px !important;}
	
	.al_td_tijd .dat_7 {background-position: -28px 0px !important;}
	.al_td_tijd .dat_8 {background-position: -28px -25px !important;}
	.al_td_tijd .dat_9 {background-position: -28px -50px !important;}
	.al_td_tijd .dat_10 {background-position: -28px -75px !important;}
	.al_td_tijd .dat_11 {background-position: -28px -100px !important;}
	.al_td_tijd .dat_12 {background-position: -28px -125px !important;}
	
	.al_td_tijd .dat_13 {background-position: -56px 0px !important;}
	.al_td_tijd .dat_14 {background-position: -56px -25px !important;}
	.al_td_tijd .dat_15 {background-position: -56px -50px !important;}
	.al_td_tijd .dat_16 {background-position: -56px -75px !important;}
	.al_td_tijd .dat_17 {background-position: -56px -100px !important;}
	.al_td_tijd .dat_18 {background-position: -56px -125px !important;}
	
	.al_td_tijd .dat_19 {background-position: -84px 0px !important;}
	.al_td_tijd .dat_20 {background-position: -84px -25px !important;}
	.al_td_tijd .dat_21 {background-position: -84px -50px !important;}
	.al_td_tijd .dat_22 {background-position: -84px -75px !important;}
	.al_td_tijd .dat_23 {background-position: -84px -100px !important;}
	.al_td_tijd .dat_24 {background-position: -84px -125px !important;}
	
	.al_td_tijd .dat_25 {background-position: -112px 0px !important;}
	.al_td_tijd .dat_26 {background-position: -112px -25px !important;}
	.al_td_tijd .dat_27 {background-position: -112px -50px !important;}
	.al_td_tijd .dat_28 {background-position: -112px -75px !important;}
	.al_td_tijd .dat_29 {background-position: -112px -100px !important;}
	.al_td_tijd .dat_30 {background-position: -112px -125px !important;}
	.al_td_tijd .dat_31 {background-position: 0px 0px !important;}

.agendalijst .al_td_tijd .al_tijd {
	display: block;
	width: 60px;
	height: 10px;
	margin-top: 14px;
	left: 34px;
	position: absolute;
	color:#666666;
	font-size: 90%;
}
.agendalijst .al_td_gezelschap {
	width:281px;
}
.agendalijst .al_td_gezelschap .uitvoerende {
	display: block;
	color:#666666;
	line-height: 110%;
}

.voetnoot {
	color:#666666;
	line-height: 100%;
	font-size: 90%;
}
.agendalijst .al_td_gezelschap .voorstelling{
	display: block;
	color: #000000;
	text-transform:uppercase;
	font-weight: bold;
	font-size: 125%;
	letter-spacing: -0.01em;
}
.agendalijst .al_td_gezelschap .voorstelling a,
.agendalijst .al_td_gezelschap .voorstelling a:link {
	text-decoration: none;
	color: #000;
}
.agendalijst .al_td_gezelschap .voorstelling a:visited {
	text-decoration: none;
	color: #333;
}
.agendalijst .al_td_gezelschap .voorstelling a:hover {
	text-decoration: underline;
	color:#333;
}
.agendalijst .al_td_genre {
	width: 100px;
	font-size: 80%;
	text-transform:uppercase;
	letter-spacing: -0.01em;
}
.agendalijst .al_td_genre .locatie{
	display: block;
	font-size: 110%;
	color:#990;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
}
.agendalijst .al_td_kaarten {
	width: 65px;
	vertical-align: bottom;
}
.agendalijst .al_td_Bestelbaar a {
	background-image: url(images/bestelkaarten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Bestelbaar a:hover {
	background-image: url(images/bestelkaarten_over.gif);
}
.agendalijst .al_td_Afgelast a {
	background-image: url(images/afgelast.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Afgelast a:hover {
	background-image: url(images/afgelast_over.gif);

}
.agendalijst .al_td_Belkassa a {
	background-image: url(images/belkassa.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Belkassa a:hover {
	background-image: url(images/belkassa_over.gif);

}
.agendalijst .al_td_Geenkaartverkoop a {
	background-image: url(images/meerinfo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Geenkaartverkoop a:hover {
	background-image: url(images/meerinfo_over.gif);

}
.agendalijst .al_td_Uitverkocht a {
	background-image: url(images/Uitverkocht.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 65px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Uitverkocht a:hover {
	background-image: url(images/Uitverkocht_over.gif);

}
.agendalijst .al_td_Beperktbeschikbaar a {
	background-image: url(images/beperktbeschikbaar.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 105px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Beperktbeschikbaar a:hover {
	background-image: url(images/beperktbeschikbaar_over.gif);
}
.agendalijst .al_td_Laatstekaarten a {
	background-image: url(images/laatstekaarten.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 68px;
	height: 27px;
	float: right;
	text-indent: -9000px;
	display:block;
	padding-bottom: 1px;
}
.agendalijst .al_td_Laatstekaarten a:hover {
	background-image: url(images/laatstekaarten_over.gif);
}
td.td_paging {
	background: none !important;
	border: none !important;
}
ul.paging_maand {
	margin: 0;
	padding: 0;
	float: right;
		width: 160px;
}

ul.paging_maand li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 80px;
}
ul.paging_maand li.prev {
	float: left;
	text-align: left;
}
ul.paging_maand li.next {
	float: right;
	text-align: right;
}
.agendapage ul.paging_maand li a {
	text-transform: uppercase;
	font-weight: bold;
	color: #333 ;
	text-decoration:none;
}
.agendapage ul.paging_maand li a:hover {
	color: #666;
	text-decoration:underline;
}
ul.paging {
	width: 150px;
	margin: 5px auto;
	padding: 0;


}
ul.paging li {
	margin:0 3px;
	padding: 0;
	float: left;
	list-style-type: none;
	font-size: 180%;
	font-weight: bold;
}
.agendapage ul.paging li a {
	color: #999900;
	text-decoration: none;
	font-size: 80%;
	padding: 2px;
	display: block;
	
}

/* end: nieuwe (oktober 2007) agenda lijst-table*/

.sponsor {
	height: 45px; 
	width: 700px; 
	/*position: absolute; */
	left: 50%; 
	margin-left: 20px; 
	/*top: 650px;*/
	padding: 4px 0 0 0;
	background: url(images/bckgr_sponsor.gif) no-repeat right top;
	text-align: right;
}



/* Form styles */
.selectlist,
.dropdownlist,
.textbox,
.textarea
{
    display: block;
    position: relative;
    float: left;
    width: 300px;
    height: 22px;
}


.selectlist,
.textarea
{
    height: 110px;
}

.label
{
    display: block;
    position: relative;
    float: left;
    width: 180px;
    height: 22px;
}

/* Hulp styles */
.errorMessages { border-top: 1px solid red; border-bottom: 1px solid red;}
.errorMessages li { color: red; }
.clear {clear: both !important;}

.emailform-label
{
    display: block;
    float: left;
    width: 130px;
}

/* new styles for homepage banners */

#homebanners { display:block;margin-top:10px;margin-bottom:20px; }
#homebanners td { vertical-align:middle;text-align:center; }

/* production page */

/* div that contains tabs and their content */
div.tabs { background:#ffffff;clear:both;width:400px;margin-bottom:10px;border-bottom:3px solid #000000; }
/* add a class="tabs" to a list to make tabs */
div.tabs ul.tabs { margin:0px;padding:0px;margin-left:-5px;position:relative; }
/* non active state of a tab */
div.tabs ul.tabs li { cursor:pointer;position:relative;bottom:-1px;margin:0px;padding:0px;list-style-type:none;float:left;background-color:#e5e5e5;border:1px solid #e5e5e5;border-bottom:0px;padding:10px;padding-top:5px;padding-bottom:5px;margin-left:5px; }
/* active state of a tab */
div.tabs ul.tabs li.active { background-color:#ffffff;border-bottom:0px solid #ffffff;color:#999900; }
/* add a class="tabcontent" to each div that is related to a tab */
div.tabs div.tabcontent { clear:both;border:1px solid #e5e5e5;display:none;width:388px;background:#ffffff;padding:5px; }

/* media viewer */
.rght { float:right; }
.lft { float:left; }
.clr { clear:both;font-size:0px; }

#viewer { display:block;width:311px;height:432px; }
.thumb { float:left;margin-right:5px; }
.thumb img { clear:both;} /*border:1px solid #999900; */

.bigimage { clear:both;display:none;width:311px;height:362px;vertical-align:middle;text-align:center; }

#ascroller { display:block;width:311px;height:60px;overflow:hidden;margin-top:5px; }
#aitems { position:relative;display:block;width:311px;height:60px;overflow:hidden; }
#ainner { position:absolute;left:0px;top:0px;display:block;width:3000px; }
#ainner div { float:left;display:block;width:63px;text-align:left; }
#ainner div.thumb { margin-top:0px;margin-right:0px; }
#ainner div.thumb img { cursor:pointer; }