#slider {
    width: 640px;
    margin: 10px auto;
    position: relative;
    border: 0px solid #fff;
    z-index: 0;
    background-color: #FFF;
    border-top: 1px solid #F00;
    border-bottom: 1px solid #F00;
    border-left: 1px solid #f00;
    border-right: 1px solid #f00;
    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.scroll {
    height: 340px;
    width: 640px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    clear: left;
    /*background: #FFFFFF url(/bronnen/layout/images/content_pane-gradient.gif) repeat-x scroll left bottom;*/
    background: #FFFFFF url(/bronnen/layout/images/slider_ bg.jpg) repeat-x scroll 3px 3px;
}

.scrollContainer div.panel {
    padding: 20px;
    height: 300px;
    width: 600px;

}

#shade {
    background: #EDEDEC url(/bronnen/layout/images/sha de.jpg) no-repeat 50%;
    height: 10px;
}

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

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

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

.hide {
    display: none;
}

.myBox {
    margin: 0 auto;
    border: 0px solid #fff;
    text-align: left;
    background-color: #FFF;
    border-top: 3px solid #F00;
    border-bottom: 3px solid #F00;

    border-left: 3px solid #f00;
    border-right: 3px solid #f00;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}