/* basis instellingen 
breedte en hoogte:
plugins/carousel/carousel.php */
#slide-show      { text-decoration: none; padding: 4px; border: double 0 #788787 }
#slide-show-display    { background-color: #000; padding: 20px; border: solid 0 #222 }
#slide-show .carousel-content img   { display: block; margin: auto; padding: 0; border: solid 0 #666 }
#slide-show img, #slide-show canvas { margin: 0; padding: 0; border: solid 0 #df001b }
/* belangrijk */
#carousel-wrapper         { margin-right: auto; margin-left: auto; width: 400px; height: 300px; overflow: hidden; border: solid 0 #df001b }
#carousel-content          { width: 250000px; height: 100%; overflow: hidden }
#carousel-content .slide              { position: static; width: 400px; float: left; overflow: hidden; border: dashed 0 #df001b }
/* belangrijk END */
#slide-content   { position: relative; top: 0; left: 0; border: solid 0 #0f0 }
#carousel-content span { display: block }
#carousel-content .lightwindow        { text-decoration: none; display: block; width: 400px; height: 300px; border: solid 0 #00f }
#carousel-content .my-slide      { background-repeat: no-repeat; background-position: center; border: solid 0 #0f0 }
#carousel-content .titel        { color: #fff; line-height: 24px; background-image: url("../../data/interface/black-70.png"); text-align: center; white-space: nowrap; display: none; margin-right: auto; margin-left: auto; padding-right: 8px; padding-left: 8px; position: relative; top: 85%; width: 70%; height: 24px; border: solid 1px #353535; -moz-border-radius: 12px    ; -moz-box-shadow: 0px 1px 4px #000   }
#carousel-content:hover .titel   { display: block }
/* controls
*/
#slide-show #control-slide  { display: none }
#slide-show #control-slide .carousel-control { color: #666; text-decoration: none; display: block; float: left }
#slide-show #control-slide .carousel-control:active { color: #9c7d00 }
#slide-show .carousel-controls  { font-size: 90%; text-align: center; white-space: nowrap; display: table; margin: 10px auto; width: 90%; overflow: hidden; border: solid 0 #333; -moz-border-radius: 12px        }
#slide-show .carousel-controls .innertube  { padding-right: 18px; padding-left: 18px; overflow: hidden; border: solid 0 #df001b }
.first, .prev, .next, .last      { background-image: none; background-repeat: no-repeat; background-attachment: scroll; background-position: left bottom; border: solid 0 #df001b }
#control-jump   { text-align: center }
#slide-show .carousel-controls .disabled { display: none }
#slide-show .carousel-controls.resume { display: block }
ul#carousel-jumpers, ul#carousel-play    { text-align: center; list-style-type: none; margin: 5px; padding: 0; width: 100%; border: solid 0 #effe0c }
#carousel-jumpers li, #carousel-play li     { text-align: center; list-style-type: none; display: inline; margin-right: 5px; margin-left: 5px; overflow: hidden; border: solid 0 #8ab2db }
#carousel-jumpers li a, #carousel-play li a     { text-decoration: none; cursor: pointer; display: inline; width: 20px; height: 20px; border: solid 0 #0e0 }
#control-jump a span   { color: #303030; font-size: 130%; font-weight: bold; line-height: 24px; padding: 5px; border: solid 0 #face0b }
#control-jump a:hover span { color: #0192a7 }
#control-jump a:focus span  { color: #face0b }
#control-jump a.selected span { color: #fff }
#carousel-play a:hover { }
#carousel-play a:focus { }
#carousel-play .deactivated    { background-image: none !important }
#carousel-play a span  { color: #303030; font-size: 10px; font-weight: bold; line-height: 20px; padding: 5px 10px; border: solid 0 #face0b }
#carousel-play #start { background-image: url("img/slideshow-play.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: center }
#carousel-play #stop { background-image: url("img/slideshow-stop.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: center }
#carousel-play #start:hover  { background-image: url("img/slideshow-play-hover.png") }
#carousel-play #stop:hover  { background-image: url("img/slideshow-stop-hover.png") }
#carousel-play #auto { background-image: url("img/slideshow-auto.png"); background-repeat: no-repeat; background-attachment: scroll; background-position: center; display: none }