/*

*/

div {
}

@import "reset.css";

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

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

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

h1, h2, h3, h4, h5, h6 {
	font-family: "Courier New", Courier, monospace;
}
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: "Courier New", Courier, monospace;
	border-left: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
input.submit {
	background: none;
	border: none;
	text-transform: uppercase;
	padding: 0;
}
fieldset {
	border: none;
	padding: 0;
	margin: 0;
}


/* --------- structure -------------------- */
body {
	background: #fff;
	font-family: "Courier New", Courier, monospace;
	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;
}

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

/* toolbar */

#toolbar {
	height: 32px;
	padding: 0 0 0 120px;
	float: right;
	overflow: hidden;
}

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

}

#newsletter input.email, #search input.string {
	width: 105px;
	font-size: 11px;
	padding: 2px 3px 2px 3px;
}
#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;
}

a#rss {
	background: url(../img/rss.png) top left no-repeat;
	width: 38px;
	height: 19px;
	margin: 5px 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: #fed919; }
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 .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;
}

.column {
	width: 450px;
	overflow: hidden;
}
.widecolumn {
	width: 480px;
	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: 10px 0;
	float: right;
	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;
	height: 270px;
	margin: 0 0 15px 0;
}

#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: 115px;
    height: 110px;
    position: relative;
    top: 170px; /* 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 35px;
}
#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: 90px;
	float: left;
	margin: 0 5px 0 0;
}
#shortagenda .block .agenda-item .title {
	width: 140px;
	float: left;
}

/* end shortagenda */


/* fullagenda */

#fullagenda {
}
#fullagenda .agendadate {
	clear: both;
	font-size: 14px;
	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 {
	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;
}
#fullagenda .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;
}
#fullagenda .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;
}
#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: 50px;
	background: url(../img/black60.png) 0 0 repeat;
	display: block;
	overflow: hidden;
	width: 100%;
	cursor:pointer;
}

#spotlight_v .spotlight-item .overlay .date { 
	color: #FFFF00;
	float: left;
	width: 75px;
	font-size: 11px;
	margin: 5px 10px 0px 10px;
	_margin: 5px 5px 0px 5px;
}
#spotlight_v .spotlight-item .overlay h3.title { 
	color: #FFFFFF;
	margin: 4px 10px 2px 10px;
	_margin: 4px 5px 2px 5px;
	font-size: 11px;
	font-weight: normal;
	line-height: 15px;
}
#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;
}
#spotlight_h .latest-video {
	background: #999;
	height: 160px;
	clear: both;
}
#spotlight_h .latest-video .video-item {
	float: left;
	margin: 0 16px 0 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: 75px; /* 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;
}
#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: 3px 0;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
 	width: 230px;
 	height: 250px;
}

#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/cafetop.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;
}



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

#about #debalie {
	width: 750px;
	background: url(../img/debalietop.png) top left repeat-x;
	padding: 20px 0 10px 0;
	float: left;
	overflow: hidden;
}
#debalie .block {
	width: 235px;
	float: left;
	margin: 0 15px 5px 0;
	clear: top;
}
#debalie .links {
	float: left;
	margin: 8px 0 0 45px;
}
#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;
}
/* 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: 2px 16px 10px 0;
	_margin: 1px 16px 10px 0;
}
#mostviewedvideo .video-item {
	width: 235px;
	float: left;
	margin: 0 16px 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;
	padding: 0 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: #FFF56A;
}
#resources.salmon, #resources h2.salmon {
	background-color: #F7D4A7;
}
#resources h3 {
	font-size: 15px;
	margin: 5px 0 0 0;
}
#resources ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0; 
}
#resources ul li a {
	color: #000000;
	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 */


/* 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;
}

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

/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 990px; 
    height:245px; 
	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: #666666;
} 
 
/* 
    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: 400px;
overflow: hidden;
margin: 0 2px 0 0;
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;
}


#preview .scrollable .items .item img.nulive{
    width: 115px;
    height: 110px;
    position: relative;
    top: 100px; /* 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;
	cursor:pointer;
}
div.scrollable div.items div.item .overlay .date { 
	color: #E4AD3C;
	float: left;
	margin: 5px 10px 3px 10px;
	_margin: 5px 5px 3px 5px;
	width: 125px;
}
#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;
	_margin: 10px 7px 3px 5px;
}
div.scrollable div.items div.item .overlay .tickets { 
	float: right;
	margin: 5px 10px 3px 10px;
	_margin: 5px 5px 3px 5px;
	width: 125px;
	text-align: right;
}
div.scrollable div.items div.item .overlay .tickets a { 
	color: #FF00FF;
	text-decoration: underline;
}
div.scrollable div.items div.item .overlay h3.title { 
	color: #FFFFFF;
	margin: 0 10px;
	_margin: 0 5px;
	font-size: 14px;
	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;
	_margin: 5px 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: 20px;
	line-height: 30px;
	padding: 0 0 13px 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;
	margin: 2px 15px 3px 10px;
	_margin: 2px 7px 3px 5px;
}
div.scrollable div.items div.item img { 
	margin-top: -55px;
}
#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: #333;
    padding-left:400px; 
    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: -180px 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;
}