.progpop {
	position:absolute;
	top: 0px;
	left:228px;
	width:350px;
	height:215px;
	padding:10px 15px 0px 15px;
	background-image: url(../images/bgtoppopact.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	}


#switches ul {
	list-style: none;
}

#switches li {
	list-style:none;
	margin: 0;
	background-image: url(http://www.locatevents.com/images/bgprogbutoff.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#switches li a { 
        display: block;
		padding-top: 0.5em;
		padding-left: 0.3em;
		padding-bottom: 0.1em;
        text-decoration: none;
		height:24px;
}


 * html #switches li a {  /* make hover effect work in IE */
	width: 210px;
}


#switches li:hover  {
	background-image: url(http://www.locatevents.com/images/bgprogbutonn.png);
	background-repeat: no-repeat;
	background-position: left top;	
}

#switches a {
 margin-left: 3px; /* Width of the graphic */
 text-decoration:none;
 color:#000;
}

#switches a:hover {
 color:#000;
 text-decoration:none;
}


/*---- OPMAAK ----*/
#slides h2 { font-size:1.6em; color:#333333; font-weight:normal;}
#slidesa h2 { font-size:1.6em; color:#333333; font-weight:normal;}


/*----- OPSOMMING ACTIVITEITEN POPUP  ------*/

.progactall {
	position:absolute;
	top: 0px;
	left:228px;
	width:155px;
	height:auto;
	padding:10px 15px 15px 15px;
	background-image: url(../images/bgtoppop.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	}

#switchesa ul {
	list-style: none;
}

#switchesa li {
	list-style:none;
	margin: 0;
	background: url(http://www.locatevents.com/images/act_bullet.gif) no-repeat right;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color:#CCCCCC;
}

#switchesa li a { 
        display: block;
		padding-top: 0.1em;
		padding-left: 0.1em;
		padding-bottom: 0.1em;
        text-decoration: none;
}


 * html #switchesa li a {  /* make hover effect work in IE */
	width: 210px;
}


#switchesa li:hover  {
	background: url(http://www.locatevents.com/images/act_bullet_on.gif) no-repeat right; 
}

#switchesa a {
 margin-left: 3px; /* Width of the graphic */
 text-decoration:none;
 color:#000;
}

#switchesa a:hover {
 color:#000000;
 text-decoration:none;
}


/* ----- POPUP ACTIVITEIT -----*/

.progact {
	position:absolute;
	top: 0px;
	left:408px;
	width:250px;
	height:200px;
	padding:10px 15px 15px 15px;
	background-image: url(../images/bgtoppopact.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	}
	
.progprog {
	position:absolute;
	top: 0px;
	left:408px;
	width:250px;
	height:240px;
	padding:10px 15px 15px 15px;
	background-image: url(../images/bgtoppopact.png);
	background-repeat: repeat-y;
	background-position: right bottom;
	}