/******************************	

PWR Pack
TRES internet (c) 2010

******************************/


/******************************	
RESET
******************************/

html, body, div, span, applet, object, iframe, table, caption, tbody,
tfoot, thead, tr, th, td, del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code, dl, dt, dd,
ol, ul, li, fieldset, form, label, legend {
	vertical-align: baseline;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	border: 0;
}

*:focus { outline: none; }
body { line-height: 1 }
ol, ul {list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { font-weight: normal; text-align: left; vertical-align: top; }
a img, :link img, :visited img { border: none; }
iframe { background: transparent; }
input, select { vertical-align: middle; }
strong { font-weight: bold; }

div.clear { clear: both; width: 100%; height: 1px; overflow: hidden; float: none !important; }

/******************************	
STYLE
******************************/

body {
	background: #eaeaea;
	font-family: Trebuchet MS, Arial;
	font-size: 11px;
	line-height: 16px;
}

#siteMenuContainer {
	background: #0f315f;
	width: 100%;
	height: 20px;
}

	#siteMenu {
		width: 940px;
		height: 20px;
		margin: 0 auto;
		padding: 0 0 0 20px;
	}

		#siteMenu > ul {
		}

			#siteMenu > ul > li {
				float: left;
				height: 16px;
				background: url("../images/siteMenuBackground.png") left top no-repeat;
				margin: 0 2px 0 0;
				width: 120px;
				text-align: center;
				line-height: 13px;
				filter:alpha(opacity=65);
				-moz-opacity:0.65;
				-khtml-opacity: 0.65;
				opacity: 0.65;
			}
				
			#siteMenu > ul > li:hover, #siteMenu > ul > li.active {
				filter:alpha(opacity=100);
				-moz-opacity:1;
				-khtml-opacity: 1;
				opacity: 1;
			}

				#siteMenu > ul > li > a, #siteMenu > ul > li > a:link, #siteMenu > ul > li > a:visited, #siteMenu > ul > li > a:active {
					font-size: 10px;
					padding: 0 5px 0 15px;
					color: #565656;
					font-weight: normal;
					text-decoration: none;
					background: url("../images/siteMenu.png") 3px 3px no-repeat;
				}

				#siteMenu > ul > li > a:hover, #siteMenu > ul > li > a.active {
				}

