
/*indien er styles aan cdeditor zijn toegevoegd: definieren in ckstyles.css*/
/*@import url("ckstyles.css");*/
body,html
	{
	padding:0px;
	margin:0px;
	width:100%;
	position:relative;
	height:100%;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	line-height:24px;
	font-size:12px;
	}


body{
	background-image:url(../images/menuachtergrond.jpg);
	background-repeat:repeat-y;
	background-position:500px 0%;
}

iframe,img{
	max-width: 100%;
}

/* vanaf hier als voorbeeld op nieuw.dc - te verwijderen bij nieuwe site */
#mainframe{margin-left:auto;margin-right:auto;width:624px; margin-bottom:20px; text-align:center;}
#contentframe{margin-left:auto;margin-right:auto;width:624px;}
#content{width:624px;float:right;}
/* tot hier als voorbeeld op nieuw.dc - te verwijderen bij nieuwe site */


p{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:5px;
	}
	
a{
	color:#a51010; 
	text-decoration:none;
	}
	
a:hover{
	color:#a51010; 
	text-decoration:underline;
	}

h1,h2,h3,h4,h5,h6{
	color:#a51010;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
				margin-top:10px;
				margin-bottom:10px;
	}
	
	

h1	{font-size:18px; line-height:24px;}
h2	{font-size:17px; line-height:23px;}
h3	{font-size:16px; line-height:22px;}
h4	{font-size:14px; line-height:21px; font-weight:normal;}
h5	{font-size:14px; line-height:20px; font-weight:normal;}
h6	{font-size:13px; line-height:19px; font-weight:normal;}

ul{
	list-style-type:square;
	list-style-position:inside;
	}

hr{
	border:0px;
	border-bottom:1px dashed #999;
	margin-bottom:15px;
	margin-top:15px;
	}


.suggestie{
	background-color:#F2E3ED;	
}

#contentmodules ul{
	margin:0px;
	padding:0px;
}

#contentmodules li{
	margin:0px;
	margin-left:10px; 
	padding:0px;	
}

#contentmodules img{
	max-width:100%;	
}

#contentmodules p{
	padding-top:5px;
	padding-bottom:5px;	
}


/* klasse om alleen te printen, niet zichtbaar op web */
.onlyprint{
	display:none;
	}






/* klasse om clear uit te voeren */
.cleardiv{
	clear:both;
	}
.cleardiv10{
	clear:both;
	height:10px;
	}
	
	
	
#grijzebalk{
	width:100%;
	height:34px;
	background-color:#444444;
	border-bottom:1px solid #FFFFFF;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	background-image:url(../images/grijzebalkschaduw.jpg);
	background-repeat:repeat-y;
	background-position:750px 0%;
}

#toplogo img{
	height:50px;	
}

#container{
	margin-top:-35px;
	width:100%;	
	height:100%;
}

#fotolinks{
	position:fixed;
	width:500px;
	min-height:100%;
	float:left;
	background-size:cover;
	background-position:50% 0%;
	/*
	-webkit-filter: grayscale(100%);
	filter: gray; filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	*/
	-webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: gray; /* IE 6-9 */
	
}

#fotolinks img{
	height:100%;	
}




#menubutton{
	margin-top:6px;
	margin-right:10px;
	cursor:pointer;
	display:none;
	z-index:15;
	position:relative;
}

#menubalk{
	background-color:#a51010;	
	width:250px;
	left:500px;
	position:absolute;
	min-height:100%;
	float:left;
	height:100%;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*
	overflow-y:auto;
	height:100%;
	*/
}

#menubalk h1{
	color:#ffca00;
	margin-bottom:5px;
}

#menubalk h1{
	color:#ffca00;
	margin-bottom:5px;
	margin-left:10px;
}

#loginbox{
	margin-top:0px;
	padding:20px;	
}

#loginbox input[type=text]{
	background-color:#b63636;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	height:25px;
	width:185px;
	line-height:25px;
	margin-bottom:10px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#loginbox input[type=password]{
	background-color:#b63636;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	height:25px;
	width:185px;
	line-height:25px;
	margin-bottom:10px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#loginbox input[type=submit]{
	background-color:#ffca00;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	height:25px;
	width:100px;
	line-height:25px;
	margin-bottom:10px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding-left:10px;
	padding-right:10px;
	color:#a51010;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#loginbox input[type=submit]:hover{
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
}

#loginbox a{
	color:#e29595;
}

#loginbox a:hover{
	color:#FFFFFF;
}

#menucontent{
	margin-top:25px;	
}

#menucontent a{
	color:#FFFFFF;	
	display:inline-block;
	padding-top:3px;
	padding-bottom:3px;
}

