/* Alle styles voor de inhoud */
#boxFlash {
	width: 810px;
	height: 482px;
	position: absolute;
	margin: 7px 15px;
	z-index:2;
	}
#boxFlash2 {
	width: 482px;
	height: 482px;
	position: absolute;
	margin: 7px 15px;
	z-index:2;
	}
	
	#boxHtml {
		width: 810px;
		height: 482px;
		margin: 0 15px;
		}

/* Home */
#bgHome {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}

		
		#boxInfoHome {
			width: 318px;
			height: 318px;
			background: url(../img/content/bg/bg_blok_zwart_318x318.gif) no-repeat left top;
			}
			
			#infoHome,#vacHome   {
				width: 278px;
				height: 268px;
				margin: 207px 0 0 527px;
				position: absolute;
				z-index: 1;
				}
			
				#infoHomeKop {
					width: 278px;
					height: 40px;
					}
				
				#infoHomeKopVacatures {
					width: 278px;
					height: 65px;
					}
				
				#infoHomeTxt {
					width: 278px;
					height: 180px;
					color: #ccc;
					line-height: 1.6em;
					}
				
				#infoHomeLink {
					width: 278px;
					height: 23px;
					text-align: right;
					}
					
					#infoHomeLink a {
						padding: 0 23px 0 0;
						background: url(../img/layout/btn/next.gif) no-repeat 100% 50%;
						color: #ccc;
						text-decoration: none;
						}
					
					#infoHomeLink a:hover {
						background: url(../img/layout/btn/next_mo.gif) no-repeat 100% 50%;
						color: #f7f707;
						text-decoration: none;
						}

