/* DEFAULT TEMPLATE STYLES */
body, html {
	background: #850048;
}


/* DEFAULT TABLE STYLES */
table, table td, table th {
	border-collapse: collapse;
	border: 0 solid #dde3e7;
	vertical-align: top;
	text-align: left;
}


/* CLEAR TABLES */
.spacer700 {
	display: inline-block;
	vertical-align: top;
	width: 15px;
	height: 1px;
}
@media screen and (max-width: 720px) {
	.hide700 {
		display: none !important;
	}
	.spacer700 {
		display: block;
		width: 100%;
	}
	table.clear700,
	table.clear700 > tr,
	table.clear700 > tr > th,
	table.clear700 > tr > td,
	table.clear700 > tbody,
	table.clear700 > tbody > tr,
	table.clear700 > tbody > tr > th,
	table.clear700 > tbody > tr > td,
	table.clear700 > thead,
	table.clear700 > thead > tr,
	table.clear700 > thead > tr > th,
	table.clear700 > thead > tr > td {
		display: block;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		border-left-width: 0;
		border-right-width: 0;
	}
	table.clear700 > tr,
	table.clear700 > tbody > tr,
	table.clear700 > thead > tr {
		margin-bottom: 10px;
	}
}


/* CORE */
.webitem {
	min-height: 23px;
	margin: 0 0 25px 0;
}
.webitem.clearfix {
	clear: both;
}
.webitem.clearfix:before {
	content: '';
	clear: both;
	display: block;
	height: 1px;
	width: 100%;
}
.webitem_3, .webitem_218,
.webitem_61, .webitem_216,
.webitem_89, .webitem_217,
.webitem_201,
.webitem_203,
.webitem_204,
.webitem_205,
.webitem_215 {
	margin: 0;
}
.webitem_206:not(.col13):not(.col14) {
	margin: 0;
}
.webitem_207:not(.col13):not(.col14) {
	margin: 0;
}
.webitem_60 {
	width: 100%;
	max-width: 640px;
}
	.webitem_60 .iframewrapper {
		width: 100%;
		height: 0;
		position: relative;
		z-index: 1;
		padding: 0 0 60% 0;
	}
		.webitem_60 .iframewrapper iframe {
			width: 100% !important;
			height: 100% !important;
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
		}
.clickable,
.clickable * {
	cursor: pointer;
}
.spacer {
	height: 30px;
}
@media screen and (max-width: 1040px) { }
@media screen and (max-width: 900px) { }
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) { }
@media screen and (max-width: 480px) { .spacer { height: 20px; } }


/* TEMPLATE ELEMENTS */
#tpl_body {
	position: relative;
	padding: 105px 0 0 0;
	background: #fff;
	overflow-x: hidden;
}
	.tpl_wrapper {
		position: relative;
		z-index: 1;
		max-width: 960px;
		padding: 0 40px;
		margin: 0 auto;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { }
	@media screen and (max-width: 720px) { .tpl_wrapper { padding: 0 30px; } }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { .tpl_wrapper { padding: 0 20px; } }
		#tpl_top {
			clear: both;
			background: #fff;
			position: absolute;
			z-index: 1000;
			top: 0;
			left: 0;
			right: 0;
			border-bottom: 1px solid #dde3e7;
		}
		html.page-fixedtop #tpl_top {
			position: fixed;
		}
			#tpl_top .tpl_wrapper {
				padding-top: 50px;
			}
			html.page-fixedtop #tpl_top .tpl_wrapper {
				padding-top: 23px;
			}
			html.pageloaded.csstransitions #tpl_top .tpl_wrapper {
				-webkit-transition: padding 0.25s;
						transition: padding 0.25s;
			}
			#tpl_logo {
				position: relative;
				z-index: 200;
				float: left;
				width: 74px;
				height: 130px;
				margin: -50px 20px -30px 0;
				background: bottom left no-repeat url(../image/web/logo.svg);
				background-size: 100% 100%;
			}
			html.page-fixedtop #tpl_logo {
				width: 63px;
				height: 110px;
				margin-top: -23px;
				margin-bottom: -40px;
			}
			html.pageloaded.csstransitions #tpl_logo {
				-webkit-transition: width 0.25s, height 0.25s, margin 0.25s;
						transition: width 0.25s, height 0.25s, margin 0.25s;
			}
				#tpl_logo a {
					display: block;
					height: 100%;
				}
			#tpl_user {
				position: absolute;
				z-index: 2200;
				top: 22px;
				right: 40px;
			}
			#tpl_user.hassearch {
				top: 13px;
			}
			html.page-fixedtop #tpl_user.hassearch {
				display: none;
			}
			@media screen and (max-width: 1040px) { }
			@media screen and (max-width: 900px) { }
			@media screen and (max-width: 720px) { #tpl_user { right: 30px; } }
			@media screen and (max-width: 640px) { }
			@media screen and (max-width: 480px) { #tpl_user { right: 20px; } }
				#tpl_user .user {
					font-weight: 300;
					display: inline-block;
					vertical-align: top;
					-webkit-user-select: none;
					-moz-user-select: none;
					-ms-user-select: none;
					-o-user-select: none;
					user-select: none;
				}
				.user.icon-user-right:after {
					display: inline-block;
					vertical-align: top;
					margin: 0 0 0 8px;
				}
			#tpl_search {
				position: relative;
				z-index: 2100;
				float: right;
				margin: 0 0 23px 0;
			}
				#tpl_search .formline {
					width: 225px;
				}
				.tpl_search .formline {
					width: 100%;
				}
				@media screen and (max-width: 1040px) { #tpl_search .formline { width: 34px; -webkit-box-shadow: none; box-shadow: none; } }
				@media screen and (max-width: 900px) { }
				@media screen and (max-width: 720px) { }
				@media screen and (max-width: 640px) { }
				@media screen and (max-width: 480px) { }
				#tpl_search .formbut,
				.tpl_search .formbut {
					position: absolute;
					z-index: 2200;
					top: 4px;
					right: 5px;
					border-width: 0;
					background: transparent center no-repeat url(../image/web/search.svg);
					background-size: 16px 16px;
					width: 24px;
					height: 24px;
					text-indent: 48px;
					padding: 0;
					margin: 0;
					-webkit-box-shadow: none;
					box-shadow: none;
					opacity: 0.25;
				}
				@media screen and (max-width: 1040px) { #tpl_search .formbut { width: 34px; height: 34px; top: 0; right: 0; } }
				@media screen and (max-width: 900px) { }
				@media screen and (max-width: 720px) { }
				@media screen and (max-width: 640px) { }
				@media screen and (max-width: 480px) { }
				#tpl_search .formline:focus + .formbut,
				#tpl_search .formbut:hover,
				.tpl_search .formline:focus + .formbut,
				.tpl_search .formbut:hover {
					opacity: 0.75;
				}
			#tpl_menu {
				position: relative;
				z-index: 2000;
				float: left;
			}
			@media screen and (max-width: 1040px) { }
			@media screen and (max-width: 900px) { #tpl_menu { display: none; } }
			@media screen and (max-width: 720px) { }
			@media screen and (max-width: 640px) { }
			@media screen and (max-width: 480px) { }
				#tpl_menu ul,
				#tpl_menu li {
					position: relative;
					display: block;
					margin: 0;
					padding: 0;
					list-style-type: none;
				}
				/* MENU 1 */
				#tpl_menu > ul,
				#tpl_menu > ul > li {
					float: left;
				}
				#tpl_menu > ul > li > a {
					display: block;
					line-height: 32px;
					margin: 0 0 0 20px;
					padding: 0 0 23px 0;
					font-weight: 300;
					font-size: 120%;
					color: #b6c1c8;
				}
				#tpl_menu > ul > li > a[data-icon] {
					font-size: 150%;
				}
				/* MENU UITLICHTEN: WEBSITE V1 */
				#tpl_menu > ul > li > a[data-id="1001"],
				#tpl_menu > ul > li > a[data-id="1002"],
				#tpl_menu > ul > li > a[data-id="1003"] {
					font-weight: 600;
					color: #850048;
				}
				/* MENU UITLICHTEN: WEBSITE V2 */
				#tpl_menu > ul > li > a[data-id="2088"],
				#tpl_menu > ul > li > a[data-id="2147"],
				#tpl_menu > ul > li > a[data-id="2149"] {
					font-weight: 600;
					color: #850048;
				}
				/* MENU UITLICHTEN: EXTRANET */
				#tpl_menu > ul > li > a[data-id="230"] {
					font-weight: 600;
					color: #850048;
				}
				#tpl_menu > ul > li:hover > a,
				#tpl_menu > ul > li > a:hover,
				#tpl_menu > ul > li > a.selected {
					color: #00a6de;
					border-color: #dde3e7;
				}
				/* MENU 2 DROPDOWN */
				#tpl_menu > ul > li > ul {
					position: absolute;
					z-index: 2100;
					top: 55px;
					left: 0;
					display: none;
					background: #fff;
					border: 1px solid #dde3e7;
					border-top: none;
					padding: 0 20px 10px 0;
					min-width: 100%;
				}
				#tpl_menu > ul > li:hover > ul {
					display: block;
				}
				#tpl_menu > ul > li > ul > li > a {
					display: block;
					white-space: nowrap;
					padding: 0 20px;
					margin: -5px -20px 5px 0;
				}
				#tpl_menu > ul > li > ul > li > a:hover,
				#tpl_menu > ul > li > ul > li > a.selected {
					color: #00a6de;
				}
			.tpl_mobile_menu {
				position: relative;
				z-index: 2000;
				border: 1px solid #dde3e7;
				display: none;
				padding: 0 14px;
				line-height: 20px;
				margin: 0 0 20px 0;
			}
			#tpl_top .tpl_mobile_menu {
				float: right;
				margin: 0 0 23px 10px;
			}
			.tpl_mobile_menu.open {
				padding-bottom: 10px;
			}
			@media screen and (max-width: 1040px) { }
			@media screen and (max-width: 900px) { .tpl_mobile_menu { display: block; } }
			@media screen and (max-width: 720px) { }
			@media screen and (max-width: 640px) { }
			@media screen and (max-width: 480px) { }
				.tpl_mobile_menu ul,
				.tpl_mobile_menu li {
					margin: 0;
					padding: 0;
					list-style-type: none;
					display: block;
				}
				.tpl_mobile_menu > ul > li:first-child {
					position: relative;
					text-align: right;
					padding: 0 25px 0 0;
					background: right no-repeat url(../image/web/menu.svg);
					background-size: 13px 13px;
					line-height: 30px;
					cursor: pointer;
				}
				.tpl_mobile_menu > ul > li:first-child:after {
					display: block;
					content: '';
					position: absolute;
					z-index: 100;
					top: 0;
					right: 0;
					bottom: 0;
					left: 0;
					background: #fff;
					opacity: 0.75;
				}
				html.pageloaded.csstransitions .tpl_mobile_menu > ul > li:first-child,
				html.pageloaded.csstransitions .tpl_mobile_menu > ul > li:first-child:after {
					-webkit-transition: all 0.25s;
							transition: all 0.25s;
				}
				.tpl_mobile_menu.open > ul > li:first-child {
					border-bottom: 1px solid #dde3e7;
					line-height: 40px;
					margin-bottom: 10px;
					color: inherit;
				}
				.tpl_mobile_menu.open > ul > li:first-child:after,
				.tpl_mobile_menu > ul > li:first-child:hover:after {
					opacity: 0;
				}
				.tpl_mobile_menu a {
					height: 0;
					width: 60px;
					overflow: hidden;
					display: block;
					white-space: nowrap;
					line-height: 25px;
					text-overflow: ellipsis;
				}
				.tpl_mobile_menu.open a {
					height: 25px;
					width: 100%;
				}
				#tpl_top .tpl_mobile_menu.open a {
					width: 120px;
				}
		#tpl_pos1 {
			clear: both;
			background: #fff;
			padding: 40px 0 10px 0;
		}
			.tpl_menu {
				clear: both;
			}
			@media screen and (max-width: 1040px) { }
			@media screen and (max-width: 900px) { .tpl_menu { display: none; } }
			@media screen and (max-width: 720px) { }
			@media screen and (max-width: 640px) { }
			@media screen and (max-width: 480px) { }
				.tpl_menu ul,
				.tpl_menu li {
					margin: 0;
					padding: 0;
					display: block;
					list-style-type: none;
					float: left;
				}
				.tpl_menu ul {
					width: 100%;
					margin: 0 0 10px 0;
					border-bottom: 1px solid #dde3e7;
				}
				.tpl_menu ul ul {
					display: none;
				}
					.tpl_menu a[href] {
						display: block;
						white-space: nowrap;
						/*margin: 0 10px -1px 0;
						padding: 5px 14px;*/
						margin: 0 4px -1px 0;
						padding: 5px 10px;
						border: 1px solid #dde3e7;
						border-bottom-color: transparent;
						color: #b6c1c8;
					}
					.tpl_menu a[href]:hover {
						color: #850048;
					}
					.tpl_menu a[href].selected,
					.tpl_menu a[href].selected:hover {
						border-bottom-color: #fff;
						/*padding: 5px 14px;*/
						padding: 5px 10px;
						color: #00a6de;
					}
					.tpl_menu a[href].subportefeuille {
						font-size: smaller;	
					}
					.tpl_menu a.tpl_infotip {
						display: inline-block;
						vertical-align: top;
						margin: 8px 0 0 10px;
					}
				html.page-extranet #tpl_menu2 > ul > li[data-id="1382"],
				html.page-extranet #tpl_menu2 > ul > li[data-id="2277"] {
					float: right;
				}
				html.page-extranet #tpl_menu2 > ul > li[data-id="1382"] + li[data-id="1382"],
				html.page-extranet #tpl_menu2 > ul > li[data-id="2277"] + li[data-id="2277"] {
					display: none;
				}
					html.page-extranet #tpl_menu2 > ul > li[data-id="1382"] a,
					html.page-extranet #tpl_menu2 > ul > li[data-id="2277"] a {
						margin: 0 0 -1px 4px;
					}
			.tpl_menu + #tpl_sitenav {
				padding-top: 10px;
			}
			#tpl_sitenav {
				clear: both;
				padding: 0 0 20px 0;
			}
			html[lang="nl"] #tpl_sitenav:before {
				content: 'U bent hier ';
			}
			html.page-300 #tpl_sitenav {
				display: none;
			}
			@media screen and (max-width: 1040px) { }
			@media screen and (max-width: 900px) { html[lang] #tpl_sitenav:before { content: ''; } }
			@media screen and (max-width: 720px) { }
			@media screen and (max-width: 640px) { }
			@media screen and (max-width: 480px) { }
				#tpl_sitenav > span:before {
					content: '\00a0\203A\00a0\00a0';
				}
			#tpl_quicklinks {
				float: right;
			}
			#tpl_headers {
				position: relative;
				float: right;
				margin: 0 0 0 20px;
			}
			#tpl_quicklinks + #tpl_headers {
				margin: 0;
			}
				.webitem_202 {
					position: relative;
					z-index: 1; 
				}
				.webitem_202.cycle {
					opacity: 0;
				}
				html.pageloaded.csstransitions .webitem_202.cycle {
					-webkit-transition: opacity 1s;
							transition: opacity 1s;
				}
				.webitem_202.cycle:not(.first) {
					position: absolute;
					top: 0;
					left: 0;
				}
				.webitem_202.cycle.selected {
					z-index: 100;
					opacity: 1;
				}
				#tpl_headers .tpl_cycle_pager {
					position: relative;
					z-index: 1000;
					margin: -20px 0 20px 0;
				}
					.tpl_header .image img {
						display: block;
						max-width: 100%;
					}
					.tpl_header .image a {
						display: block;
						position: relative;
					}
					.tpl_header .image a[data-video] {
						background: center no-repeat;
						background-size: cover;
					}
					.tpl_header .image a[data-video]:before {
						content: '';
						display: block;
						position: absolute;
						z-index: 100;
						top: 50%;
						left: 50%;
						margin: -20px;
						color: #f00;
						width: 40px;
						height: 40px;
						border: 3px solid #fff;
						-webkit-border-radius: 40px;
						border-radius: 40px;
						background: center no-repeat url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9Ii0zNiA3MSA5IDEyIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IC0zNiA3MSA5IDEyIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNLTI3LDc3bC05LDZWNzFMLTI3LDc3TC0yNyw3N3oiLz48L3N2Zz4=');
						background-size: 13px 17px;
					}
			.pageimagelarge {
				width: 100%;
				max-width: 250px;
				max-width: 307px;
				float: right;
				margin: 10px 0 20px 50px;
			}
			@media screen and (max-width: 1040px) { .pageimagelarge { max-width: 60%; } }
			@media screen and (max-width: 900px) { }
			@media screen and (max-width: 720px) { .pageimagelarge { max-width: none; float: none; margin: 0 0 20px 0; } }
			@media screen and (max-width: 640px) { }
			@media screen and (max-width: 480px) { }
			.pageimage {
				width: 100%;
			}
			#tpl_content {

			}
			#tpl_content.clearfix {
				clear: both;
			}
		#tpl_pos2 {
			clear: both;
			/*background: #dde3e7;*/
			background: #ecf1f4;
			padding: 35px 0 0 0;
		}
			
		#tpl_pos3 {
			clear: both;
			background: #fff;
			padding: 50px 0 25px 0;
		}
			#tpl_pages {
				margin-bottom: 25px;
			}
			#tpl_pages[data-edit="true"]:before {
				display: block;
				content: "Onderliggende pagina's beheren";
				font-weight: bold;
			}
			#tpl_pages_sitenav {
				color: #b6c1c8;
				border-top: 1px solid #dde3e7;
				border-bottom: 1px solid #dde3e7;
				margin: 5px 0;
				padding: 2px 0;
			}
			#tpl_pages_sitenav:after {
				content: '\00a0\00a0/';
			}
				#tpl_pages_sitenav a {
					color: inherit;
				}
				#tpl_pages_sitenav a:hover {
					color: #32393d;
				}
		#tpl_bottom {
			clear: both;
			background: #850048;
			color: #fff;
			padding: 35px 0;
		}
			#tpl_footer {
				clear: both;
			}
				#tpl_footer a {
					color: inherit;
				}


