@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,600);
*
{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

body
{



	margin: 0;
    font-family: Roboto, -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, Arial, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}


#wrapper
{
	margin: 0 auto;
	width: 869px;
	height: 100%;
	background-color: #FFF;
}


#maincontainer
{
	width: 869px;
	margin: 0px;
}

td
{
	margin: 0px 0px 2px 0px;
	padding: 0px 8px 8px 0px;
	line-height: 14px;
	vertical-align: top;
}
table
{
	margin: 0px;
	padding: 0px;
}

a:link
{
	color: #cb1f2d;
	text-decoration: none;
}
a:visited {color:#cb1f2d;
	text-decoration: none;}

a:hover
{
	color: #C41E3A;
	text-decoration: none;
}
a:active { color:#C41E3A;
	text-decoration: none;}




#topsection
{
	height: 10px;
	/*Height of top section*/
	color: #FFF;
	margin-bottom: 0px;
}


#topsectionlogo
{
	height: 99px;
	width: 869px;
}


#topsectionlogo img
{
	height: 79px;
	width: 302px;
	margin-left: 20px;
	float: left;
	margin-top: 8px;
	border:0px;
}


/*
#topsection h1
{
	margin: 0 0 0 -8px;
	background-color: #000;
	font-size: 24px;
	padding: 12px;
}
*/

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn
{
	margin-left: 172px;
	/*Set left margin to LeftColumnWidth*/
	margin-bottom: 20px;
min-height:400px;
}

#leftcolumn
{
	float: left;
	width: 174px;
	/*Width of left column*/
	margin-left: -100%;
	border-right: 0px #dfe0e1 solid;
}

#footer{
clear: left;
width: 100%;
background: fff;
border-top: 0px solid #dfe0e1;
color: #b6b6b4;
text-align: center;
	height: 25px;
}


#footer #footerwhite
{
	height: 25px;
	width: 174px;
	background-color: #fff;
	float: left;
}

#footerwhite img
{
	height: 14px;
	width: 14px;
	float: right;
	border:0px;
	margin:7px;
}

#footer #footer_name
{
	height: 25px;
	width: 195px;
	background-color: #FFF;
	float: left;
	font-size: 10px;
	color: #CCC;
	vertical-align: middle;
	padding-top: 3px;
	padding-bottom: 0px;
}


#footer a
{
	color: #46aa42;
}


#leftcolumn ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
	background-color: #C41E3A;
}

#leftcolumn li {
margin: 0;
}

#leftcolumn li a
{
	display: block;
	padding: 2px 2px 2px 10px;
	border: 1px solid #C41E3A;
	color: #fff;
	text-decoration: none;
	width: 100%;
}

html>body #leftcolumn li a {
width: auto;
}

#leftcolumn li a:hover {
border: 1px solid #dfe0e1;
background-color: #dfe0e1;
color: #46aa42;
}

#leftcolumn li a:active {
border: 1px solid #C41E3A;
background-color: #dfe0e1;
color: #C41E3A;
}



#leftcolumn #menu_home
{
	background-color: #C41E3A;
	width:150px;
}



.innertube
{
	margin: 0 10px 10px 2px;
	/*Margins for inner DIV inside each column (to provide padding)*/
}








#innertube li p
{
	margin: 0;
	padding: 5px 2px 5px 2px;
	color: #FFF;
	font-weight: bold;
}



.innertube li hr
{
	color: #fff;
	border: none;
	border-top: 1px solid #fff;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}


.innertube h2
{
	margin: 0 0 4px 0;
	padding-top: 4px;
	color: #000;
	padding-bottom: 4px;
	font-size: 0.9rem;
	padding-left: 4px;
}
.innertube h3
{
	margin: 0 0 4px 0;
	padding-top: 4px;
	color: #000;
	padding-bottom: 4px;
	font-size: 0.8rem;
	padding-left: 4px;
}

#pers_sidebar_wrapper_r
{
	padding: 2px 0px 200px 0px;
	width: 130px;
	float: right;
	margin: 0px 4px 0px 0px;
	border: 1px solid #dfe0e1;
}

hr
{
	color: #000;
	border: none;
	border-top: 1px solid #000;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}


.zb0, .zbrg0
{	width: 4px;
	border: 2px #C00 solid;
	height: 4px;
	background-color: #C00;
}

.zb1
{
	width: 4px;
	border: 2px #d16e06 solid;
	height: 4px;
	background-color: #d16e06;
}
.zb2
{
	width: 4px;
	border: 2px #019cdc solid;
	height: 4px;
	background-color: #019cdc;
}
.zb3, .zbrg1
{
	width: 4px;
	border: 2px #C41E3A solid;
	height: 4px;
	background-color: #C41E3A;
}


.delete_foto a:link
{
	margin: 0px 0px 0px 10px;
	color: #C00;
}


#pers_sidebar_wrapper_r
{
	padding: 2px 0px 200px 0px;
	width: 130px;
	float: right;
	margin: 0px 34px 0px 0px;
}


#pers_sidebar {
	background-color: #FFFFFF;

	width: 128px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 9px 0px;
	border: 1px solid #CCC;
}

#pers_sidebar_r {
	background-color: #FFFFFF;

	width: 158px;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 9px 0px;
}