/* Portfolio */
#bgPortfolio {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}
	
	#boxInleindingOnline {
		width: 330px;
		height: 110px;
		margin: 32px 0 0 487px;
		position: absolute;
		z-index: 100;
		}
		
		#inleidingOnlineKop {
			width: 330px;
			height: 30px;
			}
		
		#inleidingOnlineTxt {
			width: 330px;
			height: 80px;
			color: #ccc;
			line-height: 1.4em;
			overflow: hidden;
			}
	
	#hdPortfolioWebsites {
		background: url(../img/content/hd/hd_portfolio_onl_websites.gif) no-repeat left top;
		}
	#hdPortfolioWebshops {
		background: url(../img/content/hd/hd_portfolio_onl_webshops.gif) no-repeat left top;
		}
	#hdPortfolioDigizines {
		background: url(../img/content/hd/hd_portfolio_onl_digi-ezines.gif) no-repeat left top;
		}
	#hdPortfolioDigifolders {
		background: url(../img/content/hd/hd_portfolio_onl_digi-folders.gif) no-repeat left top;
		}
	#hdPortfolioOverigen {
		background: url(../img/content/hd/hd_portfolio_onl_overigen.gif) no-repeat left top;
		}
	
	#hdPortfolioOffline {
		background: url(../img/content/hd/hd_portfolio_offl.gif) no-repeat left top;
		}
				
		#pagination {
			width: 790px;
			margin: 10px;
			text-align: right;
			position: absolute;
			z-index: 3;
			float: left;
			}
			
			#pages {
				width: 790px;
				color: #000;
				text-align: right;
				float: left;
				}
				
				#pages span, #pages span.divider {
					font-weight: bold;
					color: #000;
					}
				#pages span.divider {
					font-weight: normal;
					color: #000;
					}
					
				#pages a {
					width: 20px;
					padding: 0 5px;
					text-decoration: underline;
					color: #000;
					}
					
					#pages a.selected, #pages a:hover {
						text-decoration: none;
						font-weight: bold;
						color: #000;
						}
		
		.bgPortfolioOnline01 {
			background: url(../img/content/sfeer/portfolio_onl_subcat01.gif) no-repeat left bottom;
			}
		.bgPortfolioOnline02 {
			background: url(../img/content/sfeer/portfolio_onl_subcat02.gif) no-repeat left bottom;
			}
		.bgPortfolioOnline03 {
			background: url(../img/content/sfeer/portfolio_onl_subcat03.gif) no-repeat left bottom;
			}
		.bgPortfolioOnline04 {
			background: url(../img/content/sfeer/portfolio_onl_subcat04.gif) no-repeat left bottom;
			}
		.bgPortfolioOnline05 {
			background: url(../img/content/sfeer/portfolio_onl_subcat05.gif) no-repeat left bottom;
			}
		.bgPortfolioOnline06, .bgPortfolioOnline07, .bgPortfolioOnline08, .bgPortfolioOnline09, .bgPortfolioOnline10 {
			background: url(../img/content/bg/bg_blok_wit_154x154.gif) no-repeat left bottom;
			}
		
		.bgPortfolioOffline01 {
			background: url(../img/content/sfeer/portfolio_offl_subcat01.gif) no-repeat left bottom;
			}
		.bgPortfolioOffline02 {
			background: url(../img/content/sfeer/portfolio_offl_subcat02.gif) no-repeat left bottom;
			}
		.bgPortfolioOffline03 {
			background: url(../img/content/sfeer/portfolio_offl_subcat03.gif) no-repeat left bottom;
			}
		.bgPortfolioOffline04 {
			background: url(../img/content/sfeer/portfolio_offl_subcat04.gif) no-repeat left bottom;
			}
		.bgPortfolioOffline05 {
			background: url(../img/content/sfeer/portfolio_offl_subcat05.gif) no-repeat left bottom;
			}
		.bgPortfolioOffline06, .bgPortfolioOffline07, .bgPortfolioOffline08, .bgPortfolioOffline09, .bgPortfolioOffline10 {
			background: url(../img/content/bg/bg_blok_wit_154x154.gif) no-repeat left bottom;
			}
			
			.portfolioItem {
				width: 154px;
				height: 134px;
				}
			
			.portfolioTxt {
				width: 148px;
				height: 30px;
				margin: 0 3px;
				text-align: center;
				color: #666;
				}
			.portfolioTxt a {
				color: #666;
				}
			.portfolioTxt a:hover {
				color: 333;
				text-decoration: none;
				}
			
			.meerOverzicht {
				width: 148px;
				height: 148px;
				margin: 13px 0 0 3px;
				float: left;
				display: inline;
				}
				
				.btnPrevNext {
					width: 148px;
					height: 74px;
					float: left;
					}
					
					.btnPrev, .btnNext {
						width: 74px;
						height: 74px;
						float: left;
						}
				
				.buttonMeer {
					width: 148px;
					height: 74px;
					float: left;
					}
					
					.buttonMeer a {
						display: block;
						/*width: 117px;*/
						height: 63px;
						padding: 10px 31px 1px 0;
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 16%;
						color: #666;
						text-align: right;
						text-decoration: none;
						}
						
						.buttonMeer a span {
							color: #006699;
							}
					
					.buttonMeer a:hover {
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 16%;
						color: #006699;
						text-decoration: underline;
						}
				
				.meerOverzichtDivider {
					width: 148px;
					height: 1px;
					float: left;
					border-top: 1px solid #b3b3b3;
					}
				
				.buttonOverzicht {
					width: 148px;
					height: 73px;
					float: left;
					}
					
					.buttonOverzicht a {
						display: block;
						/*width: 117px;*/
						height: 22px;
						padding: 50px 31px 1px 0;
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 84%;
						color: #666;
						text-align: right;
						text-decoration: none;
						}
						
						.buttonOverzicht a span {
							color: #006699;
							}
					
					.buttonOverzicht a:hover {
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 84%;
						color: #006699;
						text-decoration: underline;
						}
					
				.buttonOverzichtSA {
					width: 148px;
					height: 148px;
					float: left;
					}
					
					.buttonOverzichtSA a {
						display: block;
						/*width: 117px;*/
						height: 22px;
						padding: 126px 31px 1px 0;
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 93%;
						color: #666;
						text-align: right;
						text-decoration: none;
						}
						
						.buttonOverzichtSA a span {
							color: #006699;
							}
					
					.buttonOverzichtSA a:hover {
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 93%;
						color: #006699;
						text-decoration: underline;
						}
				
				.buttonOverzichtTerug {
					width: 148px;
					height: 148px;
					float: left;
					}
					
					.buttonOverzichtTerug a {
						display: block;
						/*width: 117px;*/
						height: 22px;
						padding: 126px 31px 1px 0;
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 93%;
						color: #666;
						text-align: right;
						text-decoration: none;
						}
					.buttonInfoTerug a {
						display: block;
						/*width: 117px;*/
						height: 22px;
						padding: 84px 10px 1px 10px;
						
						color:#FFFFFF;
						
						text-decoration: none;
						}
					
					.buttonOverzichtTerug a:hover {
						background: url(../img/layout/btn/next_white.gif) no-repeat 93% 93%;
						color: #333;
						text-decoration: underline;
						}
				
		#navOnline {
			width: 220px;
			height: 57px;
			margin: 230px 0 0 560px;
			position: absolute;
			}
							
				.btn38 {
					width: 38px;
					height: 57px;
					margin: 0 0 0 5px;
					display: inline;
					float: left;
					}
	
	.boxItem {
		background: url(../img/content/bg/bg_blok_portfolio.gif) no-repeat left top;
		}
		
		.itemImg {
			width: 108px;
			height: 108px;
			margin: 6px 0 0 23px;
			}
		
		.itemTxt {
			width: 144px;
			margin: 15px 5px 5px 5px;
			overflow: hidden;
			font-size: 0.9em;
			text-align: center;
			}
			
			.itemTxt a {
				color: #ccc;
				text-decoration: none;
				}
			
			.itemTxt a:hover {
				color: f7f707;
				}
				