/* CLAMP */
.tpl_forum_reaction {
	position: relative;
	z-index: 1;
	font-size: 12px;
	line-height: 19px;
}
.tpl_forum_reaction + .tpl_forum_reaction {
	border-top: 1px solid #dde3e7;
	margin-top: 15px;
	padding-top: 15px;
}
	.tpl_forum_reaction .clamp {
		overflow: hidden;
		height: 60px;
		margin: 5px 0;
	}
	.tpl_forum_reaction .name {
		font-weight: bold;
	}
	.tpl_forum_reaction .texts {
		font-size: 10px;
	}


/* RESPONSIVE CLASSES */
.show900 { display: none; }
@media screen and (max-width: 900px) { .show900 { display: block; } }
.hide900 { display: block; }
@media screen and (max-width: 900px) { .hide900 { display: none; } }


/* KOLOMMEN */
.cols {
	margin: 0 -20px 0 0;
}
.cols-flex {
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	-webkite-justify-content: space-between;
}
.cols-flex .webitem {
	width: 20%
}

@media screen and (max-width: 1040px) { }
@media screen and (max-width: 900px) { }
@media screen and (max-width: 720px) { .cols-flex .webitem { width: 50%; } }
@media screen and (max-width: 640px) { }
@media screen and (max-width: 480px) { .cols-flex .webitem { width: 100%; } }

