/*------------------------------------------------------------------*/
/* Default Styles									

				*/
/*------------------------------------------------------------------*/
html, body {
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p {
	font-size: 11px;
}
ul, li, h1, h2, h3, p {
	margin:0;
	padding:0;
}
img {
	border: 0;
}
.master {
	width:100%;
	height:100%;
}
.master td {
	vertical-align:top;
	text-align:left;
	height:auto;
}
.mm, .tm, .bm {
	width:960px!important;
	height:auto;
}
.mm, .ml, .mr {
	width:auto;
	height:620px!important;
}
.tl, .tm, .tr, .ml , .mr, .bl, .bm, .br {
	line-height:1px;
}
.relative {
	line-height:normal;
	position:relative;
	width:100%;
	height:100%;
}

#info a {display:block;}

/*------------------------------------------------------------------*/
/* Layout Styles									

				*/
/*------------------------------------------------------------------*/

/*
body classes can be:

.filmtheater
.poezie
.promo
.cabaret
.auteur
.song

and

.entree
*/

.entree { background:#145079;}
.entree .tl {background:url(../img/tile00.gif) bottom right;}
.entree .tm {background:url(../img/tile00.gif) bottom left;}
.entree .tr {background:url(../img/tile00.gif) bottom left;}

.entree .ml {background:url(../img/tile00.gif) top right;}
.entree .mm {background:url(../img/BG00.jpg) top left;}
.entree .mr {background:url(../img/tile00.gif) top left;}

.entree .bl {background:url(../img/tile00.gif) top right;}
.entree .bm {background:url(../img/tile00.gif) top left;}
.entree .br {background:url(../img/tile00.gif) top left;}

#entree a {background:url(../img/Trans.gif) top left; display:block;} 
#entree a:hover {background:url(../img/entreeMO.gif) top left;} 



.filmtheater { background:#F19433;}
.filmtheater .tl {background:url(../img/tile01.gif) bottom right;}
.filmtheater .tm {background:url(../img/tile01.gif) bottom left;}
.filmtheater .tr {background:url(../img/tile01.gif) bottom left;}

.filmtheater .ml {background:url(../img/tile01.gif) top right;}
.filmtheater .mm {background:url(../img/BG01.jpg) top left;}
.filmtheater .mr {background:url(../img/tile01.gif) top left;}

.filmtheater .bl {background:url(../img/tile01.gif) top right;}
.filmtheater .bm {background:url(../img/tile01.gif) top left;}
.filmtheater .br {background:url(../img/tile01.gif) top left;}

.filmtheater #menu1 #snelmenu {background:url(../img/snelmenu01.gif) no-repeat;}
.filmtheater #menu1 #filmtheater {background:url(../img/filmtheater01b.gif) no-repeat;} /*active*/
.filmtheater #menu1 #poezie {background:url(../img/poezie01.gif) no-repeat;}
.filmtheater #menu1 #promo {background:url(../img/promo01.gif) no-repeat;}
.filmtheater #menu1 #cabaret {background:url(../img/cabaret01.gif) no-repeat;}
.filmtheater #menu1 #auteurs {background:url(../img/auteurs01.gif) no-repeat;}
.filmtheater #menu1 #song {background:url(../img/song01.gif) no-repeat;}
.filmtheater #menu1 #heteiland {background:url(../img/heteiland01.gif) no-repeat;}

.filmtheater #menu1 #filmtheater:hover {background:url(../img/filmtheater01b.gif) no-repeat;}
.filmtheater #menu1 #poezie:hover {background:url(../img/poezie01b.gif) no-repeat;}
.filmtheater #menu1 #promo:hover {background:url(../img/promo01b.gif) no-repeat;}
.filmtheater #menu1 #cabaret:hover {background:url(../img/cabaret01b.gif) no-repeat;}
.filmtheater #menu1 #auteurs:hover {background:url(../img/auteurs01b.gif) no-repeat;}
.filmtheater #menu1 #song:hover {background:url(../img/song01b.gif) no-repeat;}
.filmtheater #menu1 #heteiland:hover {background:url(../img/heteiland01b.gif) no-repeat;}

.filmtheater #info a {background:url(../img/info01.jpg) no-repeat;}
.filmtheater #info a:hover {background:url(../img/info01b.jpg) no-repeat;}


.poezie { background:#E2007A;}
.poezie .tl {background:url(../img/tile02.gif) bottom right;}
.poezie .tm {background:url(../img/tile02.gif) bottom left;}
.poezie .tr {background:url(../img/tile02.gif) bottom left;}

.poezie .ml {background:url(../img/tile02.gif) top right;}
.poezie .mm {background:url(../img/BG02.jpg) top left;}
.poezie .mr {background:url(../img/tile02.gif) top left;}

.poezie .bl {background:url(../img/tile02.gif) top right;}
.poezie .bm {background:url(../img/tile02.gif) top left;}
.poezie .br {background:url(../img/tile02.gif) top left;}

.poezie #menu1 #snelmenu {background:url(../img/snelmenu02.gif) no-repeat;}
.poezie #menu1 #filmtheater {background:url(../img/filmtheater02.gif) no-repeat;}
.poezie #menu1 #poezie {background:url(../img/poezie02b.gif) no-repeat;} /*active*/
.poezie #menu1 #promo {background:url(../img/promo02.gif) no-repeat;}
.poezie #menu1 #cabaret {background:url(../img/cabaret02.gif) no-repeat;}
.poezie #menu1 #auteurs {background:url(../img/auteurs02.gif) no-repeat;}
.poezie #menu1 #song {background:url(../img/song02.gif) no-repeat;}
.poezie #menu1 #heteiland {background:url(../img/heteiland02.gif) no-repeat;}

.poezie #menu1 #filmtheater:hover {background:url(../img/filmtheater02b.gif) no-repeat;}
.poezie #menu1 #poezie:hover {background:url(../img/poezie02b.gif) no-repeat;}
.poezie #menu1 #promo:hover {background:url(../img/promo02b.gif) no-repeat;}
.poezie #menu1 #cabaret:hover {background:url(../img/cabaret02b.gif) no-repeat;}
.poezie #menu1 #auteurs:hover {background:url(../img/auteurs02b.gif) no-repeat;}
.poezie #menu1 #song:hover {background:url(../img/song02b.gif) no-repeat;}
.poezie #menu1 #heteiland:hover {background:url(../img/heteiland02b.gif) no-repeat;}

.poezie #info a {background:url(../img/info02.jpg) no-repeat;}
.poezie #info a:hover {background:url(../img/info02b.jpg) no-repeat;}


.promo { background:#DD0000;}
.promo .tl {background:url(../img/tile03.gif) bottom right;}
.promo .tm {background:url(../img/tile03.gif) bottom left;}
.promo .tr {background:url(../img/tile03.gif) bottom left;}

.promo .ml {background:url(../img/tile03.gif) top right;}
.promo .mm {background:url(../img/BG03.jpg) top left;}
.promo .mr {background:url(../img/tile03.gif) top left;}

.promo .bl {background:url(../img/tile03.gif) top right;}
.promo .bm {background:url(../img/tile03.gif) top left;}
.promo .br {background:url(../img/tile03.gif) top left;}

.promo #menu1 #snelmenu {background:url(../img/snelmenu03.gif) no-repeat;}
.promo #menu1 #filmtheater {background:url(../img/filmtheater03.gif) no-repeat;}
.promo #menu1 #poezie {background:url(../img/poezie03.gif) no-repeat;} 
.promo #menu1 #promo {background:url(../img/promo03b.gif) no-repeat;}/*active*/
.promo #menu1 #cabaret {background:url(../img/cabaret03.gif) no-repeat;}
.promo #menu1 #auteurs {background:url(../img/auteurs03.gif) no-repeat;}
.promo #menu1 #song {background:url(../img/song03.gif) no-repeat;}
.promo #menu1 #heteiland {background:url(../img/heteiland03.gif) no-repeat;}

.promo #menu1 #filmtheater:hover {background:url(../img/filmtheater03b.gif) no-repeat;}
.promo #menu1 #poezie:hover {background:url(../img/poezie03b.gif) no-repeat;}
.promo #menu1 #promo:hover {background:url(../img/promo03b.gif) no-repeat;}
.promo #menu1 #cabaret:hover {background:url(../img/cabaret03b.gif) no-repeat;}
.promo #menu1 #auteurs:hover {background:url(../img/auteurs03b.gif) no-repeat;}
.promo #menu1 #song:hover {background:url(../img/song03b.gif) no-repeat;}
.promo #menu1 #heteiland:hover {background:url(../img/heteiland03b.gif) no-repeat;}

.promo #info a {background:url(../img/info03.jpg) no-repeat;}
.promo #info a:hover {background:url(../img/info03b.jpg) no-repeat;}


.cabaret { background:#006941;}
.cabaret .tl {background:url(../img/tile04.gif) bottom right;}
.cabaret .tm {background:url(../img/tile04.gif) bottom left;}
.cabaret .tr {background:url(../img/tile04.gif) bottom left;}

.cabaret .ml {background:url(../img/tile04.gif) top right;}
.cabaret .mm {background:url(../img/BG04.jpg) top left;}
.cabaret .mr {background:url(../img/tile04.gif) top left;}

.cabaret .bl {background:url(../img/tile04.gif) top right;}
.cabaret .bm {background:url(../img/tile04.gif) top left;}
.cabaret .br {background:url(../img/tile04.gif) top left;}

.cabaret #menu1 #snelmenu {background:url(../img/snelmenu04.gif) no-repeat;}
.cabaret #menu1 #filmtheater {background:url(../img/filmtheater04.gif) no-repeat;}
.cabaret #menu1 #poezie {background:url(../img/poezie04.gif) no-repeat;} 
.cabaret #menu1 #promo {background:url(../img/promo04.gif) no-repeat;}
.cabaret #menu1 #cabaret {background:url(../img/cabaret04b.gif) no-repeat;}/*active*/
.cabaret #menu1 #auteurs {background:url(../img/auteurs04.gif) no-repeat;}
.cabaret #menu1 #song {background:url(../img/song04.gif) no-repeat;}
.cabaret #menu1 #heteiland {background:url(../img/heteiland04.gif) no-repeat;}

.cabaret #menu1 #filmtheater:hover {background:url(../img/filmtheater04b.gif) no-repeat;}
.cabaret #menu1 #poezie:hover {background:url(../img/poezie04b.gif) no-repeat;}
.cabaret #menu1 #promo:hover {background:url(../img/promo04b.gif) no-repeat;}
.cabaret #menu1 #cabaret:hover {background:url(../img/cabaret04b.gif) no-repeat;}
.cabaret #menu1 #auteurs:hover {background:url(../img/auteurs04b.gif) no-repeat;}
.cabaret #menu1 #song:hover {background:url(../img/song04b.gif) no-repeat;}
.cabaret #menu1 #heteiland:hover {background:url(../img/heteiland04b.gif) no-repeat;}

.cabaret #info a {background:url(../img/info04.jpg) no-repeat;}
.cabaret #info a:hover {background:url(../img/info04b.jpg) no-repeat;}


.auteurs { background:#2060A6;}
.auteurs .tl {background:url(../img/tile05.gif) bottom right;}
.auteurs .tm {background:url(../img/tile05.gif) bottom left;}
.auteurs .tr {background:url(../img/tile05.gif) bottom left;}

.auteurs .ml {background:url(../img/tile05.gif) top right;}
.auteurs .mm {background:url(../img/BG05.jpg) top left;}
.auteurs .mr {background:url(../img/tile05.gif) top left;}

.auteurs .bl {background:url(../img/tile05.gif) top right;}
.auteurs .bm {background:url(../img/tile05.gif) top left;}
.auteurs .br {background:url(../img/tile05.gif) top left;}

.auteurs #menu1 #snelmenu {background:url(../img/snelmenu05.gif) no-repeat;}
.auteurs #menu1 #filmtheater {background:url(../img/filmtheater05.gif) no-repeat;}
.auteurs #menu1 #poezie {background:url(../img/poezie05.gif) no-repeat;} 
.auteurs #menu1 #promo {background:url(../img/promo05.gif) no-repeat;}
.auteurs #menu1 #cabaret {background:url(../img/cabaret05.gif) no-repeat;}
.auteurs #menu1 #auteurs {background:url(../img/auteurs05b.gif) no-repeat;}/*active*/
.auteurs #menu1 #song {background:url(../img/song05.gif) no-repeat;}
.auteurs #menu1 #heteiland {background:url(../img/heteiland05.gif) no-repeat;}

.auteurs #menu1 #filmtheater:hover {background:url(../img/filmtheater05b.gif) no-repeat;}
.auteurs #menu1 #poezie:hover {background:url(../img/poezie05b.gif) no-repeat;}
.auteurs #menu1 #promo:hover {background:url(../img/promo05b.gif) no-repeat;}
.auteurs #menu1 #cabaret:hover {background:url(../img/cabaret05b.gif) no-repeat;}
.auteurs #menu1 #auteurs:hover {background:url(../img/auteurs05b.gif) no-repeat;}
.auteurs #menu1 #song:hover {background:url(../img/song05b.gif) no-repeat;}
.auteurs #menu1 #heteiland:hover {background:url(../img/heteiland05b.gif) no-repeat;}

.auteurs #info a {background:url(../img/info05.jpg) no-repeat;}
.auteurs #info a:hover {background:url(../img/info05b.jpg) no-repeat;}


.song { background:#52B076;}
.song .tl {background:url(../img/tile06.gif) bottom right;}
.song .tm {background:url(../img/tile06.gif) bottom left;}
.song .tr {background:url(../img/tile06.gif) bottom left;}

.song .ml {background:url(../img/tile06.gif) top right;}
.song .mm {background:url(../img/BG06.jpg) top left;}
.song .mr {background:url(../img/tile06.gif) top left;}

.song .bl {background:url(../img/tile06.gif) top right;}
.song .bm {background:url(../img/tile06.gif) top left;}
.song .br {background:url(../img/tile06.gif) top left;}

.song #menu1 #snelmenu {background:url(../img/snelmenu06.gif) no-repeat;}
.song #menu1 #filmtheater {background:url(../img/filmtheater06.gif) no-repeat;}
.song #menu1 #poezie {background:url(../img/poezie06.gif) no-repeat;} 
.song #menu1 #promo {background:url(../img/promo06.gif) no-repeat;}
.song #menu1 #cabaret {background:url(../img/cabaret06.gif) no-repeat;}
.song #menu1 #auteurs {background:url(../img/auteurs06.gif) no-repeat;}
.song #menu1 #song {background:url(../img/song06b.gif) no-repeat;}/*active*/
.song #menu1 #heteiland {background:url(../img/heteiland06.gif) no-repeat;}

.song #menu1 #filmtheater:hover {background:url(../img/filmtheater06b.gif) no-repeat;}
.song #menu1 #poezie:hover {background:url(../img/poezie06b.gif) no-repeat;}
.song #menu1 #promo:hover {background:url(../img/promo06b.gif) no-repeat;}
.song #menu1 #cabaret:hover {background:url(../img/cabaret06b.gif) no-repeat;}
.song #menu1 #auteurs:hover {background:url(../img/auteurs06b.gif) no-repeat;}
.song #menu1 #song:hover {background:url(../img/song06b.gif) no-repeat;}
.song #menu1 #heteiland:hover {background:url(../img/heteiland06b.gif) no-repeat;}

.song #info a {background:url(../img/info06.jpg) no-repeat;}
.song #info a:hover {background:url(../img/info06b.jpg) no-repeat;}


h1.title, h2.title {
	text-indent: -1000em;
}

.tentinfo {
	font-size: 9px;
	color: #ceebf9;
	width: 205px;
	height: 48px;
	overflow: auto;
	position:absolute;
	z-index:1;
	left: 193px;
	top: 135px;
}

#menu1 {
	position:absolute;
	z-index:1;
	left: 50px;
	top: 37px;
	width:152px;
	height:189px;
}
#menu1 ul, #menu1 li {
	list-style:none;
}
#menu1 a, #menu1 span, #menu2 a {
	text-indent: -1000em;
}
#menu1 #snelmenu {
	width:152px;
	height:17px;
	display:block;
}
#menu1 #filmtheater {
	width:152px;
	height:25px;
	display:block;
}
#menu1 #poezie, #menu1 #promo, #menu1 #cabaret, #menu1 #auteurs, #menu1 #song {
	width:127px;
	height:25px;
	display:block;
}
#menu1 #heteiland {
	width:127px;
	height:22px;
	display:block;
}
#menu1 #poezie {
	width:152px;
	height:25px;
	display:block;
}

