div.gallery {
  position: relative;
  width: 505px;
  height: 390px;
  display: block;
  float: left;
  overflow: hidden;
  margin-top: 19px;
  margin-left: 74px;
  background-image: url(../sys_pictures/gallery_bg.jpg);
  background-repeat: no-repeat;
  background-position: top left;
}
  div.upper_shadow {
  position: relative;
  top: 0px !important;
  left: 0px !important;
  width: 505px;
  height: 20px;
  background-image: url(../sys_pictures/top.png);
  background-repeat: repeat-x;
  background-position: top left;
  display: block;
  float: left;
  z-index: 60;
}

  div.bottom_shadow {
  position: relative;
  top: 354px !important;
  left: 0px !important;
  width: 505px;
  height: 20px;
  background-image: url(../sys_pictures/bottom.png);
  background-repeat: repeat-x;
  background-position: top left;
  display: block;
  float: left;
  z-index: 61;
}

 div.pictures {
  height: auto;
  width: 505px;
  position: relative;
  top: -31px;
  z-index: 59;
  margin-left:3px;
  display: block;
  float: left;
 }


div.thumb {
  display: block;
  float: left;
  margin: 15px;
  margin-bottom: 6px;
  width: 70px;
  height: 70px;
  overflow: hidden;
}

img.grey{
border: none;
width: 70px;
height: 70px;
z-index: 51;
position: absolute;
}
img.colored{
width: 70px;
height: 70px;
border: none;
z-index: 50;
position: relative;
}


div.button_up {
  width: 34px;
  height: 37px;
  background-image: url(../sys_pictures/nyilfel.png);
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  float: left;
  margin-left: 10px;
  cursor: pointer;
  margin-top: 17px;
}

div.button_down{
  width: 34px;
  height: 37px;
  background-image: url(../sys_pictures/nyille.png);
  background-repeat: no-repeat;
  background-position: top left;
  display: block;
  float: left;
  margin-top: 317px;
  margin-left: 10px;
  cursor: pointer;
  padding-bottom: 10px;
}