.cols30v {
	margin: 0 -30px 0 0;
}
	.col1,
	.col12,
	.col13,
	.col14,
	.col15,
	.col23,
	.col34,
	.col45 {
		float: left;
		position: relative;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		min-height: 1px;
		border-right: 20px solid transparent;
	}
	.cols30v > .col1,
	.cols30v > .col12,
	.cols30v > .col13,
	.cols30v > .col14,
	.cols30v > .col15,
	.cols30v > .col23,
	.cols30v > .col34,
	.cols30v > .col45 {
		border-right-width: 30px;
	}
	.col1 {
		width: 100%;
	}
	.col1-85 {
		max-width: 80%;
	}
	.col12 {
		width: 50%;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { .cols > .col12 { width: 100%; } }
	@media screen and (max-width: 480px) { }
	.col13 {
		width: 33.33333333%;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { .cols > .col13 { width: 100%; } }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { }
	.col14 {
		width: 25%;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { .cols > .col14 { width: 50%; } .cols > .col34 + .col14 { width: 100%; } }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { .cols > .col14 { width: 100%; } }
	.col15 {
		width: 50%;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { .cols > .col15 { width: 100%; } }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { }
	.col23 {
		width: 66.66%;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { .cols > .col23 { width: 100%; } }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { }
	.col34 {
		width: 75%;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { .cols > .col34 { width: 100%; } }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { }


/* LINKBLOCKS */
.tpl_linkblocks {
	margin: 0 -20px 10px 0;
	position: relative;
}
	.webitem_200 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 33.33%;
		border-right: 20px solid transparent;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { }
	@media screen and (max-width: 720px) { .webitem_200 { width: 100%; } }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { }
		.tpl_linkblock {
			
		}
			.tpl_linkblock .name,
			.tpl_linkblock .subname {
				text-align: center;
				color: #850048;
			}
			.tpl_linkblock .name + .subname {
				margin-top: -10px;
			}
			.tpl_linkblock .image {
				position: relative;
				margin: 0 0 10px 0;
			}
			.tpl_linkblock .image[data-iconlabel]:after {
				position: absolute;
				z-index: 100;
				top: 0;
				left: 42.5%;
				content: '';
				width: 15%;
				height: 40%;
				background-repeat: no-repeat;
				background-size: contain, 105% 105%;
				background-position: left top 40%, bottom;
			}
			.tpl_linkblock .image[data-iconlabel="hartslag"]:after {
				background-image: url(../image/web/linkblock/hartslag.svg), url(../image/web/linkblock/label.svg);
			}
			.tpl_linkblock .image[data-iconlabel="genen"]:after {
				background-image: url(../image/web/linkblock/genen.svg), url(../image/web/linkblock/label.svg);
			}
			.tpl_linkblock .image[data-iconlabel="bloedstroom"]:after {
				background-image: url(../image/web/linkblock/bloedstroom.svg), url(../image/web/linkblock/label.svg);
			}
				.tpl_linkblock .image img {
					display: block;
					width: 100%;
				}
			.tpl_linkblock .intro {
				height: 69px;
				overflow: hidden;
				margin: 0 0 5px 0;
			}
				.tpl_linkblock .intro:before {
					display: block;
					height: 46px;
					width: 1px;
					content: '';
					float: right;
					clear: right;
				}
				.tpl_linkblock .intro .link {
					float: right;
					clear: right;
					margin: 0 0 0 10px;
				}


/* QUICK LINKS */
#tpl_quicklinks {
	
}
	.tpl_quicklink {
		display: table;
		width: 100%;
	}
		.tpl_quicklink a {
			position: relative;
			display: table-cell;
			vertical-align: middle;
			padding: 16px 20px 16px 25px;
			height: 67px;
			color: inherit;
			background-color: #ecf1f4;
			border-bottom: 10px solid #fff;
		}
		.tpl_quicklink a:hover {
			color: #fff;
			background-color: #00a6de;
		}
			.tpl_quicklink a div.h2 {
				color: #850048;
				font-size: 120%;
				margin: 0;
			}
			.tpl_quicklink a:hover div.h2 {
				color: inherit;
			}
			.tpl_quicklink a div.h3 {
				font-weight: 300;
				font-size: 120%;
				margin: 0;
			}


/* PAGE LINKS */
.tpl_pagelink {
	display: block;
	position: relative;
	color: #00a6de;
	padding: 20px 30px 75px 120px;
	font-size: 150%;
	font-weight: bold;
	background-color: #ecf1f4;
}
.tpl_pagelink + .tpl_pagelink {
	margin-top: 10px;
}
.tpl_pagelink[data-title]:before {
	display: block;
	position: absolute;
	z-index: 100;
	top: 50px;
	left: 120px;
	right: 20px;
	color: rgba(0,0,0,0.3);
	content: attr(data-title);
	font-size: 60%;
	line-height: 130%;
	font-weight: 600;
}
html.pageloaded.csstransitions .tpl_pagelink[data-title]:before {
	-webkit-transition: all 0.25s;
	        transition: all 0.25s;
}
.tpl_pagelink:hover:before {
	color: #fff;
}
.tpl_pagelink:hover {
	color: #fff;
	background-color: #00a6de;
}
	.tpl_pagelink[data-iconlabel]:after {
		content: '';
		display: block;
		position: absolute;
		top: 24px;
		left: 25px;
		z-index: 100;
		background: #fff center no-repeat;
		background-size: 35px;
		width: 70px;
		height: 70px;
		-webkit-border-radius: 70px;
		border-radius: 70px;
	}
	.tpl_pagelink[data-iconlabel="boek"]:after {
		background-image: url(../image/web/partblock/boek.svg);
		background-size: 30px;
	}
	.tpl_pagelink[data-iconlabel="kalender"]:after {
		background-image: url(../image/web/partblock/kalender.svg);
	}
	.tpl_pagelink[data-iconlabel="krant"]:after {
		background-image: url(../image/web/partblock/krant.svg);
	}
	.tpl_pagelink[data-iconlabel="portretten"]:after {
		background-image: url(../image/web/partblock/portretten.svg);
	}
	.tpl_pagelink[data-iconlabel="medewerkers"]:after {
		background-image: url(../image/web/partblock/medewerkers.svg);
	}

@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) { }
@media screen and (max-width: 480px) { }
/* PARTBLOCKS */
.tpl_partblocks {
	margin: 0 -20px 0 0;
	position: relative;
}
.tpl_partblocks + .tpl_partblocks { /* FP */
	margin-top: 20px;
}
@media screen and (max-width: 1040px) { }
@media screen and (max-width: 900px) { .tpl_partblocks { margin-bottom: -20px; } }
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) { }
@media screen and (max-width: 480px) { }
	.webitem_201 {
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		float: left;
		width: 33.333333%;
		border-right: 20px solid transparent;
	}
	@media screen and (max-width: 1040px) { }
	@media screen and (max-width: 900px) { .webitem_201 { width: 50%; margin-bottom: 20px; } }
	@media screen and (max-width: 720px) { }
	@media screen and (max-width: 640px) { }
	@media screen and (max-width: 480px) { .webitem_201 { width: 100%; } }
		.tpl_partblock {
			min-height: 100px;
			background: #fff;
			padding: 20px 20px 45px 20px;
		}
		.tpl_partblock.tpl_minheight {
			min-height: 350px;
		}
			.tpl_partblock .image[data-iconlabel] {
				background: center no-repeat;
				background-size: 40px;
				margin: 35px auto 0 auto;
				width: 70px;
				height: 70px;
				border: 1px solid #cbd3d7;
				-webkit-border-radius: 70px;
				border-radius: 70px;
			}
			.tpl_partblock .image[data-iconlabel="boek"] {
				background-image: url(../image/web/partblock/boek.svg);
				background-size: 35px;
			}
			.tpl_partblock .image[data-iconlabel="kalender"] {
				background-image: url(../image/web/partblock/kalender.svg);
			}
			.tpl_partblock .image[data-iconlabel="krant"] {
				background-image: url(../image/web/partblock/krant.svg);
			}
			.tpl_partblock .image[data-iconlabel="wereld"] {
				background-image: url(../image/web/partblock/wereld.svg);
			}
			.tpl_partblock .name {
				padding: 10px 0 30px 0;
				text-align: center;
				color: #b6c1c8;
			}
			.tpl_partblock .tpl_cycle {
				min-height: 165px;
			}
			.tpl_partblock .clamp {
				height: 140px;
				overflow: hidden;
			}
				.tpl_partblock .clamp:before {
					content: '';
					height: 115px;
					width: 1px;
					overflow: hidden;
					display: block;
					float: right;
					clear: right;
				}
				.tpl_partblock .clamp .morelink {
					float: right;
					clear: right;
					margin: 0 0 0 10px;
				}


/* SOCIAL MEDIA LINKS */
.tpl_socialmedia_links {
	
}
	.tpl_socialmedia_links a {
		display: inline-block;
		margin: 0 5px 5px 0;
		background: #850048;
		color: #fff;
		width: 30px;
		line-height: 30px;
		text-align: center;
		font-size: 140%;
	}
	.tpl_socialmedia_links_other a {
		background-color: #ca3430;
	}


/* CYCLE ANIMATIONS */
.tpl_cycle {
	position: relative;
}
	.tpl_cycle ul,
	.tpl_cycle li {
		position: relative;
		margin: 0;
		padding: 0;
		display: block;
		list-style-type: none;
		width: 100%;
	}
	.tpl_cycle_pager {
		
	}
		.tpl_cycle_pager a {
			display: inline-block;
			width: 10px;
			height: 10px;
			-webkit-border-radius: 10px;
			border-radius: 10px;
			background: #dde3e7;
			overflow: hidden;
			text-indent: -9999px;
			margin: 0 3px 0 0;
		}
		.tpl_cycle_pager a.activeSlide {
			background: #00a6de;
		}


/* ACTUEEL PLUGINS */
.tpl_news_plugin {
	clear: both;
}
.tpl_news_plugin:after {
	content: '';
	display: block;
	height: 1px;
	width: 100%;
	clear: both;
	overflow: hidden;
}
.tpl_news_plugin_row {
	
}
	.tpl_news_plugin_bg {
		position: relative;
		clear: both;
		padding: 35px 0 0 0;
		border-top: 10px solid transparent;
	}
		#tpl_pos2 .tpl_news_plugin_bg{
			padding: 20px 0 0 0;	
			margin: 0 0 20px 0;
		}
	.tpl_news_plugin_bg:before {
		display: block;
		content: '';
		position: absolute;
		z-index: 100;
		top: 0;
		bottom: 0;
		left: 50%;
		width: 4000px;
		margin: 0 -2000px;
		background: #dde3e7;
	}
		#tpl_pos2 .tpl_news_plugin_bg:before {
			background: none !important;	
		}
		.tpl_news_plugin_bg_wrapper {
			position: relative;
			z-index: 200;
		}
	.tpl_news_plugin_other {
		border-top: 30px solid transparent;
	}
	.tpl_news_plugin_row .clamp {
		height: 160px;
		overflow: hidden;
	}
	.tpl_news_plugin_row.itemcount1 .clamp {
		height: 315px;
		height: 160px;
	}
	.tpl_news_plugin_other .tpl_news_plugin_row .clamp {
		height: 115px;
	}
		.tpl_news_plugin_row .clamp:before {
			float: right;
			clear: right;
			width: 1px;
			overflow: hidden;
			content: '';
			display: block;
			height: 137px;
		}
		.tpl_news_plugin_row.itemcount1 .clamp:before {
			height: 291px;
			height: 135px;
		}
		.tpl_news_plugin_other .tpl_news_plugin_row .clamp:before {
			width: 30px;
			height: 92px;
		}
		.tpl_news_plugin_other .tpl_news_plugin_row .image {
			display: none;
		}
		.tpl_news_plugin_other .tpl_news_plugin_row h2,
		.tpl_news_plugin_other .tpl_news_plugin_row .h2 {
			font-size: inherit;
			line-height: inherit;
			margin: 0;
		}
		.tpl_news_plugin_row .morelink {
			float: right;
			clear: right;
			margin: 0 0 0 15px;
		}
		.tpl_news_plugin_other .tpl_news_plugin_row .morelink {
			margin-right: 30px;
		}


/* NEWS */
.tpl_newss {
	
}
.tpl_newss:before {
	display: block;
	font-weight: bold;
	content: 'Al het nieuws';
}
	.tpl_newss > .webitem {
		float: left;
		width: 100%;
	}
.author,
.author-website {
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 0 14px;
	margin: 0 0 0 10px;
	opacity: 0.4;
	color: #32393d;
	background: left no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAAWlBMVEUyOT3///8yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT0yOT3Z8Sh+AAAAHnRSTlMAAAECDRQrLS8yMz5DS1VWWVtdXmZzeX2Fi4+RkpmY6z57AAAAd0lEQVR4AWXMRwKDMBAEwSFjEwQW2ez/v+mAmAWpj3VouIphWYYCQPTNWSf/uis24moUU2EpsVasiVbREo2iIZaKJTFeT1tjIrLpsCkDkVcDxWoT11ad2Mul/sBWbrU/zMUrj5DsPu4JnhL0gA3xhTnEGeM7aPwA6fkcOSLvwKQAAAAASUVORK5CYII=');
	background-size: 10px 10px;
}
.author-website {
	background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAONJREFUeNpMkDELQVEYhl1RFhn8BVmU6G4GozKQZCAMdouBwWLyC8wGiQkZbhkVpQx3wSQm+QUGRbmeT1+5p57z3XPe977nnM9wHMcjw0ylTUoWkvCAC6zs3cYW3aumMqUFN3jDENbQRSv9jHwkqBUYwBPapGypPl3X8cQlsaDJHfDDHUH2mhBSrSh/xeAFR5ImepUqJeD5j6hX79SDBYagCpbL9JGTxHjVI+S1U8x9kkeQU6N4LjLNoQF7Fd6utIMmjg3po7YnA2Go6YvjGmCRPjNcDZc25SGiaWdYYjrJ4ivAAITrR5V7KY8cAAAAAElFTkSuQmCC');
}
.author a {
	color: #32393d;
}
.author a:hover {
	color: #32393d;
	text-decoration: none;
}
.author:hover {
	opacity: 0.8;	
}
.reactions[data-count] {
	position: relative;
	display: inline-block;
	vertical-align: top;
	font-size: 10px;
	font-weight: bold;
	padding: 0 0 0 24px;
	margin: 0 0 0 10px;
	color: #32393d;
	text-transform: uppercase;
	background: left no-repeat url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAkCAYAAADhAJiYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAaBJREFUeNpi/P//P4OxlV0sAwNDCRDLMwwM2A/E+UD8iNHI0jYcyFjBMPDgIRDrM0vKym8DMvgHgYMEgPgVE5CQYhg8QAPkoB+DyEE/QQ76P4gc9J+JYZCBUQeNOojWDvqPlAv/41FDSJ6QGpJCiGjDKHA0UQ76BzWACUntPzRDQXxGKJsRi6X/0OxhQhLDClhIdCwTAT4jGWaQFEL/cIQaeghgSy/Y1DMQCiF8DmJEMwAWPYxoatDTBzb5f1iimOQow5YmGLGoISTPQIQYUQ5iQAsRJgIOZyQgT1SuHi2pRx1EIfg72BzExkQoG9IZqIEcxD6IHMQHctDHQeSgTyAHtQ4iB/UxnT12aAKQ0QDErwfQId+AOBeIdzCCBhtAwNjKThhIyUIrwF/Qru0sINbFYsB8IO6CVj24MsVvIBYCYhVQdsbROINlqlNAfBNcz8AcBANAh6H3t48AsTaaQTW0impC5dAHILYF4mto4rwDWVK/B2IHIL49mKoOUIK3QnLU/4F2EAi8AWI7aILXpJWDWEhU/wKI3XHkPKoAgAADACk9X5i7jHmEAAAAAElFTkSuQmCC');
	background-size: 18px 18px;
	background-position: 0 4px;
}
.reactions[data-count]:before {
	content: attr(data-count);
	position: absolute;
	top: 4px;
	left: 0;
	width: 18px;
	text-align: center;
	color: #fff;
	line-height: 15px;
}
div.reactions[data-count] {
	margin: 0;
}


/* AGENDA */
.tpl_agendas {
	
}
.tpl_agendas:before {
	display: block;
	font-weight: bold;
	content: 'Meer uit onze agenda';
}
	
/* IMAGES */
@media screen and (max-width: 1040px) { }
@media screen and (max-width: 900px) { }
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) { .imagecenter, .imageleft, .imageright {	height: auto; width: 100%; }}
@media screen and (max-width: 480px) { }

