/*

*/
 
div {
}

@import "reset.css";

/* --------------- general ---------------- */



.addthis_right{
margin-right: 2px;
margin-left: 250px;
}





#meervideo{
padding: 0 0 0 20px;
line-height: 30px;
}

 #meerArtikel {
padding-left: 5px;
}
.floatRight{
	margin: 8px 93px 0 0;
	float: right;
}

h2.arrowup {
	background: url(../img/up.png) right 4px no-repeat;
	padding: 0 42px 0 0;
}

div.scrollable div.items div.item .videoobj {
    margin-top: -55px;
}

a {
	color: #FF00FF;
	text-decoration: none;
}
a:hover {
	color: #FF00FF;
	text-decoration: none;
}
a img {
	border: none;
}

img { 
	-ms-interpolation-mode: bicubic; 
}

h1, h2, h3, h4, h5, h6 {
	font-family: Arial,Helvetica,sans-serif;
}
h1 {
	visibility: hidden;
	height: 0;
	line-height: 0;
	width: 0;
	margin: 0;
	padding: 0;
}
h2 {
	font-size: 23px;
	margin: 5px 0 10px 0;
	float: left;	
}
h2.arrowdown {
	background: url(../img/down.png) right 6px no-repeat;
	padding: 0 42px 0 0;
}


h3 {
	font-size: 14px;
	margin: 3px 0 5px 0;
}

p {
	margin: 0 0 13px 0;
}

input {
	font-family: Arial,Helvetica,sans-serif;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
input.submit {
	background: none;
	border: none;
	text-transform: uppercase;
	padding: 0;
}


input.submitr {
	background-color: #eee;;
	border: none;
	text-transform: uppercase;
	padding: 0 1px 0 0;
	margin: 0 6px 0 0;
	border: 1px solid #CCCCCC;
	color: #333;
	cursor: pointer;
	font-size: 11px;

}


fieldset {
	border: none;
	padding: 0;
	margin: 0;
}


/* --------- structure -------------------- */
body {
	background: #fff;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 72%;
	margin: 0 10px;
	padding: 0;
	text-align: center;
}

#wrap {
	width: 990px;
	margin: 0 auto;
	text-align: left;
}

/* --------------- header ---------------- */

#header {
	width: 990px;
	height: 102px;
	 font-family: "Courier New",Courier,monospace;
}

#logo {
	width: 230px;
	height: 88px;
	padding-top: 16px;
	float: left;
}

/* toolbar */

#toolbar {
	height: 32px;
	padding: 0 0 0 2px;
	float: right;
	overflow: hidden;
	
/*	background-color: #999; */
}

#newsletter, #search {
	float: left;
	height: 32px;
	margin: 1px 0 0 18px;
	cursor: pointer;
}
#newsletter {
	padding: 3px 20px 0 0;
	width: 165px;
}


#newsletterr {
	padding: 1px;
	float: left;
	width: 174px;
	height: 18px;
	margin: 5px 0 0 10px;
/*	background: url(../img/nieuwsbrief_1.jpg) left 1px no-repeat; */
	cursor: pointer;
}

#facebookLike {
	padding: 1px;
	float: left;
	width: 99px;
	height: 15px;
	margin: 4px 0 0 5px;

}

#twitter {
	padding: 1px;
	float: left;
	width: 70px;
	height: 18px;
	margin: 5px 0 0 8px;
/*	background: url(../img/twitter_1.jpg) left 1px no-repeat; */
	cursor: pointer;
}

#search {
	width: 238px;

}

#newsletter input.email, #search input.string {
	width: 145px;
	font-size: 11px;
	padding: 2px 3px 2px 3px;
	margin-left: 4px;
}

#newsletter .submit {
	color: #FF00FF;
	text-decoration: underline;
	font-size: 11px;
	height: 15px;
	padding: 0 0 9px 10px;
	background: url(../img/submit.png) left 1px no-repeat;
}

#newsletter img{
	height: 12px;
	margin: 4px 0 0 0;
	float: right;

}




#search .submit {
	color: #FF00FF;
	text-decoration: underline;
	font-size: 11px;
	height: 15px;
	padding: 0 7px 2px 14px;
	margin: 0 1px 0 0;
/*	background: url(../img/submit.png) left 1px no-repeat;  */
}




#newsletter .submit {
	width: 155px;
	cursor: pointer;
}
#search .submit {
	width: 60px;
	cursor: pointer;
}

#rss {
	background: url(../img/rss_1.jpg) top left no-repeat;
	width: 38px;
	height: 19px;
	margin: 6px 0 0 10px;
	display: block;
	float: left;
}


#language {
	float: left;
	margin: 5px 0 0 10px;
}

/* end toolbar */

/* menu */

#mainmenu {
	height: 40px;
	width: 750px;
	float: right;
	margin: 15px 0 0 0;
}

ul.menu {list-style:none; margin:0; padding: 0;float: right;}
ul.menu * {margin:0; padding:0}
ul.menu a {	font-weight: normal; display:block; color:#000; text-decoration:none;}
ul.menu a.current { font-weight: bolder;}
ul.menu li {position:relative; float:left; margin-right:2px; padding: 0px 8px 0px 12px}
ul.menu ul {position:absolute; top:27px; left:0; display:none; opacity:0; list-style:none;}
ul.menu ul li {position:relative; width:118px; margin:0; background: #fff;}
ul.menu ul li a {font-weight: normal; display:block; padding:5px 8px 6px 8px; }
ul.menu ul li a:hover {color: #B45A0C; }
ul.menu ul ul {left:118px; top:-1px}
ul.menu .menulink { padding:10px 1px 22px 1px; font-weight:normal; text-transform: uppercase; font-size: 16px; color: #000}
ul.menu .menulink.currentpage { padding-top:11px; font-weight:bolder;color: #000}
ul.menu .menulink:hover, ul.menu .menuhover { color: #000}
ul.menu .agenda.currentpage{ background: url(../img/lining1.png) repeat-x 0px 30px; }
ul.menu .agenda:hover{ background: url(../img/lining1.png) repeat-x 0px 30px; }
ul.menu .dossiers.currentpage{ background: url(../img/lining2.png) repeat-x 0px 30px; }
ul.menu .dossiers:hover { background: url(../img/lining2.png) repeat-x 0px 30px; }
ul.menu .terugkijken.currentpage{ background: url(../img/lining3.png) repeat-x 0px 30px; }
ul.menu .terugkijken:hover { background: url(../img/lining3.png) repeat-x 0px 30px; }
ul.menu .weblogs.currentpage{ background: url(../img/lining4.png) repeat-x 0px 30px; }
ul.menu .weblogs:hover { background: url(../img/lining4.png) repeat-x 0px 30px; }
ul.menu .grandcafe.currentpage{ background: url(../img/lining4.png) repeat-x 0px 30px; }
ul.menu .grandcafe:hover { background: url(../img/lining4.png) repeat-x 0px 30px; }
ul.menu .zaalverhuur.currentpage{ background: url(../img/lining5.png) repeat-x 0px 30px; }
ul.menu .zaalverhuur:hover { background: url(../img/lining5.png) repeat-x 0px 30px; }
ul.menu .overons.currentpage{ background: url(../img/lining6.png) repeat-x 0px 30px; }

ul.menu .sub {}
ul.menu .topline {}

/* end menu */


/* --------------- content ---------------- */

#content {
	width: 990px;
	margin: 15px 0 10px 0;
	font-size: 11px;
	overflow: hidden;
	
}
#content1 {
	width: 737px;
	margin: 1px 0 10px 0;
	font-size: 11px;
	overflow: hidden;
		float: left;
}
#content2 {
	width: 735px;
	margin: 10px 0 10px 0;
	font-size: 11px;
	overflow: hidden;
		float: left;
}
.footer-sub {
	width: 980px;
	margin: 10px 0 10px 0;
	font-size: 11px;
	overflow: hidden;
	float: left;

}

.footer-sub .subTekstblok{
width: 550px;
float: left;
}

.footer-sub .subImg{

float: right;
}

#rest-carrous{

width: 740px;

	height: 250px;
	overflow: hidden;
}

/* dit is voor carrousel van artikel2.jsp, Grandcafe en zaal verhuur  */
#rest-carrous div.scrollable div.items div.item img{

float: left;
margin: 1px 0 2px 1px;

}





#rest-carrous img{

float: left;
margin: 5px 0 2px 3px;

}


