/*==== #DFDFDF grijs #003366 blauw ========*/
@charset "utf-8";


#carousel {
	width: 605px;
	padding: 0;
	float: right;
	border: 1px solid #fff;
	margin: 0 0px;
	font: 12px arial;
	color: #FFF;
}

#carousel {
  position: relative;
  height: 256px;
  overflow: hidden;
  background: #fff;
  zoom: 1;
}

#carousel ul {
  list-style: none;
  position: relative;
  border: none;
  width: 168px;
  margin-bottom: 0;
  border: none !important;
  z-index: 2000;
  background: transparent !important;
}

#carousel ul li {
  width: 180px;
  clear: both;
  position: relative;
  padding: 0;
  z-index: 2000;
  float: left;
  padding-bottom: 1px;
  background: transparent !important;
}

#carousel ul li a, #carousel ul li a:visited {
	width: 157px;
	height: 63px;
	background: #CCD3DD;
	padding: 0 10px 0 0;
	display: block;
	clear: both;
	text-decoration: none;
	color: #23458C;
	float: left;
	border: none !important;
}

#carousel ul li a:hover, #carousel ul li a.hover, #carousel ul li a.hover:visited {
	width: 160px;
	padding-right: 20px !important;
	background: transparent url("../carousel/carousel_hover.png") no-repeat right 0 !important;
	cursor: pointer;
	color: #fff;
}

#carousel ul li a span {
  width: 148px;
  height: 53px;
  padding: 10px 0 0 10px;
  display: block;
  float: left;
}

#carousel div {
  width: 716px;
  height: 256px;
  overflow: hidden;
  display: block;
  border-width: 0;
  background: none;
  position: absolute;
  left: 157px;
  top: 0;
}

#carousel .ui-tabs-hide {
  display: none !important;
}

#carousel li a strong {
	color: #23458C;
	display: block;
}

#carousel li a:hover strong, #carousel li a.hover strong {
  color: #fff;
  display: block;
}

