﻿#slideshow {
	width:610px;
	/*height:263px;*/
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:610px;
  height:276px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .hoeklinks 
{
	position:absolute;
	left:0px;
	top:0px;
}
#slideshow #slidesContainer .hoekrechts 
{
	position:absolute;
	right:0px;
	top:0px;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:590px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:276px;
}
#slideshow #slidesButtons .control {
  display:block;
  cursor: pointer;
  padding-top:10px;
  text-align:center;
  text-decoration: none;
  color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}
#slideshow #slidesButtons #Control1 {
  width: 154px;
  height: 25px;
  background:transparent url(/images/b1_off.jpg) no-repeat 0 0;
}
#slideshow #slidesButtons #Control2 {
  width: 150px;
  height: 25px;
  background:transparent url(/images/b2_off.jpg) no-repeat 0 0;
}
#slideshow #slidesButtons #Control3 {

  width: 153px;
  height: 25px;
  background:transparent url(/images/b3_off.jpg) no-repeat 0 0;
}
#slideshow #slidesButtons #Control4 {

  width: 153px;
  height: 25px;
  background:transparent url(/images/b4_off.jpg) no-repeat 0 0;
}
#slideshow #slidesButtons #Control1:hover, #slideshow #slidesButtons #Control1.selected1 {
  background:transparent url(/images/b1_on.jpg) no-repeat 0 0;
  color:Black;
}
#slideshow #slidesButtons #Control2:hover, #slideshow #slidesButtons #Control2.selected2 {
  background:transparent url(/images/b2_on.jpg) no-repeat 0 0;
  color:Black;
}
#slideshow #slidesButtons #Control3:hover, #slideshow #slidesButtons #Control3.selected3 {
  background:transparent url(/images/b3_on.jpg) no-repeat 0 0;
  color:Black;
}
#slideshow #slidesButtons #Control4:hover, #slideshow #slidesButtons #Control4.selected4 {
  background:transparent url(/images/b4_on.jpg) no-repeat 0 0;
  color:Black;
}
#slideshow #slidesButtons #Control1.selected1,#slideshow #slidesButtons #Control2.selected2,#slideshow #slidesButtons #Control3.selected3,#slideshow #slidesButtons #Control4.selected4
{
	cursor: auto;
}
.kleurvlak_container
{
	position:absolute;
	left:0px;
	top:54px;
	height:74px;
	width: 610px;
}
.kleurvlak 
{
	background-color: #FFCB05;
	padding-left:20px;
	padding-right:20px;
	margin-top: 10px;
	height:74px;
	float:right;
}
.kleurvlak H2
{
	padding-top:12px;
	padding-bottom:0px;
	font-size: 26px;
	width: auto;
	color:#FFFFFF;
	display:block;
	line-height: 100%;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-weight: normal;
}
.kleurvlak .link
{
	padding-top:4px;
	position:relative;
	left:0;
	top:0;
	cursor: pointer;
}
.kleurvlak .link a:hover span
{
	text-decoration:underline;
}
.kleurvlak .link a span
{
	padding-top:1px;
	padding-left:3px;
	color: #25408E;
	display:block;
	float:left;
}

.kleurvlak .link a img
{
	display:block;
	float:left;
	border:0;
	
}
.kleurvlak2_container
{
	position:absolute;
	left:0px;
	top:54px;
	height:20px;
	width: 590px;
	padding-right: 20px;
}
.kleurvlak2
{
	background-color: #AFCF31;
	height:20px;
	position:relative;
	float:right;
}
.kleurvlak2 H3
{
	padding-left:6px;
	padding-right:6px;
	padding-top:2px;
	padding-bottom:0px;
	color:#FFFFFF;
	font-size: 15px;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	margin: 0px;
}

#slidesButtons
{
	width: 610px;
	overflow: hidden;
	clear: both;
}
#slidesButtons #Control1 img,#slidesButtons #Control2 img ,#slidesButtons #Control3 img 
{
	padding: 0;
	border: 0;
	margin-right : 1px;
}
#slidesButtons .control
{
	float: left;
}
.slide
{
	position:relative;
}
