#slider {
  margin: 0 auto;
  position: relative;
}

.scroll {
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  background: #FFFFFF;
  	/*border:1px;
	border-color:#CCC; 
	border-style:solid;*/
}


.scrollContainer h1 { 
margin-top:10px;
}

.scrollContainer div.panel {
  padding: 0px;
  margin-top:10px;
}
.scrollButtons {
    cursor:pointer;
}
ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 7px;
  list-style:none;
}

div#slider_nav {
    width:100%;
    float:left;
    background:#fff url("nav_bottom.gif") repeat-x bottom;
}
ul.navigation li {
  float:left;
  font-size:10px;
  
  margin: 5px 5px 0 0;  
  padding: 0;
 
  border-left:1px solid #ccc;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
ul.navigation li.selected {
    border-bottom: 0px solid #fff;
    color:red;
    background-color : #002055;   /* komproment blaa */
    
}

ul.navigation li.selected a{
    border-bottom: 0px solid #fff;
    color:#fff;
    background-color : #002055;   /* komproment blaa */
    
}

ul.navigation a {
  float:left;
  display:block;
  
  color:#334;
  
  background:#ececec;
  padding:1px 11px 1px 8px; 
  text-transform: none;
  text-decoration:none;
  font-weight:normal;
  width: 205px;
}




ul.navigation a:hover,
ul.navigation li.selected a { 
    
    background-color: transparent;
    
}



ul.navigation #current a {
  background-color:#fff;
  border-bottom: 1px solid #fff;

}

.scrollButtons {
    position: absolute;
    bottom: 100px;
    cursor: pointer;
}

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

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