/* Portfolio popup layer */
#hidelayer {
	width: 100%;
	height: 100%;
	background: #000;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 190;
	/*float: left;*/
	filter: alpha(opacity=60); 
	-moz-opacity: 0.6;
	opacity: .6;
	}
	
#popupLayer {
	width: 990px;
	height: 100%;
	margin: 0 auto 0 -495px;
	top: 0;
	left: 50%;
	position: absolute;
	z-index: 200;
	}
	
	#popupLayer iframe {
		width: 646px;
		height: 482px;
		margin: 113px 0 0 254px;
		}		

#boxPopupLayer {
	width: 646px;
	height: 482px;
	overflow: hidden;
	}
	
/* Studio's */
#bgStudios {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}
	
	#boxInleindingStudio {
		width: 330px;
		height: 110px;
		margin: 32px 0 0 487px;
		position: absolute;
		z-index: 100;
		}
		
		#inleidingStudioKop {
			width: 330px;
			height: 30px;
			}
		
		#inleidingStudioTxt {
			width: 330px;
			height: 80px;
			color: #ccc;
			line-height: 1.4em;
			overflow: hidden;
			}
	
	.boxBtnStudio {
		width: 154px;
		height: 154px;
		background: url(../img/content/bg/bg_btn_studio.gif) no-repeat 50% 50%;
		}
		
		.btnStudioImg {
			width: 108px;
			height: 108px;
			margin: 23px;
			position: absolute;
			}
	
	.boxBtnWhiteGreen {
		width: 154px;
		height: 154px;
		background: url(../img/content/bg/bg_btn_wit-groen.gif) no-repeat 50% 50%;
		}
		
		.boxBtnWhiteGreenImg {
			width: 108px;
			height: 108px;
			margin: 23px;
			position: absolute;
			}
		
	.boxBlack154x154 {
		background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat left top;
		}
		
		.margin3px {
			margin: 3px;
			}
	

	
		#boxInfoStudio {
			width: 820px;
			height: 154px;
			margin: 332px 0 0 15px;
			position: absolute;
			z-index: 100;
			}
			
			.infoStudio {
				width: 154px;
				height: 154px;
				margin: 0 10px 0 0;
				overflow: hidden;
				font-size: 0.9em;
				float: left;
				}
				
				.infoStudioTxt {
					width: 134px;
					height: 110px;
					margin: 10px 10px 0 10px;
					overflow: hidden;
					color: #ccc;
					}
					
					.infoStudioTxt p {
						display: block;
						color: #f7f707;
						}
				
				.infoStudioLink {
					width: 134px;
					height: 25px;
					margin: 10px 10px 0 10px;
					text-align: right;
					}
						
					.infoStudioLink a {
						padding: 1px 23px 1px 0;
						background: url(../img/layout/btn/next.gif) no-repeat 100% 50%;
						color: #ccc;
						text-decoration: none;
						}
					
					.infoStudioLink a:hover {
						background: url(../img/layout/btn/next_mo.gif) no-repeat 100% 50%;
						color: #f7f707;
						text-decoration: none;
						}
	
	.boxWhite154x154 {
		background: url(../img/content/bg/bg_blok_wit_154x154.gif) no-repeat left top;
		}
	
	.boxGrey154x154 {
		background: url(../img/content/bg/bg_blok_grijs_154x154.gif) no-repeat left top;
		}
	
	.containerPieces {
		width: 810px;
		height: 318px;
		margin: 171px 0 0 15px;
		position: absolute;
		}
		
		.boxImgPieces {
			width: 482px;
			height: 318px;
			background: url(../img/content/bg/bg_blok_wit_482x318.gif) no-repeat left top;
			}
			
			.imgPieces {
				width: 476px;
				height: 312px;
				float: left;
				}
		
		.boxInfoPieces {
			width: 318px;
			height: 318px;
			background: url(../img/content/bg/bg_blok_wit_318x318.gif) no-repeat left top;
			}
			
			.infoPieces {
				width: 278px;
				height: 278px;
				margin: 25px 0 0 30px;
				float: left;
				}
			
				.infoPiecesKop {
					width: 278px;
					margin: 0 0 18px 0;
					}
				
				.infoPiecesTxt {
					width: 278px;
					color: #333;
					line-height: 1.6em;
					}
					
					.infoPiecesTxt a {
						color: #666;
						cursor: pointer;
						}
					
					.infoPiecesTxt a:hover {
						color: #333;
						}
						