#menu2 {
	position:absolute;
	z-index:1;
	left: 677px;
	top: 18px;
	width:152px;
	height:105px;
}
#menu2 a, #menu2 a img {
	padding:0px;
	margin:0px;
	position:absolute;
}
#menu2 a.routevreemd {
	background:url(../img/trans.gif) no-repeat;
	display:block;
	width:70px;
	height:44px;
	left:0px;
	top:0px;
}
#menu2 a.routeklassiek {
	background:url(../img/trans.gif) no-repeat;
	display:block;
	width:70px;
	height:44px;
	left:70px;
	top:0px;
}
#menu2 a.routealles {
	background:url(../img/trans.gif) no-repeat;
	display:block;
	width:70px;
	height:44px;
	left:0px;
	top:44px;
}
#menu2 a.routejong {
	background:url(../img/trans.gif) no-repeat;
	display:block;
	width:70px;
	height:44px;
	left:80px;
	top:41px;
}

#menu2 a.routevreemd:hover {
	background:url(../img/routemenuVreemdOver.gif) no-repeat;
}
#menu2 a.routeklassiek:hover {
	background:url(../img/routemenuKlassiekOver.gif) no-repeat;
}
#menu2 a.routealles:hover {
	background:url(../img/routemenuAllesOver.gif) no-repeat;
}
#menu2 a.routejong:hover {
	background:url(../img/routemenuJongOver.gif) no-repeat;
}

