﻿/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 #carousel-default {position:relative;height:160px;overflow:hidden;margin:8px 0 8px 0;}
 
.jcarousel-container { position: relative;}
.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: 88px;height: 108px;}
/**
 * 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;}

/*de carousel skinnen! */
/* .jcarousel-skin-byme {height:120px;} */
.jcarousel-skin-byme .jcarousel-container {background: transparent url('grfx/carousel/carousel_bg.gif') top center repeat-y;height:159px;overflow:hidden;}
.jcarousel-skin-byme .jcarousel-container-horizontal {width: 442px;padding: 0 35px;}
.jcarousel-skin-byme .jcarousel-clip-horizontal { width:  432px; height: 155px;position:relative;left:5px;}
.jcarousel-skin-byme .jcarousel-item {position:relative;width: 108px;margin:0; height: 152px; }
.jcarousel-skin-byme .jcarousel-item.last {}
.jcarousel-skin-byme .jcarousel-item a {color:#333;}
.jcarousel-skin-byme .jcarousel-item a:hover {color:#ff0000;}
#col2 .kader-container .jcarousel-skin-byme .jcarousel-item p {line-height:16px;color:#000000;margin:4px auto 0 auto;padding:0;position:relative;}
#col2 .kader-container .jcarousel-skin-byme .jcarousel-item .text {left:4px;position:relative;}
.jcarousel-skin-byme .jcarousel-item img {display:block;position:relative;margin:0 auto}
.jcarousel-skin-byme .jcarousel-item-placeholder { background: #fff;color: #000;}

/**
 *  Horizontal Buttons
 */
 
.jcarousel-skin-byme .jcarousel-next-horizontal { position: absolute; top: 70px; right: 7px;width: 18px; height: 18px;cursor: pointer;background: transparent url(grfx/carousel/next.gif) no-repeat 0 0;}
.jcarousel-skin-byme .jcarousel-next-horizontal:hover {background-position: 0 -18px;}
.jcarousel-skin-byme .jcarousel-next-horizontal:active {background-position: 0 -18px;}
.jcarousel-skin-byme .jcarousel-next-disabled-horizontal,
.jcarousel-skin-byme .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-byme .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: 0 -36px;}
.jcarousel-skin-byme .jcarousel-prev-horizontal {position: absolute;top: 70px;left: 8px;width: 18px;height: 18px;cursor: pointer;background: transparent url(grfx/carousel/prev.gif) no-repeat 0 0;}
.jcarousel-skin-byme .jcarousel-prev-horizontal:hover {background-position: 0 -18px;}
.jcarousel-skin-byme .jcarousel-prev-horizontal:active {background-position: 0 -18px;}
.jcarousel-skin-byme .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-byme .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-byme .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: 0 -36px;}




/*de carousel skinnen - aktiecarousel! */
/* .jcarousel-skin-byme {height:120px;} */
 #carousel-action {position:relative;height:300px;overflow:hidden;margin:8px 0 8px 0;}
 .jcarousel-skin-action ul {left:-100px;_left:-120px;}
.jcarousel-skin-action .jcarousel-container {background: transparent url('grfx/carousel/action_carousel_bg.gif') top center repeat-y;height:300px;overflow:hidden;}
.jcarousel-skin-action .jcarousel-container-horizontal {width: 442px;padding: 0 35px;}
.jcarousel-skin-action .jcarousel-clip-horizontal { width:  412px; height: 270px;position:relative;left:15px;top:25px}
.jcarousel-skin-action .jcarousel-item {position:relative;width: 200px;margin:0; height: 270px; }
.jcarousel-skin-action .jcarousel-item.last {}
.jcarousel-skin-action .jcarousel-item a {color:#333;font-size:14px;font-weight:bold;text-align:center;width:200px;height:285px;display:block;}
.jcarousel-skin-action .jcarousel-item a:hover {color:#333;}
.jcarousel-skin-action .jcarousel-item a.active {color:#fff;background:transparent url('grfx/carousel/active_link_bg.gif') top left no-repeat;}
.jcarousel-skin-action .jcarousel-item .linktext {display:block;font-size:14px;font-weight:bold;text-align:center;position:absolute;top:250px;left:0;width:100%;text-align:center;}
.jcarousel-skin-action .jcarousel-item img {display:block;position:relative;margin:0 auto 5px auto;top:1px;}
.jcarousel-skin-action img.Postkaart {top:40px;}
.jcarousel-skin-action .jcarousel-item-placeholder { background: #fff;color: #000;}


.jcarousel-skin-action .jcarousel-next-horizontal { position: absolute; top: 140px; right: 7px;width: 22px; height: 22px;cursor: pointer;background: transparent url(grfx/carousel/next_L.gif) no-repeat 0 0;}
.jcarousel-skin-action .jcarousel-next-horizontal:hover {background-position: 0 -22px;}
.jcarousel-skin-action .jcarousel-next-horizontal:active {background-position: 0 -22px;}
.jcarousel-skin-action .jcarousel-next-disabled-horizontal,
.jcarousel-skin-action .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-action .jcarousel-next-disabled-horizontal:active {cursor: default;background-position: 0 -44px;}
.jcarousel-skin-action .jcarousel-prev-horizontal {position: absolute;top: 140px;left: 8px;width: 22px;height: 22px;cursor: pointer;background: transparent url(grfx/carousel/prev_L.gif) no-repeat 0 0;}
.jcarousel-skin-action .jcarousel-prev-horizontal:hover {background-position: 0 -22px;}
.jcarousel-skin-action .jcarousel-prev-horizontal:active {background-position: 0 -22px;}
.jcarousel-skin-action .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-action .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-action .jcarousel-prev-disabled-horizontal:active {cursor: default;background-position: 0 -36px;}

#disable-prev {position: absolute;z-index:10000;top: 140px;left: 8px;width: 18px;height: 18px;display:block;background:transparent none;}
#disable-next {position: absolute;z-index:10000; top: 140px; right: 7px;width: 18px; height: 18px;display:block;background:transparent none;}