.column {
	width: 450px;
	overflow: hidden;
}

.widecolumn {
	width: 475px;
	padding: 0 10px 10px 0;
	margin: 0 0 10px 0;
	_margin: 0 0 10px 0;
	float: left;
	overflow: hidden;
}

.widecolumnTicket {
	width: 710px;
	padding: 0 10px 10px 0;
	margin: 0 0 10px 0;
	_margin: 0 0 10px 0;
	float: left;
	overflow: hidden;
}

.narrowcolumn {
	width: 230px;
	padding: 0 0 10px 0;
	margin: 0 0 10px 20px;
	float: left;
	overflow: hidden;
	
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 15px;
	clear: both;
}

.clear {
	clear: both;
	overflow: hidden;
}
.hide {
	display: none;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}

/* lining */

.lining1 { 
	background: url(../img/lining1.png) 0 0 repeat-x;
	height: 16px;
	clear: both;
}
.lining2 { 
	background: url(../img/lining2.png) 0 0 repeat-x;
	height: 16px;
	clear: both;
}
.lining3 { 
	background: url(../img/lining3.png) 0 0 repeat-x;
	height: 16px;
	clear: both;
}
.lining4 { 
	background: url(../img/lining4.png) 0 0 repeat-x;
	height: 16px;
	clear: both;
}
.lining5 { 
	background: url(../img/lining5.png) 0 0 repeat-x;
	height: 16px;
	clear: both;
}
.lining6 { 
	background: url(../img/lining6.png) 0 0 repeat-x;
	height: 16px;
	clear: both;
}