#menucontent a.selected,#menucontent a:hover{
	color:#ffca00;	
	text-decoration:none;
}

#menucontent ul{
	margin:0px;
	padding:0px;
	list-style-type:none;	
}

#menubalk ul li{
	margin:0px;
	padding:0px;
}
#menubalk ul li a{
	padding-left:20px;
	display:block;
}

#menubalk ul ul li{
	margin:0px;
	padding:0px;
	padding-left:10px;
}
#menubalk ul ul li a{
	padding-left:20px;
	display:inherit;
}

#menubalk ul li:hover, #menubalk ul li.selected{
	background-color:#444444;
	-webkit-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.5);
    box-shadow: inset 0px 1px 4px 0px rgba(0,0,0,0.5);
}

#menubalk ul ul li, #menubalk ul ul li.selected, #menubalk ul ul li:hover{
	background-color:transparent;
	-webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
	color:#FFFFFF;
}

#menubalk ul ul li.selected, #menubalk ul ul li:hover{
	color:#ffca00;	
}

#bfovlogo{
	margin-left:37px;
	margin-top:37px;
	border:0px;
}

#contactonder{
	display:none;	
}


#contentcontainer{
	float:left;	
	min-height:100%;
	margin-left:750px;
	width:680px;
	padding-left:20px;
}

#header{
	height:36px;
	line-height:36px;
	padding-bottom:10px;
	color:#FFFFFF;	
	font-size:11px;
}

#fotoheader{
	margin-bottom:20px;	
}

#fotoheader img{
	width:100%;
}

#header a{
	color:#FFFFFF;	
}

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

#broodkruimel{
	width:550px;	
	float:left;
	overflow: hidden;
	white-space: nowrap; 
	text-overflow: ellipsis;
}


#toplogo{
	z-index:5;
	margin-top:-80px;
	height:50px;	
	position:relative;
	width:150px;
	margin-left:auto;
	margin-right:auto;
	display:none;
}

#toplogo img{
	height:65px;	
}


#contentspacer{
	margin-top:0px;
}

#taalkeuze{
	float:right;
	width:130px;	
	text-align:right;
	z-index:15;
	position:relative;
}



#contactrechtsonder{
	color:#FFFFFF;
	text-align:right;
	right:0px;
	bottom:0px;
	position:fixed;
	padding:20px;
	background-image:url(../images/contactrechtsonder.png)	;
	background-repeat:no-repeat;
	background-position:100% 100%;
	width:250px;
	height:250px;
	display: table-cell;
    vertical-align: bottom;
	z-index:10;
}

#contactrechtsondercontent{
	position:absolute;
	bottom:0px;	
	right:0px;
	padding:20px;
}

/*------------------------------------------multicol---------------------------------*/

.kolomwrapper div{
	float:left;
	margin-left:10px;	
	border:0px solid #000000;	/* border altijd meegeven*/
}


.kolomwrapper div:first-child{
	margin-left:0px;	
}



/* indien image links of rechts moet staan */
.leftimage{
	margin-right:12px;
	margin-bottom:5px;
	float:left;
	}
.rightimage{
	margin-left:12px;
	margin-bottom:5px;
	float:right;
	}














/* indien kader=ja wordt toegevoegd op een module */			
.rondehoek{
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; 
	}

.divbox {
	background-color:#a51010;
	border:1px solid #790909;	/* border altijd meegeven*/
	line-height:22px;
	padding:10px;
	color:#FFF;
	}
	
.divbox a{
	color:#FFF;	
	text-decoration:underline;
}
	
.divbox a:hover{
	text-decoration:none;
}
			.divbox h1, .divbox h2, .divbox h3, .divbox h4, .divbox h5, .divbox h6 {
				margin-top:0px;
				margin-bottom:0px;
				color:#FFF;
				}
			
			.divbox img{
				border:0px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
				}
				
			.divbox p{
				line-height:22px;
				margin:0px;
				padding:0px;
			}
				
			.divbox hr{
			border:0px;
			border-bottom:1px dotted #999999;
			height:0px;
			}

			.divbox input{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}				
			.divbox textarea{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}
			.divbox select{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}

.divboxzwart{
	background-color:#444444;
	border:1px solid #000000;	/* border altijd meegeven*/
	line-height:22px;
	padding:10px;
	color:#FFF;
	}
			 .divboxzwart h1, .divboxzwart h2, .divboxzwart h3, .divboxzwart h4, .divboxzwart h5, .divboxzwart h6 {
				margin-bottom:0px;
				color:#93246F;
				}
			
			.divboxzwart img{
				border:0px;
				-moz-border-radius: 5px; -webkit-border-radius: 5px; 
				}
				
			.divboxzwart p{
				line-height:22px;
			}
				
			.divboxzwart hr{
			border:0px;
			border-bottom:1px dotted #C0C0C0;
			height:0px;
			}
	
			.divboxzwart input{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}				
			.divboxzwart textarea{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}
			.divboxzwart select{
				-moz-border-radius: 8px; -webkit-border-radius: 8px; 
				border:1px solid #999;
				}