#container {
	width: 940px;
	min-height: 250px;
	margin: 0 auto;
}

	#header {
		width: 100%;
		height: 117px;
		background: white;
		position: relative;
	}

		#header #logo {
			float: left;
			padding: 18px 0 0 20px;
		}

		#header #payoff,
		#header #payoff2{
			float: left;
			width: 610px;
			height: 117px;
			line-height: 117px;
			text-align: center;
			color: #ff7800;
			font-weight: bold;
			font-style: italic;
			font-size: 14px;
			white-space: nowrap;
		}

		#header #payoff2{
			width: 740px;
		}

			#header #payoff strong,
			#header #payoff2 strong{
				color: #0f315f;
				font-weight: normal;
			}

		#header #languageMenu {
			position: absolute; z-index: 2; right: 10px; top: 5px;
			float: right;
			text-align: right;
			padding: 5px 10px 0 0;
		}

			#languageMenu a, #languageMenu a:link, #languageMenu a:visited, #languageMenu a:active {
				filter:alpha(opacity=65);
				-moz-opacity:0.65;
				-khtml-opacity: 0.65;
				opacity: 0.65;
				display: block;
				height: 28px;
				width: 31px;
				float: right;
			}

			#languageMenu a:hover, #languageMenu a.active {
				filter:alpha(opacity=100);
				-moz-opacity:1;
				-khtml-opacity: 1;
				opacity: 1;
			}

				#languageMenu a.Nederlands {
					background: url("../images/nl.png") no-repeat;
				}

				#languageMenu a.Engels {
					background: url("../images/en.png") no-repeat;
				}

				#languageMenu a.Duits {
					background: url("../images/de.png") no-repeat;
				}

				#languageMenu a.Frans {
					background: url("../images/fr.png") no-repeat;
				}

	#menuContainer {
		height: 31px;
		background: #dd6901 url("../images/menu.png") left top repeat-x;
		width: 100%;
	}

		#mainMenu{
			width: 750px;
			float: left;
			}

			#mainMenu ul#main{
				z-index: 12;
				float: left;
				display: inline;
				width: 750px;
				height: 31px;
				}

				#mainMenu ul#main li{
					float: left;
					display: inline;
					position: relative;
					z-index: 13;
					height: 26px;
					line-height: 32px;
					margin: 0 0 0 5px;
					background: transparent url("../images/scheiding.jpg") right top no-repeat;
					padding: 0;
					text-align: left;
					}

					/*ROOTMENU*/
					#mainMenu ul#main li a{
						display: block;
						height: 26px;
						margin: 0 5px 0 0;
						text-align: left;
						overflow: hidden;
						font-size: 12px;
						font-weight: bold;
						text-decoration: none;
						background: transparent url("../images/bgMainmenu.jpg") left top no-repeat;
						color: #fff;
						cursor: pointer;
						}

					#mainMenu ul#main li a:hover{
						height: 26px;
						color: #f17100;
						background-position: left -31px;
						}

						#mainMenu ul#main li a div{
							float: left;
							display: block;
							background: transparent url("../images/bgMainmenuDiv.jpg") right top no-repeat;
							padding: 0 15px 0 10px;
							color: #fff;
							}

						#mainMenu ul#main li a:hover div{
							color: #f17100;
							background-position: right -31px;
							}

					/*hasSubmenu*/
					#mainMenu ul#main li.hasSubmenu a{
						margin: 0;
						color: #fff;
						background: transparent url("../images/bgMainmenu2.jpg") left top no-repeat;
						cursor: pointer;
						}

					#mainMenu ul#main li.hasSubmenu a:hover,
					#mainMenu ul#main li.hasSubmenu:hover a{
						color: #f17100;
						background-position: left -31px;
						}

						#mainMenu ul#main li.hasSubmenu a div{
								float: left;
								display: block;
								background: transparent url("../images/bgMainmenuDiv2.jpg") right top no-repeat;
								padding: 0 35px 0 10px;
								color: #fff;
								cursor: pointer;
							}

						#mainMenu ul#main li.hasSubmenu a:hover div,
						#mainMenu ul#main li.hasSubmenu:hover a div{
							color: #f17100;
							background-position: right -31px;
							cursor: pointer;
							}

					#mainMenu canvas {
						cursor: pointer;
					}

					/*SUBMENU*/
					#mainMenu ul#main ul {
						margin: 0;
						width: 190px;
						list-style: none;
						display: none;
						position: absolute;
						top: 26px;
						height: auto;
						left: 0;
						z-index: 100;
						cursor: pointer;
						}

						#mainMenu ul#main ul li {
							float: left;
							display: inline;
							width: 190px;
							line-height: 14px;
							height: auto;
							clear: left;
							margin: 0;
							padding: 0;
							height: 20px;
							background: #fff url("../images/bgSubmenu.jpg") left top;
							}

						#mainMenu ul#main ul li.top {
							height: 10px;
							overflow: hidden;
							background: transparent url("../images/bgSubmenuTop.jpg") left top no-repeat;
							}

						#mainMenu ul#main ul li.bottom {
							height: 5px;
							overflow: hidden;
							background: transparent url("../images/bgsubmenuBottom.gif") left top no-repeat;
							}

							#container #menuContainer #mainMenu ul#main ul.submenu li a,
							#container #menuContainer #mainMenu ul#main ul.submenu li a:link,
							#container #menuContainer #mainMenu ul#main ul.submenu li a:visited{
								float: none;
								width: 180px;
								padding: 4px 0 4px 10px;
								margin: 0 10px 0 0;
								display: block;
								color: #f17100;
								height: auto;
								font-family: Verdana, Arial, sans-serif;
								text-decoration: none;
								font-size: 11px;
								line-height: 14px;
								overflow: hidden;
								white-space: nowrap;
								background: none;
								font-weight: normal;
								}

							#container #menuContainer #mainMenu ul#main ul.submenu li a:hover,
							#container #menuContainer #mainMenu ul#main ul.submenu li a:active{
								color: #666666;
								}



		#search {
			float: right;
			margin: 6px 10px 0 0;
			padding: 2px 0 0 0;
			background: url("../images/search.png") left top no-repeat;
			width: 159px;
			height: 21px;
			position: relative;
		}

			#search input.input {
				width: 135px;
				border: 0;
				padding: 0 0 0 2px;
				background: transparent;
				font-size: 11px;
				color: #cecece;
			}

			#search input.input.active {
				color: #000000;
			}

			#search input.button {
				position: absolute;
				right: 5px;
			}

		#breadcrumb {
			padding: 1px 0 0 10px;
			color: #b4b4b4;
			font-size: 10px;
			background: url("../images/borderWhiteBottom.png") bottom left no-repeat;
			height: 17px;
		}

			#breadcrumb a, #breadcrumb a:link, #breadcrumb a:visited, #breadcrumb a:active {
				color: #b4b4b4;
				text-decoration: none;
			}

			#breadcrumb a:hover {
				text-decoration: underline;
			}

		
		#contentContainerHeader {
			background: #ffffff url("../images/borderWhiteTop.png") top left no-repeat;
			height: 18px;
			margin: 10px 0 0 0;
		}
		
		#contentContainer {
			background: #ffffff url("../images/borderWhiteBottom.png") bottom left no-repeat;
			min-height: 200px;
			padding: 0 18px 14px 18px;
		}


		#content {
			width: 600px;
			float: left;
			padding: 0 13px 0 0;
		}

			#content .description {
				margin: 0 0 10px 0;
				color: #5F5F5F;
			}

			#content div.header {
				padding: 0 0 5px 0;
				background: url("../images/headerDivider.png") left bottom repeat-x;
				margin: 0 10px 10px 0;
			}

			#content h1 {
				color: #ff7800;
				font-size: 18px;
				margin: 0 0 5px 0;
			}

			#content h2 {
				color: #ff7800;
				font-size: 16px;
				margin: 0 0 10px 0;
			}

			#content a, #content a:link, #content a:visited, #content a:active {
				color: #ff7800;
				text-decoration: underline;
			}

			#content a:hover {
				color: #0f315f;
			}

			#content span.paragraph { 
				display: block;
				color: #5f5f5f;
				padding: 0 10px 0 0;
				margin: 0 0 15px 0;
			}

			#content div.productImage {
				margin: 0 20px 20px 0;
				float: left;
				position: relative;
				width: 130px;
				height: 130px;
				overflow: hidden;
			}

				#content div.productImage.last {
					margin-right: 0;
				}

			#content div.productIcon {
				width: 200px;
				float: left;
				display: inline;
				overflow: hidden;
				margin: 0 0 10px 0;
				position: relative;
			}

				#content div.productIconOverlay {
					background: url("../images/iconOverlay.png") left top no-repeat;
					width: 62px;
					height: 61px;
					position: absolute;
					top: 0;
					left: 0;
				}

				#content div.productIcon div.image {
					float: left;
					padding: 0 10px 10px 0;
				}

				#content div.productIconDescription {
					float: left;
					line-height: 60px;
				}

				#content div.productIconDescription h2 {
					color: #6c757a;
					font-size: 12px;
				}


			#content div.productOverlay {
				position: absolute;
				top: 0;
				left: 0;
				background: url("../images/productOverlay.png") left top no-repeat;
				width: 130px;
				height: 131px;
				padding: 108px 0 0 5px;
				font-weight: bold;
				color: #ffffff;
			}

			#content div.productOverlay:hover {
				background-position: left -131px;
			}


			#content div.label {
				width: 200px;
				float: left;
				clear: both;
				margin: 0 0 10px 0;
			}

			#content div.value {
				width: 200px;
				float: left;
			}

			#content input {
				width: 175px;
				font-family: Trebuchet MS, Arial;
				font-size: 12px;
			}

				#content input.radio, #content input.checkbox {
					width: 20px;
				}

			#content textarea {
				margin: 0 0 10px 0;
				font-family: Trebuchet MS, Arial;
				font-size: 12px;
				line-height: 16px;
				width: 175px;
				height: 100px;
			}

			#content div.value.submit input, #googlemaps input.submitbutton {
				background: #FF7800;
				color: white;
				border: 1px solid white;
				height: 28px;
				font-weight: bold;
				cursor: pointer;
			}


		#items {
			width: 290px;
			float: left;
		}

			#items .item {
				margin: 0 0 15px 0;
			}

				#items .paragraph {
					color: #0F315F;
				}

				#items .item a, #items .item a:link, #items .item a:visited, #items .item a:active {
					color: #FF7800;
				}

				#items .item a:hover {
					color: #0F315F;
				}

				#items .item .contact {
					/*margin: 0 0 10px 0;*/
					margin: 0;
					clear: both;
				}

				#items .item .contact img.left {
					float: left;
					padding: 0 0 5px 0;
				}

				#items .item .contact, #items .item .contact a, #items .item .contact a:link, #items .item .contact a:visited, #items .item .contact a:active {
					color: #565656;
					font-size: 13px;
					font-weight: bold;
					line-height: 20px;
					text-decoration: none;
				}

				#items .item .contact a:hover {
					color: #ff7800;
				}

				#items .item a.button, #items .item a.button:link, #items .item a.button:visited, #items .item a.button:active {
					display: block;
					width: 268px;
					height: 29px;
					background: url("../images/button.png") left bottom no-repeat;
					color: #ffffff;
					font-size: 14px;
					text-decoration: none;
					padding: 8px 0 0 10px;
					font-weight: bold;
				}

				#items .item a.button:hover {
					background-position: left top;
				}

			#items .top {
				background: url("../images/borderItemTop.png") left top no-repeat;
				height: 6px;
			}

			#items h2 {
				padding: 0 0 10px 0;
				color: #0f315f;
			}

			#items .content {
				border: 1px solid #cacaca;
				border-width: 0 1px;
				padding: 4px 5px;
				margin: 0 1px 0 0;
			}

			#items .bottom {
				background: url("../images/borderItemBottom.png") left bottom no-repeat;
				height: 6px;
			}

			#items .title {
				color: #ff7800;
				font-size: 14px;
				padding: 0 0 2px 0;
				font-weight: bold;
				border-bottom: 1px solid #ffe4cc;
				margin: 0 0 10px 0;
			}

			#items ul {
				list-style-image: url("../images/list.png");
				list-style-position: outside;
				padding: 0 0 0 20px;
			}

			#items ul li {
				padding: 0 0 7px 2px;
				font-size: 13px;
				color: #0f315f;
				font-weight: bold;
			}


	#tagcloud {
		padding: 20px 0 0 0;
		width: 100%;
		text-align: center;
		line-height: 20px;
		background: #d0d3d8;
		margin: 0 0 10px 0;
	}

		#tagcloud a, #tagcloud a:link, #tagcloud a:visited, #tagcloud a:active {
			color: #5a7ba6;
			text-decoration: none;
			padding: 0 6px 0 1px;
		}

		#tagcloud a:hover {
			color: #ff7800;
		}

			#tagcloud a.tag1 {
				font-size: 15px;
				font-weight: bold;
			}

			#tagcloud a.tag2 {
				font-size: 14px;
				font-weight: bold;
			}

			#tagcloud a.tag3 {
				font-size: 13px;
			}

			#tagcloud a.tag4 {
				font-size: 12px;
			}

			#tagcloud a.tag5 {
				font-size: 11px;
			}

	#tagcloudFooter{
		background: url('../images/tagcloudRoundedCorners.png') no-repeat;
		width: 940px;
		height: 15px;
	}

	#footerContainer {
		height: 29px;
		margin: 5px 0 0 0;
		line-height: 29px;
		font-size: 10px;
		background: url("../images/footerBackground.png") left top no-repeat;
	}

		#contact {
			padding: 0 0 0 10px;
			color: #ffffff;
			float: left;
		}

			#contact a, #contact a:link, #contact a:visited, #contact a:active {
				color: #ffffff;
				text-decoration: underline;
			}

			#contact a:hover {
				text-decoration: none;
			}

		#bottomMenu {
			float: right;
			color: #ffffff;
			padding: 0 10px 0 0;
		}

			#bottomMenu a, #bottomMenu a:link, #bottomMenu a:visited, #bottomMenu a:active {
				color: #ffffff;
				text-decoration: none;
			}

			#bottomMenu a:hover {
				text-decoration: underline;
			}

	table.producten {
		width: 605px;
	}

		table.producten td {
			border-width: 0 1px 2px 0;
			border-color: #ffffff;
			border-style: solid;
			padding: 5px 2px;
			background: #ffe3c9;
			text-align: center;
			font-size: 10px;
		}

		table.producten td.first {
			background: #ffc48f;
		}

		table.producten .header td {
			background: #ffc48f;
		}

		table.producten .header td.first {
			background: #ffffff;
		}

		table.producten td.last {
			background: #ffffff;
			width: 40px;
			vertical-align: bottom;
		}

		table.producten span.unit {
			color: #535353;
		}

		table.producten a.productInfo, table.producten a.productInfo:link, table.producten a.productInfo:visited, table.producten a.productInfo:active {
			display: block;
			width: 42px;
			height: 17px;
			background: url("../images/info.png") left top no-repeat;
		}

		table.producten a.productInfo:hover {
			background-position: left bottom;
		}

		table.producten a.tableLink, table.producten a.tableLink:link, table.producten a.tableLink:visited, table.producten a.tableLink:active {
			display: block;
			width: 42px;
			height: 17px;
			overflow: hidden;
			background: url("../images/info.png") top left no-repeat;
			text-indent: -9999px;
		}

		table.producten a.tableLink:hover {
			background-position: left bottom;
		}

	div.productDetail {
	}

		div.productDetail div.description {
			color: #0F315F;
			margin: -15px 0 5px 0;
		}

		div.productDetail table.details {
			width: 290px;
			float: left;
		}

		div.productDetail table.details.first {
			margin: 0 15px 0 0;
		}

			div.productDetail table.details td {
				border-width: 0 1px 2px 0;
				border-color: #ffffff;
				border-style: solid;
				padding: 5px 4px;
				background: #ffe3c9;
			}

			div.productDetail table.details .header td {
				background: #ffc48f;
				font-weight: bold
			}


	div.article {
		width: 600px;
		margin: 0 0 15px 0;
		padding: 0 0 10px 0;
		background: url("../images/headerDivider.png") left bottom repeat-x;
	}

		div.article .date {
			margin: -5px 0 2px 0;
			color: #8c8c8c;
			font-size: 10px;
			font-style: italic;
		}

			div.article.detail .date {
				margin: 0px 0 5px 0;
			}

		div.article .image {
			float: left;
			width: 135px;
		}

			div.article.detail .image {
				width: auto;
				margin: 0 10px 10px 0;
			}

		div.article.detail .text {
			clear: both;
		}

	a.readMore, a.readMore:link, a.readMore:visited, a.readMore:active {
		color: #ff7800;
		text-decoration: none;
		background: url("../images/readMore.png") left 4px no-repeat;
		padding: 0 8px 0 8px;
		margin: 0 0 0 5px;
	}

	a.readMore:hover {
		color: #0f315f;
	}

		#items a.readMore {
			float: right;
		}


	#popup {
		padding: 20px;
	}

		#popup form {
		}

		#popup div.label {
			width: 200px;
			float: left;
			clear: both;
			margin: 0 0 10px 0;
		}

		#popup div.value {
			width: 200px;
			float: left;
		}

		#popup input {
			width: 175px;
			font-family: Trebuchet MS, Arial;
			font-size: 12px;
			border: 1px solid #cecece;
		}

		#popup input.invalid {
			background-color: #FF7800;
		}

		#popup div.description {
			clear: both;
			margin: 10px 0 5px 0;
		}

		#popup textarea {
			margin: 0 0 10px 0;
			font-family: Trebuchet MS, Arial;
			font-size: 12px;
			line-height: 16px;
			width: 175px;
			height: 100px;
			border: 1px solid #cecece;
		}

		#popup input.submit {
			background: #FF7800;
			color: white;
			border: 1px solid white;
			height: 28px;
			font-weight: bold;
			cursor: pointer;
		}

		#popup h1 {
			color: #ff7800;
			font-size: 18px;
			margin: 0 0 15px 0;
		}

		#popup .close {
			width: 400px;
			text-align: center;
			margin: 35px 0 0 0;
		}

		#popup a, #popup a:link, #popup a:visited, #popup a:active {
			color: #ff7800;
			text-decoration: underline;
		}

		#popup a:hover {
			color: #0f315f;
		}

	.imageDescription {
		font-style: italic;
		padding: 3px 0 0 0;
		color: #5F5F5F;
	}

	.left {
		float: left;
		padding: 0 10px 10px 0;
	}

	.right {
		float: right;
		padding: 0 0 10px 10px;
	}

	#content .bulletsubtitlestyle {
		color: #ff7800;
		font-size: 14px;
		padding: 0 0 2px 0;
		font-weight: bold;
		margin: 0 0 0 0;
		padding: 10px 0 2px 0;
		display: block;
	}

	#content ul {
		list-style-image: url("../images/list.png");
		list-style-position: outside;
		padding: 0 0 0 20px;
	}

	#content ol {
		list-style-type: decimal;
		list-style-position: outside;
		padding: 0 0 0 20px;
	}

	#content ul li, #content ol li {
		padding: 0 0 7px 2px;
		font-size: 13px;
		color: #5f5f5f;
		font-weight: bold;
	}

	ul.sitemap ul {
		margin: 5px 0 0 0;
	}



	#browserError {
		position: absolute;
		top: 20px;
		background: #fdffce;
		width: 100%;
		line-height: 18px;
	}

		#browserError .warning {
			width: 840px;
			margin: 0 auto;
			height: 85px;
			background: url("../images/warning.jpg") left 15px no-repeat;
			padding: 15px 0 0 100px;
		}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

