/*** Overall MovingBoxes Slider ***/
.slider {
  width: 650px; /* default, this is overridden by script settings */
  position: relative;
  float:right;
  margin:0;
  margin-top:20px;
  margin-right:15px;

}
.scrollContainer, .scroll {
  width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
}

/* active slider border highlight */
.active-slider {
  border-color: #999bff;
}

/*** Slider panel ***/
.slider div.panel {
  width: 100px;  /* default, this is overridden by script settings */
  margin:0;
  cursor: pointer;
  float: left;
  background-color:#000;
  filter: alpha(opacity=50); 
  opacity: .6;
  margin-right:2px;
  
}
.slider div.panel .titleImageSlider {
	background-color:#666;
	color:#AFAFAF;
	font-style:normal;
	background-image:url(../img/mas_slider.png);
	background-repeat:no-repeat;
	background-position:10px;
}

.slider div.panel .titleImageSlider span{
	background-color:#666;
	color:#FFF;
}
.slider div.panel.current {
	opacity: 1;
}
.slider div.panel.current .titleImageSlider {
	background-color:#22B9F5;
	color:#000;
	font-style:normal;
	background-image:none;
}
.slider div.panel.current .titleImageSlider span {
	background-color:#22B9F5;
	color:#FFF;
}
.inside img {
  display: block;
  
}

/*** Left & Right Navigation Arrows ***/
a.scrollButtons {
  display: block;
  width: 13px;
  height: 165px;
  background: transparent url(../img/control_slider.gif) no-repeat;
  position: absolute;
  top: 0%; /* if you change the arrow images, you may have to adjust this (distance from top) */
  cursor: pointer;
  text-decoration: none;
  outline: 0;
  border: 0;
  z-index:2;
}
a.scrollButtons.left {
  background-position: left top;
  left: -13px;
  border-right:solid #FFF thin;
}
a.scrollButtons.right {
  background-position: right top;
  right: -43px;
  margin-right:30px;
  border-left:solid #FFF thin;
}
a.scrollButtons.left:hover {
  background-position: left bottom;
}
a.scrollButtons.right:hover {
  background-position: right bottom;
}

.sliderThumpbail
	{
		height:210px;
		margin-right:30px;
		margin-left:30px;
	}
.titleImageSlider
	{
		position:absolute;
		width:180px;
		color:#FFF;
		height:20px;
		text-align:center;
		z-index:1;
		bottom:0;
		background-color:#22B9F5;
		font-family: 'Tinos';
		font-size:13px;
		font-style:italic;
		padding-top:4px;
	}
.moreInfoSlider
	{
		margin-top:20px;
		float:left;
		width:300px;
		font-family: 'Tinos';
		font-size:12px;
	}
.titleExcerpt
	{
		font-family: 'Yanone Kaffeesatz';
		font-weight:bold;
		font-size:34px;
		line-height:30px;
		margin-top:5px;
	}
.titleExcerpt a
	{
		text-decoration:none;
		color:#000;
	}