/* 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;
	}








/* formulier*/
.formNOK{
	font-weight:bold;
	color:#900;
	}
.formOKbedank{
	font-weight:bold;
	color:#23048C;
	}

.formuliercontainer{
	margin:0px;
	padding:0px;
	list-style:none;
}

.formuliercontainer li{
	clear:both;
	padding-top:3px;
	padding-bottom:3px;
}

.formuliertitel{
	width:200px;
	font-weight:bold;
	display:block;
	float:left;
	clear:left;
}

.formulierinhoud{
	width:400px;
	display:block;
	float:left;
	clear:right;
}



.formuliercontainer input{
	margin-left:0px;
}

.formuliercontainer select{
	margin-left:0px;
}



/* module FAQ  */
/* a = link = vraag in FAQ */
#FAQlijst a{
	text-decoration:none;
	font-weight:bold;
	color:#93246F;
	}
/* li is nummering via ol voor alle FAQs, in zelfde kleur als bv link = vraag */
#FAQlijst li{
	font-weight:bold;
	color:#93246F;
	}
/* het antwoord */
.FAQsub{
	font-weight:normal;
	color:#000000;
	}








/* module downloads */
/* module downloads, div rond alle downloads */
.downloaddiv{
	line-height:30px;
	}
			/* module downloads, titel van pagina staat in H2 */
			.downloaddiv H2{
				margin-top:15px;
				margin-bottom:5px;
				line-height:30px;
				}
			/* module downloads, div rond subtitels tussen downloads */
			.download_titel{
				font-weight:bold;
				padding-left:15px;
				line-height:30px;
				}
			/* module downloads, div rond elke download */
			.download_item{
				padding-left:15px;
				line-height:30px;
				}
			.downloaddiv a{
				text-decoration:none;
				}
			.downloaddiv a:hover{
				text-decoration:underline;
				}






/* afbeelding */
/* module afbeelding - afbeelding in filmpje */
.imagemovie{
	}

/* module afbeelding - afbeelding met popup */
.imagepopup{
	}

/* module afbeelding - afbeelding zonder popup */
.imagenopopup{
	}

/* module afbeelding - afbeelding in fotoalbum */
.imagefotoalbum{
	}

/* module afbeelding - afbeelding die scrollt */
.scrolldiv{
	width:650px;
	margin:0px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:-25px;
	}
.imagescrol{
	}









/* module tekst die scrollt */
.scrolldivtext{
	line-height:10px;
	}






/* module links */

#links{
	list-style:none;
	clear:both;
	padding:0px;
	margin:0px;
}

			#links li{
				padding:0px;
				margin:0px;
				margin-top:5px;
				margin-bottom:5px;
			}
			
			#links .link{
				cursor:pointer;
			}

			#links .links_eerstekolom{
				display:block;
				width:40%;
				float:left;
				clear:left;
				text-align:right;
			}
			
			#links .links_tweedekolom{
				display:block;
				width:20%;
				float:left;
				text-align:center;
			}
			
			#links .links_derdekolom{
				display:block;
				width:40%;
				float:left;
				clear:right;
			}
			
			#links .tussentitel{
				text-align:center;	
			}

.linktabel{
	}
	
			.linktabel a{
				text-decoration:none;
				padding:0px;
				margin:0px;
				background-color:none;
				}
			.linktabel a:hover{
				text-decoration:none;
				padding:0px;
				margin:0px;
				background-color:none;
				}
			.linktabel img{
				border:1px solid #CCCCCC;
				padding:0px;
				margin:0px;
				background-color:none;
				}
			.linktabel H2{
				text-align:center;
				}






/* sitemap div met klasse sitemap */
.sitemap ul{
	text-align:left;
	}
			.sitemap li{
				color:#93246F;
				display:list-item;
				}
			.sitemap a{
				text-decoration:none;
				}







