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



/* POSITIONING SUB DIVS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/
#contentbox p{
	clear:both;
}



/* LOGO
-------------------------------------------------------------------------------------*/
div#logo span{
	display:block;
}

div#logo a{
	color:#000;
	text-decoration:none;
}

div#logo a:hover,
div#logo a.locator{
	color:#f00;
}

div#logo span.stefan{
	font-size:105%;
}

div#logo span.prins{
	font-size:170%;
	margin:-39px 0 0 -2px;

}


/* HEADNAV
-------------------------------------------------------------------------------------*/
ul#headnav{
	margin-top:-2px;
}

/*ul#headnav li{
}*/

ul#headnav li a{
	color:#000;
	font-weight:bold;
	font-stretch:extra-condensed;
	text-decoration:none;
}

ul#headnav li a:hover,
ul#headnav li.biografie a:hover,
ul#headnav li.contact a:hover,
ul#headnav li.links a:hover{
	color:#f00;
}

ul#headnav li.composes{
	font-size:220%;
	margin-bottom:-14px;
}

ul#headnav li.performs{
	font-size:230%;
	margin-bottom:22px;
}

ul#headnav li.performs a,
ul#headnav li.composes a{
	padding-right:17px;
	background:url(../img/bg_navpijl.gif) no-repeat right 6px;
}

ul#headnav li.performs a:hover,
ul#headnav li.composes a:hover{
background-position:right -26px;

}


/*ul#headnav li.calender{
	font-size:170%;
	margin-bottom:-9px;
}*/

ul#headnav li.whatson{
	font-size:170%;
	margin-bottom:12px;
}

ul#headnav li.biografie{
	font-size:150%;
	margin-bottom:0px;
}

ul#headnav li.biografie a{
	color:#4a4a4a;
}


ul#headnav li.contact{
	font-size:120%;
}

ul#headnav li.contact a{
	color:#666;
}

ul#headnav li.links{
	font-size:105%;
}

ul#headnav li.links a{
	color:#919091;
}



/* UL CONTENTBOX
-------------------------------------------------------------------------------------*/
#contentbox ul{
	width:465px;
	margin:10px 0 20px 0;
}

#contentbox ul li{
	margin:0 0 5px 0;
	padding-left:10px;
	font-size: 95%;
	line-height:150%;
	background:url(../img/bullet.gif) no-repeat 0 3px;
}


#contentbox ul li span{
	display:block;
	width:475px;
	height:130px;
	margin:3px 0 20px;
	background:url(../img/raster_small.gif) repeat 0 0;
}

#contentbox ul li span img{
	float:left;
	margin-right:10px;
	/*clear:right;
	display:block;*/
	border:none;
}


/* UL ARCHIVELIST
-------------------------------------------------------------------------------------*/
ul.archivelist{
	float:left;
	width:465px;
	border:1px solid red;
}

ul.archivelist li{
	width:465px;
	height:auto;
}

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


ul.archivelist ul li{
	border-bottom:none;
}


ul.archivelistt li.date{
	width:400px;
}

ul.archivelist li.date p,
ul.archivelist li.subject p{
	font-size:90%;
	color:#666;
	
}


ul.archivelist li.subject{
	width:400px;
	padding:4px 0 0 2px;
	
	color:#666;
}

ul.archivelist li.subject p a{
display:block;
}

/* ANCHORLIST
-------------------------------------------------------------------------------------*/
ul.anchorlist{
	width:485px;
	margin:0;
	margin-right:-25px;
	padding:10px 0;
	border-left:1px solid #ccc;
	background:url(../img/raster_small.gif) repeat 0 0;
}

#contentbox ul.anchorlist li{
	margin:0 0 1px 0;
	font-size:95%;
	color:#666;
	background:none;

}

#contentbox ul.anchorlist li h6{
margin:0;
	padding:5px 0 0 0;
}

#contentbox ul.anchorlist li a{
	padding:0 0 0 5px;
}

/*#contentbox ul.anchorlist li h6 a{
	padding:0
}


#contentbox ul.anchorlist li h6 a:hover{
	color:#333;
}*/



/* FIELDSET
-------------------------------------------------------------------------------------*/

fieldset{
	float:left;
	*float:none;
	clear:right;
	width:460px;
	margin:0 0 25px 0;
	padding:15px 25px 15px 0;
	*padding:0px 25px 15px 0;
	border:none;
	background:url(../img/raster_small.gif) repeat 0 0;
}

