/* CSS Document */
html{
	overflow:auto;
	background-color:#d1d1d1;
	}
	
body{
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	background-image:url(../images/contentbovenachtergrondtotaal.jpg);
	background-position:50% 0%;
	background-repeat:repeat-y;
}

.onlyprint{
	display:none;	
}

H1,H2,H3,H4,H5,H6{
	margin-top:0px;
	text-indent:0px;
	color:#acb83c;
	font-size:13px;
	line-height:19px;
}


H1{	font-size:20px;			line-height:26px;}
H2{	font-size:17px;			line-height:23px;}
H3{	font-size:14px;			line-height:20px;}


#bovenbalk{
	width:100%;
	background-image:url(../images/bovenbalkachtergrond.jpg);
	background-repeat:repeat-x;
	height:104px;
}

			#topcontainer{
				width:970px;
				padding:0px;
				margin-left:auto;
				margin-right:auto;
			}
			
			#toplogo{
				width:180px;
				float:left;
				height:104px;
				margin-left:28px;
			}
			
			#toplogin{
				text-align:right;
				width:747px;
				float:left;
				height:40px;
			}
			
			#topmenu{
				width:747px;
				float:left;
				height:36px;
				padding-top:28px;
				padding-right:10px;
			}
			
			.toploginbox{
				background-image:url(../images/toploginbox.png); 
				border:0px; 
				background-color:transparent; 
				height:22px;
				background-repeat:no-repeat;
				color:#969696;
				padding-left:10px;
				padding-right:10px;
				width:115px;
				font-size:12px;
				line-height:22px;
				margin-right:4px;
				margin-top:7px;
				margin-bottom:-5px;
			}
			
			.toplogimg{
				margin-top:7px;
				margin-bottom:-5px;
			}
			
			.loginzin{
				color:#FFFFFF;
				margin:0px;
				margin-right:5px;
			}
			
						.loginzin a{
							color:#FFFFFF;
							text-decoration:none;
						}
						
						.loginzin a:hover{
							color:#FFFFFF;
							text-decoration:underline;
						}

.topmenulinkselected{
	background-image:url(../images/topmenulinkaan.gif);
	width:127px;
	height:36px;
	line-height:36px;
	text-align:center;
	float:right;
	margin-left:2px;
	font-size:14px;
	cursor:pointer;
}

			.topmenulinkselected a{
				text-decoration:none;
				color:#333333;
			}
			
			.topmenulinkselected a:hover{
				text-decoration:none;
				color:#333333;
			}

			.topmenulink{
				background-image:url(../images/topmenulinkuit.gif);
				width:127px;
				height:36px;
				line-height:36px;
				text-align:center;
				float:right;
				margin-left:2px;
				font-size:14px;
				cursor:pointer;
			}
			
			
						.topmenulink a{
							text-decoration:none;
							color:#FFFFFF;
						}
						
						.topmenulink a:hover{
							text-decoration:none;
							color:#FFFFFF;
						}

#contentboven{
	
	clear:both;
	width:100%;
	border-bottom:1px solid #FFFFFF;
}

#contentbovencontainer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	height:310px;
}

#quicklinks{
	margin-top:1px;
	width:274px;
	height:285px;
	padding-top:25px;
	padding-left:25px;
	float:left;
	background-image:url(../images/quicklinksachtergrond.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
	border-right:1px solid #FFFFFF;
}

			.quicklinkleeg{
				background-position:95% 50%;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
				width:250px;
				height:47px;
				line-height:47px;
				margin-bottom:5px;
				font-size:14px;
				font-weight:bold;
				cursor:pointer;
				text-indent:5px;
			}
			
			.quicklink{
				background-image:url(../images/quicklinksachtergronden.gif);
				background-repeat:no-repeat;
				background-position:95% 50%;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
				background-color:#eae9e9;
				border:1px solid #bababa;
				width:250px;
				height:47px;
				line-height:47px;
				margin-bottom:5px;
				font-size:14px;
				font-weight:bold;
				cursor:pointer;
				text-indent:5px;
			}
			
						.quicklink:hover{
							/*background-image:url(../images/quicklinksachtergronden.gif);
							background-repeat:no-repeat;*/
							border:1px solid #454545;
						}
						
						.quicklinktxt{
							height:40px;
						}
						
						.quicklink img{
							color:#333333;
							margin-top:4px;
							margin-left:4px;
							text-decoration:none;
						}
						.quicklink a{
							color:#333333;
							text-decoration:none;
						}
						
						
						.quicklink a:hover{
							color:#333333;
							text-decoration:none;
						}