/* module nieuws */
/* div rond tabel met nieuwtjes */
.nieuwstabel{
	}

			.nieuwstabel img{
				border:1px solid #666666;
				padding:0px;
				margin:0px;
				float:left;
				margin-right:7px;
				margin-bottom:7px;
				}

			.nieuwstabel a{
				text-decoration:none;
				}
				
			.nieuwstabel a:hover{
				text-decoration:underline;
				}

			.nieuwsscheiding{
				border-bottom:1px dashed #666666;
				}
				
			.nieuwstabel H1{
				color:#93246F;
				font-size:16px;
				line-height:20px;
				}

			.nieuwsdatum{
				font-size:12px;
				}
				
			.nieuwstabel tr:nth-child(even) {background: #FFFFFF}
			.nieuwstabel tr:nth-child(odd) {background: #E6E6E6}
			
			
			
			/* nieuwsdetails */
			.nieuwsdetail{
				border-top: 1px solid #C6C6C6;
				margin-top: 20px;
				padding-top:20px;
			}
			
			.eerstenieuws{
				border:none;
				margin-top:0px;
				padding-top:0px;
			}
			
			.nieuwslinkerkolom{
				float:left;
				width:180px;
				margin-right:20px;
			}
			
			.nieuwsrechterkolom{
				padding-left:200px;
			}
			
			.permalink{
				margin-top:10px;	
			}



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









/* pager nummering */
.pagerblock{
	background-color:#a51010;
	color:#FF0000;
	margin:5px;
}

.pagerblockselected{
	background-color:#FF0000;
	color:#FF0000;
	margin:5px;
}

			a.pagerlink{
				background-color:#a51010;
				padding:7px;
				padding-left:10px;
				padding-right:10px;
				color:#FFFFFF;
				text-transform: uppercase;
				text-decoration:none;
				font-size:14px;
				margin:5px;
			}
			a.pagerlink:hover{
				background-color:#ffca00;
				padding:7px;
				padding-left:10px;
				padding-right:10px;
				color:#7a0303;
				text-decoration:none;
				font-size:14px;
				margin:5px;
			}
			
			a.pagerlinkselected{
				background-color:#ffca00;
				padding:7px;
				padding-left:10px;
				padding-right:10px;
				color:#7a0303;
				text-decoration:none;
				font-size:14px;
				margin:5px;
			}
			a.pagerlinkselected:hover{
				background-color:#ffca00;
				padding:7px;
				padding-left:10px;
				padding-right:10px;
				color:#7a0303;
				text-decoration:none;
				font-size:14px;
				margin:5px;
			}
			






/* diverse knoppen voor formulieren en dergelijke */
.knop{
	background-color:#a51010;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom:10px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	display:inline-block;
	}
	
.knop:hover{
	color:#FFFFFF;
	text-decoration:none;
}


.linkknop{
	background-color:#a51010;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom:10px;
	padding:5px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
	display:inline-block;
	}
	
.linkknop:hover{
	color:#FFFFFF;
	background-color:#444444;
	text-decoration:none;
}

.saveknopformulier{
	background-color:#000000;
	
	background-color:#b63636;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom:10px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	}
	

.saveknopformulier:hover, .knop:hover{
	background-color:#a51010;	
}

table, td{
	border-color:#E0C1E0;
	}

.tableheader{
	color:#FFFFFF;
	font-weight:bold;
	background-color:#a51010;
}

			tr.tableheader{
				background-color:#a51010;
				border: 1px solid #464337;
				color:#FFFFFF;
			}
			tr.tableheader td{
				background-color:#a51010;
				border: 1px solid #464337;
				color:#FFFFFF;
			}
			
			td.tableheader{
				background-color:#464337;
				border: 1px solid #464337;
				color:#FFFFFF;
			}
			
	
.hand td{
	cursor:pointer;	
}

input[type=submit], input[type=button]{
	background-color:#000000;
	background-color:#b63636;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	margin-bottom:10px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-repeat:no-repeat;
	background-position:2px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	}
	

input[type=submit]:hover, input[type=button]:hover{
	background-color:#a51010;	
}
			
.tableheader input[type=text]{
	background-color:#b63636;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	height:25px;
	width:185px;
	line-height:25px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding-left:10px;
	padding-right:10px;
	color:#FFFFFF;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.tableheader input[type=submit]{
	background-color:#ffca00;
	border:1px solid #7a0303;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	height:30px;
	width:100px;
	line-height:25px;
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.3);
	padding-left:10px;
	padding-right:10px;
	color:#a51010;
	font-family: 'Oswald', "Trebuchet MS", Arial, Helvetica, sans-serif;
	cursor:pointer;
}

.tableheader input[type=submit]:hover{
	-webkit-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
	box-shadow: inset 3px 3px 5px 0px rgba(0,0,0,0.5);
}

.hover tr:hover td{
	background-color:#E1E1E1;
}

tr.tableheader:hover td{
	background-color:#a51010;
}

.white td, .white tr{
	background-color:#FFFFFF !important;	
}




.validatieerror{
	color:#93246F;
	font-weight:bold;
}

.handje{
	cursor:pointer;
}

.vraagbox{
	font-weight:bold;
	margin-top:10px;
	width:100%;
}

.antwoordbox{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px dashed #999;
}

label{
	width:600px;
	cursor:pointer;
}

label:hover{
	font-style:italic;
}

input[type=text] { 
width:300px; 
}

textarea { 
width:290px; 
height:150px;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
line-height:24px;
padding:5px;
}



/* kalender css */

/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}


.grijzetekst{
	color:#999;
}



.lijsttabel{
	border:1px solid #E0C1E0;	
}

.lijsttabel td{
	border:1px solid #E0C1E0;
}


.systeemmelding{
	display:block;
	color:#FFF;
	font-size:14px;
	padding:5px;
	background-color:#F00;
	font-weight:bold;
	text-align:center;
}

.prodbox{
	clear:both;
	width:530px;
	border:1px solid #CACACA;
	margin-bottom:10px;
	margin-left:5px;
	padding:0px;
	cursor:pointer;
}

.prodbox:hover{
	border:1px solid #999999;
}

.prodboximage{
	width:200px;
	float:left;
}

.prodboxtext{
	width:330px;
	float:left;
	display:table-cell;
	height:100px;
	line-height:30px;
}

.productdetailfoto{
	margin-left:10px;
	margin-bottom:10px;
}

.tabelhoofd{
	background-color:#F2E3ED;
	font-weight:bold;
}

tr:nth-child(odd)
	{
	background-color:#f9f4f7;
	}
	
.wit tr{
	background-color:#FFF !important;
}

a{
	cursor:pointer;
}

.vraagcontainer .tussensubmit{
	visibility:hidden;
}

.vraagcontainer:hover .tussensubmit{
	visibility:visible;
}


.ulclear{
	list-style-type:none;
	padding:0px;
	margin:0px;
}

.ulclear li{
	list-style-type:none;
	padding:0px;
	margin:0px;
}


.alertbox{
	background-color:#F00;
	padding:10px;
	font-size:12px;
	color:#FFF !important;
	text-align:center !important;
	margin-bottom:10px;	
}

.alertbox a{
	text-decoration:underline;
	color:#FFF;	
}

.alertbox a:hover{
	text-decoration:none;
	color:#FFF;	
}

.menuonder{
	margin-top:50px;
	margin-bottom:50px;
	border:1px solid #D4D4D4;
	background-color:#F9F9F9;
}

.menuonder ul{
	margin:0px !important;
	padding:0px !important;	
	margin-left:10px !important;
	list-style-position:outside;
}

.menuonder li.hoofdmenu {
	/*border-right:1px solid #D4D4D4;*/
}

.menuonder li{
	float:left;	
	margin:0px !important;
	padding:0px !important;
	margin-left:20px !important;
	padding-right:5px !important;
}

.menuonder li ul li{
	float:none;	
}





.collectionviewbox{
	margin-right:20px;
	margin-bottom:20px;	
	float:left;
	border:2px solid #ACACAC;
	width:145px;
	height:	225px;
	cursor:pointer;
}
.collectionviewbox:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.collectionviewimage{
	height:	155px;
	width:125px;
	padding:10px;
	text-align:center;
}

.collectionviewimage img{
	max-height:155px;
}

.collectionviewtitel{
	line-height:25px;
	display:table-cell;
	height:50px;
	width:225px;
	vertical-align:middle;
}

.collectionviewbox h2{
	font-size:12px;
	text-align:center;
	line-height:25px;
}


.collectionviewaffichebox{
	margin-right:20px;
	margin-bottom:20px;	
	float:left;
	border:2px solid #ACACAC;
	width:145px;
	height:	250px;
	cursor:pointer;
}
.collectionviewaffichebox:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.collectionviewafficheimage{
	height:	155px;
	width:125px;
	padding:10px;
	text-align:center;
}

.collectionviewafficheimage img{
	max-height:155px;
}

.collectionviewaffichetitel{
	line-height:25px;
	display:table-cell;
	height:75px;
	width:215px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
}

.collectionviewaffichebox h2{
	font-size:12px;
	text-align:center;
	line-height:25px;
	margin:0px;
	padding:0px;
}



.hidden{
	visibility:hidden;	
}


.collectionviewdoublebox{
	margin-right:20px;
	margin-bottom:20px;	
	float:left;
	border:2px solid #ACACAC;
	width:315px;
	height:	235px;
	cursor:pointer;
}

.collectionviewdoublebox:nth-of-type(even) {
}
.collectionviewdoublebox:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.collectionviewdoubleimage{
	height:	155px;
	width:295px;
	padding:10px;
	text-align:center;
}

.collectionviewdoubleimage img{
	margin:5%;
	max-width:90%;
	max-height:90%;
}

.collectionviewdoubletitel{
	line-height:25px;
	display:table-cell;
	height:50px;
	width:325px;
	vertical-align:middle;
}

.collectionviewdoublebox h2{
	font-size:12px;
	text-align:center;
	line-height:25px;
}





.afbeeldingen3col{
	width:100%;	
}

.afbeeldingen3col div{
	width:207px;
	height:140px;
	float:left;
	text-align:center;
	border:2px solid #ACACAC;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:10px;
}


.afbeeldingen3col div:nth-child(3) {
	margin-right:0px;
}

.afbeeldingen3col div:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.afbeeldingen3col img{
	margin:5%;
	max-width:90%;
	max-height:90%;
}

.nieuwsbriefoverzichtlijst{
	margin:0px;
	padding:0px;
}


.nieuwsbriefoverzichtlijst li{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	list-style-image:url(../basicimages/newspaper.png);
}


.nieuwsbriefoverzichtlijst li a{
	color:#000000;
	text-decoration:none;
	padding:3px;
	display:block;
}


.nieuwsbriefoverzichtlijst li a:hover{
	color:#FFFFFF;
	background-color:#a51010;
}
.nieuwsbriefoverzichtlijst2{
	margin:0px;
	padding:0px;	
	list-style-type:none;
	cursor:pointer;
}
.nieuwsbriefoverzichtlijst2 li{
	margin:0px;
	padding:0px;	
	margin-top:10px !important;
	margin-bottom:10px !important;
	border:2px solid #ACACAC;
}
.nieuwsbriefoverzichtlijst2 li:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.nieuwsbriefoverzichtlijst2 .datum{
	float:left;
	width:75px;
	font-size:14px;
	line-height:25px;
	color:#FFFFFF;
	font-weight:bold;
	background-color:#444444;
	padding:5px;
	text-align:center;
}


.nieuwsbriefoverzichtlijst2 .titel{
	float:left;
	width:580px;
	line-height:25px;
}


.nieuwsbriefoverzichtlijst2 .titel a{
	color:#000000;	
	padding:5px;
	display:block;
}


.nieuwsbriefoverzichtlijst2 .titel a:hover{
	color:#a51010;	
	text-decoration:underline;
}


.afficheoverzichtlijst{
	margin:0px;
	padding:0px;
}


.afficheoverzichtlijst li{
	margin:0px;
	margin-bottom:5px;
	padding:0px;
	list-style-image:url(../basicimages/image.png);
}


.afficheoverzichtlijst li a{
	color:#000000;
	text-decoration:none;
	padding:3px;
	display:block;
}


.afficheoverzichtlijst li a:hover{
	color:#FFFFFF;
	background-color:#a51010;
}











.rvbbox{
	margin-right:20px;
	margin-bottom:20px;	
	float:left;
	border:2px solid #ACACAC;
	width:202px;
}

.rvbbox:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.rvbboxtitel{
	line-height:25px;
	display:table-cell;
	height:50px;
	width:215px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	text-align:center;
	color:#FFFFFF;
	background-color:#444444;
	font-weight:bold;
}

.rvbbox:hover .rvbboxtitel{
	background-color:#a51010;
}

.rvbboxtekst{
	min-height:130px;	
	padding-left:5px;
	padding-right:5px;
	padding:5px;
	font-size:12px;
	text-align:center;
	line-height:20px;
}

.rvbboxemail{
	line-height:25px;
	display:table-cell;
	height:50px;
	width:215px;
	padding-left:5px;
	padding-right:5px;
	vertical-align:middle;
	text-align:center;
	color:#000000;
	background-color:#DEDEDE;
/*	font-weight:bold;*/
	font-size:12px;
}

.rvbbox a{
	color:#000000;	
}


.rvbbox a:hover{
	color:#a51010;	
	text-decoration:underline;
}







.banner { 
	position: relative; 
	overflow: auto;  
	}
.banner li { 
	list-style: none; 
	margin:0px;
	padding:0px;
}
.banner ul li { 
float: left;
	margin:0px;
	padding:0px; 
}
		
.banner ul{
		margin:0px;
		padding:0px;}	
		
.banner {
	position: relative;
	width: 100%;
	overflow: auto;
	
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	
	color:#000;
	text-shadow: 0 0 1px rgba(0,0,0,.8), 0 1px 2px rgba(0,0,0,.8);
	background: #5b4d3d;
	box-shadow: 0 1px 2px rgba(0,0,0,.25);
}



.bannercontent{
	width:680px;
	position:relative;
	height:200px;
}

.bannercontentinner{
	/*background-color:rgba(255,255,255,.5);*/
	padding:5px;
}

.banner .topleft{
	left:50px;
	width:400px;
	top:0px;
	position:absolute;
	text-align:left;
}

.banner .bottomleft{
	left:50px;
	width:400px;
	bottom:0px;
	position:absolute;
	text-align:left;
}

.banner .topright{
	right:50px;
	top:0px;
	width:400px;
	position:absolute;
	text-align:right;
}

.banner .bottomright{
	right:50px;
	bottom:0px;
	width:400px;
	position:absolute;
	text-align:right;
}

.banner .topcenter{
	right:00px;
	width:680px;
	top:0px;
	position:absolute;
	text-align:center;
}

.banner .bottomcenter{
	right:00px;
	width:680px;
	bottom:30px;
	position:absolute;
	text-align:center;
}


.banner .links{
	left:160px;
	width:640px;
	height:250px;
	top:0px;
	position:absolute;
	text-align:left;
}

.banner .midden{
	left:160px;
	width:640px;
	height:250px;
	top:0px;
	position:absolute;
	text-align:center;
}

.banner .rechts{
	left:160px;
	width:640px;
	height:250px;
	top:0px;
	position:absolute;
	text-align:right;
}
.banner ul li {
	margin:0px;
	padding:0px;
	display: block;
	float: left;
	width: 33%;
	
	
/*		-webkit-background-size: 100% 100%;*/
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
	
	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}


.banner .linkknop{
	margin-left:10px;
	margin-right:10px;	
}
	
.banner h1, .banner h2 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom:20px;
	/*text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.9);*/
	color:#000;
}

