/* VOOR AAN MET */

#left_menu li {
margin-left: 0px;
}

#left_menu ul li a{
list-style-type: none;
list-style-position: inside;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
height:25px;
width: 60px;
display: block;
background-image: url(../img/menu/voor.png);
}

/* voor aan met */ 
.voor{
background-position: 0px top;
}

.aan{
background-position: 0px -30px;
}

.met{
background-position: 0px -60px;
}
 
/* active */ 
.active_voor{
background-position: -120px top;
}

.active_aan{
background-position: -120px -30px;
}

.active_met{
background-position: -120px -60px;	
}

/* hover */
.voor:hover{
background-position: -60px top;
}

.aan:hover{
background-position: -60px -30px;
}

.met:hover{
background-position: -60px -60px;	
}


/* COMMUNCICATIE CONCEPT COPY */


/* VOOR AAN MET */

#right_menu ul li {
position: relative;
left: -11px;
margin-left: 0px;
margin-bottom: 10px;
margin-right: 0px;
margin-top: 0px;
padding:0;
height: 21px;
width: 160px;
}

#right_menu ul li a{
list-style-type: none;
list-style-position: inside;
background-repeat: no-repeat;
text-indent: -9999px;
overflow: hidden;
width: 160px;
 


display: block;
background-image: url(../img/menu/copy.png);
}

/* voor aan met */ 
.communicatie{
background-position: 2px top;
}

.concept{
background-position: 2px -42px;
}

.copy{
background-position: 2px -84px;
}
 
/* hpver */ 
.communicatie:hover{
background-position: -160px top;
}

.concept:hover{
background-position: -160px -42px;
}

.copy:hover{
background-position: -160px -84px;
}


.active_communicatie{
background-position: -319px top;
}

.active_concept{
background-position: -319px -42px;
}

.active_copy{
background-position: -319px -84px;
}