/* PUBLICATIONS */
.tpl_publications {
	padding-bottom: 23px;
}
.tpl_publications:before {
	display: block;
	font-weight: bold;
	content: 'Meer publicaties';
}
#tpl_pages[data-edit="true"] .tpl_publications:before {
	display: none;
}
	.tpl_publications > br[clear] {
		display: none;
	}


/* LOCATIONS */
.tpl_locations {
	margin: 0 -20px 0 0;
}
	.tpl_locations .webitem_206.col13 .boxbo,
	.tpl_locations .webitem_206.col14 .boxbo {
		height: 118px;
	}
	.locationlogo {
		height: 70px;
		float: right;
		margin: -46px 0 0 0;
	}
	@media screen and (max-width: 480px) { .locationlogo { height: 50px; margin-top: -25px; } }
	.tpl_locations .webitem_206 .locationlogo {
		float: none;
		margin: 0;
	}
		.locationlogo img {
			display: inline-block;
			max-height: 70px;
			max-width: 100%;
		}
		@media screen and (max-width: 1040px) {  }
		@media screen and (max-width: 900px) { }
		@media screen and (max-width: 720px) { }
		@media screen and (max-width: 640px) { }
		@media screen and (max-width: 480px) { .locationlogo img { max-height: 50px; }  }
	.tpl_locations .webitem_206 .link {
		position: absolute;
		z-index: 100;
		bottom: 20px;
		right: 25px;
	}


/* ADDRESSES */
.adresboek-picture {
	float: left;
	width: 38px;
	height: 38px;
	margin: 4px 10px 0 0;
	background: #e6eaed;
}
.adresboek-email {
	font-size: 85%;
	font-weight: normal;
	color: inherit;
	opacity: 0.5;
}
	.clickable:hover .adresboek-email a,
	.adresboek-email a {
		color: inherit;
	}


/* LOCATION MAPS */
.webitem_208 {
	position: relative;
	float: left;
	width: 33.33%;
	border-right: 20px solid transparent;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
@media screen and (max-width: 1040px) {  }
@media screen and (max-width: 900px) { .webitem_208 { width: 100%; } }
@media screen and (max-width: 720px) { }
@media screen and (max-width: 640px) { .webitem_208:before { content: ''; display: block; position: absolute; z-index: 100; top: 0; left: 0; right: 0; bottom: 0; } }
@media screen and (max-width: 480px) { }
	.tpl_locations .webitem_208 .boxbo {
		height: 303px;
	}
	#map_large {
		background: #dde3e7 !important;
		margin: 5px 0 0 0;
	}
	#map_small {
		background: transparent !important;
	}
	/* REMOVE GOOGLE LOGO */
	#map_large a[target="_blank"][href*="maps.google.com"],
	#map_small a[target="_blank"][href*="maps.google.com"] {
		display: none !important;
	}
	#map_small_names {
		padding: 8px 0 0 0;
	}
.gmnoprint {
	display: none;
}
#markertooltip {
	position: fixed;
	z-index: 9999999;
	background-color: #fff;
	border: 1px solid #ababab;
	-webkit-box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 6px 0 rgba(0,0,0,0.2);
	padding: 10px 15px;
	display: none;
}


/* EMPLOYEES */
.tpl_employees {
	margin: 0 -20px 0 0;
}
	.tpl_employees .boxbo {
		padding: 10px;	
	}
	.tpl_employees .webitem_207 .boxbo {
		height: 112px;
	}
		.employeeavatar {
			float: right;
			border: 1px solid #dde3e7;
			padding: 5px;
			margin: 0 0 0 15px;
		}
			.employeeavatar img {
				display: block;
				height: 100px;
			}

/*  MEDEWERKER PORTEFEUILLE */
.tpl_medewerker .tpl_medewerker_content {
	width: 64%;	
	display: inline-block;
}
.tpl_medewerker .col13 {
	float: right;	
}
.tpl_medewerker h3 {
	font-size: 15px;	
	font-weight: 400;
}
.tpl_medewerker .boxbo {
	height: 112px;	
	padding: 10px;
}
@media screen and (max-width: 1040px) { }
@media screen and (max-width: 900px) { 
	.tpl_medewerker .col13{ 
		width: 100%; 
		float: none;
	} 
	.tpl_medewerker .tpl_medewerker_content {
		width: 100%;	
	}
}
/* GOTO TOP LINK */
#tpl_gototop {
	position: fixed;
	z-index: 3000;
	bottom: 20px;
	right: -50px;
	width: 38px;
	height: 38px;
	line-height: 38px;
	text-align: center;
	color: #fff;
	background: #850048;
	border: 1px solid rgba(255,255,255,0.25);
	cursor: pointer;
}
html.page-gototop #tpl_gototop {
	right: 20px;
}
html.pageloaded.csstransitions #tpl_gototop {
	-webkit-transition: all 0.25s;
	        transition: all 0.25s;
}


/* ATOOLTIP */
#aToolTip {
	position: fixed;
	display: none;
	z-index: 50000;
}
	#aToolTip .aToolTipContent {
		position: relative;
	}
.aToolTip {
	color: #fff;
	background: #850048;
	border-top-color: #850048;
	padding: 6px 12px;
	margin: -15px 0 0 -18px;
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1);
	white-space: nowrap;
}
.aToolTip:after {
	pointer-events: none;
	position: absolute;
	z-index: 100;
	bottom: -15px;
	left: 7px;
	display: block;
	width: 0;
	height: 0;
	content: '';
	border: 8px solid transparent;
	border-top-color: inherit;
}


