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



/* GENERAL STYLING ELEMENTS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/

body{
/*	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana, sans-serif;
*/	background:#fff url(../img/bg_visual_soundwaves.jpg) no-repeat center top;
	font-family: "Helvetica", Helvetica, Geneva, Arial, sans-serif;

}


h1{
	font-size: 160%;
}

h2{
	font-size: 140%;
}


h3{
	font-size: 130%;
}


h4{
	font-size: 120%;
}

h5{
	font-size: 110%;
}

h6{
	font-size: 105%;
}


p{
	font-size:95%;
	line-height:150%
}

blockquote{
	padding:0 40px 20px 20px;
	font-size:90%;
	line-height:150%;
	color:#666;
}

em {
	font-size: 90%;
}

strong{
	font-weight:bold;
}


a:link{ 
	color: #333;
	text-decoration:underline;
}



a.trigger:link{
	color: #fff;
	font-size:90%;
	text-decoration:none;
}

a:visited{
	color: #333;
}

a:hover{
	color: #f00;
}



a.trigger:hover{
	color: #f00;
}

label,
input, 
select, 
textarea{
	width:210px;
	font-size:95%;
	padding:1px;
}

input.numbers{
	width:60px;
}

 input.submitbtn{
 float:right;
 width:60px;
 margin-right:25px;
 
 }


/* SPECIFIC STYLING ELEMENTS
-------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------*/
h1{
	font-size: 160%;
}

h2{
	margin:0 0 15px 0;
	font-stretch:condensed;
	font-variant:small-caps;
	color:#fff;
	line-height:95%;
	background-color:#000;
	border-bottom:4px solid #666;
}


h3{
	margin:0 0 5px 0;
	font-weight:bold;	
	/*font-variant:small-caps;*/
	color:#333;
}


		
h4{
	font-size: 120%;
	color:#999;
}



h5{
	font-size: 110%;
	font-weight:bold;
	color:#333;

}

h6{
	font-size: 105%;
	font-weight:bold;
	color:#333;
}

p{
	margin:0 0 5px 0;
	color:#333;
	font-weight:bold;
	_font-weight:normal;
}

p+p{
	margin:0 0 5px 0;
	color:#333;
	font-weight:normal;
}

div+p{
	font-weight:normal;
}


p.colink,
p.intlink{
	width:445px;
	padding:10px 0px 5px 0;
	text-align:right;
}

p.intlink{
	margin-right:-20px;
}

#relatedcontent p.colink{
	float:left;
	text-align:left;
	
}

#contentbox p a:link{
	font-weight:normal;
}

p.colink a,
#contentbox p.colink a:link,
#relatedcontent p.colink a:link,
#relatedcontent p.colink a,
#contentbox dd a.colink{
	padding-right:20px;
	font-weight:bold;
	background:url(../img/bg_ahref_extern.gif) no-repeat right 3px;
	*background:url(../img/bg_ahref_extern.gif) no-repeat right 7px;
}

#contentbox p.intlink a{
	font-weight:bold;
	margin-right:-20px;
	background:none;
}


/*use of span:IE hack: a op meerdere regels: span achteraan is picto achteraan*/
a span.colink{
	padding-right:9px;
	text-decoration:none;
	background:url(../img/bg_ahref_extern.gif) no-repeat 3px 4px;
	*background:url(../img/bg_ahref_extern.gif) no-repeat 3px 6px;
}

a:hover>span.colink{
	background-position:3px -10px;
	*background-position:3px -8px;
}

p.colink a:hover,
#contentbox p.colink a:hover,
#relatedcontent p.colink a:hover,
#relatedcontent p a.colink:hover,
#contentbox dd a.colink:hover{
	background-position:right -11px;
	*background-position:right -7px;
}

a.pdf,
a.mp3,
#contentbox p.intlink a.pdf,
#contentbox p.intlink a.mp3{
	padding-right:14px;
	background:url(../img/bg_pdf.gif) no-repeat right 0px;
}

a.mp3,
#contentbox p.intlink a.mp3{
background:url(../img/bg_mp3.gif) no-repeat right 0px;
}


a.pdf:hover,
a.mp3:hover,
#contentbox p.intlink a.pdf:hover,
#contentbox p.intlink a.mp3:hover{
	background-position:right 0px;
}

p.topanchor{
	float:left;
	width:100%;
	margin:-10px 0 20px 0;
	text-align:right;
}

p.topanchor a{
	display:block;
	float:right;
	margin-right:2px;
	*margin-top:10px;
	padding-right:12px;
	background:url(../img/bg_pageup.gif) no-repeat right top;
}

p.topanchor a:hover{
	background-position:right -16px;
}

#contentbox p{
	padding-right:40px;

}

#contentbox div.img,
#contentbox object,
#contentbox div#youtubeplayer,
#contentbox div#youtubeplayer01,
#contentbox div#youtubeplayer02,
#contentbox div#myspaceplayer{
	float:left;
	*float:none;
	width:485px;
	margin:10px 0 20px;
	*padding:0;
	/*border:1px solid #ccc;
	border-width:1px 0;*/
	background:transparent url(../img/raster_small.gif) repeat 0 0;
}

/*#contentbox div.img{
	width:485px;
}*/


/*#contentbox div#youtubeplayer{
	padding-right:0px;
}

#contentbox div#myspaceplayer{
	padding-right:35px;
}*/

h3 em{
	display:block;
	padding-top:5px;
	font-size: 70%;
	color:#666;
}


h3 em a:link,
h4 a:link{ 
	color:#ccc;
	text-decoration:none;
}

h3 em a:visited,
h4 a:visited{ 
	color:#ccc;
	text-decoration:none;
}

h3 em a:hover, 
h3 em a.locator,
h4 a:hover{ 
	color: #f00;
	text-decoration:none;
}


h3 em a.locator{ 
	color: #f00;
	text-decoration:none;
}



h6.h6incoming{
	padding:5px 0 5px 25px;
	font-size: 105%;
	font-weight:bold;
	color:#333;
	background:#fff url(../img/bg_calendar_down.gif) no-repeat 0 0;
}




div#footer ul{
	float:left;
	margin:0 0 0 140px;
	_margin:0 0 0 70px;

	width:485px;
	background-color:#999;
	border-top:4px solid #ccc;
}

div#footer ul li{
	float:left;
	padding:2px;
	font-size:85%;
	color:#666;
	
}

div#footer ul li a.gridical{
	padding-left:20px;
	color:#666;
	text-decoration:none;
	background:url(../img/logo_gridical.gif) no-repeat left 0px;
	*background:url(../img/logo_gridical.gif) no-repeat left 4px;

	
}
div#footer ul li a.gridical:hover{
	color:#fff;
	background:url(../img/logo_gridical.gif) no-repeat left -11px;
	*background:url(../img/logo_gridical.gif) no-repeat left -7px;
	
}