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

#gallery {
  position: relative; 
  width: 430px;
  padding-top: 8px;
}

#show {
  width: 400px; 
  float: left;
}
#contentright {
	width:150px;
	float:left;
	text-align:left;
	font-size:10px;
}

#contentright a {
	text-decoration:none;
	color: #929280;
	text-align:left;
}
#contentright a:hover {
	text-decoration:underline;
	color:#f78d1e;
	text-align:left;
}	
	

/* div with the gallery inside */
#thumbs {
  float: right;
  height:490px auto;
  text-align:left;
  margin:0;
  font-size:9px;
/* SEITEN CONTENT INFORMATIONEN */
 padding: 22px 6px 10px 6px;
  width: 150px;
  /*border-left:1px #333; */
  /* SEITEN CONTENT INFORMATIONEN */
}
#thumbs h2	{
  font-size: 10px;
  text-align:left;
  text-decoration:none;
}
#thumbs a{
	text-decoration:none;
	color: #929280;
	text-align:left;
}
#thumbs a:hover{
	text-decoration:underline;
	color:#f78d1e;
	text-align:left;
}


/* div around the imgs */
.carouselWrapper {
  /*width:35px;*/
  margin:0;
  padding:0;
 }

/* single thumbnail */
.thumbnail {
  width: 50px;
  float:right;
  padding:0;
  /*border:1px solid #333;*/
  background:none;
  margin: 0 5px 5px 0;
}

/* label = title of an image */
.label {
  padding:3px 0 5px 10px;
  font-weight:bold;
}

/* number of the image */
.number {
  font-weight:normal;
  font-style:italic;
}


#thumbs a 
{ 
  
  margin: 1px 0px 3px 10px;
  width: 50px; 
  height: 50px; 
  /*border: 2px solid #40403E;*/
}



#thumbs a:hover {border-color: #ddd;}