#pers_sidebar_foto_wrapper_r
{
	background-color: #efefef;
	margin: 140px 0px 0px 0px;
	padding: 2px;
	border: 1px solid #CCC;
}

.pers_sidebar_foto_r
{
	background-color: #efefef;
	margin: 20px 0px 0px 0px;
	padding: 2px;
	font-size: 10px;
}


.warn
{
	border: 1px #b6b6b4 solid;
	background-color: #fee;
	}


#pers_content
{
	float: left;
	padding: 0px;
	margin: 2px 0px 0px 0px;
	font-size: 0.9rem;
	color: #000;
}

#pers_content.pers_small_content {
	width: 460px;
}

#pers_content.pers_wide_content {
	width: 690px;
}


#pers_content a, #pers_content a:link {
	text-decoration: none;
	color: #b6b6b4;
}

#pers_content a:visited {
	text-decoration: none;
	color: #b6b6b4;
}

#pers_content a:hover, #pers_content a:active, #pers_content a:focus {
	text-decoration: underline;
	color: #b6b6b4;
}

.pers_content_block
{
	background: #FFFFFF;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	border-bottom: 1px solid #b6b6b4;
	width: 600px;
}

.pers_content_block .pers_bericht_header {
	margin: 0px 0px 12px 0px;
	padding-top:4px;
}


.pers_content_block a
{
	color: #46aa42;
	text-decoration: none;
}
.pers_content_block a:visited {color:#46aa42;
	text-decoration: none;}
.pers_content_block a:hover
{
	color: #000;
	text-decoration: none;
}
.pers_content_block a:active { color:#C41E3A;
	text-decoration: none;}


.pers_content_block p {
	margin: 0px 0px 12px 0px;
}

.pers_content_block h1
{
	padding: 0px 0px 1px 0px;
	margin: 0px 0px 1px 0px;
	font-size: 1.5em;
	line-height: 21px;
	border-bottom: 0px solid #b6b6b4;
	font-family: Arial, Helvetica, sans-serif;
}

.pers_content_block h1.addmargin {
	margin-bottom: 10px;

}

.pers_content_block .pers_bericht_header h1 {
	border: none;
}
.pers_content_block h2 {
	padding: 0px;
	margin: 0px;
	font-size: 1.1em;
	font-weight: bold;
	color: #000;
}

.pers_content_block .spacersmall {
	width: 1px;
	height: 10px;
}

.pers_content_block .spacer {
	width: 1px;
	height: 20px;
}

.pers_content_block .pers_datum {
	font-size: 11px;
	line-height: 22px;
	color: #b6b6b4;
	float: left;
	width: 70px;

	font-family: Arial, Helvetica, sans-serif;
}






	/****   berichtenlijst    ****/
ul.pers_berichtenlijst
{
	padding: 20px 0px 0px 0px;
	background-color: #fff;
	max-width:30%;
}

ul.pers_berichtenlijst li
{
	list-style: none;
	border: 0px;
}

ul.pers_berichtenlijst li a
{
	float: left;
	padding: 4px 20px 8px 0px;
	position: relative;
	left: 0px;
	max-width:30%;
}

ul.pers_berichtenlijst li a .itemwrapper {
	border-bottom: 0px solid #b6b6b4;
	font-size: 15px;
	line-height: 20px;
}

ul.pers_berichtenlijst li a span {
}

#pers_content ul.pers_berichtenlijst li a:hover,
#pers_content ul.pers_berichtenlijst li a:focus,
#pers_content ul.pers_berichtenlijst li a:active {
	text-decoration: none;
	background-color: #f2f2f2;
	cursor: pointer;
}

ul.pers_berichtenlijst li a span.datum
{
	float: left;
	width: 90px;
	color: #b6b6b4;
	font-size: 11px;
	line-height: 20px;
}


ul.pers_berichtenlijst li a span.titel {
	float: left;
	min-width: 	200px;
	color: #4c4c4c;
	border-top: 1px #FFF solid;
	border-right: 1px #FFF solid;
	border-bottom: 1px #CCC solid;
	border-left: 1px #FFF solid;
	margin-right:20px;
}

#pers_content ul.pers_berichtenlijst li a:hover span.titel,
#pers_content ul.pers_berichtenlijst li a:focus span.titel,
#pers_content ul.pers_berichtenlijst li a:active span.titel {
	color: #b6b6b4;
}

ul.pers_berichtenlijst li a span.gtmeer {
	position: absolute;
	bottom: 0px;
	right: 20px;
	width: 60px;

	text-align: right;
	font-size: 12px;
	color: #b6b6b4;
}