.l0{
	background: url(../img/l01.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l1{
	background: url(../img/l02.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l2{
	background: url(../img/l03.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l3{
	background: url(../img/l04.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l4{
	background: url(../img/l05.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l5{
	background: url(../img/l06.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l6{
	background: url(../img/l07.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l7{
	background: url(../img/l08.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l8{
	background: url(../img/l09.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l9{
	background: url(../img/l10.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.l10{
    background: url(../img/l11.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l11{
    background: url(../img/l12.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l12{
    background: url(../img/l13.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l13{
    background: url(../img/l14.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l14{
    background: url(../img/l15.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l15{
    background: url(../img/l16.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l16{
    background: url(../img/l17.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l17{
    background: url(../img/l18.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l18{
    background: url(../img/l19.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.l19{
    background: url(../img/l20.png)  0 0 repeat-x;
	height: 16px;
	clear: both;
}
.lin0{
	background: url(../img/l01.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin1{
	background: url(../img/l02.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin2{
	background: url(../img/l03.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin3{
	background: url(../img/l04.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin4{
	background: url(../img/l05.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin5{
	background: url(../img/l06.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin6{
	background: url(../img/l07.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin7{
	background: url(../img/l08.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin8{
	background: url(../img/l09.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin9{
	background: url(../img/l10.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
	position: relative;
	margin-top: -8px;
}
.lin10{
    background: url(../img/l11.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin11{
    background: url(../img/l12.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin12{
    background: url(../img/l13.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin13{
    background: url(../img/l14.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin14{
    background: url(../img/l15.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin15{
    background: url(../img/l16.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin16{
    background: url(../img/l17.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin17{
    background: url(../img/l18.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin18{
    background: url(../img/l19.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
.lin19{
    background: url(../img/l20.png)  0 24px repeat-x;
	height: 16px;
	clear: both;
}
/* end lining */


/* pagination */

 .pagination {
	clear: both;
	text-align: right;
	
	margin-left: 250px;
	margin-top:30px;
	margin-bottom: 10px;
	overflow: hidden;
	font-size: 15px;
}


.pagination a {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.pagination a.prev, .pagination a.next, .pagination a.first, .pagination a.last {
	float: left;
	margin: 0 5px 0 0;
}
.pagination .pagenumbers {
	text-align: center;
	font-size: 14px;
	float: left;
	margin: 0 5px 0 0;
}
.pagination a.pageno {
	padding: 3px 7px;
	margin: 0 2px 0 0;
}
.pagination a.pageno.current {
	background: #FF00FF;
}
.pagination a.pageno:hover {
	background: #EBEBEB;
}

/* end pagination */


/* containers for scrollable effect, used on various pages */

#preview {
/*	width: 990px; */
float: left;
width: 749px;
	height: 325px;
	margin: 0 0 15px 0;
}
#preview2 {
	float: right;
width: 230px;
	height: 325px;
	margin: 0 0 15px 0;
	background-color: #222222;
}
.witt {
background-color: #ffffff;
width: 230px;
height: 5px;
}
#current {
	width: 990px;
	height: 390px;
	background: url(../img/currentbottom.png) bottom left repeat-x;
	margin: 0 0 5px 0;
}

#mostrecentvideo {
	width: 990px;
	height: 390px;
	background: url(../img/currentbottom.png) bottom left repeat-x;
	margin: 0 0 5px 0;
}

#mostviewedvideo a.watchback {
	padding: 0 0 10px 90px;
}

#mostrecentvideo .items .item img.play_large {
    width: 100px;
    height: 90px;
    position: relative;
/*  width: 115px;
    height: 110px;

top: 170px; /* hangt van de hoogte van het grote plaatje af */
     top: 100px; /* hangt van de hoogte van het grote plaatje af */
  margin-left: 190px;
    float: left;
}

#mostviewedvideo .video-item img.play_small {
    width: 21px;
    height: 20px;
    margin: 10px 0 0 -50px;
    float: left;
}


/* end containers */


/* shortagenda */

#shortagenda {
	background: url(../img/shortagendabottom.png) bottom left repeat-x;
	width: 750px;
	height: 210px;
	float: left;
	margin: 0;
	overflow: hidden;
}
#shortagendatop {
	background: url(../img/shortagendatop.png) top left repeat-x;
	height: 11px;
	width: 100%;
	clear: both;
}
#shortagenda .links {
	float: left;
	margin: 8px 0 0 15px;
}
#shortagenda .links a {
	font-size: 11px; 
	color: #FF00FF;
	text-decoration: underline;
}
#shortagenda .block {
	width: 235px;
	float: left;
	margin: 0 15px 5px 0;
	clear: top;
}
#shortagenda .block .agenda-item {
	float: left;
	width: 235px;
	border-bottom: 1px dashed #FF00FF;
	padding: 4px 0;

}
#shortagenda .block .agenda-item .date {
	color: #00000;
	font-weight: bolder;
	width: 72px;
	float: left;
	margin: 0 12px 0 0;
}
#shortagenda .block .agenda-item .title {
	width: 140px;
	float: left;
	font-size: 12px;
}


/* end shortagenda */


/* fullagenda */

#fullagenda {
}

#fullagenda .ticketadate {
	clear: both;
	font-size: 14px;
	margin: 0 3px 5px 127px;
	font-weight: normal;
	color:#ff00ff;	
}


#fullagenda .agendadate {
	clear: both;
	font-size: 14px;
	margin: 0 3px 5px 2px;
	font-weight: normal;
	color:#ff00ff;	
}

#fullagenda .agendadate a{
	clear: both;
	font-size: 11px;
	margin: 0 0 15px 0;
}


#fullagenda .agenda-item {
	clear: both;
	margin: 0 0 20px 0;
	overflow: hidden;
}
#fullagenda .agenda-item img {
	width: 115px;
	float: left;
	clear: left;
	display: block;
}
#fullagenda .agenda-item a.tickets,
#longagenda .agenda-item a.tickets {
	height: 17px;
	width: 45px;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 8px;
	background: url(../img/tickets.png) left top repeat-x;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#fullagenda .agenda-item a.tickets.free,
#longagenda .agenda-item a.tickets.free {
	height: 28px;
	width: 45px;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	text-align:middle;
	padding: 4px 8px ;
	background: url(../img/free.png) left top repeat-x;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#fullagenda .agenda-item a.tickets.vol,
#longagenda .agenda-item a.tickets.vol {
	height: 17px;
	width: 45px;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 8px;
	background: url(../img/vol.png) left top repeat-x;
	opacity:0.6;
	filter:alpha(opacity=60); /* For IE8 and earlier */
}
#fullagenda .agenda-item a.free,
#longagenda .agenda-item a.free {
	height: 28px;
	width: 45px;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	text-align:middle;
	padding: 11px 8px ;
	background: url(../img/free.png) left top repeat-x;
}
#fullagenda .agenda-item h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 85px 0 127px;
	margin: 0 0 2px 0;
	font-size: 16px;
	line-height: 17px;
}
#fullagenda .agenda-item h3 a{
	color: #222222;
}
#fullagenda .agenda-item h3 a:hover {
	color: #FF00FF;
}
#fullagenda .agenda-item .description {
	padding: 0 85px 0 127px;
	margin: 0;
}
#fullagenda .agenda-item .description a.tag {

}

/* end fullagenda */


/* calendar */

#calendar {
	width: 230px;
	height: 300px;
	background: url(../img/calendarbottom.png) bottom left repeat-x;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}

#calendar table#eventcalendar {
	width: 230px;
	border: none;
	clear: both;
	text-align: right;
	font-weight: bold;
	font-size: 15px;
	margin: 0 0 10px 0;
	border-collapse: collapse;
}
#calendar .calendarmonth {
	width: 230px;
	display: block;
	font-weight: bold;
	font-size: 15px;
	text-align: center;
	clear: both;
	margin: 10px 0 15px 0;
	text-transform: uppercase;
}
#calendar a.next, #calendar a.prev {
	color: #000000;
	text-decoration: none;
}
#calendar a.next {
	padding: 0 3px 0 0;
	text-align: right;
	float: right;
}
#calendar a.prev {
	padding: 0 0 0 3px;
	float: left;
}

#calendar table#eventcalendar td {
	padding: 3px 6px 10px 0;
	border: 1px solid #fff;
	
}
#calendar table#eventcalendar td a {
	color: #FF00FF;
	text-decoration: none;
	padding: 1px;
}
#calendar table#eventcalendar td a.current {
	background: #FF00FF;
	color: #000000;
}
#calendar a.calendarmonthlink {
	display: block;
	clear: both;
	margin: -20px 0 0 0;
}

/* end calendar */


/* smallsearch */

#smallsearch {
	width: 230px;
	background: url(../img/smallsearchbottom.png) bottom left repeat-x;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
}

#smallsearch #searchform {
	clear: both;
	padding: 10px;
	padding-top: 4px;
	margin: 0;
	background-color: #1FDAFF;
}
#smallsearch #searchform label {
	display: block;
}
#smallsearch #searchform select, input  {
	border-top: 2px solid #A0A0A3;
	border-left: 2px solid #A0A0A3;
	border-bottom: none;
	border-right: none;
	margin: 3px 0;
}
#smallsearch #searchform .string {
	width: 200px;
}
#smallsearch #searchform .genre {
	width: 125px;
	padding: 0;
	border-top: 2px solid #A0A0A3;
	border-left: 2px solid #A0A0A3;
	border-bottom: none;
	border-right: none;
	margin: 0 0 0 70px;
	background: #fff;
}

fieldset.smallsearchfrom, fieldset.smallsearchtill {
	margin: 10px 0;
}
#smallsearch #searchform .day {
	width: 30px;
}
#smallsearch #searchform .month {
	width: 30px;
}
#smallsearch #searchform .year {
	width: 80px;
}
#smallsearch #searchform .submit {
	background: #000000;
	color: #ffffff;
	border: none;
	text-transform: uppercase;
	padding: 0 8px;
	_padding: 0;
	margin: 5px 15px 0 100px;
	_margin: 0 2px 0 0;
	font-size: 15px;
	line-height: 15px;
	height: 21px;
	font-weight: bold;
}

/* end smallsearch */


/* fullsearch */

#fullsearch {
	width: 990px;
	background: url(../img/smallsearchbottom.png) bottom left repeat-x;
	padding: 0 0 6px 0;
	margin: 0 0 20px 0;
}

#fullsearch #searchform {
	clear: both;
	padding: 10px;
	_padding-top: 4px;
	margin: 0;
	background-color: #1FDAFF;
}
#fullsearch #searchform .row {
	clear: both;
	overflow: hidden;
}
#fullsearch #searchform .block {
	float: left;
	margin: 0 10px 10px 0;
}
#fullsearch #searchform label {
	display: block;
}
#fullsearch #searchform input, select {
	border-top: 2px solid #A0A0A3;
	border-left: 2px solid #A0A0A3;
	border-bottom: none;
	border-right: none;
	margin: 5px 0;
}
#fullsearch #searchform .string, #fullsearch #searchform .keywords {
	width: 200px;
}
#fullsearch #searchform .genre {
	float: left;
	width: 125px;
	height: 20px;
	padding: 0 0 0 5px;
	border-top: 2px solid #A0A0A3;
	border-left: 2px solid #A0A0A3;
	border-bottom: none;
	border-right: none;
	margin: 14px 0 0 10px;
	background: #fff;
}

fieldset.fullsearchfrom, fieldset.fullsearchtill {
	width: 250px;
	float: left;
}
#fullsearch #searchform .day {
	width: 30px;
}
#fullsearch #searchform .month {
	width: 30px;
}
#fullsearch #searchform .year {
	width: 80px;
}
#fullsearch #searchform .submit {
	background: #000000;
	color: #ffffff;
	border: none;
	text-transform: uppercase;
	padding: 0 8px;
	_padding: 0;
	margin: 0 5px 0 0;
	_margin: 0 2px 0 0;
	font-size: 15px;
	line-height: 15px;
	height: 21px;
	font-weight: bold;
}

/* end fullsearch */


/* searchresult */

#searchresult {
	margin: 0 0 10px 0;

}
#searchresult .searchmessage {
	font-size: 17px;
	border-bottom: 1px dashed #999999;
	padding: 5px 0 15px 0;
	margin: 0 0 10px 0;
}
#searchresult .searchmessage .string {
	font-weight: bold;
}
#searchresult .results {

}
#searchresult .results .column {
	margin: 0 0 10px 0;
	width: 460px;
}
#searchresult .results .result-type {
	font-size: 20px;
	font-weight: bold;
	margin: 15px 0 30px 0;
}
#searchresult .results span.type {
	background-position: bottom;
	padding: 0 0 12px 0;
}
#searchresult .results .item {
	margin: 0 0 13px 0;
}
#searchresult .results .item h3 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 16px;
}
#searchresult .results a.moreresults {
	height: 15px;
	margin: 15px 0;
	clear: both;
	display: block;
	text-align: right;
	width: 100%;
}

a.moreresults {
	cursor: pointer;
}
/* end searchresult */


/* spotlight */

#spotlight_v {
}
#spotlight_v .spotlight-item {
	margin: 0 0 15px 0;
	width: 230px;
	height: 155px;
	overflow: hidden;
	clear: left;
}
#spotlight_v .spotlight-item img {
	margin-top: -58px;
	width: 230px;
	
}
#spotlight_v .spotlight-item .overlay { 
	position: relative;
	margin: 0;
	color: #FFFFFF;
	height: 58px;
/*	background: url(../img/black60.png) 0 0 repeat; */
	display: block;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
	top: 113px;
}

#spotlight_v .spotlight-item .overlay2 { 
	position: relative;
	margin: 0;
	color: #FFFFFF;
	height: 50px;
/*	background: url(../img/black60.png) 0 0 repeat; */
	display: block;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
	top: 117px;
}
#preview2 .spotlight-item {
	margin: 5px 0 1px 0;
	width: 230px;
	height: 155px;
	overflow: hidden;
	background-color:#eeeeee;
}

