#h_btn_image1 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_home.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image1 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_home.gif") top left no-repeat;
     }	 

#h_btn_image1 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_image2 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_galerij.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image2 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_galerij.gif") top left no-repeat;
     }	 

#h_btn_image2 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_image3 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_projecten.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image3 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_projecten.gif") top left no-repeat;
     }	 

#h_btn_image3 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_image4 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_gietproces.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image4 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_gietproces.gif") top left no-repeat;
     }	 

#h_btn_image4 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_image5 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_biografie.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image5 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_biografie.gif") top left no-repeat;
     }	 

#h_btn_image5 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_image6 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_gastenboek.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image6 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_gastenboek.gif") top left no-repeat;
     }	 

#h_btn_image6 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_image7 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_links.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_image7 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_norm_links.gif") top left no-repeat;
     }	 

#h_btn_image7 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

/* Nu nog alle knoppen een keer in de active uitvoering */

#h_btn_act_image1 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_home.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image1 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_home.gif") top left no-repeat;
     }	 

#h_btn_act_image1 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_act_image2 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_galerij.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image2 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_galerij.gif") top left no-repeat;
     }	 

#h_btn_act_image2 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_act_image3 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_projecten.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image3 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_projecten.gif") top left no-repeat;
     }	 

#h_btn_act_image3 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_act_image4 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_gietproces.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image4 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_gietproces.gif") top left no-repeat;
     }	 

#h_btn_act_image4 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_act_image5 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_biografie.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image5 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_biografie.gif") top left no-repeat;
     }	 

#h_btn_act_image5 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_act_image6 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_gastenboek.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image6 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_gastenboek.gif") top left no-repeat;
     }	 

#h_btn_act_image6 a:hover {	/* masking the image when hovering */
background: transparent none;
} 

#h_btn_act_image7 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/h_btn_hov_links.gif") top left no-repeat;	/* second image place, for second background */
}
#h_btn_act_image7 a { /* definition of the "image" class in the <a> tag */
     display: block; /* a tag must be a block */
     width: 100%; /* width of reactive image */
     height: 100%; /* height of reactive image */
     background: white url("../images/h_btn_acti_links.gif") top left no-repeat;
     }	 

#h_btn_act_image7 a:hover {	/* masking the image when hovering */
background: transparent none;
}