/* Carousel */
#carousel {width: 100%; height: 208px; overflow:hidden; background-color: #f6d4b2;}

#galleryfotos {position:relative; top: 0; left: 0; display: block; height: 208px;}
#galleryfotos ul {height: 208px;}
#galleryfotos ul li.carouselfoto {clear:both; padding-bottom: 0px !important;}
#galleryfotos ul li.over {background-color: #f6d4b2 !important;}
#galleryfotos ul li.carouselfoto span {width: 208px; overflow: hidden; float: left;}
#galleryfotos ul li.carouselfoto img {float: left; height: 208px;}
#galleryfotos ul li.carouselfoto div {float: left; height: 188px;width: 588px;}
#galleryfotos ul li.carouselfoto div.image {width: 380px;}
#galleryfotos ul li.carouselfoto div h2 {margin-top: 0;padding: 5px 10px; font-size: 150%; max-height: 38px; overflow: hidden;}
#galleryfotos ul li.carouselfoto div p.kenmerken {margin-top: 0;padding: 0px 10px !important;}
#galleryfotos ul li.carouselfoto div p.description {margin-top: 0;padding: 5px 10px !important; height: 105px; overflow: hidden;}
#galleryfotos ul li.carouselfoto a.more {padding: 5px 10px !important; font-weight: normal;}

#gallerycontrolbar {display: block; z-index: 10000;position:relative; top: -18px; left: 0;float:right;}
#gallerycontrolbar a.pause {padding: 2px 4px !important; float: left; display:block; z-index: 9;text-indent:-99999em; height:10px; width:10px; background: transparent url(images/carousel/e17000/pause.gif) top left no-repeat;}
#gallerycontrolbar a.paused {padding: 2px 4px !important; float: left; display:block; z-index: 9;text-indent:-99999em; height:10px; width:10px; background: transparent url(images/carousel/e17000/play.gif) top left no-repeat;}
#gallerycontrolbar ul {float: right; height:16px; background-color: transparent; z-index: 10000; list-style: none !important; margin: 0px !important; padding-right: 10px !important;}
#gallerycontrolbar ul li {padding:0 !important; float:left !important;}
#gallerycontrolbar ul li a {cursor: pointer; background: transparent url(images/carousel/e17000/inactive.gif) top left no-repeat !important;display:block !important; padding: 2px 4px !important; height:14px; width:10px; text-indent: -99999em;}
#gallerycontrolbar ul li a:hover {background: transparent url(images/carousel/e17000/active.gif) top left no-repeat !important;}
#gallerycontrolbar ul li a.active {background: transparent url(images/carousel/e17000/active.gif) top left no-repeat !important;}


#attentiekolom #carousel {height: 110px; background-color: transparent; padding-top: 5px;}
#attentiekolom #galleryfotos {height: auto;}
#attentiekolom #galleryfotos ul {height: 75px;}
#attentiekolom #galleryfotos ul.more {height: auto;}
#attentiekolom #galleryfotos ul li.carouselfoto {height: 75px;}
#attentiekolom #galleryfotos ul li.carouselfoto img {height: auto;padding: 4px 4px 4px 0;}
#attentiekolom #galleryfotos ul li.carouselfoto span {float:right; width: 208px; height: 75px;}
#attentiekolom #galleryfotos ul li.carouselfoto a {padding: 0; background: none; display: inline}
#attentiekolom #gallerycontrolbar {display: block; z-index: 10000;position:relative; top: -20px; left: 0;}

body.no-js #carousel {overflow:auto; width:100%;}
body.no-js #gallerycontrolbar ul {display:none !important;}
body.no-js #gallerycontrolbar a.pause, body.no-js #gallerycontrolbar a.paused {display:none;}