/* CSS Document */

/* TEASER SLIDER */

#slider,
#sliderPhotos {
  width:710px;
  position:relative;
  z-index:80;
}

.scroll {
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainerPhotos,
.scrollContainer {
	text-align:center;	
}

.scrollContainerPhotos img,
.scrollContainer img {
	-moz-box-shadow:2px 2px 5px #666;
	-webkit-box-shadow:2px 2px 5px #666;
    box-shadow:2px 2px 5px #666;	
}

.scrollContainerPhotos div.panel,
.scrollContainer div.panel {
  width: 710px; /* change to 560px if not using JS to remove rh.scroll */
  padding:5px 0 0 0;
  min-height:435px;
}

.scrollButtons {
	position: absolute;
	top: 180px;
  	cursor: pointer;
}

.scrollButtons.left {
  	left: 0px;
}
.scrollButtons.left:hover {
  	background-image: url(../images/scroll_left_hover.png);
}
.scrollButtons.right {
  	right: 0px;
}
.scrollButtons.right:hover {
  	background-image: url(../images/scroll_right_hover.png);
}

.teaser {
	width:710px;
	float:left;
	position:relative;
}