html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	}
		
#home {
	width: 950px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	}
	
#main {
	position: relative;
	top: 0px;
	z-index: 2;
	width:950px;
	height:577px;
	margin:0 auto;
	padding:0px;
	}	

#top {
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 0px;
	width:950px;
	height: 223px;
	padding: 0px;
	}

		
#name {
	position: relative;
	top: 129px;
	height: 54px;
	padding: 0px 0px 0px 220px;
	_background-color: #993399;
	_filter: alpha(opacity=90);
	background: transparent url(../ima/purple.png) 0 0;
	}
#name img {
	padding: 13px 0px 0px 0px;
	}		
/* navigatie top */

#nav1 {
	position: relative;
	z-index: 4;
	top:20px;
	}

#nav1 ul {
	padding: 0;
	margin: 0px 0px 0px 0px;
	list-style: none;
	}
	
#nav1 li { 
	position : relative;
	float : left;
	line-height : 1.6em;
	margin: 0px 1px;
	}
#nav1 li:first-child { 
	position : relative;
	float : left;
	line-height : 1.6em;
	margin: 0px 1px 0px 0px;
	}
#nav1 li a {
	display : block;
	font-family: arial, helvetica, serif;
	font-size: 1.1em;
	text-transform: uppercase;
	color : #993399;
	font-weight : bold;
	text-decoration : none;
	padding : 0px 4px 0px 4px;
	_background-color: #ffffff;
	_filter: alpha(opacity=90);
	background: url(../ima/opaque.png) 0 0;
	}
	
#nav1 li span {
	display : block;
	font-family: arial, helvetica, serif;
	font-size: 1.1em;
	color : #ffffff;
	font-weight : bold;
	padding : 0px 4px 0px 4px;
	background: url(../ima/purple.png) 0 0;}
	
#nav1 li a:hover {
	_background-color: #993399;
	_filter: alpha(opacity=90);
	background: url(../ima/purple.png) 0 -18px;
	color : white;
	}		
		
/* end navigatie top */

/*verdeling van de content */
#content {
	position: absolute;
	width: 950px;
	top: 223px;
	left: 0px;
	height: 300px;
	display: block;
	text-align: left;
	}

#leftcontent {
	position: absolute;
	width:220px;
	}

#playlist {
	position: absolute;
	left:220px;
	width:255px;
	}
	
#news {
	position: absolute;
	left:475px;
	width:255px;
	}
	
#agenda {
	position: absolute;
	left:730px;
	width:220px;
	}
/* eind verdeling van de content */

/* navigatie links */


#nav2 { 
	padding: 8px 0px 10px 0px;
	margin: 0;
	list-style: none;
	float : left;
	width : 220px;
	_filter: alpha(opacity=70);
	background: url(../ima/opaque.png);
	
	}

	#nav2 ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	float : left;
	width : 170px;
	_filter: alpha(opacity=70);
	background: url(../ima/opaque.png);
	
	}
	
	#nav2 li { 
	position : relative;
	float : left;
	line-height : 1.8em;
	margin-bottom : -1px;
	width: 220px;
	
	}
	#nav2 ul li { 
	position : relative;
	float : left;
	line-height : 1.8em;
	margin-bottom : -1px;
	width: 170px;
	}	
	
	#nav2 li a .pijl { 
	display: inline;
	font-family: Webdings;
	color: #993399;
	}
	#nav2 li ul { 
	position : absolute;
	left: -999em;
	margin-left : 220px;
	margin-top : -18px;
	}
	
	#nav2 li ul ul { 
	left: -999em;
	}
	
	#nav2 li a {
	display : block;
	font-family: arial, helvetica, serif;
	font-size: 1.1em;
	color : #993399;
	font-weight : bold;
	text-decoration : none;
	padding : 0px 0px 0px 4px;
	}
	
	#nav2 li span {
	display : block;
	font-family: arial, helvetica, serif;
	font-size: 1.2em;
	color : #bb66aa;
	font-weight : bold;
	padding : 18px 0px 0px 4px;
	}
	
	#nav2 li a:hover {
	color : white;
	background-color : #993399;
	}
	
	#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {
	left: -999em;
	}
	
	#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul { 
	left: auto;
	}
	
/* end navigatie links */

	
#blue-button {
	width:250px;
	height: 17px;
	background: #6bc;
	padding : 3px 0px 0px 4px;
	font-family: arial, helvetica, serif;
	font-size: 1.1em;
	color : #ffffff;
	font-weight : bold;}

#blue-button-agenda {
	width:216px;
	height: 17px;
	background: #6bc;
	padding : 3px 0px 0px 4px;
	}
	
#blue-button a, #blue-button-agenda a {
	display: block;
	font-family: arial, helvetica, serif;
	font-size: 1.1em;
	color : #ffffff;
	font-weight : bold;
	text-decoration: none;
	}
#blue-button a .pijl, #blue-button-agenda a .pijl {
	display: inline;
	font-family: Webdings;
	font-size: 1.2em;
	color: #ffffff;}
	
#blue-button a:hover, #blue-button-agenda a:hover {
	color : #993399;
	}
	
#player-content {
	visibility:visible;
	width:255px;
	position:relative;
	}
	
#news-content {
	visibility:visible;
	_filter: alpha(opacity=90);
	background: url(../ima/opaque.png);
	width:254px;
	position:relative;
	padding-top: 5px;
	}
	
#news-item {
	padding: 4px 4px 4px 4px;
	border-top: 1px dashed #993399;
	}
	
#news-item .date {
	display: block;
	margin-bottom: 4px;
	font-family: arial;
	font-size: 1.1em;
	color: #993399;
	text-transform: uppercase;
	line-height: 1.3em;}

#news-item a {
	font-family: arial;
	font-size: 1.1em;
	line-height: 1.3em;
	font-weight: bold;
	color: #993399;
	text-decoration: none;
	}
	
#news-item a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #993399;
	}
	
#news-item p {
	margin: 2px 0px 4px 0px;
	font-family: arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #555555;
	line-height: 1.3em;
	}

#agenda-content {
	visibility:hidden;
	_filter: alpha(opacity=90);
	background: url(../ima/opaque.png);
	width:220px;
	position:relative;
	padding-top: 5px;
	}
	
#agenda-item {
	padding: 4px 4px 4px 4px;
	border-top: 1px dashed #993399;
	}

#agenda-item .date {
	display: block;
	margin-bottom: 4px;
	font-family: arial;
	font-size: 1.1em;
	color: #993399;
	text-transform: uppercase;
	line-height: 1.3em;}
	
#agenda-item .agenda-date {
	font-family: arial;
	font-size: 1.1em;
	color: #ffffff;
	float: left;
	background-color: #993399;
	line-height: 1.3em;}

#agenda-item a {
	font-family: arial;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.3em;
	color: #993399;
	text-decoration: none;
	}
	
#agenda-item a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #993399;
	}
	
#agenda-item p {
	margin: 2px 0px 4px 0px;
	font-family: arial;
	font-size: 1.1em;
	font-weight: normal;
	color: #666666;
	line-height: 1.3em;
	}

#footer {
	position: relative;
	height: 20px;
	margin-top: 5px;
	padding-top: 3px;
	font-family: arial;
	font-size: 1.1em;
	font-weight: bold;
	color: #993399;
	border-top: 1px solid #993399;}	
/* end homepage */
#footer .copy {
	padding-top: 5px;
	padding-right: 5px;
	float: left;
	}

#footer a {
	text-decoration: none;
	}

#footer a:hover {
	text-decoration: none;
	background: none;}