/* CSS Image Viewer from CSSplay (www.cssplay.co.uk) */

#galleryVorschau {
	position: relative;
  width: 700px;
  padding-top: 8px;
  height:350px;
  color:#FFF;
  letter-spacing:normal;
}
.galleryNAVI {
	float:right;
	width:205px;
	height:349px;
	overflow:auto;
}


#thumbsVorschau {
  width:195px;
  float: right;
  padding-right:5px;
}
#thumbsVorschau a {
  display: block;
  float: right;
  margin: 1px 0px 20px 7px;
  width: 50px;
  height:50px;
  border: 2px solid #40403E;
  text-align:center;
  text-decoration:none;
}
#thumbsVorschau a:hover {
  border-color: #ddd;
}
#thumbsVorschau a div {
	color:#FFF;
  text-decoration:none;
}
* html #thumbsVorschau a {
  margin: 1px 0px 3px 5px;
}
#thumbsVorschau a img {
  width: 50px;
  height: 50px;
  border: 0;
}
#thumbsVorschau a:hover img {
  position: absolute;
  width: auto;
  height: auto;
  right: 200px;
  top: 8px;
  padding: 2px;
  border: 2px solid #40403E;
}
#thumbsVorschau a:hover div {
  position:relative;
  margin:50px 0 0 0;
}



#gallery {
  position: relative;
  width: 683px;
  padding-top: 8px;
  height:350px;
color:#FFF;
  letter-spacing:normal;
}

#thumbs { /*width: 205px; */
  width:195px;
  float: right;
  padding-right:10px;
}
#thumbs a {
  display: block;
  float: right;
  margin: 1px 0px 3px 7px;
  width: 50px;
  height: 50px;
  border: 2px solid #40403E;
}
/* ie6 fix */
* html #thumbs a {
  margin: 1px 0px 3px 5px;
}
#thumbs a img {
  width: 50px;
  height: 50px;
  border: 0;
}
#thumbs a:hover {
  border-color: #ddd;
}
#thumbs a:hover img {
  position: absolute;
  width: auto;
  height: auto;
  right: 196px;
  top: 8px;
  padding: 2px;
  border: 2px solid #40403E;
}