#slider { margin: 0 auto; position: relative; width:100%;background: url(Glider_HG.png) repeat-x bottom;}
.hgoben {height:17px; background: url(glider-schatten-oben.png) no-repeat center bottom;}
.hgunten {height:27px; background: url(glider-schatten-unten.png) no-repeat center;}
.scroll {
  height:120%;
  width:;
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}
.scrollContainer div.panel { position:absolute; width:480px; padding-left:40px; padding-right:40px; padding-top:5px; padding-bottom:0px;}
.scrollButtons {	cursor:pointer;}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 0;
  list-style:none;
  padding-left:4px;
}
div#slider_nav {	width:100%;	float:left;background-color:#707070;}
ul.navigation li {
  float:left;
  list-style:none;
  margin: 4px 4px 0 0;
  padding: 0;
  border-left:0px;
  border-right:0px;
}
ul.navigation li.selected {border-bottom: 1px solid #fff;}
ul.navigation a {
  font-size:93%;
  float:left;
  display:block;
  color:#FFF;
  line-height:30px;
  padding:1px 7px 1px 7px;
  text-transform: none;
  text-decoration:none;
  width: auto;
}
ul.navigation a:hover,
ul.navigation li.selected a { background:#FFF; font-weight:bold; color:#000;}
ul.navigation #current a {background-color:#fff; border-bottom: 1px solid #fff;}

.buttonERP a{width:230px; height:43px; background: url(button-slider-ERP.png) no-repeat;}
.buttonERP a:hover{width:230px; height:43px; background: url(button-slider-ERP.png) no-repeat -43px;}
.scrollButtons {position: absolute; top: 50%; cursor: pointer;}
.scrollButtons.left {left:10px;}
.scrollButtons.right {right:10px;}