ul.jcarousel-list, #items ul.jcarousel-list {
	padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 86px;
    height: 56px;
	border: 1px solid #e3e3e3;
	border-width: 1px 1px 1px 0;
	text-align: center;
}

.jcarousel-list li img {
	padding: 7px 0 0 0;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {
    z-index: 3;
	width: 5px;
	background: url("../images/scrollRight.png") left top no-repeat;
	height: 65px;
	float: right;
	cursor: pointer;
}

	.jcarousel-next:hover {
		background-position: right top;
	}

.jcarousel-prev {
    z-index: 3;
	width: 5px;
	background: url("../images/scrollLeft.png") right top no-repeat;
	height: 65px;
	float: left;
	cursor: pointer;
}

	.jcarousel-prev:hover {
		background-position: left top;
	}



	.tmodel107 {
		margin: 10px 0 0 0;
	}


#content a.bullet, #content a.bullet:link, #content a.bullet:visited, #content a.bullet:active {
	line-height: 22px; 
	background: url("../images/bullet.png") left top no-repeat;
	padding: 0 0 2px 22px;
	font-weight: bold;
	color: #FF7800;
	text-decoration: none;
}

#content a.bullet:hover {
	color: #0F315F;
	text-decoration: underline;
}


/*KOLOMMEN BG DAIRY*/