/* Studio vervolg */
#bgStudioVervolg {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}
	
		
		#logoStudio {
			width: 273px;
			}
			
			#logoStudio img {
				margin: 51px 0 0 67px;
				}
		
		#contentStudio {
			width: 524px;
			margin: 0 0 0 288px;
			position: absolute;
			}
			
			#contentWide {
				width: 514px;
				margin: 91px 0 15px 0;
				}
			
			#contentNarrow {
				width: 350px;
				}
			
			#navStudio {
				width: 220px;
				height: 57px;
				margin: 310px 0 0 135px;
				position: absolute;
				}
			
			#navStudioWebdesign {
				width: 220px;
				height: 57px;
				margin: 30px 0 0 25px;
				position: absolute;
				}
				
					.btn35 {
						width: 36px;
						height: 57px;
						margin: 0 0 0 5px;
						display: inline;
						float: left;
						}
					
					.btn40 {
						width: 41px;
						height: 57px;
						margin: 0 0 0 5px;
						display: inline;
						float: left;
						}
		
		#headerStudio {
			width: 524px;
			margin: 56px 0 0 0;
			}
		
		.boxRightUnder {
			width: 154px;
			height: 154px;
			margin: 237px 0 0 383px;
			position: absolute;
			}

/* Klanten */
#bgKlanten {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}

	#boxInleindingKlanten {
		width: 330px;
		height: 110px;
		margin: 20px 0 0 487px;
		position: absolute;
		z-index: 100;
		}
		
		#inleidingKlantenTxt {
			width: 330px;
			height: 127px;
			color: #ccc;
			line-height: 1.4em;
			overflow: hidden;
			}
	
	#boxSfeerKlanten {
		width: 810px;
		height: 482px;
		background: url(../img/content/bg/bg_blok_custom.gif) no-repeat left top;
		}
		
		#boxKlanten {
			width: 492px;
			height: 482px;
			margin: 7px 0 0 333px;
			position: absolute;
			z-index: 100;
			}
				
			.boxBtnKlanten {
				width: 154px;
				height: 154px;
				background: url(../img/content/bg/bg_btn_studio.gif) no-repeat 50% 50%;
				}
				
				.btnKlantenImg {
					width: 108px;
					height: 108px;
					margin: 23px;
					position: absolute;
					}
				
			.boxBtnWebdesign {
				width: 154px;
				height: 154px;
				background: url(../img/content/bg/bg_btn_webdesign.gif) no-repeat 50% 50%;
				}
			
			.boxBtnWebdesign50 {
				width: 154px;
				height: 154px;
				background: url(../img/content/bg/bg_btn_webdesign_50.gif) no-repeat 50% 50%;
				}
				
				.btnWebdesignImg {
					width: 108px;
					height: 108px;
					margin: 23px;
					position: absolute;
					}
			
			#btnImg {
				width: 148px;
				height: 121px;
				margin: 3px 0 0 3px;
				}
			
			#btnImgPortfolio {
				width: 148px;
				height: 102px;
				margin: 3px 0 0 3px;
				}
			
			#btnImgWeb {
				width: 148px;
				height: 148px;
				margin: 3px 0 0 3px;
				}
			
			.btnLink {
				width: 134px;
				margin: 7px 10px 0 10px;
				font-size: 0.9em;
				text-align: right;
				}
					
				.btnLink a {
					padding: 1px 23px 0px 0;
					background: url(../img/layout/btn/next.gif) no-repeat 100% 50%;
					color: #ccc;
					text-decoration: none;
					}
				
				.btnLink a:hover {
					background: url(../img/layout/btn/next_mo.gif) no-repeat 100% 50%;
					color: #f7f707;
					text-decoration: none;
					}
				
			.btnLinkPrev {
				width: 134px;
				margin: 7px 10px 0 10px;
				font-size: 0.9em;
				text-align: right;
				}
					
				.btnLinkPrev a {
					padding: 1px 0 0px 23px;
					background: url(../img/layout/btn/prev.gif) no-repeat 0% 50%;
					color: #ccc;
					text-decoration: none;
					}
				
				.btnLinkPrev a:hover {
					background: url(../img/layout/btn/prev_mo.gif) no-repeat 0% 50%;
					color: #f7f707;
					text-decoration: none;
					}
				
			#btnAdress {
				background: #832525 url(../img/content/sfeer/contact.jpg) no-repeat left top;
				width: 148px;
				height: 121px;
				margin: 3px 0 0 3px;
				}
				
				#btnAdress p {
					padding: 18px;
					}

		.boxMenuKlanten {
			width: 148px;
			height: 148px;
			margin: 3px;
			}
		
		.klanten01 {
			background: url(../img/content/sfeer/klanten01.jpg) no-repeat left top;
			}
		.klanten02 {
			background: url(../img/content/sfeer/klanten02.jpg) no-repeat left top;
			}
		.klanten03 {
			background: url(../img/content/sfeer/klanten03.jpg) no-repeat left top;
			}
		.klanten04 {
			background: url(../img/content/sfeer/klanten04.jpg) no-repeat left top;
			}
		.klanten05 {
			background: url(../img/content/sfeer/klanten05.jpg) no-repeat left top;
			}
			
			.boxBtnKlantenImg {
				width: 108px;
				height: 108px;
				margin: 20px;
				position: absolute;
				}
	
	.boxKlanten810x318 {
		width: 810px;
		height: 318px;
		background: url(../img/content/bg/bg_blok_klanten.gif) no-repeat left top;
		}
		
		.klantenInfo {
			width: 385px;
			margin: 140px 0 0 50px;
			float: left;
			display: inline;
			}
			
			.klantenInfoKop {
				width: 385px;
				margin: 0 0 18px 0;
				}
			
			.klantenInfoTxt {
				width: 385px;
				color: #333;
				line-height: 1.6em;
				}
		
		.boxPortfolio154x154 {
			width: 154px;
			height: 154px;
			float: right;
			margin: 164px 0 0 0;
			background: url(../img/content/bg/bg_blok_wit_154x154.gif);
			}
				
				.portfolioOnlOffl {
					width: 148px;
					height: 148px;
					margin: 3px 0 0 3px;
					background: url(../img/content/sfeer/klanten.jpg) no-repeat left top;
					position: absolute;
					}
					
					.buttonOnl {
						width: 148px;
						height: 74px;
						text-align: right;
						}
						
						.buttonOnl a {
							display: block;
							/*width: 117px;*/
							height: 63px;
							padding: 10px 31px 1px 0;
							background: url(../img/layout/btn/next.gif) no-repeat 93% 16%;
							color: #333;
							text-align: right;
							text-decoration: none;
							}
							
							.buttonOnl a span {
								color: #a93030;
								}
						
						.buttonOnl a:hover {
							background: url(../img/layout/btn/next.gif) no-repeat 93% 16%;
							color: #a93030;
							text-decoration: underline;
							}
					
					.onlOfflDivider {
						width: 148px;
						height: 1px;
						font-size: 1px;
						border-top: 1px solid #FFFFFF;
						}
					
					.buttonOffl {
						width: 148px;
						height: 73px;
						text-align: right;
						}
						
						.buttonOffl a {
							display: block;
							/*width: 117px;*/
							height: 22px;
							padding: 50px 31px 1px 0;
							background: url(../img/layout/btn/next_green.gif) no-repeat 93% 84%;
							color: #333;
							text-decoration: none;
							}
							
							.buttonOffl a span {
								color: #006699;
								}
						
						.buttonOffl a:hover {
							background: url(../img/layout/btn/next_green.gif) no-repeat 93% 84%;
							color: #006699;
							text-decoration: underline;
							}

