
.carousel  { line-height: normal; padding-top: 10px }
.carousel .image_carousel         { margin-right: auto; margin-left: auto; padding: 0 40px 55px; position: relative }
.carousel .innertube  { background-color: #fff; width: 483px; overflow: hidden }
.carousel .innertube * { background-color: transparent }
.carousel .image_carousel .slide         { background-color: transparent; text-align: center; margin-top: 2px; margin-bottom: 2px; padding: 0; position: relative; height: 180px; float: left; overflow: hidden; border: solid 0 #ccc }
.carousel .image_carousel .onderschrift     { color: #fff; font-size: 80%; font-style: normal; background-image: url("../../data/interface/black-50.png"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; letter-spacing: 1px; margin-right: auto; margin-left: auto; padding: 10px 10%; position: absolute; bottom: 0; left: 0; width: 80%; border: solid 0 #777 }
.carousel .image_carousel img  { background-color: white; margin: 0 auto 7px; padding: 9px; border: solid 1px #ccc }
.carousel a.prev, .carousel a.next  { background: url("images/miscellaneous_sprite.png") no-repeat; display: block; position: absolute; top: 30%; width: 45px; height: 50px }
.carousel a.prev  { background-position: 0 0; left: 4px }
.carousel a.prev:hover { background-position: 0 -50px }
.carousel a.next  { background-position: -50px 0; right: 4px }
.carousel a.next:hover { background-position: -50px -50px }
.carousel a.prev span, a.next span { display: none }
.carousel .pagination { text-align: center; margin-top: 8px }
.carousel .pagination a { background-image: url("images/miscellaneous_sprite.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 -300px; display: inline-block; margin: 0 5px 0 0; width: 15px; height: 15px }
.carousel .pagination a.selected { background-position: -25px -300px; cursor: default }
.carousel .pagination a span { display: none }
.clearfix { float: none; clear: both }
.carousel .dragbar { line-height: 22px; display: block; padding: 1px; position: relative; z-index: 2; top: 0; left: 0; height: 30px; border-style: solid; border-width: 0; border-color: #777 #000 #000 }
.carousel h5  { color: #1a2b5c; font-size: 100%; font-family: "Trebuchet MS"; font-style: normal; font-weight: normal; line-height: inherit; text-align: center; letter-spacing: 1px; margin-top: -25px; padding-top: 25px; position: relative; top: 0; left: 0; height: 35px; border: solid 0 #c2c4c6 }
.carousel .slide-content { height: 100%; overflow: hidden }
.carousel .carousel-controls  { margin-top: 22px; overflow: hidden }