div.kolom{
	margin: 0 0 20px;}

div.afbKolom{
	position: relative;
	height: 188px; width: 188px; overflow: hidden;
	margin: 0 0 15px;
	background: #ed6f00;
	}

	div.afbKolom a{
		text-decoration: none;
		}

	div.afbKolom img,
	div.afbKolom a img{
		position: absolute; left: 0; top: 0; z-index: 0;
		height: 188px; width: 188px;
		}

	div.afbKolom div.afbKolomOverlay,
	div.afbKolom a div.afbKolomOverlay{
		position: absolute; left: 0; top: 0; z-index: 2;
		height: 188px; width: 188px;
		background: url("../images/bgOverlay.png") left top no-repeat;
		}

	div.afbKolom a div.afbKolomOverlay{
		cursor: pointer;
		}

	#contentContainer div#content div.afbKolom div.afbKolomOnderschrift,
	#contentContainer div#content div.afbKolom a div.afbKolomOnderschrift{
		position: absolute; left: 0; bottom: 0; z-index: 1;
		float: left; display: inline; 
		height: 26px; width: 178px; padding: 0 0 0 10px;
		background: #ed6f00; color: #fff; font: bold 12px/22px Trebuchet MS, Arial, sans-serif;
		text-decoration: none; border-bottom: 0;
		}

	#contentContainer div#content div.afbKolom:hover div.afbKolomOnderschrift{
		background: #0F315F;;
		}