/* Klanten Vervolg */
#hdKlantenIndustie_agrarisch {
	background: url(../img/content/hd/hd_portfolio_onl_indus_agra.gif) no-repeat left top;
	}
#hdKlantenDienstv_non_overh {
	background: url(../img/content/hd/hd_portfolio_onl_dienstv_non_overh.gif) no-repeat left top;
	}
#hdKlantenBouw_vastgoed {
	background: url(../img/content/hd/hd_portfolio_onl_bouw_vastgoed.gif) no-repeat left top;
	}
#hdKlantenRecrea_toerisme_horeca {
	background: url(../img/content/hd/hd_portfolio_onl_recreatie_toerisme_horeca.gif) no-repeat left top;
	}
#hdKlantenRetail_handel_it {
	background: url(../img/content/hd/hd_portfolio_onl_retail_handel_it.gif) no-repeat left top;
	}
	
	.boxVervolg810x318 {
		width: 810px;
		height: 318px;
		background: url(../img/content/bg/bg_blok_vervolg.gif) no-repeat left top;
		}
	.boxVervolgNbrieven {
		width: 810px;
		height: 318px;
		background: url(../img/content/bg/bg_blok_nbrieven.gif) no-repeat left top;
		}
				
		.boxVervolg154x154 {
			width: 154px;
			height: 154px;
			margin: 164px 0 0 656px;
			background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat;
			position: absolute;
			}
			
			#btnKlantHalfImage {
				background: url(../img/content/sfeer/klanten_klein.jpg) no-repeat left top;
				width: 148px;
				height: 121px;
				margin: 3px;
				color: #333;
				float: left;
				display: inline;
				}

			#btnKlantHalfImagenBrief {
				background: url(../img/content/bg/wit.gif) no-repeat left top;
				width: 148px;
				height: 121px;
				margin: 3px;
				color: #333;
				float: left;
				display: inline;
				}
				
				.portfolioVervolg {
					width: 148px;
					height: 148px;
					text-align: right;
					margin-left: 3px;
					}
					
					.buttonOnlV {
						width: 148px;
						height: 74px;
						}
						
						.buttonOnlV a {
							display: block;
							/*width: 117px;*/
							height: 63px;
							padding: 10px 31px 1px 0;
							background: url(../img/layout/btn/next_mo.gif) no-repeat 93% 16%;
							color: #333;
							text-align: right;
							text-decoration: none;
							}
							
							.buttonOnlV a span {
								color: #a93030;
								}
						
						.buttonOnlV a:hover {
							background: url(../img/layout/btn/next.gif) no-repeat 93% 16%;
							color: #a93030;
							font-weight: bold;
							text-decoration: none;
							}
					
					.onlOfflDividerV {
						width: 148px;
						height: 1px;
						background: #666;
						}
					
					.buttonOfflV {
						width: 148px;
						height: 63px;
						}
						
						.buttonOfflV a {
							display: block;
							/*width: 117px;*/
							height: 22px;
							padding: 50px 31px 1px 0;
							background: url(../img/layout/btn/next_mo.gif) no-repeat 93% 84%;
							color: #333;
							text-align: right;
							text-decoration: none;
							}
							
							.buttonOfflV a span {
								color: #006699;
								}
						
						.buttonOfflV a:hover {
							background: url(../img/layout/btn/next.gif) no-repeat 93% 84%;
							color: #006699;
							font-weight: bold;
							text-decoration: none;
							}
		
		#listsKlanten {
			width: 615px;
			margin: 40px 0 0 28px;
			float: left;
			position: absolute;
			}
			
			.listKlanten {
				width: 199px;
				height: 249px;
				margin: 0 5px 0 0;
				overflow: hidden;
				float: left;
				}
				
				.listKlanten ul li {
					margin: 0 0 2px 0;
					}
				
					.listKlanten ul li a {
						color: #fff;
						text-decoration: underline;
						line-height: 16px;
						}
					
					.listKlanten ul li a:hover {
						color: #fff;
						text-decoration: none;
						}
					
					.listKlanten ul li p {
						color: #fff;
						font-style: italic;
						line-height: 16px;
						}
	