.banner h1, .banner span{
	padding: 10px;
}

.banner .btn {
	display: inline-block;
	margin: 10px;
	padding: 9px 22px 7px;
	clear: both;
	/*text-shadow: 2px 2px 0px rgba(150, 150, 150, 0.9);*/
	
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	
	border: 2px solid rgba(255,255,255,.4);
		background: rgba(255,255,255,.35);
	border-radius: 5px;
}
.banner .btn:hover {
	background: rgba(255,255,255,.55);
}
.banner .btn:active {
	-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
}
		
.banner .btn, .banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}

.banner .dots {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0px;
}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	
	text-indent: -999em;
	
	border: 2px solid #fff;
	border-radius: 6px;
	
	cursor: pointer;
	opacity: .4;
	
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {
	background: #fff;
	opacity: 1;
}

.banner img{
	border:0px;
}


.unslider-arrow{
	position:absolute;
	width:39px;
	height:69px;
	z-index:5;
	opacity:0.5;	
	top:45px;
	padding:20px;
}


.unslider-arrow:hover{
	opacity:1;	
}


#unslider-arrow-prev{
	left:0px;
}

#unslider-arrow-next{
	right:0px;
}




.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius: 10px;
    background: #00656b;
    border: solid 1px #346f97;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 245px;
    padding: 20px 40px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  245px;
    height: 111px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  75px;
    height: 245px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 75px;
    height: 111px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder { color: #000; background: #fff; }

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 60px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(next-horizontal.png) no-repeat;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 60px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(prev-horizontal.png) no-repeat;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

#partners{
	margin-top:50px;
	text-align:center;
	width:100%;	
}