/* Organigram */
.organigram{ 
	background: url("../images/organigrambg.png") no-repeat;
}

div.orgakolom{
	position: relative;
	height: 120px;
	width: 120px;
	overflow: hidden;
	margin: 0 10px 15px;
	background: #ed6f00;
	float: left;
	}

	div.orgakolom a{
		text-decoration: none;
	}

	div.orgakolom img,
	div.orgakolom a img{
		position: abslolute; left: 0; top: 0; z-index:0;
		heigth: 120px; width: 120px;
	}

	div.orgakolom div.orgaoverlay,
	div.orgakolom a div.orgaoverlay{
		position: absolute; left: 0; top: 0; z-index: 2;
		height: 120px; width: 120px;
		background: url("../images/bgOverlaysmall.png") left top no-repeat;
	}

	div.orgakolom a div.orgaoverlay{
		cursor: pointer;
	}
	
	div.orgakolom div.orgaonderschrift,
	div.orgakolom a div.orgaonderschrift{
		position: absolute; left: 0; bottom: 0; z-index: 1;
		float: left; display: inline; 
		height: 18px; width: 110px; padding: 0 0 0 10px;
		background: #ed6f00; color: #fff; font: bold 12px Trebuchet MS, Arial, sans-serif;
		text-decoration: none; border-bottom: 0;	
	}
	div.orgakolom:hover div.orgaonderschrift{
		background: #0F315F;
	}