/* DROPDOWNS */
.dropdown {
	position: relative;
	display: inline-block;
	vertical-align: top;
}
	.dropdown-trigger {
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		color: #b6c1c8;
	}
	.dropdown-trigger:after {
		content: "\e601";
		font-size: 40%;
		line-height: 14px;
		display: inline-block;
		vertical-align: top;
		margin: 0 0 0 -3px;
	}
	.dropdown.open .dropdown-trigger,
	.dropdown-trigger:hover {
		color: inherit;
	}
	.dropdown-content {
		display: none;
		position: absolute;
		top: 30px;
		right: 0;
		background: #fff;
		border: 1px solid #dde3e7;
		padding: 15px 20px;
		white-space: nowrap;
		-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.07);
		        box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.07);
	}
	.dropdown-content:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		position: absolute;
		top: -13.9px;
		right: 5px;
		border: 7px solid transparent;
		border-bottom-color: #dde3e7;
	}
	.dropdown.open .dropdown-content {
		display: block;
	}


/* EXTRANET: NEWS */
.tpl_newsbox_image {
	position: absolute;
	/*background: #e6eaed center url(https://img.youtube.com/vi/lrJBjYEcel4/maxresdefault.jpg);*/
	background: #e6eaed center;
	background-size: cover;
	top: 16px;
	right: -1px;
	bottom: 16px;
	width: 320px;
	width: 33.33333333%;
	overflow: hidden;
}
.tpl_newsbox_image[data-index]:before {
	content: '';
	display: block;
	width: 20px;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: repeat-y left url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjI4MHB4IiB2aWV3Qm94PSIwIDAgMjAgMjgwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMCAyODA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48c3R5bGUgdHlwZT0idGV4dC9jc3MiPi5zdDB7ZmlsbDojRkZGRkZGO308L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLjQsOTguOEM3LjIsOTAuNCwxMSw4MiwxNC44LDczLjZjMC4yLTAuNSwwLjUtMS4xLDAuOS0xLjVjMC4yLTAuMiwwLjUtMC40LDAuOC0wLjdjMC44LTAuOCwyLjEtMS4zLDMuNS0xLjRWMEgwdjcwdjcwdjE0MGgyMFYxNDB2MGMtMC44LTAuMS0xLjYtMC4yLTIuMi0wLjVjLTEuMy0wLjYtMi4zLTEuNi0yLjgtMi43Yy0zLjgtOC41LTcuNy0xNy4xLTExLjYtMjUuNmMtMC43LTEuNS0xLjQtMy4xLTIuMS00LjdjLTAuNC0xLjEtMC40LTIuMywwLjEtMy40QzIsMTAxLjcsMi43LDEwMC4yLDMuNCw5OC44eiIvPjwvc3ZnPg==');
	background-size: 25px 350px;
	background-position: 0 -90px;
}
.tpl_newsbox_image[data-index="0"]:before {
	background-position: 0 -90px;
}
.tpl_newsbox_image[data-index="1"]:before {
	background-position: 0 -48px;
}
.tpl_newsbox_image[data-index="2"]:before {
	background-position: 0 -4px;
}
.tpl_newsdisplay_expendable {
	position: relative;
	border-bottom: 1px solid #dde3e7;
	padding: 0 30px 10px 60px;
	margin: 0 0 10px 0;
}
	.tpl_newsdisplay_expendable[data-icon]:before {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}
	.tpl_newsdisplay_expendable.expanded[data-icon]:before {
		display: none;
	}
	.tpl_newsdisplay_expendable .date {
		position: absolute;
		top: 0;
		left: 0;
		font-size: 85%;
		font-weight: bold;
	}
	.tpl_newsdisplay_expendable .label {
		position: absolute;
		z-index: 2;
		top: 1px;
		right: 30px;
		font-size: 8px;
		text-transform: uppercase;
		font-weight: bold;
		padding: 0 10px 0 11px;
		line-height: 20px;
	}
	.tpl_newsdisplay_expendable.expanded .label {
		top: -4px;
		background-color: #850048;
		color: #fff;
	}
	.tpl_newsdisplay_expendable .clamp {
		height: 23px;
		overflow: hidden;
	}
	.tpl_newsdisplay_expendable.expanded .clamp {
		height: 70px;
	}
		.tpl_newsdisplay_expendable .clamp:before {
			content: '';
			display: none;
			float: right;
			width: 1px;
			height: 46px; /* 2x line-height */
			clear: right;
		}
		.tpl_newsdisplay_expendable.expanded .clamp:before {
			display: block;
		}
		.tpl_newsdisplay_expendable .link {
			float: right;
			clear: right;
			display: none;
		}
		.tpl_newsdisplay_expendable.expanded .link {
			display: block;
		}
		.tpl_newsdisplay_expendable .name {
			font-weight: bold;
			font-size: 120%;
			color: #00a6de;
		}
		.tpl_newsdisplay_expendable .intro {
			display: none;
		}
		.tpl_newsdisplay_expendable.expanded .intro {
			display: block;
		}


/* EXTRANET: AGENDA */
.tpl_agendadisplay {
	position: relative;
	margin: 0;
	padding: 4px 0 4px 40px;
}
	.tpl_agendadisplay .date {
		line-height: 25px;
		font-size: 23px;
		font-weight: bold;
		color: #fff;
		position: absolute;
		top: 5px;
		left: -26px;
		height: 40px;
		width: 30px;
		text-align: center;
		padding: 5px 15px 5px 10px;
	}
		.tpl_agendadisplay .date span {
			display: block;
			line-height: 11px;
			font-size: 11px;
			font-weight: normal;
		}
	.tpl_agendadisplay .name {
		font-weight: bold;
    	font-size: 110%;
    	color: #00a6de;
		border-bottom: 1px solid #dde3e7;
		white-space: nowrap;
		overflow: hidden;
		width: 100%;
		text-overflow: ellipsis;
	}
	.tpl_agendadisplay .link {
		float: right;
		display: none;
	}
	.tpl_agendadisplay .label {
		font-size: 9px;
		font-weight: 800;
		text-transform: uppercase;
	}


/* EXTRANET: FORUM */
.tpl_forumdisplay {
	position: relative;
}
	.tpl_forumdisplay .image {
		margin: 0 0 10px 0;
	}
		.tpl_forumdisplay .image img {
			display: inline-block;
			vertical-align: top;
			width: 100%;
		}
	.tpl_forumdisplay .name {
		margin: 0 0 10px 0;
	}
	.tpl_forumdisplay .intro {
		height: 70px;
		overflow: hidden;
		margin: 0 0 10px 0;
	}
		.tpl_forumdisplay .intro:before {
			content: '';
			display: block;
			width: 1px;
			height: 46px;
			float: right;
			clear: right;
		}
		.tpl_forumdisplay .intro .link {
			float: right;
			clear: right;
			margin: 0 0 0 5px;
		}
	.tpl_forumdisplay .date {
		display: inline-block;
		vertical-align: top;
		font-weight: bold;
		margin: 0 6px 0 0;
	}
	.tpl_forumdisplay .social {
		position: relative;
		z-index: 1;
		display: inline-block;
		vertical-align: top;
		font-weight: bold;
		font-size: 10px;
		margin: 0 6px 0 0;
	}
	.tpl_forumdisplay .social[data-count]:before {
		position: relative;
		z-index: 2;
		content: attr(data-count);
		display: inline-block;
		vertical-align: top;
		color: #fff;
		background: #32393d;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		line-height: 17px;
		margin: 3px 0 0 0;
		width: 20px;
		text-align: center;
	}
	.tpl_forumdisplay .social[data-count]:after {
		position: absolute;
		z-index: 1;
		content: '';
		display: block;
		top: 12px;
		left: -4px;
		width: 0;
		height: 0;
		border: 6px solid transparent;
		border-right-color: #32393d;
	}
	.tpl_forumdisplay .label {
		display: inline-block;
		vertical-align: top;
		font-weight: bold;
		font-size: 10px;
		text-transform: uppercase;
		margin: 0 6px 0 0;
	}
.tpl_forumpost_display {
	border-bottom: 1px solid #dde3e7;
	padding: 0 0 15px 0;
}
.webitem.webitem_232 + .webitem.webitem_232 {
	margin-top: -10px;
}


/* TOOLTIPS */
.tooltip {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	line-height: 16px;
	cursor: help;
	background: #32393d;
	color: #fff;
	font-size: 8px;
	margin: 4px 0 0 4px;
	text-align: center;
	-webkit-border-radius: 16px;
	border-radius: 16px;
}


/* TAGS */
.taglabel {
	position: relative;
    z-index: 2;
    font-size: 8px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 10px 0 11px;
	margin: 0 0 0 10px;
	float: right;
    line-height: 20px;
	display: inline-block;
	vertical-align: top;
	color: #32393d;
}