#row2 {
	background: url(../img/tagcloudtop.png) top left repeat-x;
	float: right;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
 	width: 230px;
	height: 210px; 
}

#row2 .spotlight-item img{
	margin-top: -30px;
	width: 230px;
	height: 165px;
}


#row2 .spotlight-item .overlay2 { 
	position: relative;
	margin: 0;
	color: #FFFFFF;
	height: 55px;
/*	background: url(../img/black60.png) 0 0 repeat; */
	display: block;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
	top: 148px;
}


#preview2 .spotlight-item img {
	margin-top: -58px;
	width: 230px;
	
}



#preview2 .spotlight-item .overlay2 { 
	position: relative;
	margin: 0;
	color: #FFFFFF;
	height: 58px;
/*	background: url(../img/black25.png) 0 0 repeat; */
	display: block;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
	top: 110px;
}

/*
#preview2 .spotlight-item .overlay2 .titleRest,
#row2 .spotlight-item .overlay2 .titleRest { 
	color: #FFFFFF;
	margin: 13px 10px 2px 10px;

	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
}
*/

#preview2 .spotlight-item .overlay2 .titleRest,
#row2 .spotlight-item .overlay2 .titleRest,
#longrow2 .spotlight-item .overlay2 .titleRest{ 
    background: url("../img/black60.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline;
    font-family: frutiger,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 0.04em;
    line-height: 20px;
    margin: 14px 1px 1px 6px;
    padding: 4px 6px 2px;
    text-shadow: 1px 1px 0 #000000;
}


/*
#preview2 .spotlight-item .overlay2 h4.titleSub,
#row2 .spotlight-item .overlay2 h4.titleSub { 
	color: #E4AD3C;
	margin: 3px 10px 2px 10px;

	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
}

*/

#preview2 .spotlight-item .overlay2 .titleSub,
#row2 .spotlight-item .overlay2 .titleSub,
#longrow2 .spotlight-item .overlay2 .titleSub { 
    background: url("../img/black60.png") repeat scroll 0 0 transparent;
    color: #E4AD3C;
    display: inline;
    font-family: frutiger,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.06em;
    line-height: 15px;
    margin: 3px 10px 2px 6px;
    padding: 2px 4px 3px;
}






#spotlight_v .spotlight-item .overlay .date { 

    background: url("../img/black60.png") repeat scroll 0 0 transparent;
    color: #E4AD3C;
    display: inline;
    font-family: frutiger,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    letter-spacing: 0.06em;
    line-height: 15px;
    margin: 3px 10px 2px 6px;
    padding: 2px 4px 3px;
	
}


#spotlight_v .spotlight-item .overlay .title { 
 background: url("../img/black60.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: inline;
    font-family: frutiger,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.02em;
    line-height: 21px;
    margin: 14px 1px 1px 6px;
    padding: 2px 4px 4px;
 
}



#spotlight_v .spotlight-item .overlay2 h3.titleRest { 
	color: #FFFFFF;
	margin: 7px 10px 2px 10px;
	_margin: 4px 5px 2px 5px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
}


#spotlight_v .spotlight-item .lining1 { 
	background: url(../img/lining1.png) 0 0 repeat-x;
	height: 16px;
	position: relative;
	margin-top: -8px;
}
#spotlight_v .spotlight-item .lining2 { 
	background: url(../img/lining2.png) 0 0 repeat-x;
	height: 16px;
	position: relative;
	margin-top: -8px;
}
#spotlight_v .spotlight-item .lining3 { 
	background: url(../img/lining3.png) 0 0 repeat-x;
	height: 16px;
	position: relative;
	margin-top: -8px;
}
#spotlight_v .spotlight-item .lining4 { 
	background: url(../img/lining4.png) 0 0 repeat-x;
	height: 16px;
	position: relative;
	margin-top: -8px;
}
#spotlight_v .spotlight-item .lining5 { 
	background: url(../img/lining5.png) 0 0 repeat-x;
	height: 16px;
	position: relative;
	margin-top: -8px;
}
#spotlight_v .spotlight-item .lining6 { 
	background: url(../img/lining6.png) 0 0 repeat-x;
	height: 16px;
	position: relative;
	margin-top: -8px;
}


#spotlight_h {
width: 990px;
height: 205px;
margin: 0 0 5px 0;
padding: 0 0 10px 0;	
clear: both;
overflow: hidden;
max-height: 380px;
}
#spotlight_h .latest-video {
	background: #999;
	height: 160px;
	clear: both;
}
#spotlight_h .latest-video .video-item {
	float: left;
/*	margin: 0 16px 0 0;  reza zet het uit  */ 
	margin: 0 16px 18px 0;
	width: 235px;
	height: 160px;
	overflow: hidden;
}
#spotlight_h .latest-video .video-item.last {
	margin-right: 0;
}
#spotlight_h .latest-video .video-item img {
	margin-top: -75px;
	width:240px;
	height:180px;
}
#spotlight_h .latest-video .video-item img.play_round {
    width: 60px;
    height: 60px;
    position: relative;
    top: 35px; /* hangt van de hoogte van het grote plaatje af */
    margin-left: 70px;
    float: left;
}
#spotlight_h .latest-video .video-item .overlay { 
	position: relative;
	margin: 0;
	color: #FFFFFF;
	height: 75px;
	background: url(../img/black60.png) 0 0 repeat;
	display: block;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
	top: 102px;
}


#spotlight_h .latest-video .video-item .overlay .date { 
	color: #E4AD3C;
	float: left;
	margin: 5px 10px 2px 10px;
	_margin: 5px 5px 2px 5px;
	width: 150px;
}
#spotlight_h .latest-video .video-item .overlay .type { 
	color: #b2b2b2;
	float: left;
	margin: 2px 10px 1px 10px;
	_margin: 2px 5px 1px 5px;
	font-size: 11px;
	width: 100%;
}
#spotlight_h .latest-video .video-item .overlay .title { 
	color: #FFFFFF;
	margin: 0 10px;
	_margin: 0 5px;
	font-size: 11px;
	float: left;
	line-height: 11px;
	width: 100%;
}
#spotlight_h .latest-video .video-item .overlay .type a { 
	background: url(../img/camera.png) left 3px no-repeat;
	padding: 0 0 0 25px;
	color: #FF00FF;
	float: right;
	display: block;
	clear: right;
	width: 200px;
	margin: 2px 15px 3px 10px;
	_margin: 2px 7px 3px 5px;
}
#spotlight_hbottom {
background: url(../img/currentbottom.png) left bottom repeat-x;
height: 23px;
clear: both;
}
/* end spotlight */


