#slider {
  margin: 0 auto;
  margin-top: 0px;
  position: relative;
  z-index: 90;
  top: 0px;
  left: 1px;
}

.scroll {
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: none;
    /* z-index: 80;*/
}
.scrollContainer div.panel {
  padding: 0px;
  width: 661px;
}
.scrollButtons {
	cursor:pointer;
}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 5px;
  list-style:none;
}

div#slider_nav {
	width:650px;
	text-align: right;
	float:right;
	position: absolute;
	z-index: 91; 
	top: 322px;
	left: 5px;
}
ul.navigation li {
  float:right;
  margin: 3px 3px 0 0;  
  padding: 0;
  width: 20px;
}
ul.navigation li.selected {
  background-image: url(../gfx/punkt_green.png);
  background-repeat: no-repeat;
}

ul.navigation a {
  float:left;
  display:block;
  color:#ede3a9;
  font-size: 10px;
  background-image: url(../gfx/punkt_yellow.png);
  background-repeat: no-repeat;
  #padding:1px 5px 1px 5px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  ##width: 10px;
width: 20px;
  height: 19px;
}


ul.navigation a:hover,
ul.navigation li.selected a { 
    background-image: url(../gfx/punkt_green.png);
    background-repeat: no-repeat;
    color: #6b850e;
}


ul.navigation #current a {
  background-image: url(../gfx/punkt_green.png);
  background-repeat: no-repeat;

}

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

.scrollButtons.left {
    left: -25px;
}

.scrollButtons.right {
    right: -25px;
}