legend{
	padding:24px 0 0 0;
	*padding:0px 0 0 0;
	*margin:-8px 0 10px -9px;
	font-size:200%;
	color:#fff;
	font-weight:bold;	
}

legend.legendh4{
	padding:10px 0 0 0;
	font-size:120%;
	color:#333;
	font-weight:bold;	
}

dl{
	float:left;
	width:460px;
	padding-bottom:5px;
}



dt,
dd{
	float:left;
	width:460px;
	padding-bottom:5px;
	color:#666;
	font-weight:bold;
	font-size:90%;

}

dl.dllink dt{
	color:#333;
	font-size:115%;
}

dt em{
	font-size: 120%;
	font-weight:bold;
	color:#333;

}

dl.dllink dt em{
	display:block;
	font-size:75%;
	color:#666;
}

dt a{
	float:right;
	padding-right:20px;
	font-size: 110%;
	background:url(../img/bg_ahref_extern.gif) no-repeat right 4px;
	*background:url(../img/bg_ahref_extern.gif) no-repeat right 6px;
}

/*dd a{
	margin:5px 0 10px;
	float:left;
}
*/
dd a.colink{
	margin:-15px 0 10px;
	float:left;
}

dt a:hover,
dd a:hover{
	background-position:right -10px;
	*background-position:right -8px;

}

dl.dllink dd a{
	float:left;
	margin-top:-15px;
_margin-top:6px;
	margin-bottom:5px;
	padding-right:20px;
	background:url(../img/bg_ahref_extern.gif) no-repeat right 4px;
	*background:url(../img/bg_ahref_extern.gif) no-repeat right 6px;

}

dl.dllink dd a:hover{
	background-position:right -10px;
	*background-position:right -8px;
}

dd{
	padding-top:10px

}

em.output{
	padding-left:5px;
	color:#333;
	font-size:110%;
}

fieldset dd em.output{
	display:block;
	margin:-15px 0 0 45px; 
	width:390px;
}



/*  WORKSFIELDSETBOX + FIELDSET WORKS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/
div.worksfieldsetbox{
	float:left;
	width:485px;

	
	margin:25px 0;
}

div.worksfieldsetbox h3{
	margin-bottom:-13px;
	font-size:295%;
	font-weight:bold;
	color:#f7f7f7;
}

div.worksfieldsetbox fieldset{
	
	width:485px;
	*height:auto;
	margin-bottom:25px;
	padding:0;
}

div.worksfieldsetbox fieldset dl{
	float:left;
	width:485px;
	margin:0;
	padding:6px 0 0px;
	background:url(../img/bg_fieldsetcorner.gif) no-repeat bottom right;
}

div.worksfieldsetbox fieldset dt{
	width:99%;
	_width:465px;
	padding:0 0 10px 0;
	margin:-10px 0 5px;
	color:#fff;
	font-size:225%;
	font-weight:bold;
	text-align:right;
}

div.worksfieldsetbox fieldset dt a{
	font-size: 45%;
	margin:0;
	display:block;
}


div.worksfieldsetbox fieldset dt.dtincoming{
	margin-bottom:2px;
	*margin-bottom:2px;

	padding:5px 0 0px 20px;
	*padding:25px 0 0px 20px;

	font-size: 110%;
	font-weight:bold;
	color:#333;
	text-align:left;
	line-height:60%;
	*line-height:80%;

	background:#fff url(../img/bg_newspijl.gif) no-repeat 0 -3px;
	*background:#fff url(../img/bg_newspijl.gif) no-repeat left bottom;

}


div.worksfieldsetbox fieldset dd{
	width:90%;
float:left;
	padding:10px 20px;
	color:#333;
	font-size:93%;
	font-weight:normal;
	line-height:135%;
}


div.worksfieldsetbox fieldset img{
    float:left;
    margin:10px 10px 10px 0;
}
div.worksfieldsetbox fieldset dd em{
    display:block;
    clear:both;
}


/*  MAILFORM / .TABLECONTACT
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/
form{
	margin-top:25px;
	padding:20px 0;
	background:url(../img/raster_small.gif) repeat 0 0;
}


table.tablecontact{
	width:394px;
}

table.tablecontact tr{
	width:394px;
	display:block;
	padding:0 0 10px 0;
}

table.tablecontact tr.spacer{
	height:10px;
	padding:0;
}


table.tablecontact td.label{
	width:120px;
	padding-right:10px;
	text-align:right;
	vertical-align:top;
}

table.tablecontact td.input{
	width:240px;
}