@charset 'utf-8';
/*
Copyright Matthias Dabitz 2010
Image Slider
Version: 01.01
Letzte Aenderung: 21.04.2010
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
#DBFF90: mintgruen
#635E48: braun
#B90039: rot
*/

/* Slider
--------------------------------------------------------------------------------------- */
.slider {
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  width: 940px;
  height: 300px;
}

.slider_frame {
  width: 940px;
	height: 300px;
	overflow: hidden;
	position: relative;
}

.slider_images {
	position: absolute;
	top: 0; left: 0;
}
.slider_images img {
  float: left;
}


/*-- Slider control and paging styles
--------------------------------------------------------------------------------------- */
.slider_control_hold {
  display: block;
  position: absolute;
	bottom: 50%; right: 10px;
	width: 50px;
  height: 50px;
	z-index: 100;
	text-align: center;
  line-height: 45px;
	display: none;
}
.slider_control_play {
  display: block;
  position: absolute;
	bottom: 50%; right: 10px;
	width: 50px;
  height: 50px;
	z-index: 200;
	text-align: center;
  line-height: 45px;
	display: none;
}
.slider_paging {
  display: block;
  position: absolute;
	bottom: 5px; right: 5px;
	width: 140px;
  height: 40px;
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
  line-height: 40px;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.slider_paging a {
  border: 1px solid #635E48;
  padding: 5px;
  background-color: #FFF;
	text-decoration: none;
	color: #635E48;
}
.slider_paging a.active, .slider_paging a:hover {
  border: 1px solid #B90039;
  color: #B90039;
}