/* EXTRANET: KENNISBANK */
.kennisbank-date {
	font-size: 12px;
    font-weight: bold;
	opacity: 0.4;
	text-align: right;
}
.kennisbank-table .nextlink {
	font-weight: inherit;
}
.knowledge-downloads {
	
}
	.knowledge-downloads-tools {
		float: right;
	}
	.knowledge-downloads ul,
	.knowledge-downloads li {
		display: block;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.knowledge-downloads li {
		border-top: 1px solid #ddd;
	}
	.knowledge-downloads ul ul {
		margin-left: 25px;
		display: none;
	}
	.knowledge-downloads li.open > ul {
		display: block;
	}
	.knowledge {
		
	}
		.knowledge .tip {
			float: right;
			padding: 3px 0;
		}
		.knowledge .infotip {
			display: none;
		}
		.knowledge .browser {

		}
		.knowledge a.dir {
			display: block;
			padding: 3px 0 3px 25px;
			font-weight: bold;
			background: left no-repeat url(../image/web/filetype/dir.png);
		}
		li.open > .knowledge a.dir {
			background-image: url(../image/web/filetype/dir_open.png);
		}
		.knowledge a.file {
			display: block;
			padding: 3px 0 3px 25px;
			font-weight: 600;
			background: left no-repeat url(../image/web/filetype/file.png);
		}
		.knowledge-downloads .colortable a.file {
			display: inline-block;
			vertical-align: top;
		}
		.knowledge a.file[data-icon="external"]:before {
			float: right;
			margin: 0 0 0 10px;
		}
		.knowledge a.ext-doc,
		.knowledge a.ext-docx,
		.knowledge a.ext-docm,
		.knowledge a.ext-spw {
			background-image: url(../image/web/filetype/word.png);
		}
		.knowledge a.ext-txt,
		.knowledge a.ext-rtf,
		.knowledge a.ext-sxw,
		.knowledge a.ext-sdw {
			background-image: url(../image/web/filetype/text.png);
		}
		.knowledge a.ext-pdf {
			background-image: url(../image/web/filetype/pdf.png);
		}
		.knowledge a.ext-gif,
		.knowledge a.ext-jpg,
		.knowledge a.ext-jpeg,
		.knowledge a.ext-png,
		.knowledge a.ext-tif,
		.knowledge a.ext-tiff,
		.knowledge a.ext-bmp,
		.knowledge a.ext-svg,
		.knowledge a.ext-eps,
		.knowledge a.ext-ai,
		.knowledge a.ext-tga,
		.knowledge a.ext-ps {
			background-image: url(../image/web/filetype/image.png);
		}
		.knowledge a.ext-csv,
		.knowledge a.ext-xlr,
		.knowledge a.ext-xls,
		.knowledge a.ext-xlsx,
		.knowledge a.ext-xlt,
		.knowledge a.ext-xlw,
		.knowledge a.ext-pxl {
			background-image: url(../image/web/filetype/excel.png);
		}
		.knowledge a.ext-ppt,
		.knowledge a.ext-pps,
		.knowledge a.ext-pptx {
			background-image: url(../image/web/filetype/powerpoint.png);
		}
		.knowledge a.ext-exe,
		.knowledge a.ext-bat,
		.knowledge a.ext-app,
		.knowledge a.ext-apk,
		.knowledge a.ext-ipa,
		.knowledge a.ext-bin,
		.knowledge a.ext-cmd,
		.knowledge a.ext-com,
		.knowledge a.ext-gadget,
		.knowledge a.ext-jar,
		.knowledge a.ext-pif,
		.knowledge a.ext-vb,
		.knowledge a.ext-wsf {
			background-image: url(../image/web/filetype/app.png);
		}
		.knowledge a.ext-3g2,
		.knowledge a.ext-3gp,
		.knowledge a.ext-asf,
		.knowledge a.ext-avi,
		.knowledge a.ext-flv,
		.knowledge a.ext-m4v,
		.knowledge a.ext-mov,
		.knowledge a.ext-mp4,
		.knowledge a.ext-mpg,
		.knowledge a.ext-rm,
		.knowledge a.ext-vob,
		.knowledge a.ext-wmv {
			background-image: url(../image/web/filetype/video.png);
		}
		.knowledge a.ext-aif,
		.knowledge a.ext-iff,
		.knowledge a.ext-m4a,
		.knowledge a.ext-mp3,
		.knowledge a.ext-mpa,
		.knowledge a.ext-ra,
		.knowledge a.ext-wav,
		.knowledge a.ext-wma {
			background-image: url(../image/web/filetype/audio.png);
		}
		.knowledge a.ext-7z,
		.knowledge a.ext-cbr,
		.knowledge a.ext-deb,
		.knowledge a.ext-gz,
		.knowledge a.ext-pkg,
		.knowledge a.ext-rar,
		.knowledge a.ext-rpm,
		.knowledge a.ext-tar,
		.knowledge a.ext-gz,
		.knowledge a.ext-zip,
		.knowledge a.ext-zipx {
			background-image: url(../image/web/filetype/archive.png);
		}
		.knowledge a.ext-www {
			background-image: url(../image/web/filetype/web.png);
		}
	.knowledge-author {
		margin: 10px 0 0 0;
		padding: 10px 0 0 0;
		border-top: 1px solid #ddd;
		font-weight: bold;
	}
		.knowledge-author small {
			float: right;
		}


/* GRADES */
.grade-a:before,
.grade-b:before,
.grade-c:before,
.grade-unknown:before {
	content: '';
	background-color: #4DAD00;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	-webkit-border-radius: 14px;
	border-radius: 14px;
	line-height: 14px;
	width: 14px;
	height: 14px;
	text-align: center;
	display: block;
	float: left;
	margin: 4px 8px 0 0;
	padding: 0 0 1px 1px;
}
.grade-unknown:before {
	background-color: #32393d;
}
.grade-a {
	
}
	.grade-a:before {
		content: 'A';
	}
	.grade-a:after {
		content: 'Excellent';
	}
.grade-b {
	
}
	.grade-b:before {
		content: 'B';
	}
	.grade-b:after {
		content: 'Uitzonderlijk';
	}
.grade-c {
	
}
	.grade-c:before {
		content: 'C';
	}
	.grade-c:after {
		content: 'Onderscheidend';
	}
.grade-unknown {
	
}
	.grade-unknown:before {
		content: '?';
	}
	.grade-unknown:after {
		content: 'Onbekend';
	}
.files-not-completed {
	position: relative;
	z-index: 1;
	clear: both;
	width: 100%;
	float: left;
	font-size: smaller;
	color: #DB0003;
}
	.files-not-completed:before {
		content: '!';
		background-color: #DB0003;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		-webkit-border-radius: 14px;
		border-radius: 14px;
		line-height: 14px;
		width: 14px;
		height: 14px;
		text-align: center;
		display: block;
		float: left;
		margin: 4px 8px 0 0;
		padding: 0 0 1px 1px;
	}
.step-not-completed {
	position: relative;
	z-index: 1;
	clear: both;
	width: 100%;
	float: left;
}

	.step-not-completed:before {
		content: '?';
		background-color: #32393d;
		color: #fff;
		font-size: 10px;
		font-weight: bold;
		-webkit-border-radius: 14px;
		border-radius: 14px;
		line-height: 14px;
		width: 14px;
		height: 14px;
		text-align: center;
		display: block;
		float: left;
		margin: 4px 8px 0 0;
		padding: 0 0 1px 1px;
	}

.totalscorediv span {
	font-size: 16px;
	line-height: 32px;
}

.totalscorediv .grade-a:before,
.totalscorediv .grade-b:before,
.totalscorediv .grade-c:before,
.totalscorediv .grade-unknown:before {
	font-size: 20px;
	font-weight: bold;
	-webkit-border-radius: 28px;
	border-radius: 28px;
	line-height: 28px;
	width: 28px;
	height: 28px;
	margin: 0 12px 0 0;
	padding: 0 0 1px 1px;
}

.step-dot {
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	font-weight: bold;
	background-color: #32393d;
	color: #fff;
	float: left;
	font-size: 11px;
	margin: 0 4px 0 0;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

.substep-dot {
	display: inline-block;
	margin-left: 16px;
	vertical-align: top;
	font-weight: normal;
	line-height: 22px;
	float: left;
}

.substep-dot[data-subnr]:before {
	display: inline-block;
	content: attr(data-subnr);
	vertical-align: top;
	font-weight: bold;
	line-height: 22px;
	margin-right: 7px;
}

/*step-advice
{
	color: yellow;
}*/

th.step-title
{
	padding-left: 2px !important;
}

th.step-advice
{
	padding-left: 0 !important;
	font-weight: bolder;
	font-size: 15px;
}

.step-advice[data-scoreByAdvisor="red"]:after
{
	content: '\00a0!\00a0';
	color: red;
}

.step-advice[data-scoreByAdvisor="orange"]:after
{
	content: '\00a0!\00a0';
	color: orange;
}

.step-advice[data-scoreByAdvisor="grey"]:after
{
	content: '\00a0!\00a0';
	color: grey;
}

label[data-scoreByAdvisor="green"]
{
	color: green;
	font-weight: bold;
}

label[data-scoreByAdvisor="orange"]
{
	color: orange;
	font-weight: bold;
}

label[data-scoreByAdvisor="red"]
{
	color: red;
	font-weight: bold;
}

td[data-scoreByAdvisor="green"]
{
	color: green;
	font-weight: bold;
}
td[data-scoreByAdvisor="green"]:after
{
	content: 'Voldoet';
}

td[data-scoreByAdvisor="orange"]
{
	color: orange;
	font-weight: bold;
}
td[data-scoreByAdvisor="orange"]:after
{
	content: 'Toelichting vereist of aandachtspunt commissie';
}

td[data-scoreByAdvisor="red"]
{
	color: red;
	font-weight: bold;
}
td[data-scoreByAdvisor="red"]:after
{
	content: 'Aanpassing vereist';
}


/* STATES */
.state-rejected:before,
.state-review:before,
.state-aborted:before,
.state-new:before {
	content: '';
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	line-height: 11px;
	width: 11px;
	height: 11px;
	text-align: center;
	display: block;
	float: left;
	margin: 6px 8px 0 0;
	padding: 0 0 1px 1px;
}
.state-rejected {
	color: #CD0003;
}
	.state-rejected:before {
		background-color: #CD0003;
	}
	.state-rejected:after {
		content: 'Afgewezen';
	}
.state-review {
	color: #ff7200;
}
	.state-review:before {
		background-color: #ff7200;
	}
	.state-review:after {
		content: 'In behandeling';
	}
.state-aborted {
	color: #b6c1c8;
}
	.state-aborted:before {
		background-color: #b6c1c8;
	}
	.state-aborted:after {
		content: 'Afgebroken';
	}
.state-new {
	color: #000;
}
	.state-new:before {
		background-color: #000;
	}
	.state-new:after {
		content: 'Nieuw';
	}


/* PROGRESS */
.progress-wrapper {
	position: relative;
	z-index: 1;
	border: 1px solid #dde3e7;
	margin: 45px 0 45px 0;
}
	.progress {
		position: relative;
		z-index: 1;
		height: 5px;
		margin: -1px;
	}
		.progress-label {
			position: absolute;
			z-index: 2;
			top: -20px;
			left: 0%;
			bottom: 0;
			border-left: 1px solid rgba(0,0,0,0.15);
			/*color: #b6c1c8;*/
			font-size: 10px;
			line-height: 10px;
			font-weight: bold;
			text-transform: uppercase;
			padding: 0 0 0 10px;
		}
		.progress-dot {
			position: absolute;
			z-index: 3;
			top: -7px;
			left: 0%;
			border: 1px solid #dde3e7;
			width: 16px;
			height: 16px;
			background: #fff;
			font-size: 8px;
			line-height: 16px;
			font-weight: bold;
			text-transform: uppercase;
			text-align: center;
			margin: 0 0 0 -9px;
			-webkit-border-radius: 16px;
			border-radius: 16px;
		}
		a.progress-dot {
			display: block;
			color: inherit;
		}
		a.progress-dot:hover,
		a.progress-dot-selected {
			background-color: #32393d;
			border-color: #32393d;
			color: #fff;
		}
			a.progress-dot span[data-scoreByAdvisor="red"]:after {
				content: ' !';
				display: block;
				color: red;
				font-size: 15px;
				top: -11.5px;
				left: 16px;
				position: absolute;
			}
			a.progress-dot span[data-scoreByAdvisor="orange"]:after {
				content: ' !';
				display: block;
				color: orange;
				font-size: 15px;
				top: -11.5px;
				left: 16px;
				position: absolute;
			}
			a.progress-dot span[data-scoreByAdvisor="grey"]:after {
				content: ' !';
				display: block;
				color: grey;
				font-size: 15px;
				top: -11.5px;
				left: 16px;
				position: absolute;
			}
			a.progress-dot:after {
				content: '';
				display: block;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				/*background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
				border: 1px solid rgba(0,0,0,0.1);*/
				width: 6px;
				height: 6px;
				line-height: 6px;
				position: absolute;
				-webkit-border-radius: 10px;
				border-radius: 10px;
				bottom: -4.5px;
				left: 5px;
				background-color: #DB0003;
			}
			a.progress-dot[data-status="ok"]:after {
				background-color: #218e00;
			}
			a.progress-dot[data-status="optional"]:after {
				background-color: #dde3e7;
			}
		.progress-bar {
			position: absolute;
			z-index: 1;
			top: 0;
			left: 0;
			bottom: 0;
			background: #b6c1c8;
		}


/* FORM STYLES */
form {
	position: relative;
	display: block;
	max-width: 100%;
}
form.search {
	padding: 0 0 5px 0;
}
label {
	display: inline-block;
	vertical-align: top;
	margin: 0 10px 0 0;
}
label.tag {
	position: relative;
	z-index: 1;
	margin: 3px 0;
	padding: 5px 10px 5px 26px;
	font-size: 10px;
	line-height: 13px;
	text-transform: uppercase;
	font-weight: bold;
	width: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
	label.tag input[type="checkbox"] {
		position: absolute;
		top: 2px;
		left: 6px;
		width: 13px;
		height: 13px;
		background-size: 9px 7px;
	}
.tags {
	-webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
	-webkit-column-gap: 10px;
    -moz-column-gap: 10px;
    column-gap: 10px;
}
.formbut,
.formline,
.formarea {
	position: relative;
	display: inline-block;
	vertical-align: top;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.formbut {
	color: #fff;
	background: #850048;
	border: 1px solid rgba(0,0,0,0.4);
	text-shadow: -1px -1px rgba(0,0,0,0.5);
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.2);
	height: 32px;
	line-height: 30px;
	cursor: pointer;
	padding: 0 15px;
	overflow: visible;
	font-weight: bold;
}
.formbut-light {
	background-color: #ecf1f4;
	border-color: rgba(0,0,0,0.1);
	-webkit-box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow: 1px 1px 2px 0 rgba(0,0,0,0.1);
	text-shadow: 1px 1px #fff;
	color: #b6c1c8;
}
.formbut:hover {
	color: #fff;
	background-color: #00a6de;
	border: 1px solid rgba(0,0,0,0.15);
	text-shadow: -1px -1px rgba(0,0,0,0.3);
}
.formline,
.formarea {
	border: 1px solid #dde3e7;
	height: 32px;
	background-color: #fff;
	width: 300px;
	padding: 4px 8px;
	-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.07);
	box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.07);
}
.formarea {
	height: 100px;
	resize: vertical;
}
textarea[maxlength] {
	position: relative;
	z-index: 1;
}
textarea[maxlength] + span[data-maxlength],
textarea[data-maxwords] + span[data-maxwords] {
	position: relative;
	z-index: 2;
	display: inline-block;
	vertical-align: top;
	float: right;
	height: 14px;
	line-height: 14px;
	margin: 0;
	background: #ecf1f4;
	border: 1px solid #dde3e7;
	border-top: 0;
	color: rgba(0,0,0,0.35);
	font-size: 8px;
	font-weight: bold;
	padding: 0 4px;
	cursor: help;
}
	textarea[maxlength] + span[data-maxlength]:before {
		content: attr(data-maxlength);
	}
	textarea[data-maxwords] + span[data-maxwords]:before {
		content: attr(data-maxwords);
	}

	[name="commentsByAdvisor"] {
		width: calc(100% - 41px);
	}

select.formline {
	padding: 0 0 0 4px;
}
.formline:focus,
.formarea:focus {
	border-color: #999;
}
#mijnstz_member_edit .formline, 
#mijnstz_member_edit .formarea {
	width: 100%
}
input[type="radio"],
input[type="checkbox"] {
	margin: 3px 4px 0 0;
	border: 1px solid #dde3e7;
	border: 1px solid #d0d6da;
	background: #fff center no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
	vertical-align: top;
	-webkit-box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.07);
	box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.07);
	-webkit-appearance: none;
	   -moz-appearance: none;
	    -ms-appearance: none;
	     -o-appearance: none;
	        appearance: none;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