#slideshow{
	width:650px;
	height:310px;
	float:left;
	background-image:url(../images/testafbeelding.jpg);
	background-position:100% 100%;
	background-repeat:no-repeat;
	background-color:transparent;
}

			#slideshow img{
				border:0px; padding:0px;
			}

#kleurenbalk{
	clear:both;
	width:100%;
	background-image:url(../images/kleurenbalkachtergrond.jpg);
	background-position:50% 0%;
	background-repeat:repeat-x;
	height:118px;
	border-bottom:1px solid #FFFFFF;
	overflow:hidden;
}

			#kleurenbalklinks{
				width:50%;
				height:118px;
				float:left;
				margin-left:-181px;
				text-align:right;
				background-image:url(../images/donkergroenvanbalk.png);
				background-repeat:no-repeat;
				background-position:100% 0%;
			}
			
			#kleurenbalkrechts{
				width:650px;
				height:118px;
				float:left;	
				overflow-x:visible;
			}
			
			#kleurenbalkitem p{
				margin-top:2px;
				}
			
			#kleurenbalkslogan{
				width:274px;
				height:100%;
				padding-left:25px;
				float:left;
				overflow:hidden;
			}
			
			.kleurenbalkitem{
				width:198px;
				height:98px;
				margin-top:10px;
				line-height:18px;
				float:left;
				color:#FFFFFF;
				padding-left:10px;
				padding-right:10px;
			}
			
			#donkergroenstukvanbalk{
				background-image:url(../images/donkergroenvanbalk.jpg);
				background-repeat:no-repeat;
				background-position:100% 0%;
				top:415px;
				left:-189px;
				height:118px;
				width:800px;
				z-index:5;
				position:absolute;
				text-align:right;
			}
			
			.groenebalkgroenetekst{
				color:#cad55e;
				font-size:18px;
				font-weight:bold;
				line-height:29px;
				text-align:left;
				width:275px;
			}
			
			.groenebalkwittetekst{
				color:#FFFFFF;
				font-size:18px;
				font-weight:bold;
				height:59px;
				line-height:59px;
				text-transform:uppercase;
				text-align:left;
			}
			
			.kleurenbalkmeerlezenmetlijn{
				border-left:1px dotted #FFFFFF;
			}
			
			.kleurenbalkmeerlezen{
				color:#515a02;
				font-weight:bold;
				background-color:#acb83c;
				padding:3px;
				padding-left:5px;
				padding-right:15px;
				background-image:url(../images/kleurenbalkmeerlezenpijltje.gif);
				background-repeat:no-repeat;
				background-position:90% 50%;
				cursor:pointer;
				margin-top:15px;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
			}
			
			.kleurenbalkmeerlezen:hover{
				color:#FFFFFF;
				background-color:#6e790a;
			}
			
			
			.kleurenbalkitem h1{
				font-size:16px;
				color:#FFFFFF;
				margin:0px;
				background-position:0% 100%;
				background-repeat:no-repeat;
				padding-left:42px;
				height:29px;
				line-height:29px;
			}
			
			.kleurbalkgeenrechts{
				float:right;
				padding-right:2px;
			}
			
			.kleurenbalkitem p{
				margin:0px;
				line-height:22px;
			}
			
			#kleurenbalkcontainer{
				width:960px;
				margin-left:auto;
				margin-right:auto;
				height:118px;
			}


#contentblok{
	
	width:100%;
	background-color:#e9e9e9;
}


#contentcontainer{
	width:960px;
	margin-left:auto;
	margin-right:auto;
	background-color:#e9e9e9;
}


#menukolom{
	width:274px;
	padding-left:25px;
	float:left;
	background-color:#e9e9e9;
	background-image:url(../images/menuschaduw.jpg);
	background-position:100% 0%;
	background-repeat:no-repeat;
	padding-top:15px;
}