/* tagcloud */

#tagcloud {
	float: right;
	margin: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
 	width: 235px;
 	height: 282px;
}

#tagcloudlong {
	float: right;
	margin: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
 	width: 230px;
 	height: auto;
}

#tagcloudwide {
	float: right;
	margin: 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
 	width: 980px;
 	height: auto;
}

#tagcloudtop {
	background: url(../img/debalietop.png) top left repeat-x;
	height: 17px;
}
#tagcloudbottom {
	background: url(../img/tagcloudbottom.png) top left repeat-x;
	height: 15px;
}

#tagcloud ul {
 list-style: none;
 margin: 0 0 15px 0;
 padding: 0;
 height: 250px;
 overflow: hidden;
}
#tagcloudlong ul {
 list-style: none;
 margin: 0 0 15px 0;
 padding: 2px;
}
#tagcloudwide ul {
 list-style: none;
 margin: 0 0 15px 0;
 padding: 2px;
}

#tagcloud ul li, #tagcloudlong ul li, #tagcloudwide ul li { 
	text-decoration: none;
	border-bottom:2px dashed; 
}

#tagcloud ul li:hover, #tagcloudlong ul li:hover, #tagcloudwide ul li:hover{ 
	text-decoration: none;
	border-bottom:2px solid;
}

#tagcloud li, #tagcloudlong li,#tagcloudwide li {
 display: inline;
 margin: 0 4px;
}

#tagcloud a,#tagcloudlong a,#tagcloudwide a {
 cursor: pointer;
 color: #000;
 text-decoration: none;
 font-weight:bold;
 text-transform:lowercase;
}



#tagcloud li.tag_0,#tagcloudlong li.tag_0,#tagcloudwide li.tag_0 { font-size: 0.6em; font-weight: 100; color: #FF00FF; } 
#tagcloud li.tag_1,#tagcloudlong li.tag_1,#tagcloudwide li.tag_1 { font-size: 0.7em; font-weight: 200; color: #70AB67; } 
#tagcloud li.tag_2,#tagcloudlong li.tag_2,#tagcloudwide li.tag_2 { font-size: 0.8em; font-weight: 300; color: #6EA8DD; } 
#tagcloud li.tag_3,#tagcloudlong li.tag_3,#tagcloudwide li.tag_3 { font-size: 0.9em; font-weight: 400; color: #D98C00; } 
#tagcloud li.tag_4,#tagcloudlong li.tag_4,#tagcloudwide li.tag_4 { font-size: 1.0em; font-weight: 500; color: #A37A47; } 
#tagcloud li.tag_5,#tagcloudlong li.tag_5,#tagcloudwide li.tag_5 { font-size: 1.1em; font-weight: 600; color: #386431; }
#tagcloud li.tag_6,#tagcloudlong li.tag_6,#tagcloudwide li.tag_6 { font-size: 1.2em; font-weight: 700; color: #A60022; }
#tagcloud li.tag_7,#tagcloudlong li.tag_7,#tagcloudwide li.tag_7 { font-size: 1.3em; font-weight: 800; color: #00FFFF; }
#tagcloud li.tag_8,#tagcloudlong li.tag_8,#tagcloudwide li.tag_8 { font-size: 1.4em; font-weight: 900; color: #FF8800; }
#tagcloud li.tag_9,#tagcloudlong li.tag_9,#tagcloudwide li.tag_9 { font-size: 1.5em; font-weight: 900; color: #6AFF00; }

/* end tagcloud */


/* about */

#about {
	width: 990px;
	margin: 0;
	float: left;
}

#about #debalie {
/*	width: 750px; */
	width: 491px; 
	background: url(../img/debalietop.png) top left repeat-x;
	padding: 20px 0 10px 0;
	float: left;
	overflow: hidden;
}
#debalie .block {
	width: 225px;
	float: left;
	margin: 0 16px 5px 0;
	clear: top;
}



#about .blockFace {
  background: url("../img/debalietop.png") repeat-x scroll left top transparent;
	width: 235px;
	float: left;
	margin: 0 2px 1px 11px;
	padding-top: 17px;
	clear: top;
}


#debalie .links {
	float: left;
	margin: 8px 0 0 54px;
}
#debalie .links a {
	font-size: 11px; 
	color: #FF00FF;
	text-decoration: underline;
}

#about #cafe {
	width: 230px;
	float: left;
	margin: 0 0 0 10px;
	background: url(../img/cafetop.png) left 3px repeat-x;
	padding: 20px 0 10px 0;
}

#cafe2 {
	float: right;
	margin: 0;
	cursor: pointer;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
 	width: 230px;
	height: 210px; 
}
#cafetop {
	background: url(../img/tagcloudtop.png) top left repeat-x;
	height: 17px;
}
#cafebody {
	padding: 15px 0 0 0;
	background: url(../img/tagcloudtop.png) top left repeat-x;
	height: 185px;
	overflow: hidden;
}
#cafebottom {
	background: url(../img/tagcloudbottom.png) top left repeat-x;
	height: 15px;
	margin-top: 10px;
}
/* end about */


/* mostviewed */

#mostviewed {
	width: 230px;
	margin: 0 0 30px 0;
}
#mostviewedtop {
	background: url(../img/mostviewedtop.png) left top repeat-x;
	height: 13px;
	clear: both;
	margin: 0 0 10px 0;
}

#mostviewed #mostviewedlist {
	clear: both;
	padding: 0 0 0 30px;
	margin: 0;
}
#mostviewed #mostviewedlist li {
	margin: 0 0 3px 0;
}
#mostviewed #mostviewedlist li a {
	color: #000000;
	text-decoration: none;
	display: block;
}
#mostviewed #mostviewedlist li a:hover {
	color: #000000;
	text-decoration: underline;
	display: block;
}
#mostviewed .pagination {
	float: none;
	font-size: 13px;
}
#mostviewed .pagination .pagenumbers a.pageno {
	margin: 0;
	padding: 2px 3px;
}
#mostviewed .pagination .pagenumbers {
	width: 150px;
	font-size: 11px;
}


/* end mostviewed */


/* mostviewedvideo */

#mostviewedvideo {
	padding: 0 0 20px 0;
	margin: 0 0 5px 0;
	background: url(../img/lining5.png) bottom left repeat-x;
}
#mostviewedvideo .row {
	clear: both;
	overflow: hidden;
}
#mostviewedvideo a.watchback {
	width: 145px;
	float: left;
	background: url(../img/camera.png) 70px 3px no-repeat;
	padding: 0 0 0 90px;
	color: #FF00FF;
	display: block;
	height: 13px;
	margin: 1px 14px 12px 0;
	_margin: 1px 14px 12px 0;
}
#mostviewedvideo .video-item {
	width: 235px;
	float: left;
	margin: 0 13px 0 0;
	overflow: hidden;
}
#mostviewedvideo .video-item.last, #mostviewedvideo a.watchback.last {
	margin-right: 0;
}
#mostviewedvideo .video-item img {
	width: 60px;
	height: 40px;
	float: left;
	margin: 0 10px 5px 0;
}
#mostviewedvideo .video-item h3 {
	font-size: 11px;
	margin: 0 0 5px 0;
	line-height: 11px;
	font-weight: normal;
}
#mostviewedvideo .video-item .date {
	padding: 0 0 0 70px;
}