.partnerbox{
	width:120px;
	height:75px;
	margin-right:20px;	
	display:table-cell;
	vertical-align:middle;
	
	margin:auto 20px;
	display:inline-block;
}

.partnerboxinner{
	width:120px;
	height:75px;
	margin-right:20px;	
	display:table-cell;
	vertical-align:middle;
}

.partnerbox img{
	max-width:100px;
	text-align:center;
	max-height:90%;
	margin:5%;	
}

.partnerbox:hover img{
	opacity:0.75;
	cursor:pointer;
}




	
.kalender td{
	background-color:#F9F9F9;	
	height:100px;
	width:95px;
	border:1px solid #ACACAC;
}

.kalender td{
	background-color:#F9F9F9 !important;
}

.kalender td:hover{
	background-color:#a51010 !important;
}

.kalender th{
	color:#FFFFFF; 
	background-color:#a51010;	
}

.kalender .dateheader{
	font-size:12px;
	background-color:#444;
	color:#FFFFFF;
	width:100%;
	height:18px;
	line-height:18px;
	text-indent:3px;
	font-weight:bold;
}

.dateitem{
	color:#FFF;
	background-color:#999;
	line-height:17px;
	font-size:11px;
	overflow:hidden;
	width:95px;
	text-indent:3px;
	height:17px;
	margin-bottom:3px;
	cursor:pointer;
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
}