.menublok{
	background-color:#2e2e2e;
	width:250px;
	padding:5px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.menutitel{
	background-color:#494949;
	width:250px;
	padding:0px;
	height:40px;
	color:#a3af2f;
	font-size:14px;
	font-weight:bold;
	text-indent:15px;
	line-height:40px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-bottom:0px;
}


			.menutitel a{
				color:#a3af2f;
				text-decoration:none;
			}
			
			.menutitel a:hover{
				color:#a3af2f;
				text-decoration:underline;
			}

.menucontent{
	padding:5px;
}

			.menucontent a{
				color:#FFFFFF;
				font-size:14px;
				line-height:20px;
				text-decoration:none;
				background-image:url(../images/menuaanduiding.gif);
				background-position:0% 50%;
				background-repeat:no-repeat;
				padding-left:10px;
				margin-left:13px;
				}
			
			.menucontent hr{
				border:0px; border-bottom:1px dotted #555555; height:0px;
				}
			
			
			.menucontent a:hover{
				color:#FFFFFF;
				font-size:14px;
				line-height:20px;
				text-decoration:underline;
				background-image:url(../images/menuaanduiding.gif);
				background-position:0% 50%;
				background-repeat:no-repeat;
				padding-left:10px;
			}
			

#statistieken{
	margin-top:-15px;
	width:900px;
	padding-left:25px;
	padding-right:25px;
}



#contentkolom{
	width:635px;
	float:left;
	background-color:transparent;
	background-color:#e9e9e9;
	border-left:1px solid #FFFFFF;
	padding-left:15px;
	padding-top:15px;
	
}

			#contentkolom p{
			}
			
			
			#contentkolom .divbox p{
				padding-left:0px;
			}
			
			#contentkolom .divboxzwart p{
				padding-left:0px;
			}
			
			
			#contentkolom .divbox H1,H2,H3,H4,H5,H6{
				padding-left:0px;
				text-indent:0px;
			}
			
			#contentkolom .divboxzwart H1,H2,H3,H4,H5,H6{
				padding-left:0px;
				text-indent:0px;
			}
			
			#contentkolom a{
				color:#a3af2f;
				text-decoration:none;
				font-weight:bold;
			}
			
			#contentkolom a:hover{
				color:#a3af2f;
				text-decoration:underline;
				font-weight:bold;
			}

			#contentkolom H1,H2,H3,H4,H5,H6{
				font-weight:bold;
			}


			.contentitem{
				background-color:#FFFFFF;
				border:1px solid #d4d4d4;
				width:612px;
				margin-left:15px;	
				margin-bottom:10px; 
				padding:10px;
				-moz-border-radius: 5px; 
				-webkit-border-radius: 5px; 
			}

/* indien kader=ja wordt toegevoegd op een module */
.divbox {
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
				line-height:22px;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
			.divbox H1, H2, H3, H4, h5, h6 {
				margin-bottom:0px;
				}
			
			.divbox img{
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
				
				}
				
			.divbox p{
				line-height:22px;
			}
				
			.divbox hr{
			border:0px;
			border-bottom:1px dotted #999999;
			height:0px;
			}
	
.divboxzwart{
	background-color:#2E2E2E;
	border:1px solid #000000;
	line-height:22px;
	padding:10px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFF;
	}
			 .divboxzwart H1, H2, H3, H4, h5, h6 {
				margin-bottom:0px;
				}
			
			.divboxzwart img{
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
				
				}
				
			.divboxzwart p{
				line-height:22px;
			}
				
			.divboxzwart hr{
			border:0px;
			border-bottom:1px dotted #C0C0C0;
			height:0px;
			}
	


/* 2 of 3 kolommen tekst, enkel indien er geen divbox kader rond staat */
.linkerkolom{
	padding-right: 10px;
	border-right:1px dotted #CCCCCC;
	}
	
.middenkolom{
	padding-right: 10px;
	border-right:1px dotted #CCCCCC;
	}
	
.rechterkolom{
	}

/* 2 of 3 kolommen tekst, enkel indien er WEL divbox kader rond staat */
.linkerkolomdivbox{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
.middenkolomdivbox{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
.rechterkolomdivbox{
	padding: 10px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}
	
.linkerkolomdivboxzwart{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFFFFF;
	}
.middenkolomdivboxzwart{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFFFFF;
	}
.rechterkolomdivboxzwart{
	padding: 10px;
	background-color:#2E2E2E;
	border:1px solid #000000;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	color:#FFFFFF;
	}

/* login*/
input.knop{
	color:#515a02;
	font-size:14px;
	font-weight:normal;
	background-color:#acb83c;
	padding:3px;
	padding-left:25px;
	padding-right:15px;
	height:24px;
	
	background-image:url(../images/lock_open.png);
	background-repeat:no-repeat;
	background-position:5px 50%;
	border:1px solid #acb83c;
	cursor:pointer;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}	

input.knop:hover{	
	color:#FFFFFF;
	font-weight:normal;
	background-color:#6e790a;
}

.textfield{
	border:1px solid #999999;
	width:150px;
	height:22px;
	line-height:22px;
	font-size:12px;
	padding:0px;
	background-image:url(../images/loginfieldbg.jpg);
	background-repeat:repeat-x;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
}

.textareafield{
	border:1px solid #999999;
	line-height:18px;
	font-size:12px;
	padding:3px;
	background-image:url(../images/loginfieldbg.jpg);
	background-repeat:repeat-x;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	font-family:Arial, Helvetica, sans-serif;
}



/* onderste grijze balk*/
#footerbalk{
	background-color:#c9c9c9;
	color:#2e2e2e;
	padding-top:10px;
}

			#footerbalkcontainer{
				width:940px;
				margin-left:auto;
				margin-right:auto;
				clear:both;
			}
			
			#footerlinks{
				float:left;
				width:462px;
				padding-left:15px;
			}
			
			#footerrechts{
				text-align:right;
				float:left;
				width:461px;
			}