/*TESTIMONIALS*/

.quovolver {
	width: 275px; /* required */
	margin: 0 auto 20px;
	}

.quovolver div.image{
	float: right; display: inline;
	width: 100px; margin: 3px 0 10px 10px;
	text-align: center;
	}

.quovolver div.quote{
	display: block;
	font: bold italic 11px/18px Trebuchet MS, Arial, sans-serif;
	color: #666;
	padding: 15px;
	text-align: center;
	}

img.quote1{position: relative; top: -3px; left: -5px;}
img.quote2{position: relative; top: 5px; left: 5px;}


div.bgReferentie{
	position: relative;
	padding:  0 0 0 110px;
	margin: 20px 0 0;
	}

div.bgReferentie div.image{
	position: absolute; left: 0; top: 0;
	width: 100px; text-align: center;
	}

div.bgReferentie h3{
	color: #ff7800; font-size: 16px; font-weight: bold;
	margin: 0 0 5px;
	}

div.bgReferentie h3 span{
	display: block;
	font: bold 11px/18px Trebuchet MS, Arial, sans-serif;
	color: #ff7800;
	}

div.bgReferentie div.quote{
	position: relative; padding: 10px 22px 0;
	display: block;
	font: bold italic 11px/18px Trebuchet MS, Arial, sans-serif;
	color: #666;
	text-align: left;
	}

div.bgReferentie div.quote img.quote1{
	position: absolute; left: 0; top: 10px;
	}