.routeplanner {/*welke route is er geselecteerd?*/
	position:absolute;
	left:104px;
	top:546px;
	width:310px;
	height:20px;
	z-index:1;
	text-transform:uppercase;
	font-weight:bold;
	color:#FFFFFF;
	font-size:11px;
	overflow:hidden;
}


/*scroller*/

#content {
	left:108px;
	top:239px;
	width: 310px;
	height: 266px;
	position:absolute;
	overflow:hidden;
}

.video_roze, .video_oranje, .video_grijs, .video_blauw {
	width: 288px;
	height: auto;
	margin: 0 0 5px 0;
}

.video_grijs .top {
	height: 9px;
	background: url(../img/blok_grijs_top.jpg) no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.video_grijs .mid {
	margin: 0;
	height: auto;
	padding-bottom: 3px;
	background: url(../img/blok_grijs_mid.jpg) repeat-y;
}
.video_grijs .bot {
	height: 10px;
	background: url(../img/blok_grijs_bot.jpg);
	overflow: hidden;
}

.video_oranje .top {
	height: 9px;
	background: url(../img/blok_oranje_top.jpg) no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.video_oranje .mid {
	margin: 0;
	height: auto;
	padding-bottom: 3px;
	background: url(../img/blok_oranje_mid.jpg) repeat-y;
}
.video_oranje .bot {
	height: 10px;
	background: url(../img/blok_oranje_bot.jpg) no-repeat;
	overflow: hidden;
}

.video_roze .top {
	height: 9px;
	background: url(../img/blok_roze_top.jpg) no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.video_roze .mid {
	margin: 0;
	height: auto;
	padding-bottom: 3px;
	background: url(../img/blok_roze_mid.jpg) repeat-y;
}
.video_roze .bot {
	height: 10px;
	background: url(../img/blok_roze_bot.jpg) no-repeat;
	overflow: hidden;
}

.video_blauw .top {
	height: 9px;
	background: url(../img/blok_blauw_top.jpg) no-repeat;
	overflow: hidden;
	padding: 0;
	margin: 0;
}
.video_blauw .mid {
	margin: 0;
	height: auto;
	padding-bottom: 3px;
	background: url(../img/blok_blauw_mid.jpg) repeat-y;
}
.video_blauw .bot {
	height: 10px;
	background: url(../img/blok_blauw_bot.jpg) no-repeat;
	overflow: hidden;
}

.video_oranje h3 {border-bottom: 1px solid #ffbf7f;}
.video_grijs h3 {border-bottom: 1px solid #ccc;}
.video_roze h3 {border-bottom: 1px solid #e93f9b;}
.video_blauw h3 {border-bottom: 1px solid #77D7FF;}

.flexcroll h3 {
	color: #fff;
	font-size: 12px;
	margin: 0px 0 3px 90px;
	padding-bottom: 3px;
	font-weight: normal;
	text-transform: uppercase;
	width: 194px;	
}

a.vidlink {
	display: block;
	width: 192px;
	margin: 8px 0 0 90px;
	text-decoration: none;
	color: #fff;
	font-size: 9px !important;
}
a.vidlink:hover {
	text-decoration: underline;
}
span.black {
	display: block;
	margin: 0 0 0 90px;
	font-weight: bold;
	font-size: 9px !important;
}
.mid {
	clear: left;
	_height: 70px;
	min-height: 70px;
}
.mid img {
	width: 75px;
	height: 68px;
	float: left;
	margin: 0 0 0 8px;
}


h3 a {
	color: #fff;
	text-decoration: none;
}
h3 a:hover {
	text-decoration: underline;	
}

a.vidlink {
	/*display: block;
	width: 100%;
	height: 60px;*/
}

div.video {
	width: 295px;
	margin: 8px auto 0 auto;
	position: relative;
	left: -15px;
}
/*------------------------------------------------------------------*/
/* Scrollbar										

				*/
/*------------------------------------------------------------------*/

.scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0;
	left: 0;
}

.vscrollerbase {
	width: 10px;
	background-color: #80cff0;
}
.vscrollerbar {
	width: 10px;
	background-color: #dff3fa;
}
.hscrollerbase {
	height: 10px;
	background-color: #80cff0;
}
.hscrollerbar {
	height: 10px;
	background-color:  #dff3fa;
}

.scrollerjogbox {
	width: 10px;
	height: 10px;
	top: auto; left: auto;
	bottom: 0px; right: 0px;
	background-color: gray;
}



#film_canvas{
	position: absolute;
	width: 463px;
	height: 351px;
	top: 125px;
	left: 431px;
}

h2.filmspeler {
	text-indent: -1000em;
	position:absolute;
	left: 438px;
	top: 94px;
}
#novideo {
	font-size: 11px;
	position:absolute;
	left:23px;
	top:26px;
}
#video {
	position: absolute;
	left: 23px;
	top: 7px;
}

#lezen {
	position:absolute;
	left:697px;
	top:559px;
}

#info {
	position:absolute;
	left:433px;
	top:521px;
}


#footer {
	position:absolute;
	left:787px;
	top:560px;
}
.entree #footer {
	position:absolute;
	left:405px;
	top:366px;
}
.entree #entree {
	position:absolute;
	left:467px;
	top:425px;
}
.entree #lezen {
	position:absolute;
	left:459px;
	top:511px;
}
#footer p {
	text-indent: -1000em;
}

/*bw edit*/
#editbuttonbox {
	position:absolute!important;
	z-index:100;
	overflow:visible;
	left: 433px;
	top: 51px;
}