.dateitem a{
	color:#FFF !important;
}



.kalendericoon{
	position:absolute; 
	right:0px; 
	background-image:url(../images/kalender.jpg); 
	background-repeat:no-repeat; 
	width:71px; 
	height:29px;
	cursor:pointer;
}

.kalendericoon:hover{
	background-image:url(../images/lijst.jpg); 
}



.lijsticoon{
	position:absolute; 
	right:0px; 
	background-image:url(../images/lijst.jpg); 
	background-repeat:no-repeat; 
	width:71px; 
	height:29px;
	cursor:pointer;
}

.lijsticoon:hover{
	background-image:url(../images/kalender.jpg); 
}


.eventlistbox{
	margin-bottom:20px;	
	width:100%;
	border:2px solid #ACACAC;
	cursor:pointer;
}

.eventlistbox:hover{
	border:2px solid #a51010;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.35);
}

.eventlistboxdatum{
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  width:120px;
  padding-left:10px;
  padding-right:10px;
  height:50px;
  line-height:25px;
  	
  float:left;
}

.eventlistboxtitel{
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
  	height:25px;
	font-size:14px;
 	line-height:25px;
	position:relative;
}

.eventlistboxcategorie{
	background-color:#FF0000;
	width:10px;
	height:10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.3);
	-moz-box-shadow:  3px 3px 5px 0px rgba(0,0,0,0.3);
	box-shadow:  3px 3px 5px 0px rgba(0,0,0,0.3);
	float:right;	
	margin-right:10px;
	margin-top:10px;
}