/* end mostviewedvideo */


/* videosearch */

#videosearch {
	margin: 0 0 10px 0;
}
#videosearch .results {
	clear: both;
}
#videosearch .results .column {
	width: 450px;
	margin: 5px 0;
}
#videosearch .results .item {
	margin: 0 0 20px 0;
	overflow: hidden;
}
#videosearch .results .item .date {
	padding: 0 85px 0 127px;
	margin: 0 0 2px 0;
}
#videosearch .results .item .tags {
	padding: 0 85px 0 127px;
	margin: 2px 0 2px 0;
}
#videosearch .results .item img {
	width: 115px;
	float: left;
	clear: left;
	display: block;
}
#videosearch .results .item h3 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 85px 0 127px;
	margin: 0 0 2px 0;
	font-size: 16px;
	line-height: 17px;
}

#videosearch .pagination {
	float: none;
	margin: 10px 0 0 380px;
}
/* end videosearch */


/* mostrecentfiles */

#mostrecentfiles {

}

#mostrecentfiles .file {
	clear: both;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
}
#mostrecentfiles .file .imgstack {
    position: relative;
    top: 7px;
    left: 0;
    width: 140px;
    margin: 0;
}
#mostrecentfiles .file .imgstack img {
    position:absolute;
    width: 125px;
}
#mostrecentfiles .file .imgstack img.imgstack-top {
    top:0px;
    right:16px;
}
#mostrecentfiles .file .imgstack img.imgstack-middle {
    top:8px;
    right:8px;
}
#mostrecentfiles .file .imgstack img.imgstack-bottom {
    top:16px;
    right:0px;
}
#mostrecentfiles .file h3 {
	padding: 0 0 0 170px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	line-height: 23px;
}
#mostrecentfiles .description {
	padding: 0 0 0 170px;
}

#mostrecentfiles .counters {
	margin: 8px 0 0 0;
	padding: 0 0 0 170px;
}


/* end mostrecentfiles */


/* allfiles */

#allfiles {

}
#allfilestop {
	background: url(../img/allfilestop.png) left top repeat-x;
	height: 14px;
	clear: both;
}

#allfileslist {
	clear: both;
	padding: 0;
	margin: 0 0 10px 0;
}
#allfileslist li {
	padding: 10px 0;
	border-bottom: 1px #000000 dashed;
	list-style: none;
	margin: 0 0 1px 0;
}
#allfileslist li a {
	text-decoration: none;
	color: #000000;
	display: block;
} 
#allfileslist li a:hover {
	text-decoration: underline;
	color: #000000;
	display: block;
}
#allfiles .pagination {
	float: none;
	font-size: 13px;
}
#allfiles .pagination .pagenumbers a.pageno {
	margin: 0;
	padding: 2px 3px;
}
#allfiles .pagination .pagenumbers {
	width: 150px;
	font-size: 11px;
}

/* end allfiles */


/* singlefile */

#singlefile {
}
#singlefile h3.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 45px;
    padding: 0 0 14px 0;
    display: inline;
    clear: both;
}
#singlefile h3.l0{
    background: url(../img/l11.png) left bottom repeat-x;
}
#singlefile h3.l1{
    background: url(../img/l12.png) left bottom repeat-x;
}
#singlefile h3.l2{
    background: url(../img/l13.png) left bottom repeat-x;
}
#singlefile h3.l3{
    background: url(../img/l14.png) left bottom repeat-x;
}
#singlefile h3.l4{
    background: url(../img/l15.png) left bottom repeat-x;
}
#singlefile h3.l5{
    background: url(../img/l16.png) left bottom repeat-x;
}
#singlefile h3.l6{
    background: url(../img/l17.png) left bottom repeat-x;
}
#singlefile h3.l7{
    background: url(../img/l18.png) left bottom repeat-x;
}
#singlefile h3.l8{
    background: url(../img/l19.png) left bottom repeat-x;
}
#singlefile h3.l9{
    background: url(../img/l20.png) left bottom repeat-x;
}


#singlefile .introduction {
    margin-top: 25px;
}
#singlefile .togglebutton {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 5px 0;
	clear: both;
	display: block;
	cursor: pointer;
	text-decoration: none;
}
#singlefile #toggletext {
	display: none;
}

/* end singlefile */


/* newinsinglefile */

#newinsinglefile {
	clear: both;
	margin: 0 0 10px 0;
}
#newinsinglefile span.title {
	font-size: 15px;
	display: block;
	margin: 0 0 17px 0;
}
#newinsinglefile .newinsinglefile-item {
	clear: both;
	margin: 0 0 30px 0;
	overflow: hidden;
}
#newinsinglefile .newinsinglefile-item img {
	width: 115px;
	float: left;
	clear: left;
	display: block;
}
#newinsinglefile .newinsinglefile-item h4 {
	font-family: Arial, Helvetica, sans-serif;
	padding: 0 0 0 127px;
	margin: 0 0 2px 0;
	font-size: 16px;
	line-height: 17px;
}
#newinsinglefile .newinsinglefile-item .description {
	padding: 0 0 0 127px;
	margin: 0;
}

/* end newinsinglefile */


/* comments */

#comments {
	border-top: 1px dashed #666666;.
	clear: both;
	margin: 0 0 10px 0;
	padding: 10px 0;
	color: #666666;
}
#comments span.title {
	font-size: 15px;
	font-weight: bold;
}
#comments a.addcommentlink {
	float: right;
	color: #666666;
}
#comments .comment {
	clear: both;
	margin: 10px 0;
	padding: 10px 0 0 0;
	overflow: hidden;
}
#comments .comment .comment-author {
	width: 70px;
	margin: 0 20px 0 0;
	float: left;
	overflow: hidden;
	word-wrap: break-word;
}
#comments .comment .comment-text {
	overflow: hidden;
	padding: 0 0 20px 0;
	border-bottom: 1px dashed #666666;.
}
#comments .comment .comment-reactlink {
	float: right;
	color: #666666;
	margin: 5px 0 0 0;
}

/* end comments */


/* resources */

#resources {
/*	background: #FFF56A url(../img/resources.gif) top right no-repeat; */
	background: #FFFFDD;
	padding: 5px 10px 0 10px;
	margin: 0;
	width: 210px;
	overflow: hidden;
}
#resourcesbottom-file {
	height: 6px;
	margin: 0 0 10px 0;
	background: url(../img/resourcesbottom-file.png) top left repeat-x;
}
#resourcesbottom-article {	
	height: 6px;
	margin: 0 0 10px 0;
	background: url(../img/resourcesbottom-article.png) top left repeat-x;
}
#resources h2 {
	font-size: 18px;
	background-color: #FFFFDD;
}
#resources.salmon, #resources h2.salmon {
/*	background-color: #F7D4A7; */
}

#resourcesRes.salmon, #resourcesRes h2.salmon {
/*	background-color: #F7D4A7; */
}

#resources h3 {
	font-size: 15px;
	margin: 5px 0 0 0;
}
#resourcesRes h3 {
	font-size: 15px;
	margin: 5px 0 0 5px;
}
#resources ul {
	list-style: disc outside none;
	padding: 0;
	margin: 0 0 20px 12px; 


}
#resources ul li a {
	color: #545454;
	letter-spacing: 0.10em;
	text-decoration: underline;
	
}

#resources ul li a:hover {
	color: #000000;
	text-decoration: none;
}
/* end resources */


