@charset "UTF-8";
/* CSS Document */

div#preload {display:none;}

p.clear {clear:both;}

span.intro p {
		font: 12px/15px Verdana, Geneva, sans-serif;
}

a#readmore:focus {outline:none;}
div.more {display:none;}

span.credits a {color:#222;}
span.credits a:hover {color:#747474;}

dl 
{
	display:block;
	clear:both;
	background:url(../img/divider.gif) no-repeat bottom left;
	padding-bottom:14px;
	margin-top:8px;
}
dl.submit {height:24px;background:none;}

dl input {
	border:none;
	border-color:white;
	cursor:pointer;
	}
dl input:hover { color:#808080;}

dl input#username {width:395px;}
dl input#password {width:395px;}

dt#submit-label {display:none;}

dl.submit input#submit {position:absolute;left:0;width:100px;}

form label { font-weight:bold;}



ul.errors {color:red;}
iframe {
	border:none;
	display:none;
}

ul.media {
	padding:0; 
	margin:0 0 10px 0; 
}
	
ul.media li, ul#news li a span, ul.download li span {
	padding:5px 10px 10px 0;
	width:25px;
	height:10px;
	background:url(../img/bgMediaLoading.gif) 0 5px no-repeat;
}

ul#news li a span {
	position:relative;
	/*display:inline-block;*/
	margin-left:3px;
}
ul.download li span{
	float:left;
}

div.media ul.media {
	background:url(../img/divider.gif) no-repeat bottom left;
	padding-bottom:0 ;
	margin-bottom:0;
	padding-bottom:14px;
	margin-top:0;	
}
div.playlist ul.media{
	padding-bottom:0px;	
}
div.playlist ul.media li{
	padding-bottom:5px;	
}
		
div.media h3 {
	background:url(../img/divider.gif) no-repeat bottom left;

	padding-top:11px;
	padding-bottom:12px;
	margin-bottom:12px;
}
div.playlist h3 {
	margin-top:0;
}

ul.more, ul.files {
	margin-top:-10px;
	margin-bottom:15px;
	padding-top:0;
}
ul.more li, ul.files li {
	background:url(../img/divider.gif) no-repeat bottom left;
	padding-bottom:12px;
	padding-top:8px;
	margin-top:0;
	position:relative;
}

ul.more li ul
{
	margin:8px 0 16px 0;
	background:url(../img/divider.gif) no-repeat top left;
}

ul.more li a, ul.files li a {color:#000000;font-weight:bold; margin-top:1px;}
ul.more li a:hover, ul.files li a:hover {color:#808080;}
ul.more li i, ul.files li i {color:#C6C6C6;font-style:normal;margin:0 5px;}
	 	
ul.more li.mailinglijst a {color:#999; outline:none;}
ul.more li.mailinglijst a:hover {color:#222222;}

ul.more div.popup {
	position:absolute;
	top:5px;
	left:130px;
	background-color:black;
	color:white;
	padding:5px;
	width:327px;
	display:none;
}

div.detail ul.media, body.list ul.media {background:none;}
	
ul.media li {
	float:left;
}
ul.download {
	padding-bottom:8px;
	background:url(../img/divider.gif) no-repeat bottom left;
}
ul.links {
	padding-bottom:10px;
	background:url(../img/divider.gif) no-repeat bottom left;
}


ul.links li a {color:#222;}
ul.links li a:hover {color:#c6c6c6;}

div.press ul.download li
{
	clear:both;
	background:url(../img/divider.gif) no-repeat top left;
	padding-top:8px;
}
ul.download li a {color:#222;font-weight:bold;}
ul.download li a:hover {color:#808080;}

div.press ul.download li img, div.press ul.download li p {
	float:left;
}
div.press ul.download li img {margin-right:10px;margin-top:-4px;}

ul.media li.marge {width:10px;background:none;}

ul.media li img, ul#news li a span img, ul.download li span img {visibility:hidden;}

ul.media li.video img {visibility:visible;}

ul.media li.video a img {border:none;}

ul#bckMedia
{
	/*position:absolute;*/
	position:fixed;
	top:0;
	left:0;
}
ul#bckMedia li {visibility:hidden;}
ul.list {
	background:url(../img/divider.gif) no-repeat bottom left;
	padding-bottom:11px;
	margin-bottom:10px;
}
ul.list li {	
	color:#C6C6C6;
	line-height:15px;
	position:relative;
}

/*ul.list li div a {color:#808080;display:block;clear:both;}
ul.list li div a:hover { color:#fff;}*/

ul.list li div a { color: #000;}
ul.list li div a:hover { color: #747474;}
	
ul.list li a {
	/*float:left;*/	
	color:#000000;
}
ul.list li a:hover {color:#808080;}

ul.list li span i {color:#C6C6C6;font-style:normal;}

ul.list li span.venue {float:left;color:#000000;margin-right:15px;}
ul.list li div {float:right;}
ul.list li div.popup {
	position:absolute;
	/*background-color:black;*/
	right:-208px;
	top:-10px;
	padding:10px 10px 10px 20px;
	z-index:100;
	display:none;
	float:none;
	width: auto;
	background: url(../img/tickets_bck.gif) repeat-y left top;
}
ul.list li div.popup a {color: #c6c6c6;}
ul.list li div.popup a:hover {color: #fff;}

ul.workshops { background:none; margin-bottom:0; padding-bottom: 0;}
ul.workshops li   {
	color:#000;
	background:url(../img/divider.gif) no-repeat bottom left;
	padding-bottom:10px;
	margin-bottom:9px;
	}
ul.workshops li span a {color: #747474;}
ul.workshops li i {
	color:#747474!important;
	font-style:normal;
	}

ul#footer li {position:relative;}
ul#footer li ul{
	position:absolute;
	left:0;
	bottom:0;
	width:75px;
	background:url(../img/divider.gif) no-repeat top left;
	display:none;
	padding-bottom:25px;
}
ul#footer li:hover ul {display:block;}
ul#footer li ul li  {
	clear:both;
	display:block;
	float:left;
	width:100%;
	}
ul#footer li ul li a {
	display:block;
	background:url(../img/divider.gif) no-repeat bottom left;
	padding:5px 0;
}
ul#footer li a:hover {color:#222;}

div.contact p a strong {color:#000000;}
div.contact p a:hover {color:#000000;}


/*ul#bckMedia li {display:none;}


/*
ul#bckMedia {
position:relative;
z-index:-1;}


ul#bckMedia li img {visibility:hidden;}*/

/*pager*/

div.media div.paging {padding-top:14px;}

div.prev {
	float:left; 
	margin-right:6px; 
	background:url(../img/pager_divider.gif) no-repeat right;
	padding:0 8px 0 0;
}

div.prev a { 
	color:#000;
	background:url(../img/pager_left1.gif) no-repeat left;
	padding:0 0 2px 11px;
	outline:none;

}

div.prev a.nolink {
	background:url(../img/pager_left2.gif) no-repeat left;
	padding:0 0 2px 11px;
	color:#999;
}

div.next { 
	float:left;
}

div.next a { 
	color:#000;	
	background:url(../img/pager_right1.gif) no-repeat right;
	padding:0 11px 2px 0;
	outline:none;
}

div.next a.nolink { 
	color:#999;
	background:url(../img/pager_right2.gif) no-repeat right;
	padding:0 11px 2px 0;
}

input.loginButton { 
	text-align:left; 
	padding:0;
	background:none;}

/*header login*/

div.loginheader { 
	background:url(../img/divider.gif) no-repeat bottom;
	padding-bottom:13px;
	font-size:13px;
}

div.loginheader a { display:block; float:right; color:#000; }
div.loginheader a:hover { color:#999;}

ul#archive  {background:url(../img/divider.gif) no-repeat top left;}

ul#archive li {
	position:relative;	 
	background:url(../img/divider.gif) no-repeat bottom left;
	padding:10px 0;

}
ul#archive li.voorstellingen {z-index:3;}
ul#archive li.mensen {z-index:2;}
ul#archive li.artikelen {z-index:1;}

ul#archive li ul li {display:none;}
ul#archive li ul li:hover {cursor:pointer;color:#999;}
ul#archive li ul#years {
	z-index:100;
	position:absolute;
	left:100px;
	top:3px;	
	width:80px;
	padding-bottom:7px;
}
ul#function {
/*	background-color:black;
	color:white;*/
	z-index:90;
	position:absolute;
	left:100px;
	top:3px;	

	padding-bottom:7px;		
}
ul#function li.header {display:block;}

ul#people {
	z-index:90;
	position:absolute;
	left:275px;
	top:3px;	
	width:240px;	
	padding-bottom:7px;		
}

ul#people.peopleEnglish {left:320px;}
/*ul#people li {display:block!important;}*/

ul#archive li ul li.header {background:none;padding:7px 10px;font-weight:normal;display:block;}
ul#archive li ul li {background:none;padding:3px 10px;font-weight:bold;}

ul#archive li ul#voorstelling {
	z-index:100;
	position:absolute;
	left:200px;
	top:3px;	
	width:240px;	
	padding-bottom:7px;	
}

ul#tags {
/*	background-color:black;
	color:white;*/
	z-index:80;
	position:absolute;
	left:100px;
	top:3px;	
	padding-bottom:7px;		
}
ul#tags li.header {display:block;}

div#noAjaxContent ul.more li {display:none;}
div#noAjaxContent ul.more li.active {display:block;}

ul#downloads {
	z-index:80;
	position:absolute;
	left:200px;
	top:3px;	
	width:240px;	
	padding-bottom:7px;		
}

