/* @override 
	http://stemerdink.nl/css/coda-slider.css
	http://www.stemerdink-supplies.nl/css/coda-slider.css
*/

#wrapper {
    width: 800px;
    margin: 0 auto;
}
 
#slider {
    width: inherit;
    margin: 0 auto;
    position: relative;
}
 
.scroll {
    height: inherit;
    width: 800px;
    overflow: scroll;
    overflow-x: hidden;
    position: relative;
    clear: left;
    background: #FFFFFF url(images/content_pane-gradient.gif) repeat-x scroll left bottom;
}
 
.scrollContainer div.panel {
    height: 630px;
    width: 800px;
}

#Welkom bij Stemerdink-supplies h2 img {
	width: 183px;
	overflow: hidden;
	display: block;
}
 
#shade {
    background: #EDEDEC url(images/shade.jpg) no-repeat 0 0;
    height: 50px;
}
 
ul.slidenavigation {
    list-style: none;
    margin: 0;
    padding: 0;
	text-align: center;
}
 
ul.slidenavigation li {
    display: inline;
    margin-right: 10px;
}
 
ul.slidenavigation a {
    padding: 0;
    color: #000;
    text-decoration: none;
	background: url(/images2/smaldot.png) no-repeat 0 -2px;
	width: 17px;
	height: 17px;
}
 
ul.slidenavigation a:hover {
    background: url(/images2/smaldot_f3.png) no-repeat 0 -2px;
}
 
ul.slidenavigation a.selected {
    background: url(/images2/smaldot_f2.png) no-repeat 0 -2px;
}
 
ul.slidenavigation a:focus {
    outline: none;
}
 
.scrollButtons {
    position: absolute;
    top: 150px;
    cursor: pointer;
}
 
.scrollButtons.left {
    left: -20px;
	visibility: hidden;
}
 
.scrollButtons.right {
    right: -20px;
	visibility: hidden;
}
 
.hide {
    display: none;
}