/* singlefilearticles */

#singlefilearticles {

}
#singlefilearticles h2 {
	font-size: 18px;
}
#singlefilearticlestop {
	background: url(../img/singlefilearticlestop.png) top left repeat-x;
	margin: 0 0 10px 0;
	height: 18px;
	clear: both;
}
#singlefilearticles .singlefilearticles-item {
	clear: both;
	margin: 0 0 10px 0;
	padding: 5px 0 25px 0;
	border-bottom: 1px #666666 dashed;
}
#singlefilearticles .singlefilearticles-item h3 {
	margin: 0 0 2px 0;
	font-size: 12px;
}
#singlefilearticles .singlefilearticles-item .description {
	margin: 0 0 8px 0;
}
#singlefilearticles .singlefilearticles-item a.readmore {
	float: right;
}

/* end singlefilearticles */



/* reza toegevoegde class  */



div .voorstellingstype{
    font-size: 13px;
    line-height: 20px;
    font-weight: normal;
margin: 7px 0 45px 0;

}

.agenda-item .voorstellingstype{
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
margin: 7px 0 45px 13px;

}

#article h3.sub-title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    line-height: 45px;
    padding: 0 0 12px 0;    
    display: inline;
    clear: both;
    background: url(../img/l02.png) left bottom repeat-x;
}

/* END reza toegevoegde class  */




/* article */

#article {
}
#article img.image-wide {
	clear: both;
	margin: 0 0 10px 0;
}
#article h3.title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    line-height: 45px;
    padding: 0 0 12px 0;    
    display: inline;
    clear: both;
}
#article h3.l0{
	background: url(../img/l01.png) left bottom repeat-x;
}
#article h3.l1{
	background: url(../img/l02.png) left bottom repeat-x;
}
#article h3.l2{
	background: url(../img/l03.png) left bottom repeat-x;
}
#article h3.l3{
	background: url(../img/l04.png) left bottom repeat-x;
}
#article h3.l4{
	background: url(../img/l05.png) left bottom repeat-x;
}
#article h3.l5{
	background: url(../img/l06.png) left bottom repeat-x;
}
#article h3.l6{
	background: url(../img/l07.png) left bottom repeat-x;
}
#article h3.l7{
	background: url(../img/l08.png) left bottom repeat-x;
}
#article h3.l8{
	background: url(../img/l09.png) left bottom repeat-x;
}
#article h3.l9{
	background: url(../img/l10.png) left bottom repeat-x;
}
#article .introduction {
	font-weight: bold;
}
#article .togglebutton {
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	margin: 5px 0;
	clear: both;
	display: block;
	cursor: pointer;
	text-decoration: none;
}
#article #toggletext {
	display: block;
}
#article a.tickets {
height: 17px;
width: 45px;
display: block;
float: right;
color: #FFFFFF;
text-decoration: none;
padding: 9px 8px;
margin: 0;
font-family: "Courier New", Courier, monospace;
background: url(../img/tickets.png) left top repeat-x;
}
#article a.tickets.free {
	height: 28px;
	width: 45px;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	text-align:middle;
	padding: 4px 8px ;
	background: url(../img/free.png) left top repeat-x;
}
#article a.tickets.vol {
	height: 17px;
	width: 45px;
	display: block;
	float: right;
	color: #FFFFFF;
	text-decoration: none;
	text-align:middle;
	padding: 9px 8px ;
	background: url(../img/vol.png) left top repeat-x;
}
#article .datetime { 
font-family: Arial, Helvetica, sans-serif;
margin: 25px 0 5px 0;
}
#article .location { 
	font-family: Arial, Helvetica, sans-serif;
	margin: 0 0 15px 0;
	width: 300px;
}
#article .tags { 
	margin: 4px 0 15px 0;
}
#article .tags a.tag {

}

/* end article */


/* --------------- footer ---------------- */

#footer {
	border-top: 1px dashed #999999;
	margin: 10px 0 30px 0;
	padding: 15px 0;
	width: 990px;
	height: 400px;
	clear: both;
	color: #808080;
}

#footer .block {
	width: 235px;
	float: left;
	margin: 0 15px 5px 0;
	clear: top;
}
#footer .block.last {
	width: 225px;
	margin: 0 0 5px 10px;
}
#footer h3 {
	margin: 0 0 12px 0;
	color: #666;
}

/* --------------- scrollable --------------- */

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 990px; 
    height:300px; 
	float: left;
} 
#current div.scrollable, 
#mostrecentvideo div.scrollable {
	height: 300px;
}
#singlefile div.scrollable {
	height: 210px;
	width: 480px;
}
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	background: #222222;
	
} 



#rest-carrous div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
	background: #fff;
	
} 





#rest-carrous div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 740px; 
    height:250px; 
	float: left;
} 

#rest-carrous div.scrollable div.items div.item { 
float:left; 
width: 372px;
height: 300px;
overflow: hidden;
/* margin: 0 2px 0 0; */
 margin: 1px 1px 0 1px;
background: #fff;
} 


 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div.item { 
float:left; 
width: 372px;
height: 300px;
overflow: hidden;
/* margin: 0 2px 0 0; */
 margin: 6px 1px 0 1px;
background: #666666;
} 


#current div.scrollable div.items div.item, 
#mostrecentvideo div.scrollable div.items div.item {
	width: 495px;
}


#singlefile div.scrollable div.items div.item {
	width: 318px;
}


div.scrollable div.items div.item .overlay { 
	position: relative;
	margin: 0;
	height: 55px;
	background: url(../img/black60.png) 0 0 repeat;
	display: block;
	overflow: hidden;
	cursor:pointer;
	top: 239px;
}
div.programmatype {
	position: absolute;
	margin: 0;
	background: url(../img/black60.png) 0 0 repeat;
	display: block;
	overflow: hidden;
	padding: 9px 20px 9px 9px;
	font-size: 19px;
	font-weight: bold;
	color: #eeeeee;
	letter-spacing: 2px;
	top: 12px;
	text-transform: uppercase;
	font-family: Arial, Helvetica, sans-serif;
		/* CSS3 spicing */
	-moz-border-radius:0 8px 8px 0;
	-webkit-border-radius:0 8px 8px 0;	
}


div.scrollable div.items div.item .overlay1 { 
	position: relative;
	margin: 0;
	height: 55px;
	background: url(../img/wit100.png) 0 0 repeat;
	display: block;
	overflow: hidden;
	cursor:pointer;
	top: 239px;
}

#preview .scrollable .items .item img.nulive{
    width: 115px;
    height: 110px;
    position: relative;
    top: 80px; /* hangt van de hoogte van het grote plaatje af */
    margin-left: 140px;
    float: left;
}

#current div.scrollable div.items div.item .overlay,
#mostrecentvideo div.scrollable div.items div.item .overlay { 
	height: 140px;
/*	height: 100px; */
	top: 222px;
	cursor:pointer;
}
div.scrollable div.items div.item .overlay .date { 
/*	color: #E4AD3C;  */
	color: #B45A0C; 
	float: left;
	margin: 5px 10px 3px 10px;
	_margin: 5px 5px 3px 5px;
	width: 135px;
}

div.scrollable div.items div.item .overlay1 .date { 
/*	color: #E4AD3C;  */
	color: #B45A0C; 
	font-size: 14px;
	font-weight: bold;
	float: left;
	margin: 5px 10px 3px 10px;
	_margin: 5px 5px 3px 5px;
	width: 135px;
}