/* ****************************************  FILMPJE VAN HOOFDFOTO'S VANAF HIER ***************************************** */
	 
			#piccontainer {
				position:relative;
				line-height:22px;
				width:650px; 
				height:310px; 
				_height:305; 
				border:0px; 
				overflow:hidden;
				margin:0px;
				padding:0px;
			}
			
			#piccontainer a{
				color:#5c2d8c;
			}
						
			#piccontainer a:hover{
				color:#5c2d8c;
			}
			 
			#piccontainer DIV {
				position:absolute;
				line-height:22px;
				overflow:hidden;
				z-index:8;
				opacity:0.0;
				height:310px;
				top:0px;
				left:0px;
				float:left; 
				width:650px; 
				line-height:22px; 
				color:#333333;
			}
			 
			#piccontainer DIV.active {
				z-index:10;
				opacity:1.0;
			}
			 
			#piccontainer DIV.last-active {
				z-index:9;
			}
			 
			#piccontainer DIV IMG {
				display: block;
				border:0px; 
				padding:0px; 
				width:650px;
			} 
			
.tabelwebsite{
	border:1px solid #d5d5d5;
	font-size:11px;
}	
	
.tabelwebsite td{
	border-bottom:1px solid #EFEFEF;
}		
	
.tabelheaderwebsite{
	background-image:url(../images/tabelheaderwebuit.jpg);
	background-repeat:repeat-x;
	background-position:0% 100%;
}


.tabelheaderwebsite td{
	border-right:1px solid #D5D5D5;
	vertical-align:middle;
}

.tabelrowselected{
	background-color:#f8ffb8;
	border-bottom:1px solid #d8f0fa;
	border-top:1px solid #d8f0fa;
}

