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

#slider, #slider2 {
    width: 520px;/* Keep the width consistent here */
    margin: 0;
    position: relative;
	padding:0;
}

.scroll, .scroll2 {
    height: auto; /* Here the height is 250 px */
    width: 520px;/* Keep the width consistent here */
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
	background: #1d6fa7 url(/images/slider-smp-tuvel.png) no-repeat bottom left;
}
.scrollContainer div.panel, .scrollContainer2 div.panel2 {
    padding: 5px;
    height: auto;/* Here the height is 250 px because 210 + 40 = 250 as a result of the padding */
    width: 510px;/* This width is actually the same as above just because 510 + 10 = 520 as a result of the padding */
}

#slider p.niche, #slider2 p.niche2 {background-color: #f47a17; margin: 0px auto; padding: 6px 0; text-align:center; height:20px;}

#content span.niche a, #content span.niche2 a{font-size: 1.1em; text-decoration: none; font-weight: bold; color: #fff; padding-left:15px;}
#content span.niche a:hover, #content span.niche2 a:hover  {color: #033a63;}
#content span.niche, #content span.niche2 {margin: 0 10px 10px 5px;}

#slider h2, #slider2 h2 {margin: 0 0 10px 0; padding: 0; text-transform:uppercase;}
#content .panel p, #content .panel ul li, #content .panel2, #content .panel2 ul li {color: #fff;}

.scrollButtons.left {
	display:none
}

.scrollButtons.right {
	display:none
}