@charset "UTF-8";
/*-----------------------------------------------------------------
Startdate:		1Oktober2007
Project:		Stefan Prins/Composer-Performer
Copyright:		Stefan Prins
Design:			Ward Monteyne
Develop:		Ward Monteyne
Last Edited:
Last Editor:	
------------------------------------------------------------------*/

/* RELATED BANNER
-------------------------------------------------------------------------------------*/

div#relatedbanner{
	float:left;
	width:235px;
	height:235px;
	*height:239px;
}


/* MUSIC PLAYER
-------------------------------------------------------------------------------------*/
#musicplayer{
	width:235px;
	height:52px;
	margin-top:125px;
	padding:5px 0;
	background:url(../img/raster_small.gif) repeat 0 0;
}


/* RELATED CONTENT
-------------------------------------------------------------------------------------*/

div#relatedcontent{
	float:left;
	width:235px;
}

div#relatedcontent h3,
div#relatedcontent h4{
	float:left;
	width:235px;
	margin:0 0 10px 0;
	padding:3px 0 0;
	font-weight:normal;
	font-stretch:semi-expanded;
	
	line-height:65%;
	color:#fff;
	
	background-color:#000;
	border-bottom:2px solid #999;
}

div#relatedcontent h4{
	margin:0 0 5px 0;

	line-height:40%;
	color:#fff;
	font-size:95%;

	border:solid #ccc;
	border-width:0 0 2px 0;
	background-color:#333;
}

div#relatedcontent h4 a{
	color:#fff;
	font-weight:normal;
}

div#relatedcontent h4 a:hover{
	color:#f00;
}



/*div.newsbox h4{
	margin:0;
	padding:0px;

	line-height:50%;
	color:#fff;
	
	background-color:#333;
	border:solid #ccc;
	border-width:0 0 2px 0;
}*/







ul.subjectlist{
	display:none;
	float:left;
	width:235px;
	margin:0 0 25px 0;
}

body#biography ul.subjectlist,
body#index ul.subjectlist,
ul.subjectlistopen{
	display:block;
}

body#year2010 ul#expandul_c03,
body#year2009 ul#expandul_c02,
body#year2008 ul#expandul_c01,
body#year2007 ul#expandul_c1,
body#year2006 ul#expandul_c2,
body#year2005 ul#expandul_c3,
body#year2004 ul#expandul_c4,
body#year2003 ul#expandul_c5,
body#year2002 ul#expandul_c6,
body#year20042007_installations ul#expandul_c001,
body#year20042007_installations_2006 ul#expandul_c001,
body#year20042007_installations_2006 ul#expandul_c2{
	display:block;
}



/*body.solo ul#expandul_c1,
body.chambermusic ul#expandul_c2,
body.ensemble ul#expandul_c3,
body.orchestra ul#expandul_c4,
body.liveelectro ul#expandul_c5,
body.nonliveelectro ul#expandul_c6{
	display:block;
}*/

body#solo ul#expandul_c1,
body#solo.liveelectro ul#expandul_c1,
body#solo.liveelectro ul#expandul_c5,
body#solo.liveelectro ul#expandul_c001,
body#chambermusic ul#expandul_c2,
body#ensemble ul#expandul_c3,

body#ensemble.liveelectro ul#expandul_c3,
body#ensemble.liveelectro ul#expandul_c5,

body#orchestra ul#expandul_c4,
body#liveelectro ul#expandul_c5,
body#liveelectro.dance ul#expandul_c001,
body#liveelectro.plasticalart ul#expandul_c002,
body#nonliveelectro ul#expandul_c6{
	display:block;
}






ul.subjectlist li,
ul.subjectlistopen li{
	width:235px;
	float:left;
	padding:4px 0;
	/*border-bottom:1px dotted #ccc;*/
}

ul.subjectlist li.alternate,
ul.subjectlistopen li.alternate{
	background:url(../img/raster_small.gif) repeat 0 0;
}


ul.subjectlist ul.callfirstcoming,
ul.subjectlistopen ul.callfirstcoming{
	float:left;
	margin-left:-1px;
	width:234px;
	border:1px solid #f00;
	border-width:0 1px;
	background:url(../img/raster_smallRed.gif) repeat 0 0;
}

ul.subjectlist ul li,
ul.subjectlistopen ul li{
	border-bottom:none;
}


ul.subjectlist li.date,
ul.subjectlistpen li.date{
	width:65px;
	padding:0;
}

ul.subjectlist li.date p,
ul.subjectlist li.subject p,
ul.subjectlistopen li.date p,
ul.subjectlistopen li.subject p{
	font-size:90%;
	color:#666;
		padding:0;
	
}


ul.subjectlist li.subject,
ul.subjectlistopen li.subject{
	width:166px;
	padding:2px 0 0 2px;
	
	color:#666;
}

ul.subjectlist li.subject p a,
ul.subjectlistopen li.subject p a{
display:block;
}

em.location,
em.listen{
	display:block;
	color:#333;
	font-size:95%;
}

em.listen{
	text-align:right;
}


/* NIEUWSBOX
-------------------------------------------------------------------------------------*/
.relatedcontentbox{
	float:left;
	width:235px;
	height:auto;
	margin-bottom:20px;
	
	background-color:#fff;
}



/* CALENDERBOX
-------------------------------------------------------------------------------------*/
#calenderbox{
	float:left;
	width:235px;
	height:150px;
	margin-top:25px;
	background-color:#fff;
}




ul#headnav li a.locator,
ul.subjectlist li a.locator,
div#relatedcontent div.relatedcontentbox h4.locator a,
div#relatedcontent div.relatedcontentbox h3.locator{
	color:#f00;

}