input[type="checkbox"] {
	margin: 3px 0 0 0;
}
label > input[type="checkbox"] {
	margin-right: 8px;
}
input[type="radio"] {
	-webkit-border-radius: 16px;
	border-radius: 16px;
}
label > input[type="radio"] {
	margin-right: 8px;
}
div.indent,
label.indent {
	white-space: normal;
	padding-left: 24px;
	position: relative;
	display: block;
}
	label.indent > input[type="radio"],
	label.indent > input[type="checkbox"] {
		position: absolute;
		top: 0;
		left: 0;
	}
input[type="radio"]:checked {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxhYWdfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI4cHgiIGhlaWdodD0iOHB4IiB2aWV3Qm94PSIyMzkgNTIxIDggOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAyMzkgNTIxIDggODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMjM5M0QiIGQ9Ik0yMzksNTI1YzAtMi4yLDEuOC00LDQtNGMyLjIsMCw0LDEuOCw0LDRzLTEuOCw0LTQsNEMyNDAuOCw1MjksMjM5LDUyNy4yLDIzOSw1MjV6Ii8+PC9zdmc+');
}
input[type="checkbox"]:checked {
	background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9ImNoZWNrIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjhweCIgaGVpZ2h0PSI2cHgiIHZpZXdCb3g9Ii0xIDI2IDggNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMSAyNiA4IDYiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxwYXRoIGZpbGw9IiMzMjM5M0QiIGQ9Ik0tMSwyOC43bDEuMS0xLjFsMi4xLDIuMkw1LjksMjZMNywyNy4xTDIuMiwzMkwtMSwyOC43eiIvPjwvc3ZnPg==');
	background-size: 10px 8px;
}
input[disabled],
select[disabled],
textarea[disabled] {
	background-color: #f2f6f8;
	background-color: #e9ecee;
	color: #dde3e7;
}
.formnotify {
	background: #dd0000;
	color: #fff;
	padding: 5px 10px;
	margin-bottom: 20px;
}
.formtable {
	border-collapse: separate;
	border-spacing: 0 3px;
}
	.formtable td {
	}
	td.formlabel {
		background-color: #ecf1f4;
		padding: 4px 10px;
		width: 120px;
		border-right: 3px solid #fff;
	}
	td.formlabel.wide {
		width: 160px;
	}
	td.formrequired {
		background-color: #dde3e7;
	}
	.formline.formrequired,
	input[type="radio"].formrequired,
	input[type="checkbox"].formrequired {
		border-color: #dd0000;
	}
	input[type="radio"].formrequired + label,
	input[type="checkbox"].formrequired + label {
		color: #dd0000;
	}
	td.formextra {
		padding-top: 15px;
	}
	td.formextra .formbut {
		float: right;
		margin-left: 15px;
	}
form.search .formline {
	background-color: rgba(255,255,255,0.15);
	border-color: rgba(0,0,0,0.2);
	color: #fff;
	width: 100%;
}
form.search .formline:focus {
	border-color: rgba(255,255,255,0.2);
}
form.search .formbut {
	position: absolute;
	z-index: 2;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0 9px;
	border-color: transparent;
	background: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	font-size: 16px;
}
form.search .formbut:hover {
	background-color: rgba(255,255,255,0.1);
}
.ui-datepicker-trigger {
	display: inline-block;
	vertical-align: top;
	margin: 7px 0 0 3px;
	cursor: pointer;
}
:-webkit-input-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
::-webkit-input-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
:-moz-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
::-moz-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
:-ms-input-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
::-ms-input-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
:input-placeholder {
	color: #b6c1c8;
	font-style: italic;
	font-weight: 300;
}
::input-placeholder {
	color: #dde3e7;
	font-style: italic;
}
.placeholder {
	color: #aaa;	
}
.tpl_note {
	position: relative;
    z-index: 1;
    display: block;
    line-height: 16px;
    margin: 10px 0 0 0;
	border: 1px solid #dde3e7;
    font-size: 11px;
    padding: 8px 12px;
}
	.tpl_note:before,
	.tpl_note:after {
		content: '';
		display: block;
		position: absolute;
	}
	.tpl_note:before {
		border: 8px solid transparent;
		border-bottom-color: #dde3e7;
		z-index: 1;
		top: -16px;
		left: 5px;
	}
	.tpl_note:after {
		border: 7px solid transparent;
		border-bottom-color: #fff;
		z-index: 2;
		top: -13px;
		left: 6px;
	}

/**
 * MODULES
 */

/* expander */

.expander,
.expander-trigger,
.expander-wrapper {
	box-sizing: border-box;
	width: 100%;
}

	.expander-trigger {
		cursor: pointer;
	}

	.expander-trigger:not(h3) {
		background-color: #00a6de;
		color: #fff;
		font-size: 14px;
		font-weight: 700;
		margin-bottom: 0;
		padding: 10px 20px;
		text-transform: uppercase;
		transition: all 0.25s ease-in-out;
	}

		.expander-trigger:not(h3):hover {
			background-color: #850048;
		}

		.expander-trigger:after {
			border: solid transparent;
			border-left-color: #323939;
			border-width: 5px;
			box-sizing: border-box;
			content: '';
			height: 0;
			margin-left: 5px;
			margin-top: 5px;
			pointer-events: none;
			position: absolute;
			transition: all 0.125s ease-in-out;
			width: 0;
		}

		h3.expander-trigger:after {
			margin-top: 10px;
		}

			.expander-trigger-active:after {
				transform: rotate(90deg);
			}
			
			h3.expander-trigger:hover,
			h3.expander-trigger:hover:after,
			h3.expander-trigger-active,
			h3.expander-trigger-active:after {
				border-left-color: #850048;
				color: #850048;
			}

			h3.expander-trigger-active:after {
				margin-top: 12px;
			}

			.expander-trigger-active:not(h3):after {
				margin-top: 8px;
			}

	.expander-wrap {
		display: none;
		border: 1px solid #dde3e7;
		margin-bottom: 40px;
		padding: 20px;
	}