div.scrollable div.items div.item .overlay .voorstel,
div.scrollable div.items div.item .overlay1 .voorstel{ 
/*	color: #E4AD3C;  */
	color: #B45A0C; 
	float: left;
	margin: 6px 10px 0 0;
	_margin: 5px 5px 3px 5px;
}

div.scrollable div.items div.item .overlay .voorstelTicket,
div.scrollable div.items div.item .overlay1 .voorstelTicket{ 
	color: #E4AD3C;
	float: right;
	margin: 0 10px 0 0;
	_margin: 5px 5px 3px 5px;
	display: inline;
}

#current div.scrollable div.items div.item .overlay .datetime,
#mostrecentvideo div.scrollable div.items div.item .overlay .datetime {  
	float: right;
	color: #FFFFFF;
/*	width: 225px;
	margin: 10px 15px 3px 10px; */
	width: 150px;
	margin: 10px 10px 3px 10px;
	_margin: 10px 7px 3px 5px;
}
div.scrollable div.items div.item .overlay .tickets,
div.scrollable div.items div.item .overlay1 .tickets{ 
	float: right;
	margin: 5px 10px 3px 10px;
	_margin: 5px 5px 3px 5px;
/*	width: 190px;  */
	text-align: right;
}
div.scrollable div.items div.item .overlay .tickets a,
div.scrollable div.items div.item .overlay1 .tickets a{ 
	color: #FF00FF;
	text-decoration: underline;
}
div.scrollable div.items div.item .overlay h3.title, 
div.scrollable div.items div.item .overlay1 h3.title { 
	color: #333;
	margin: 0 10px;
	_margin: 0 5px;
	font-size: 16px;
	width: 95%;
	float: left;
}
#current div.scrollable div.items div.item .overlay .titleholder,
#mostrecentvideo div.scrollable div.items div.item .overlay .titleholder {
/*	width: 225px;
	margin: 5px 5px 3px 10px; */
	width: 280px;
	margin: 1px 5px 3px 10px;
	_margin: 1px 2px 3px 5px;
	float: left;
}
#current div.scrollable div.items div.item .overlay span.title,
#mostrecentvideo div.scrollable div.items div.item .overlay span.title {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	font-size: 19px;
	line-height: 30px;
	padding: 1px 0 16px 0;
	overflow: visible;
	_background-position: left 26px;
}
#current div.scrollable div.items div.item .description,
#mostrecentvideo div.scrollable div.items div.item .description {
	width: 225px;
	color: #FFFFFF;
	float: right;
	margin: 5px 15px 3px 10px;
	_margin: 5px 7px 3px 5px;
}
#current div.scrollable div.items div.item a.watchback,
#mostrecentvideo div.scrollable div.items div.item a.watchback {
	background: url(../img/camera.png) left 3px no-repeat;
	padding: 0 0 0 25px;
	color: #B800FF;
	float: right;
	display: block;
	clear: right;
	/* width: 200px;  */
	width: 122px;
	margin: 2px 15px 3px 10px;
	_margin: 2px 7px 3px 5px;
}
div.scrollable div.items div.item img { 
	margin-top: -55px;
}


div.scrollable div.items div.item img.imglive { 
	margin-top: -115px;
}



#current div.scrollable div.items div.item img,
#mostrecentvideo div.scrollable div.items div.item img { 
	margin-top: -140px;
}
#singlefile div.scrollable div.items div.item img {
	margin-top: 0px;
} 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
}
/* position and dimensions of the navigator */ 
.navi { 
	background: #222;
    padding-left:520px; 
    height:25px; 
	clear: both;
} 
#singlefile .navi {
	padding-left: 160px;
	margin: 0 0 25px 0;
}
 
/* items inside navigator */ 
.navi a { 
    width:8px; 
    height:8px; 
    float:left; 
    margin:8px 7px 3px 7px; 
    background:url(../img/scrollable/arrow/navi.png) 0 0 no-repeat; 
    display:block; 
    font-size:1px; 
} 
 
/* mouseover state */ 
.navi a:hover { 
    width:11px; 
    height:11px; 
    margin:7px 6px 4px 5px; 
    background: url(../img/scrollable/arrow/navi_hover.png) 0 0 no-repeat;       
} 
 
/* active state (current page state) */ 
.navi a.active { 
    width:11px; 
    height:11px; 
    margin:7px 6px 4px 5px; 
    background: url(../img/scrollable/arrow/navi_active.png) 0 0 no-repeat;      
}


/* prev, next, prevPage and nextPage buttons */
a.browse {
	width:100px;
	height:150px;
	margin: -237px 0 0 0;
	padding: 0;
	cursor:pointer;
	font-size:1px;
	position: relative;
	display: block;
}

/* right */
a.right { 	background:url(../img/scrollable/arrow/right.png) 50% 50% no-repeat; clear:right; margin-right: 0px; float: right;}
a.right:hover 		{ }
a.right:active 	{ } 


/* left */
a.left				{ 	background:url(../img/scrollable/arrow/left.png) 50% 50% no-repeat; float: left;} 
a.left:hover  		{ }
a.left:active  	{ }

/* up and down */
a.up, a.down		{ 
	background:url(../img/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

.overlay .title a {
	color: #fff;
	text-decoration: none;
}

.overlaylive {
	width:100px;
	height:150px;
	background: url(../img/black60.png) 0 0 norepeat;
	margin: -180px 0 0 0;
	padding: 0;
	cursor:pointer;
	font-size:1px;
	position: relative;
	display: block;
}
/* --------- end scrollable --------------- */

/* --------- michiel --------- */

input.calendar {
    width: 17px; height: 17px; 
}

.itemsearch{
padding:5px;
float:left;
display:table;
width:480px;
height:80px;
}
#searchresult .itemsearch img.play_small {
    width: 21px;
    height: 20px;
    margin: 20px 0 0 -80px;
    float: left;
}
.itemsearch img{
padding: 0px 20px 0px 0px;
}


.itemsearch a.watchback {
	width: 145px;
	float: right;
	background: url(../img/camera.png) 70px 3px no-repeat;
	padding: 0 0 0 90px;
	color: #FF00FF;
	display: block;
	height: 13px;
	margin: 2px 26px 10px 0;
	_margin: 1px 16px 10px 0;
}

.itemsearch h3 {
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
line-height:17px;
margin:0 0 2px;
padding:0 85px 0 127px;
}
.videopagination{
clear: both;
overflow: hidden;
font-size: 15px;
width:580px;
margin:auto;
}
.videopagination a {
color: #000000;
text-decoration: none;
font-weight: bold;
text-align:middle;
}

.videopagination a.prev, .videopagination a.next, .videopagination a.first, .videopagination a.last {
	float: left;
	margin: 0 5px 0 0;
}
.videopagination .pagenumbers {
	text-align: center;
	font-size: 14px;
	float: left;
	margin: 0 5px 0 0;
}
.videopagination a.pageno {
	padding: 3px 5px;
	margin: 0 2px 0 0;
}
.videopagination a.pageno.current {
	background: #FF00FF;
}
.videopagination a.pageno:hover {
	background: #EBEBEB;
}
.pagenumbersleft{
float: left;
display:table;
width: 50;
}
.pagenumbersmiddle{
text-align:middle;
float: left;
display:block;
width:420px;
}
.pagenumbersright{
float: left;
display:table;
width: 50;
}
.edit{

}
.editform{
float: left;
width: 900px;
padding: 10px;
background-color:#eee;
position:absolute;
clear: both;
}

.foto2{
	float:left;
	padding:5px;
}

.title a, .date a{
color: #000000;
text-decoration: none;
}

.title a:hover, .date a:hover{
color: #000000;
text-decoration: underline;
}