/* Voorproefje */
#bgVoorproefje {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}		
		#contentVoorproefje {
			width: 596px;
			margin: 185px 0 0 40px;
			position: absolute;
			}
			
			#contentVoorproefjeLeft {
				width: 350px;
				margin: 91px 15px 15px 0;
				float: left;
				}
			
			#contentVoorproefjeRight {
				width: 230px;
				margin: 91px 0 15px 0;
				float: left;
				}
				
			#contentVoorproefje span {
				color: #f7f707;
				}
		
		#headerVoorproefje {
			width: 596px;
			margin: 206px 0 0 25px;;
			}
		
		.boxRightVoorproefje {
			width: 154px;
			height: 154px;
			margin: 73px 0 0 656px;
			position: absolute;
			}

/* Wie zijn wij */
#bgWzw {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}

		
		#boxInfoWzw {
			width: 318px;
			height: 482px;
			background: url(../img/content/bg/bg_blok_zwart_318x482.gif) no-repeat left top;
			}
			
			.infoStart  {
				width: 278px;
				height: 428px;
				margin: 47px 0 0 527px;
				position: absolute;
				z-index: 1;
				}
			
				.infoWzwKop {
					width: 278px;
					height: 105px;
					}
				
				.infoWzwTxt {
					width: 278px;
					color: #ccc;
					line-height: 1.6em;
					}
					
					.infoWzwTxt a {
						color: #666;
						cursor: pointer;
						}
					
					.infoWzwTxt a:hover {
						color: #ccc;
						text-decoration: underline;
						}
				
				.infoWzwLink {
					width: 278px;
					height: 23px;
					margin: 20px 0 0 0;
					text-align: right;
					}
					
					.infoWzwLink a {
						padding: 0 23px 0 0;
						background: url(../img/layout/btn/next.gif) no-repeat 100% 50%;
						color: #ccc;
						text-decoration: none;
						}
					
					.infoWzwLink a:hover {
						background: url(../img/layout/btn/next_mo.gif) no-repeat 100% 50%;
						color: #f7f707;
						text-decoration: none;
						}

/* Contact */
#bgContact {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}
	
	#boxContact {
		background: url(../img/content/bg/bg_blok_contact.gif) no-repeat left top;
		}
		
		#contentContact {
			width: 524px;
			margin: 0 0 0 68px;
			position: absolute;
			display: inline;
			}
			
			.contentContact {
				width: 315px;
				margin: 91px 0 15px 0;
				/**/color: #000000;
				}
				div.conText {
				width: 315px;
				float: left;
				margin: 15px 40px 15px 50px;
				/**/color: #000000;
				}
				div.locations{
				width: 150px;
				margin: 15px 0px 0px 20px;
				float: left;
				color: #000;
				}
				div.locations img {
				margin-bottom: 8px;
				}
			/**/#contentContact a,div.conText a, div.locations a {
				text-decoration: none;
				font-weight: bold;
				color: #333;
			}
			
			/**/#contentContact a:hover,div.conText a:hover, div.locations a:hover {
				text-decoration: none;
				font-weight: bold;
				text-decoration: underline;
				color: #333;
			}
			
			.contentForm {
				width: 315px;
				clear: both;
				float: left;
				margin-left: 50px;
				/**/color: #000000;
				}
			.contentForm a {
				color: #333;
			}
		#headerStudio {
			width: 524px;
			margin: 27px 0 0 50px;
			}
		
		.boxRightAdress {
			width: 154px;
			height: 154px;
			margin: 262px 0 0 656px;
			position: absolute;
			}
			
