
/* .image_menu_background class="image_menu_background"*/
/* menu common */
div.images_menu {
  position: absolute;
  left: 0px;
  top: 0px;
  margin: 0px;
  padding: 0px;
  padding-top: 160px;
  width: 140px;
  text-align: left;
  /*background-color: lime;/*transparent; /*rgb(79, 86, 74);*/
  background: rgb(83,90,78) url(images/page_image_menu_background.jpg) top left repeat-y;
  /*height: 292px;*/
}

.images_menu ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

/* double buffering tegen het knipperen in IE */
.images_menu li#menuitem_landschap,
.images_menu a#main_landschap {
	background: transparent url(images/landschap_menu_image.jpg) 0 0 no-repeat;
}
.images_menu li#menuitem_schilderijen,
.images_menu a#main_schilderijen {
	background: transparent url(images/schilderijen_menu_image.jpg) 0 0 no-repeat;
}
.images_menu li#menuitem_tekeningen,
.images_menu a#main_tekeningen  {
	background: transparent url(images/tekeningen_menu_image.jpg) 0 0 no-repeat;
}
.images_menu li#menuitem_introductie,
.images_menu a#main_introductie {
	background: transparent url(images/introductie_menu_image.jpg) 0 0 no-repeat;
}
.images_menu li#menuitem_contact,
.images_menu a#main_contact {
	background: transparent url(images/contact_menu_image.jpg) 0 0 no-repeat;
}

/* double buffering bij een selected image */
.images_menu li.selected#menuitem_landschap,
.images_menu li.selected#menuitem_schilderijen,
.images_menu li.selected#menuitem_tekeningen,
.images_menu li.selected#menuitem_introductie,
.images_menu li.selected#menuitem_contact {
	background-position: 0 -146px;
}



/* eerst de algemene link stylen */
.images_menu a {
	display:block;
	width: 120px;
	height:  0px !important;
	padding-top: 73px;
	overflow:hidden;
}


.images_menu a#main_landschap:hover {
	background-position: 0 -73px;
	z-index: 50; /*en nog een ie bug*/
}
.images_menu a#main_schilderijen:hover {
	background-position: 0 -73px;
	z-index: 50; /*en nog een ie bug*/
}
.images_menu a#main_tekeningen:hover {
	background-position: 0 -73px;
	z-index: 50; /*en nog een ie bug*/
}
.images_menu a#main_introductie:hover {
	background-position: 0 -73px;
	z-index: 50; /*en nog een ie bug*/
}
.images_menu a#main_contact:hover {
	background-position: 0 -73px;
	z-index: 50; /*en nog een ie bug*/
}

.images_menu a.selected#main_landschap,
.images_menu a.selected#main_landschap:hover,
.images_menu a.selected#main_schilderijen,
.images_menu a.selected#main_schilderijen:hover,
.images_menu a.selected#main_tekeningen,
.images_menu a.selected#main_tekeningen:hover,
.images_menu a.selected#main_introductie,
.images_menu a.selected#main_introductie:hover,
.images_menu a.selected#main_contact,
.images_menu a.selected#main_contact:hover {
	background-position: 0 -146px;
}




/* linkjes in de paintings div */


div.paintings a.image_link:link img {
  border: solid 1px rgb(75, 82, 70);/* #5F5F69;*/ 
}

div.paintings a.image_link:visited img {
  border: solid 1px rgb(83,90,78);/* #5F5F69;*/ 
}

div.paintings a.image_link:active img  {
  border: solid 1px rgb(198,104,57);/* #5F5F69;*/
}


div.paintings a.image_link:hover img {
  border: solid 1px rgb(198,104,57);/* #5F5F69;*/ 
}


 /* ie6 bug: a iets veranderen om de img ook hover te geven :-(*/
div.paintings a.image_link {
	color: rgb(83,90,78);
}
 /* ie6 bug: a iets veranderen om de img ook hover te geven :-(*/
div.paintings a.image_link:hover {
	color: rgb(83,90,79);
}



