/* Here you can do whatever you want with the body */

#slider {
    width: 620px;/* Keep the width consistent here */
    margin: 0 auto;
    position: relative;
}

.scroll {
    height: auto; /* Here the height is 250 px */
    width: 620px;/* Keep the width consistent here */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    /*background: #02304f url(/images/bg-gradient-slider.png) repeat-x;*/
    background: #86c1e8;
    border-top: 5px solid #0099ff;
}
.scrollContainer div.panel {
    padding: 20px;
    height: auto;/* Here the height is 250 px because 210 + 40 = 250 as a result of the padding */
    width: 580px;/* This width is actually the same as above just because 580 + 40 = 620 as a result of the padding */
}

#slider p.niche {background-color: #0099ff; margin: 5px auto; padding: 0 3px;}


#content span.niche a{font-size: .9em; text-decoration: none; font-weight: bold; color: #fff;}
#content span.niche a:hover {color: #ff9900;}
#content span.niche {margin: 0 10px 10px 5px;}

#slider h2 {margin: 0 0 10px 0; padding: 0;}
#content .panel p, #content .panel ul li {color: #333;}

.scrollButtons.left {
	display:none
}

.scrollButtons.right {
	display:none
}