.verplicht {
	height: 16px;
	margin: 0 0 0 110px;
	padding: 2px 0 0 0;
	/**/color: #000000;
	}

.btnSend {
	font-size: 0.9em;
	text-align: right;
	}
		
	.btnSend a, .btnSend a:visited, .btnSend a:active {
		height: 15px;
		padding: 1px 23px 1px 0;
		background: url(../img/layout/btn/next_red_white.gif) no-repeat 100% 50%;
		color: #FFF;
		text-decoration: none;
		cursor: pointer;
		}
	
	.btnSend a:hover {
		background: url(../img/layout/btn/next_white2.gif) no-repeat 100% 50%;
		color: #f7f707;
		text-decoration: none;
		cursor: pointer;
		}
		
.special {
	width: 5px;
	visibility: hidden;
	}

#boxWhite318x318 {
	width: 318px;
	height: 318px;
	background: url(../img/content/bg/bg_blok_wit_318x318.gif) no-repeat left top;
	}

#boxWhite482x318 {
	width: 482px;
	height: 318px;
	background: url(../img/content/bg/bg_blok_wit_482x318.gif) no-repeat left top;
	}
	
.boxBlackBottomContact {
		background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat left top;
		width: 154px;
		height: 154px;
		margin: 262px 0 0 655px;
		position: absolute; 
	}
	
#btnAdressHalfImage {
	background: url(../img/content/sfeer/vacatures_rechts_licht.jpg) no-repeat left top;
	width: 148px;
	height: 121px;
	margin: 3px;
	color: #333;
	float: left;
	display: inline;
}

#btnAdressHalfImage p {
	margin: 15px 0 0 15px;
}

#btnAdressHalfImage a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

#btnAdressHalfImage a:hover {
	text-decoration: underline;
}

#btnAdressFullImage {
	background: url(../img/content/sfeer/contact_rechts.jpg) no-repeat left top;
	width: 148px;
	height: 148px;
	margin: 3px;
	color: #333;
	float: left;
	display: inline;
}

#btnAdressFullImage p {
	margin: 15px 0 0 15px;
}

#btnAdressFullImage a,.contentform div.btnSend a {
	font-weight: bold;
	text-decoration: none;
	color: #333;
}

#btnAdressFullImage a:hover,.contentform div.btnSend a:hover {
	text-decoration: underline;
	color: #333;
}

#formmelding {
	height: 16px;
	margin: 0 0 5px 110px;
	padding: 2px 0 0 0;
	/**/color: #000000;
	}

/* Vacatures */
#bgVacatures {
	width: 840px;
	height: 504px;
	padding: 7px 0 2px 0;
	}
	
	#boxVacatures {
		background: url(../img/content/bg/bg_blok_vacatures.gif) no-repeat left top;
		}
		
		#contentVacatures {
			width: 524px;
			margin: 30px 0 0 32px;
			position: absolute;
			}
			
			.contentVacatures {
				width: 440px;
				margin: 36px 0 15px 0;
				color: #333;
				}
				
			.contentVacatures strong {
				color: #333;
				}
				
			#contentVacatures a {
				text-decoration: none;
				color: #666;
			}
			
			#contentVacatures a:hover {
				text-decoration: none;
				text-decoration: underline;
				color: #333;
			}
			
		#headerVacatures {
			margin: 80px 0 0 550px;
			position: absolute;
		}
		
		.boxBlackBottomInner {
			background: url(../img/content/sfeer/vacatures_rechts.jpg) no-repeat left top;
			margin: 3px;
			width: 148px;
			height: 148px
		}
		
		.boxBlackBottom {
			background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat left top;
			width: 154px;
			height: 154px;
			margin: 327px 0 0 0;
			float: right;
		}

