#g_btn_image1 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_home.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_norm_home.gif") top left no-repeat;
     }	 

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

#g_btn_image2_1 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang1.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_1 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/g_btn_norm_gang1.gif") top left no-repeat;
     }	 

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

#g_btn_image2_2 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang2.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_2 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/g_btn_norm_gang2.gif") top left no-repeat;
     }	 

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

#g_btn_image2_3 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang3.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_3 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/g_btn_norm_gang3.gif") top left no-repeat;
     }	 

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

#g_btn_image2_4 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang4.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_4 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/g_btn_norm_gang4.gif") top left no-repeat;
     }	 

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

#g_btn_image2_5 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang5.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_5 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/g_btn_norm_gang5.gif") top left no-repeat;
     }	 

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

#g_btn_image2_6 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang6.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_6 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/g_btn_norm_gang6.gif") top left no-repeat;
     }	 

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

#g_btn_image2_7 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang7.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_7 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/g_btn_norm_gang7.gif") top left no-repeat;
     }	 

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

#g_btn_image2_8 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang8.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image2_8 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/g_btn_norm_gang8.gif") top left no-repeat;
     }	 

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

#g_btn_image3 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_projecten.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_norm_projecten.gif") top left no-repeat;
     }	 

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

#g_btn_image4 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gietproces.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_norm_gietproces.gif") top left no-repeat;
     }	 

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

#g_btn_image5 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_biografie.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_norm_biografie.gif") top left no-repeat;
     }	 

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

#g_btn_image6 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gastenboek.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_norm_gastenboek.gif") top left no-repeat;
     }	 

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

#g_btn_image7 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_links.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_norm_links.gif") top left no-repeat;
     }	 

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

/* vervolg knop */
#g_btn_image_vervolg {	/* "link" will be our container, here div tag */
   width: 120px;
   height: 24px;
   background: url("../images/g_btn_hov_vervolg.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_image_vervolg 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/g_btn_norm_vervolg.gif") top left no-repeat;
     }	 

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


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

#g_btn_act_image1 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_home.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_acti_home.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_1 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang1.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_1 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/g_btn_acti_gang1.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_2 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang2.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_2 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/g_btn_acti_gang2.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_3 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang3.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_3 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/g_btn_acti_gang3.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_4 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang4.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_4 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/g_btn_acti_gang4.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_5 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang5.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_5 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/g_btn_acti_gang5.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_6 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang6.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_6 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/g_btn_acti_gang6.gif") top left no-repeat;
     }	 

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

#g_btn_act_image2_7 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gang7.gif") top left no-repeat;	/* second image place, for second background */
}
#g_btn_act_image2_7 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/g_btn_acti_gang7.gif") top left no-repeat;
     }	 

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

#g_btn_act_image3 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_projecten.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_acti_projecten.gif") top left no-repeat;
     }	 

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

#g_btn_act_image4 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gietproces.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_acti_gietproces.gif") top left no-repeat;
     }	 

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

#g_btn_act_image5 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_biografie.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_acti_biografie.gif") top left no-repeat;
     }	 

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

#g_btn_act_image6 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_gastenboek.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_acti_gastenboek.gif") top left no-repeat;
     }	 

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

#g_btn_act_image7 {	/* "link" will be our container, here div tag */
   width: 150px;
   height: 24px;
   background: url("../images/g_btn_hov_links.gif") top left no-repeat;	/* second image place, for second background */
}
#g_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/g_btn_acti_links.gif") top left no-repeat;
     }	 

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

/* Voor de uitvergrote beelden het menu boven aan */
#g_btn_zm_vorige {	
   width: 70px;
   height: 20px;
   background: url("../images/btn_zm_hov_vorige.gif") top left no-repeat;	
}
#g_btn_zm_vorige a { 
     display: block; 
     width: 100%; 
     height: 100%; 
     background: white url("../images/btn_zm_norm_vorige.gif") top left no-repeat;
     }	 
#g_btn_zm_vorige a:hover {	
background: transparent none;
} 

/* Voor de uitvergrote beelden het menu boven aan */
#g_btn_zm_nieuws {	
   width: 80px;
   height: 20px;
   background: url("../images/btn_zm_hov_nieuws.gif") top left no-repeat;	
}
#g_btn_zm_nieuws a { 
     display: block; 
     width: 100%; 
     height: 100%; 
     background: white url("../images/btn_zm_norm_nieuws.gif") top left no-repeat;
}	 

#g_btn_zm_nieuws a:hover {	
background: transparent none;
} 

#g_btn_zm_galerij {	
   width: 75px;
   height: 20px;
   background: url("../images/btn_zm_hov_galerij.gif") top right no-repeat;	
}
#g_btn_zm_galerij a { 
     display: block; 
     width: 100%; 
     height: 100%; 
     background: white url("../images/btn_zm_norm_galerij.gif") top right no-repeat;
}	 

#g_btn_zm_galerij a:hover {	
background: transparent none;
} 

#g_btn_zm_volgende {	
   width: 90px;
   height: 20px;
   background: url("../images/btn_zm_hov_volgende.gif") top right no-repeat;	
}
#g_btn_zm_volgende a { 
     display: block; 
     width: 100%; 
     height: 100%; 
     background: white url("../images/btn_zm_norm_volgende.gif") top right no-repeat;
}	 

#g_btn_zm_volgende a:hover {	
background: transparent none;
}