.klantbox{
	width:80px;
	height:50px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #D5D5D5;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	text-align:center;
	cursor:pointer;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.klantbox:hover{
	border:1px solid #acb83c;
}


.klantbox6perrij{
	width:130px;
	height:100px;
	padding-top:30px;
	border:1px solid #D5D5D5;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	text-align:center;
	cursor:pointer;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.klantbox6perrij:hover{
	border:1px solid #acb83c;
}

.klantboxon{
	border:1px solid #acb83c;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}



.klantbox2{
	height:30px; 
	line-height:30px; 
	cursor:pointer;
	float:left;
	width:130px;
	padding-top:15px; 
	padding-bottom:15px;
	color:#FFFFFF;
	border:1px solid #acb83c;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background-color:#acb83c; 
	background-image:url(../images/groengradient.jpg);
	background-repeat:repeat;
	background-position: 0% 0%;
	margin-left:15px;
	text-align:center;
}


.klantbox2:hover{
	height:30px; 
	line-height:30px; 
	cursor:pointer;
	float:left;
	width:130px;
	padding-top:15px; 
	padding-bottom:15px;
	background-color:#6e790a; 
	color:#FFFFFF;
	border:1px solid #acb83c;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	background-position: 0% 10%;
	margin-left:15px;
	text-align:center;
}

#contentkolom a.knop{
	font-size:14px;
	font-weight:normal;
	background-color:#acb83c;
	background-image:url(../images/groengradient.jpg);
	background-repeat:repeat;
	background-position: 0% 0%;
	padding:3px;
	padding-left:15px;
	padding-right:15px;
	height:22px;
	
	border:1px solid #acb83c;
	cursor:pointer;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	color:#ffffff;
}


#contentkolom a.knop:hover{
	color:#FFFFFF;
	font-weight:normal;
	background-color:#6e790a;
	background-position: 0% 10%;
	text-decoration:none;
}	

/* pager nummering */
#contentkolom .pagerblock{
	background-color:#acb83c;
	color:#FFFFFF;
	width:20px;
	height:20px;
}

#contentkolom .pagerblockselected{
	background-color:#6e790a;
	color:#FF0000;
}

#contentkolom a.pagerlink{
	background-color:#acb83c;
	margin-left:3px;
	padding:7px;
	color:#FFFFFF;
	text-transform: uppercase;
	text-decoration:none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	width:25px;
	height:25px;
}
#contentkolom a.pagerlink:hover{
	background-color:#6e790a;
	padding:7px;
	color:#FFFFFF;
	text-decoration:none;
	width:25px;
	height:25px;
}

#contentkolom a.pagerlinkselected{
	margin-left:3px;
	background-color:#6e790a;
	padding:7px;
	color:#FFFFFF;
	text-decoration:none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	width:25px;
	height:25px;
}

#contentkolom a.pagerlinkselected:hover{
	background-color:#6e790a;
	padding:7px;
	color:#FFFFFF;
	text-decoration:none;
	width:25px;
	height:25px;
}

#contentkolom a.filelink{
	font-weight:normal;
	text-decoration:none;
	color:#333333;
}


#contentkolom a.filelink:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#333333;
}

#contentkolom a.broodkruimel{
	font-weight:normal;
	text-decoration:none;
	color:#333333;
}


#contentkolom a.broodkruimel:hover{
	font-weight:normal;
	text-decoration:underline;
	color:#333333;
}

#broodkruimel{
	padding:0px;
	margin:0px;
	margin-top:2px;
	margin-bottom:18px;
	text-indent:1px;
}

#broodkruimel p{
	margin:0px;
	padding:0px;
}

#logos{
	margin-top:-2px;
	margin-left:-4px;
	margin-right:-4px;
	margin-bottom:-9px;
	
}

#logos img{
	margin:0px;
	margin-left:4px;
	height:20px;	
	padding:2px;
	background-color:#FFFFFF;
	border:1px solid #d4d4d4;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.zoekknop{
	background-image:url(../basicimages/magnifier.png);
	background-color:#333333;
	color:#FFFFFF;
	border:0px;
	font-weight:bold;
	height:22px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.saveknop {
	background-image:url(../basicimages/page_save.png);
	background-color:#333333;
	color:#FFFFFF;
	height:22px;
	border:0px;
	font-weight:bold;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:20px;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

.rondehoek{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
}

label{
	cursor:pointer;
}


.referentieafbeelding{
	 -moz-box-shadow: 5px 5px 7px #BEBEBE; 
	 -webkit-box-shadow: 5px 5px 7px #BEBEBE;  
	 margin-right:10px;  
	 margin-bottom:10px;
	 }
	 
.referentieafbeelding2{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	margin-right:7px;
	margin-bottom:2px;
	border:1px solid #CCC;
	 }
	 
.cleardiv{
	clear:both;
}

.cleardiv10{
	height:10px;
	clear:both;
}

.leftimage{
	float:left;
	margin-right:7px;
	margin-bottom:2px;
}
.rightimage{
	float:right;
	margin-left:7px;
	margin-bottom:2px;
}

.centerimage{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:2px;
}


#iframedocument{
	width:1px; 
	height:1px;
	overflow:hidden;
	display:none; 
	border:0px;
}