/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative; width:960px;}

.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}

.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}

.jcarousel-list li, .jcarousel-item { float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 960px; height: 310px;}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
/*.jcarousel-next { z-index: 3; display: none;} .jcarousel-prev { z-index: 3; display: none;}*/
.jcarousel-next { margin-left:480px; float:left; display:block; width:150px; background:url(../images/pijl_rechts.png) no-repeat right top; height:30px; padding-top:10px;} 
.jcarousel-prev { margin-left:80px; float:left; display:block; width:170px; background:url(../images/pijl_links.png) no-repeat left top; text-align:right; height:30px; padding-top:10px;}
.jcarousel-next, .jcarousel-prev { color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; position:absolute; top:275px; z-index: 3; display: none; cursor:pointer; }


/*a.previous { margin-left:40px; float:left; display:block; width:170px; background:url(../images/pijl_links.png) no-repeat left top; text-align:right; height:30px; padding-top:10px;}
a.previous, a.next { color:#FFF; text-decoration:none; font-size:14px; font-weight:bold; }
a.next { margin-left:280px; float:left; display:block; width:150px; background:url(../images/pijl_rechts.png) no-repeat right top; height:30px; padding-top:10px;}
*/