
/* CSS für die Galerie */
#galerie_box {
  position:relative;
  margin:8px 0 0 0px;padding:5px 0 0px 5px;
  width:auto;height:auto;
  background-color:#1a1a1a;
}

#gal_pic_container {
  position:relative;
  margin:0 0 0 186px;
  background-color:#1a1a1a;
}

#gal_pic_surround {
  position:relative;
  width:437px;height:auto;
  margin:0;padding:4px;
  border:1px solid #aaaaaa;
  
}

#gal_viewport {
  position:relative;
  width:437px;height:297px;
  overflow:hidden;
  background-color:#1a1a1a;
}

#gal_viewport img {
  display:block;
  position:absolute;
  border:none;
  background-color:#1a1a1a;
}

#pic_dia_control {
  position:relative;
  width:auto;height:22px;
  margin:0 0 0 170px;
}

#pic_prev {
  position:relative;
  width:29px;height:16px;
  float:left;
  background:url(img/pic_prev.png) no-repeat right transparent;
  cursor:pointer;
}
#dia_schalter {
  position:relative;
  float:left;
  width:37px;height:22px;
  background:url(img/dia_pause.png) no-repeat transparent;
  cursor:pointer;
}
#pic_next {
  position:relative;
  float:left;
  width:29px;height:16px;
  float:left;
  background:url(img/pic_next.png) no-repeat left transparent;
  cursor:pointer;
}



/*--- Thumbs ---*/

#gal_thmbs_container {
  position:relative;
  float:left;
  overflow:hidden;
  width:189px;height:auto;
  margin:0;padding:0;
  background-color:#1a1a1a;
}

#gal_thmbs_surround {
  position:relative;
  width:180px;height:305px;
  margin:0;padding:0;
  background-color:#1a1a1a;
  border:1px solid #aaaaaa;
}

#gal_thmbs_vp {
  position:relative;
  overflow:hidden;
  width:189px;height:300px;
  margin:0;padding:0;
  background-color:transparent;
}

#gal_thmbs {
  position:absolute;
  top:0px;left:0px;
  width:180px;
  margin:0;padding:0;
  background-color:transparent;
}

#gal_thmbs > div {
  position:relative;
  float:left;
  margin:5px 0 0 6px;  
  background-color:#1a1a1a;
}

#gal_thmbs img {
  display:block;
  border:none;
  margin:0;padding:0;
}

#gal_thmbs > div > div {
  cursor:pointer;
  overflow:hidden;width:81px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
  filter: alpha(opacity=50);       /* IE 4-7 */
  opacity: 0.5;                     /* Firefox, Safari(WebKit), Opera */
}

/* Thumb-Page Steuerung */
#gal_thmbs_page_control {
  position:relative;
  width:auto;height:25px;
  margin:0 0 0 46px; padding:0;
  background-color:transparent;
}
#gal_thmbs_prev_page {
  position:relative;
  float:left;
  width:48px;height:16px;
  background:url(img/thmbs_prev_page_disabled.png) no-repeat left transparent;
  cursor:pointer;
}
#gal_thmbs_next_page {
  position:relative;
  float:left;
  width:48px;height:16px;
  background:url(img/thmbs_next_page.png) no-repeat right transparent;
  cursor:pointer;
}

/*--- Infos ---*/
#info_bg {
  position:absolute;
  width:437px;height:25px;
  top:273px;left:0px;
  background-color:#000000;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);       /* IE 4-7 */
  opacity: 0.5;                     /* Firefox, Safari(WebKit), Opera */
}
div.info_box {
  position:absolute;
  width:437px;height:22px;
  bottom:0px;left:4px;
  background-color:transparent;
  color:#f0f0f0;
  font-size:12px;
}
div.info_box > div {
  position:absolute;
  bottom:0px;right:10px;
  font-size:10px;
  line-height:14px;
}
/* Ende Galerie */