/* time */

.time {
	color: #666;
	font-weight: 700;
}

	.time:before {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAq1BMVEX///9mZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmYAKatOAAAAOHRSTlMAAQMEBwkfICEiI0JERVFaW1x0dXZ3eHl6j5CRlpeYoqWmp7Cxt7nN4OLj5OXm5+3x8vT3+Pz9/tnegdQAAAEKSURBVHjazZLtVoJAEECXMkgls0wzyhT5MMwCI/G+/5PFYs3ZRU+/nR+cGebufKszk940/SzLj/Sxe9LtLSt+pQrdY//dFkO2w7b/Ya//v0VBEK21th+13mv/qu9o/WKw0oQVw9Xx51d/ZucZ+OoZwBJ4Oah5rr8zIDT6q+r4nYMOTYw6y+5agCnQVyagfGAiQFrX79iAk0EiwAYiZQMqhrUA3/DUBgIoBSghaDoA2oCkECA/kSKtjUux7CKlzYEN3ABjsboyKC0yKM8e9cwEXoGFuazieFmFdTTDZt2+09TnN+u+VZaMNEEWB0Gcof33/59cIe+NOkI52t3CPX3Xk2RTlu/J2FPnJT+wLjTIqVCx0AAAAABJRU5ErkJggg==);
		background-repeat: no-repeat;
		background-position: 50%;
		background-size: 14px 14px;
		content: '';
		display: inline-block;
		height: 14px;
		margin-right: 4px;
		position: relative;
		top: 3px;
		width: 14px;
	}
	
	.printlink
	{
		display: inline-block;
		font-weight: 600;
		white-space: nowrap;
	}
	
	/*.printlink:after {
		content: "\00a0\e955";
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}*/
	
@media print {
	.hideOnPrint
	{
		display: none;
	}
	
	.nextlink:before
	{
		content: "";
		font-size: 60%;
	}
	
	a.sort
	{
		padding-left: 0;
	}
	
	div[id^="menu"][id$="parent"]
	{
		display: none;
	}
}

/* STEP 14 */

/* spacer */

.step14-spacer {
	background-color: #dde3e7;
	float: left;
	clear: both;
	height: 1px;
	margin-bottom: 20px;
	margin-top: 20px;
	width: 100%;
}

/* titles */

.step14-h2, 
.step14-h3,
.step14-h4 {
	clear: both;
	float: left;
	width: 100%;
}

.step14-h2 {
	font-weight: normal;
}

.step14-h3 {
	margin-top: 0;
	margin-bottom: 10px;
}

.step14-h4 {
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 0;
	margin-top: 30px;
}

/* expander */

.step14 .expander-trigger {
	margin-bottom: 0;
}

.step14 .expander {
	float: left;
	width: 100%;
}

.step14 .expander-wrap {
	margin-top: 15px;
	margin-bottom: 15px;
}

/* form elements */

.step14 textarea {
	width: 390px;
}

/* character indication */

.step14 textarea[maxlength] + span[data-maxlength], 
.step14 textarea[data-maxwords] + span[data-maxwords] {
	position: absolute;
	text-align: center;
	width: 40px;
}

/* floatr(?) */

.step14-floatr {
	font-weight: 600;
	padding: 0 0 0 2px;
	width: 180px;
}

	.step14-floatr a {
		float: right;
	}

/* basic-info table */

body:not(.print) .basic-info td, 
body:not(.print) .basic-info th {
	padding-bottom: 5px;
}

body:not(.print) .basic-info th {
	min-width: 120px;
	padding-right: 20px;
	min-width: 210px;
}

/* score wrap */

body:not(.print) .step14-score-wrap {
	float: left;
	margin: 15px 0;
	width: 100%;
}

/* score by management */

body:not(.print) .score-by-management {
	clear: both;
	float: left;
	width: 100%;
}
 
	body:not(.print) .score-by-management strong {
		box-sizing: border-box;
		float: left;
		padding-right: 20px;
		width: 231px;
	}

	body:not(.print) .score-by-management label {
		float: right;
		margin-right: 0;
		width: calc(100% - 231px);
	}
	
.input-additionalInfo {
	font-style: italic;
	font-size: smaller;
	color: #999;
	font-weight: normal;
	letter-spacing: normal;
}

/* judging/recognizing content */

body:not(.print) .judging-recognizing,
body:not(.print) .totalscorediv {
	float: left;
	width: 100%;
}

/* judging table */

body:not(.print) .judging-table {
	width: 670px;
}

	body:not(.print) .judging-table th {
		min-width: 207px;
	}

	body:not(.print) .judging-table label {
		margin-bottom: 5px;
	}

/* final judgement */

body:not(.print) .final-judgement th {
	min-width: 232px;
}

/** 
 * Step 14 improvements (#150148)
 */

.inner-box {
	float: left;
	margin-bottom: 20px;
	width: 100%;
}

	.inner-box-title {
		background-color: #850048;
		box-sizing: border-box;
		color: #fff;
		float: left;
		font-size: 16px;
		font-weight: 400;
		margin-bottom: 0;
		padding: 8px 20px;
		width: 100%;
	}

	/* arrow color expander title */

	.inner-box-title.expander-trigger:after {
		border-left-color: #fff;
		margin-top: 8px;
	}

		/* hover (arrow) color */

		h3.inner-box-title.expander-trigger:hover,
		h3.inner-box-title.expander-trigger:hover:after,
		h3.inner-box-title.expander-trigger-active,
		h3.inner-box-title.expander-trigger-active:after {
			border-left-color: #fff;
			color: #fff;
		}

	.inner-box-content {
		border: 1px solid #dde3e7;
		box-sizing: border-box;
		border-top: 0;
		float: left;
		padding: 10px 20px 20px 20px;
		width: 100%;
	}

	/* slightly smaller textarea's so label doesn't overlap box */

	.inner-box-content textarea {
		max-width: 340px;
	}

	/* remove excessive margin below score when in inner-box-content */

	body:not(.print) .inner-box-content .step14-score-wrap {
		margin-bottom: 0;
	}

	/* if innerbox is toggle expander-wrap */

	.inner-box-content.expander-wrap {
		margin-top: 0;
		margin-bottom: 20px;
	}

	.inner-box-content .inlinetr table td {
		border-bottom: 0;
		padding: 0;
		width: 100%;
	}

/**
 * Copylink
 */

.copylink svg {
	display: inline-block;
	height: 15px;
	margin-left: 4px;
	position: relative;
	top: 4px;
	width: 15px;
}

.tpl_infotip_text {
	background-image: none;
	width: auto;
	height: auto;
}

.tpl_infotip_text:hover {
	background-image: none;
}

/** 
 * Table fixed
 */

@media(min-width: 1200px) {
	.table-fixed {
		table-layout: fixed;
		width: 1160px;
	}
}

/**
 * Portret
 */

.portret {
	box-sizing: border-box;
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	width: 100%;
}

	@media(min-width: 481px) {
		.portret {
			width: 50%;
		}
	}

	@media(min-width: 901px) {
		.portret {
			padding-right: 40px;
			padding-bottom: 40px;
			width: 75%;
		}
	}

	@media(min-width: 1200px) {
		.portret {
			padding-bottom: 20px;
		}
	}

	.portret * {
		box-sizing: inherit;
	}

	.portret-text-boxar {
		display: none;
	}

	@media(min-width: 901px) {
		.portret-text-boxar {
			display: block;
			height: 85px;
			left: -17px;
			position: absolute;
			top: 0;
			width: 17px;
		}
	}

	.portret-image {
		float: left;
		margin-bottom: 20px;
		width: 100%;
	}

	@media(min-width: 901px) {
		.portret-image {
			padding-right: 20px;
			width: 50%;
		}
	}

		.portret-image img {
			display: block;
			max-width: 100%;
		}

		@media(min-width: 481px) {
			.portret-image img {
				max-height: 255px;
			}
		}

		@media(min-width: 901px) {
			.portret-image img {
				max-height: none;
			}
		}

	.portret-text {
		float: left;
		position: relative;
		padding-bottom: 20px;
		width: 100%;
	}

	@media(min-width: 901px) {
		.portret-text {
			padding-left: 20px;
			width: 50%;
		}
	}

		.portret-title {
			padding-bottom: 20px;
		}

		.portret-text .morelink {
			bottom: -20px;
			position: absolute;
			right: 0;
		}

/** 
 * HOTFIXES
 */

/** 
 * File tables. See #147267.
 */

/* place td's below eachother on mobile */

.files-table td {
	border-bottom: 0;
	display: block;
	float: left;
	padding: 3px 0;
	width: 100%;
}

	.files-table td:last-of-type {
		border-bottom: 1px solid #dde3e7;
	}

/* hide thead on mobile */

.files-table thead {
	display: none;
}

@media(min-width: 641px) {

	/* unhide thead on tablet portrait */

	.files-table thead {
		display: table-header-group;
	}

	/* set default attributes td on tablet portrait */

	.files-table td {
		border-bottom: 1px solid #dde3e7;
		display: table-cell;
		float: none;
		padding: 7px 0 7px 15px;
		width: auto;
	}
}

/**
 * Table dropdown
 */

.table-dropdown-wrap {
	background-color: rgba(221, 227, 231, 0.25);
}

.table-layout-fixed {
	table-layout: fixed;
}

.table-dropdown {
	float: left;
	margin-top: 5px;
	width: 100%;
}

	.table-dropdown-row {
		float: left;
		margin-bottom: 2.5px;
		width: 100%;
	}

		.table-dropdown-row:last-of-type {
			margin-bottom: 5px;
		}

	.table-dropdown-label {
		float: left;
		width: 234px;
	}

	.table-dropdown-text {
		float: left;
		width: calc(100% - 234px);
	}

	.pdf-download {
		background-image: url(../image/web/filetype/pdf.png);
		background-position: 0 2px;
		background-repeat: no-repeat;
		float: left;
		font-size: 12px;
		font-weight: 700px;
		margin-bottom: 5px;
		margin-top: 5px;
		padding-left: 23px;
	}