﻿/*.wrap.kidscorner {margin-top:20px;}*/
#pageinfo .wrap li{background-image:none; padding-left:0px;}

.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;
}

.wrap.wiezijnaldiemensen{}
.wrap.kinderziekenhuis{width:332px; overflow-x:hidden;}
.wrap.kidscorner{width:237px; float:left; margin-right:5px; overflow-x:hidden;}

.wiezijnaldiemensen .jcarousel-list li,
.wiezijnaldiemensen .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 100px;
    height: 220px;
}
.kinderziekenhuis .jcarousel-list li,
.kinderziekenhuis .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 330px;
    height: 161px;
}
.kidscorner .jcarousel-list li,
.kidscorner .jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 235px;
    height: 161px;
}

/**
 * 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;
}

.wiezijnaldiemensen .jcarousel-container-horizontal {
    width: 420px;	/*breedte item x aantal te tonen items + 4x margin*/
    padding: 0px 25px 0px 20px;
}
.kinderziekenhuis .jcarousel-container-horizontal {
    width: 330px;	/*breedte item x aantal te tonen items*/
    padding: 0px;
}
.kidscorner .jcarousel-container-horizontal {
    width: 235px;	/*breedte item x aantal te tonen items*/
    padding:0px;
}

.wiezijnaldiemensen .jcarousel-container-vertical {
    width: 100px;	/*breedte item*/
    height: 220px;
    padding: 0px 0px;
}
.kinderziekenhuis .jcarousel-container-vertical {
    width: 330px;	/*breedte item*/
    height: 161;
    padding: 40px 20px;
}
.kidscorner .jcarousel-container-vertical {
    width: 235px;	/*breedte item*/
    height: 161px;
    padding: 40px 20px;
}

.wiezijnaldiemensen .jcarousel-clip-horizontal {
	width: 420px;	/*breedte item x aantal te tonen items + 4x margin*/
    height: 220px;
}
.kinderziekenhuis .jcarousel-clip-horizontal {
	width: 331px;	/*breedte item x aantal te tonen items*/
    height: 162px;
} 
.kidscorner .jcarousel-clip-horizontal {
	width: 236px;	/*breedte item x aantal te tonen items*/
    height: 162px;
}
.wiezijnaldiemensen .jcarousel-item {
    width: 100px;	/*breedte item*/
    height: 220px;
    border: 1px solid #fff;
}
.kinderziekenhuis .jcarousel-item {
    width: 330px;	/*breedte item*/
    height: 161px;
    border: 1px solid #fff;
}
.kidscorner .jcarousel-item {
    width: 235px;	/*breedte item*/
    height: 161px;
    border: 1px solid #fff;
}
/*
.jcarousel-item:hover {
    border-color: #808080;
}
*/
.wiezijnaldiemensen .jcarousel-item-horizontal {
    margin-right: 5px;
}
.kinderziekenhuis .jcarousel-item-horizontal{
	margin-right:10px;
}
.kidscorner .jcarousel-item-horizontal{
	margin-right:10px;
}
.jcarousel-item-vertical {
    margin-bottom: 7px;
}

.jcarousel-item-placeholder {
}

/**
 *  Horizontal Buttons
 */
.wiezijnaldiemensen .jcarousel-next-horizontal {
    position: absolute;
    top: 90px;	
    right: 5px;
    width: 40px;
    height: 41px;
    cursor: pointer;
    background: transparent url(/_layouts/IMAGES/kinderziekenhuis/pan_right.gif) no-repeat 0 0;
}
.kinderziekenhuis .jcarousel-next-horizontal {
	display:none;
}
.kidscorner .jcarousel-next-horizontal {
	display:none;
}

.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
}

.wiezijnaldiemensen .jcarousel-prev-horizontal {
    position: absolute;
    top: 90px;
    left: 5px;
    width: 40px;
    height: 41px;
    cursor: pointer;
    background: transparent url(/_layouts/IMAGES/kinderziekenhuis/pan_left.gif) no-repeat 0 0;
}
.kinderziekenhuis .jcarousel-prev-horizontal {
    display:none;
}
.kidscorner .jcarousel-prev-horizontal {
    display:none;
}


.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
}