.eventlistboxlocatie{
	overflow: hidden; 
	white-space: nowrap; 
	text-overflow: ellipsis;
  	height:25px;
 	line-height:25px;
	color:#777777;
}


.faqantwoord{
	display:none;	
}



#contactonder{
	width:100%;
	clear:both;
	border-top:1px solid #000000;	
	text-align:center;
	line-height:35px;
    margin-top:30px;
}


#socialmedia{
	margin-bottom:25px !important;
}

/*background-image:url(<?=$site_root?>/images/facebook.png); background-position:20px 50%; background-size:22px 22px; background-repeat:no-repeat; padding-left:30px;*/
#socialmedia, #socialmedia:hover{
	background-color:#FFFFFF !important;
}

#socialmedia a,#socialmedia a:hover{
	color:#FFFFFF;	
	background-image:url(../images/facebook.png); background-position:0px 50%; background-size:25px 25px; background-repeat:no-repeat;
	display:block;
	padding-left:40px !important;
	padding-right:10px;
	background-color:#FFFFFF !important;
	background-color:#3b5998 !important;
	border:1px solid #FFFFFF;
}

#socialmedia a:hover{
	color:#DEDEDE;	
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
}



.verzekeringtypeblock{
	background-color:#444444;
	color:#FFFFFF;
	text-decoration:none;
	display:inline-block;
	padding:5px;
	padding-left:10px;
	padding-right:10px;
	-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.4);
	border:1px solid transparent;
	margin:10px 0px 10px 10px;
	float:right;
}

.verzekeringtypeblockselected{
	background-color:#07b2d4;	
}

.verzekeringtypeblock:hover, .verzekeringtypeblockselected:hover{
	text-decoration:none;
	color:#FFFFFF;
	background-color:#000;	
	border:1px solid #FFFFFF;
}

.verzekeringtypeselectie{
	text-align:left;	
	width:100%;
	padding:0px;
}

			.verzekeringtypeselectie img{
				margin-top:15px;
			}

.verzekeringcalculator{
	background-color:#E9E9E9;
	border:1px solid #CCCCCC;
	margin-top:20px;
	margin-bottom:20px;
	padding:10px;
}

.verzekeringcalculatorcol{
	width:40%;
	min-width:200px;
	float:right;	
	text-align:right;
	padding-top:15px;
}

.verzekeringcalculator select{
	margin:10px;
	padding:10px;
}

.verzekeringcalculatorcol span{
	padding:10px;
	font-size:22px;
	font-weight:bold;
}

.verzekeringcalculator h3, .verzekresult,  .verzekeringcalculator a{
	color:#07b2d4;
}

#documentenaantal{
	float:right; 
	width:50px; 
	height:50px; 
	position:relative; 
	text-align:right;
	cursor:pointer;
}



#documentenaantal i{
	font-size:40px; 
	position:absolute; 
	right:5px; 
	top:5px;
}

#documentenaantalcounter{
	width:20px; 
	height:20px; 
	line-height:20px; 
	text-align:center; 
	color:#FFF; 
	background-color:#F00; 
	border-radius:50%; 
	position:absolute; 
	right:0px; 
	top:0px;
}