#pers_content ul.pers_berichtenlijst li a:hover span.meer,
#pers_content ul.pers_berichtenlijst li a:focus span.meer,
#pers_content ul.pers_berichtenlijst li a:active span.meer {
	color: #b6b6b4;
}

ul.pers_berichtenlijst li a span.meer {
	font-weight: bold;
}


	/****   end of berichtenlijst    ****/


.pers_content_block .pers_dateline {
	font-size: 11px;
	line-height: 12px;
	color: #b6b6b4;
	margin: 0px 0px 12px 0px;

	font-family: Arial, Helvetica, sans-serif;
}

.pers_content_block .strong
{
	font-weight: bold;
}

.pers_content_block p {
	margin: 0px 0px 12px 0px;
}

.intro
{
	font-weight: bold;
	margin: 0px 0px 12px 0px;
}

.pers_content_block .img_box
{
	margin: 0px 0px 20px 20px;
	background-color: #fff;
	float: right;
	color: #999;
	font-size: 11px;
	line-height: 13px;
}

.pers_content_block .img_box img {
	float: left; /* needed for IE6 */
	clear: both;
	margin-left:2px;
}

.pers_content_block .img_caption
{
	line-height: 11px;
	font-size: 10px;
	padding: 1px;
	float: left;
	/* needed for IE6 */
	clear: both;
	width: 150px;
}




.pers_content_block .img_box2
{
	margin: 0px 20px 20px 0px;
	background-color: #fff;
	float: left;
	color: #999;
}

.pers_content_block .img_box2 img {
	float: left; /* needed for IE6 */
	clear: both;

}

.pers_content_block .img_caption {
	line-height: 11px;
	font-size: 10px;
	padding: 1px;
	float: left; /* needed for IE6 */
	clear: both;
}


.pers_content_block .img_caption a {
	margin-right: 25px;
}



.pers_content_block .pers_meer {
	text-align: right;
	position: relative;
	top: -12px;
	color: #b6b6b4;
	margin-bottom: 5px;
	float:right;
}
.pers_content_block .pers_meer a {
	font-weight: bold;
	color: #b6b6b4;
}

.pers_content_block .pers_meer a:hover {
	color: #b6b6b4;
}

.pers_content_block .pers_meer a:hover,.pers_content_block .pers_meer a:active
{
	color: #C41E3A;
	text-decoration: none;
}
	/****   zoeken    ****/

#zoeken
{
	height: 261px;
	padding: 0px 20px 0px 0px;
	background-color: #fff;
	font-size: 12px;
}

#zoeken h1 {
	margin-bottom: 0px;
}

#zoeken form {
	margin: 0px;
	padding: 0px;
}

#zoeken form input.inputtext {
	width: 396px;
	margin: 0px 0px 12px 0px;
}

#zoeken form label {
	width:	150px;
	margin: 6px 0px 0px 0px;
	padding: 0px;
}

#zoeken form div.form_links {
	float: left;
	width: 200px;
}

#zoeken form div.form_rechts {
	float: left;
	width: 198px;
	margin-left: 20px;
}


#zoeken form select {
	display: block;
	float: left;
	border: 1px solid #D8D8D8;
	height: 20px;

	color: #000;
	background-color: #fff;
	margin-bottom: 0px;
}

#zoeken form select.select_groot {
	clear: both;
	width: 196px;
}

#zoeken form select.select_dag {
	clear: left;
}

#zoeken form select.select_dag,
#zoeken form select.select_maand,
#zoeken form select.select_jaar {
	width: 58px;
}

#zoeken form select.select_maand,
#zoeken form select.select_jaar {
	margin-left: 12px;
	clear: none;
}

button ,.button
{
	margin-top: 31px;
	 display: inline-block;
    font-weight: 400;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	background-color: #e8e8e8;
    border: 1px solid transparent;
    padding: .7rem 1.5rem;
    font-size: 1rem;
    line-height: 1.5;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out

}


@media (prefers-reduced-motion:reduce) {
button ,.button {
        transition: none
    }
}

button ,.button:hover {
    border: 1px solid #e8e8e8;
    background: #fff;
    color: #212529;
}


	/****   end of zoeken    ****/



.thema
{
	width: 45%;
	float: left;
	padding-bottom: 5px;
	padding-right: 10px;
}
.kolom_2
{
	width: 300px;
}

.kolom label {
    display: block;
	min-height:20px;
    padding-left: 15px;
    text-indent: -15px;
    margin-bottom: 4px;
}
.kolom input
{
	width: 13px;
	height: 14px;
	padding: 0;
	margin: 0 1px 0 0;
	vertical-align: bottom;
	position: relative;
	top: 1px;
	*overflow: hidden;
}

.caption
	{
		color: #CCC !important;
		text-decoration: none !important;
		font-size: 9px;
	}
	/* clear absolute gepositioneerde elementen, altijd laten staan */
.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}