/* News pagina's */
.boxNieuws {
	background: url(../img/content/bg/bg_blok_nieuws.gif) no-repeat left top;
	}
	.boxNieuwsApple {
		background: url(../img/content/sfeer/nieuws_rechts.jpg) no-repeat left top;
		width: 148px;
		height: 148px;
		margin: 3px;
		color: #333;
		float: left;
		display: inline;
		}

	.leftContent {
		float: left;
		margin: 10px 0px 0px 10px;
		width: 585px;
		height: 480px;
		color: #333;
	}
	.leftContentScroll{
		overflow:auto;
		height: 462px;
	}
	.marginContent {
		margin: 20px 20px 20px 50px;
		color: #333;
	}
	.boxNewsletter {
		width:539px;
		height:101px;
		margin:0 0 0 16px;
		background:url(../img/content/bg/bg_blok_nieuwsbrief.jpg) no-repeat left top;
		float: left;
		}
		.newsItem, .newsItemArchief {
			margin: 12px 50px 0 40px;
			width:500px;
			float: left;
			display: inline;
		}
		.newsItemArchief a
		{
			font-size:8px;
		}
		.boxNewsletter .newsItem {
			margin:20px 24px;
			}
		.newsItem H2,.newsItem H1, .newsItemArchief h2, .newsItemArchief h1 {
			color: #222222;
			margin: 0px;
		}
		.newsItem p {
			color: #333333;
			margin: 5px 0px;
			line-height: 16px;
			margin-bottom: 5px;
		}
		.newsItem p strong{
			color: #222222;
		}
		.newsItem a,.newsItemArchief a {
			color:#a43432
			}
		.newsItem a:hover, .newsItemArchief a:hover {
			color: #333333;
		}
			.imgLeft {
				margin: 10px 15px 15px 0;
				float: left;
				}
				.imgLeft img {
					border: 1px solid #e5e5e5;
					}
			.imgRight {
				margin: 10px 0 15px 15px;
				float: right;
				}
				.imgRight img {
					border: 1px solid #e5e5e5;
					}
	
	.btnNews {
		text-align: right;
	}
	.btnNews a {
		display: block;
		padding: 122px 25px 20px 0;
		background: url(../img/layout/btn/next_red_white.gif) no-repeat 100% 87%;
		color: #333;
		text-decoration: none;
		margin: 5px;
		}
	
	.btnNews a:hover {
		background: url(../img/layout/btn/next_white2.gif) no-repeat 100% 87%;
		color: #006699;
		font-weight: bold;
		display: block;
		padding: 122px 25px 20px 0;
		text-decoration: none;
	}
	.rightContent {
		float: right;
		width: 200px;
	}
		.rightContent IMG {
			margin-top: 40px;
		}
		.boxBlackBottomNieuws {
			background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat left top;
			width: 154px;
			height: 154px;
			margin-top: 246px;
			float: right;
		}
/* 404 & sitemap */
		.boxBlackBottom404 {
			background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat left top;
			width: 154px;
			height: 154px;
			margin-top: 327px;
			float: right;
		}
		.mapContent {
			margin: 30px 0px 10px 0px;
		}
		.listMap {
			float: left;
			width: 240px;
		}
		.listMap a{
			display: block;
			line-height: 18px;
			color: #666666;
		}
		.listMap a:hover {
			color: #222222;
		}
		.listMap a.indent1 {
			margin-left: 15px;
		}
		.listMap a.indent2 {
			margin-left: 30px;
		}
/* Route */
.boxBlackBottomRoute {
	background: url(../img/content/bg/bg_blok_zwart_154x154.gif) no-repeat left top;
	width: 154px;
	height: 154px;
	margin: 252px 0 0 655px;
	position: absolute; 
}
	
	#map {
		width: 515px;
		height: 325px;
		margin: 30px 0 0 0;
		position: absolute;
		overflow: hidden;
		}
		
		#map div {
			color: #333;
			}
	
	#sluitVenster {
		width: 108px;
		height: 14px;
		margin: 12px 0 0 686px;
		text-align: right;
		position: absolute;
		z-index: 2;
		}
		
		#sluitVenster a {
			padding: 1px 23px 1px 0;
			background: url(../img/layout/btn/next_red_white.gif) no-repeat right top;
			color: #000;
			text-decoration: none;
			}
		
		#sluitVenster a:hover {
			background: url(../img/layout/btn/next_white2.gif) no-repeat right top;
			text-decoration: underline;
			}
			
/* EXTRA PAGINA ZOMERMAILING */
.boxZM {
	background: url(../img/content/bg/bg_blok_zm_info.gif) no-repeat left top;
	}
	.boxZMsmall {
		/*background: url(../img/content/sfeer/info_rechts.jpg) no-repeat left top;*/
		width: 148px;
		height: 148px;
		margin: 3px;
		color: #333;
		float: left;
		display: inline;
		}
		.boxBlackBottomInfo {
			background: url(../img/content/bg/bg_blok_info_158x157.gif) no-repeat left top;
			width: 158px;
			height: 157px;
			margin-top: 243px;
			float: right;
		}
		.infolist{
			color:#999999;
		}
		.infolist li{
			margin:0 0 0 17px;
			list-style-type:circle;
			}