/*
	management:		color: #5d0956;
	ondersteunend: 	color: #940b5a;
	kern: 			color: #23308b;
	kennis: 		color: #c11340;
*/

body {
	font: 11px/16px arial, verdana, sans-serif;
	text-align: center;
	margin: 10px 0px 0px 0px;
	color: #23308c;
}

/* */
a {	color: #f4140c; }
a img {	border: 0px; }
img { vertical-align: bottom; }
	img.floatright {
		float: right;
		margin-bottom: 5px;
	}
input.noborder { border: 0px; }
/* */

div.container {
	width: 996px;
	text-align: left;
	margin: 0px auto;
}
	body.activiteit div.container {
		width: 627px;
	}
div.mainframe {
}

div.banner {
	clear: both;
	float: left;
	height: 100px;
	margin: 10px 0px 10px 2px;
}
	div.banner img {
		border: 2px solid #004dff;
	}

div.headerframe {
}
	img.logo {
		float: left;
	}
	div.sitewide {
		float: right;
		width: 580px;
		height: 24px;
		text-align: right;
	}
		ul.taalswitch {
			float: right;
			list-style: none;
			height: 20px;
			margin: 0px;
			padding: 4px 4px 0px 0px;	
		}
			html>body ul.taalswitch {
				height: 24px;
			}
			ul.taalswitch li {
				font-size: 12px;
				float: left;
				font-weight: bold;
				padding: 0px 4px 0px 0px;
			}
				ul.taalswitch li a {
					color: #0d1b80;
					text-decoration: none;
				}
					ul.taalswitch li a.hier {
						color: #f30000;
					}
		div.sitewide form {
			float: right;
			height: 22px;
			vertical-align: center;
			margin: 0px 0px 0px 0px;
			padding: 2px 4px 0px 4px;
			background-color: #23308c;
		}
			html>body div.sitewide form {
				padding-top: 3px;
				height: 24px;
			}
			div.sitewide form p {
				margin: 0px;
				padding: 0px;
			}
			div.sitewide form a { 
				font-size: 12px;
				text-decoration: none;
				color: #ffffff;
			}
			div.sitewide form input {
				font: 11px verdana, arial, sans-serif;
				border: 1px solid #121124;
			}
	ul.menu {
		float: right;
		list-style: none;
		width: 470px;
		padding: 0px 0px 4px 0px;
		margin: 40px 0px 0px 0px;
		border-bottom: 2px solid #f30000;
	}
		html>body ul.menu {
			max-width: 491px;
			width: auto;
		}
		ul.menu li {
			float: right;
			font-size: 13px;
			font-weight: bold;
			color: #23308b;
			padding: 0px 4px 0px 0px;
		}
			ul.menu li a {
				color: #23308b;
				text-decoration: none;
			}
				ul.menu li a:hover {
					color: #f5150d;
				}

div.contentframe {
	clear: both;
	margin: 10px 0px 0px 0px;
}
	body.activiteit div.contentframe {
		width: 627px;
		background: url(../img/back_kern.gif) no-repeat left top;
	}
	html>body div.contentframe {
		padding: 10px 0px 0px 0px;
	}
	h1 {
		font-size: 16px;
		margin: 10px 10px 2px 10px;
	}	
		body.home h1 {
			font-size: 14px;
			margin: 0px 10px 10px 10px;
		}
		body.activiteit h1 {
			float: left;
			font-size: 14px;
			height: 45px;
			width: 165px;
			padding: 10px 0px 0px 0px;
			margin: 20px 0px 0px 0px;
			text-align: center;
		}
			body.management h1 {
				color: #5d0956;
				background: url(../img/back_management_head_activiteit.gif) no-repeat left top;
			}
			body.ondersteunend h1 {
				color: #940b5a;
				background: url(../img/back_ondersteunend_head_activiteit.gif) no-repeat left top;
			}
			body.kern h1 {
				color: #23308b;
				background: url(../img/back_kern_head_activiteit.gif) no-repeat left top;
			}
			body.kennis h1 {
				color: #c11340;
				background: url(../img/back_kennis_head_activiteit.gif) no-repeat left top;
			}
	h2 {
		font-size: 14px;
		margin: 5px 0px 0px 10px;
		padding: 8px 10px 0px 4px;
	}
		h2.grijs { background: url(../img/back_tekst_grijs_head.gif) no-repeat left top; }
		h2.rood { background: url(../img/back_tekst_rood_head.gif) no-repeat left top; }
		h2.management { color: #5d0956; }
		h2.ondersteunend { color: #940b5a; }
		h2.kern { color: #23308b; }
		h2.kennis { color: #c11340; }
		body.activiteit div.contentframe h2 {
			background: url(../img/back_tekst_grijs_head.gif) no-repeat left top;		
		}

		h2.waar {
			float: left;
			font-size: 13px;
			width: 300px;
			text-align: center;
			padding: 20px 0px 0px 0px;
		}
			body.kern h2.waar 			{ color: #23308b; }
			body.kennis h2.waar 		{ color: #c11340; }
			body.ondersteunend h2.waar 	{ color: #940b5a; }
			body.management h2.waar 	{ color: #5d0956; }

		h2.leeg {
			float: left;
			width: 170px;
			margin: 0px;
			padding: 0px;
		}

	h3 {
		font-size: 14px;
	}
	p {
		margin: 0px 10px 6px 10px;
		padding: 0px 0px 0px 20px;
	}
		p.grijs { background: url(../img/back_tekst_grijs_head.gif) no-repeat left top; }
		p.rood { background: url(../img/back_tekst_rood_head.gif) no-repeat left top; }
			body.activiteit div.contentframe p {
				background: url(../img/back_tekst_grijs_head.gif) no-repeat left top;
			}
	div.intro {
		height: 60px;
	}
		html>body div.intro {
			min-height: 60px;
			height: auto;
		}
	div.intro p {
		font-size: 12px;
		line-height: 18px;
		margin-right: 10px;
		padding-left: 0px;
		background: none;
	}
		body.activiteit div.intro p {
			background-image: none;
		}
	div.contentframe div.tekstcolumn {
		float: left;
		width: 49%;
		height: auto;
		margin: 20px 0px 0px 0px;
	}
			body.home div.contentframe div.tekstcolumn {
				margin-top: 0px;
			}
		div.contentframe div.left {
			margin-right: 1%;
			clear: left;
		}
	div.contentframe div.zieook {
		margin: 25px 0px 0px 0px;
	}
		div.zieook ul {
			list-style: none;
			margin: 0px 0px 0px 20px;
			padding: 0px 0px 0px 10px;
		}
			div.zieook ul li {
				position: relative;
				padding: 0px 0px 0px 10px;
				margin: 0px;
				background: url(../img/bullet_zieook.gif) no-repeat left top;
			}
				div.zieook ul li a {
					color: #f4140c;
					padding: 0px;
					margin: 0px;
				}

	div.contentframe ul, div.contentframe ol {
		margin-top: -8px;
	}

	div.flashintro {
		position: relative;
		z-index: 1000;
		clear: both;
	}
	
div.schema {
	clear: both;
	padding: 10px 0px 0px 0px;
	background: #e6e6e6 url(../img/back_schema.gif) no-repeat left top;
}
	h3 {
		color: #681e60;
		font-size: 13px;
		line-height: 14px;
		height: 37px;
		margin: 10px 0px 10px 10px;
		padding: 6px 12px 1px 0px;
		text-align: center;
	}
		body.page404 h3 {
			text-align: left;
			height: auto;
		}

	div.schema a {
		text-align: center;
		text-decoration: none;
		width: 133px;
		height: 37px;
		line-height: 14px;
		margin: 0px 0px 10px 10px;
		padding: 6px 0px 0px 0px;
		display: block;
	}
	div.schema div.column {
		float: left;
		font-size: 12px;
	}

	div.management {	
		position: relative;
		left: 170px;
		width: 625px;
		margin: 0px 0px 0px 0px;
	}
			body.activiteit div.management {
				width: 627px;
				left: 0px;			
				margin: 10px 0px 10px 0px;
				padding: 10px 0px 0px 0px;
				background: #dddddd url(../img/back_schema_activiteit.gif) no-repeat left top;
			}
			
		div.management h3 {
			padding: 3px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			background: url(../img/back_management_ie.gif) no-repeat center top;
		}
			html>body div.management h3 {
				background: url(../img/back_management.gif) no-repeat center top;
			}
			body.activiteit div.management h3 {
				margin: 0px 0px 10px 4px;
				background: url(../img/back_management_activiteit.gif) no-repeat left top;
			}
		div.management a {
			width: 118px;
			margin: 0px 0px 0px 15px;
			padding: 6px 11px 20px 4px;
			color: #5d0956;
		}
			html>body div.management a {
				width: 122px;
			}
		div.management a.vorm01, div.management span.vorm01 {
			background: url(../img/back_management_vorm01.gif) no-repeat left top;
		}
			div.management a.vorm01:hover {
				background: url(../img/back_management_vorm01_h.gif) no-repeat left top;
			}
		div.management div.first {
			margin-left: 10px;
		}
	div.ondersteunend {
		float: left;
		clear: left;
		width: 154px;
		margin: 10px 10px -1px 5px;
		background: transparent url(../img/back_ondersteunend.gif) no-repeat center top;
	}
		html>body div.ondersteunend {
			margin-left: 10px;
		}
		body.activiteit div.ondersteunend {
			width: 627px;
			margin: 10px 0px 10px 0px;
			padding: 0px;
			background: #dddddd url(../img/back_schema_activiteit.gif) no-repeat left top;
		}
		
		div.schema div.ondersteunend a {
			padding-right: 6px;
			width: 127px;
			color: #940b5a;
			padding-bottom: 2px;
		}
			
		div.ondersteunend a.vorm01, div.ondersteunend span.vorm01 {
			background: url(../img/back_ondersteunend_vorm01.gif) no-repeat left top;
		}
			div.ondersteunend a.vorm01:hover {
				background: url(../img/back_ondersteunend_vorm01_h.gif) no-repeat left top;
			}
		
		div.ondersteunend h3 {
			color: #991460;
			margin-bottom: 51px;
			background: url(../img/back_ondersteunend_head.gif) no-repeat left top;
		}
			body.activiteit div.ondersteunend h3 {
				background: url(../img/back_ondersteunend_head2_activiteit.gif) no-repeat left top;
				margin-bottom: 0px;
			}
		
	div.kern {
		float: left;
		width: 627px;
		padding: 20px 10px 0px 10px;
		margin: 0px 0px 0px 0px;
		background: #ffffff url(../img/back_kern.gif) no-repeat 50% 10px;
	}
		html>body div.kern {
			margin-bottom: -1px;
		}
		body.activiteit div.kern {
			width: 627px;
			margin: 10px 0px 10px 0px;
			padding: 0px;
			left: 0px;
			background: #dddddd url(../img/back_schema_activiteit.gif) no-repeat left top;
		}
		div.kern div.column {
			float: left;
		}
			div.kern div.first {
				margin: 0px 0px 0px 4px;
			}
		div.kern a {
			width: 122px;
			margin: 0px 0px 0px 0px;
			padding: 6px 11px 20px 16px;
			color: #23308b;
		}
		div.kern span.start {
			background: url(../img/back_kern_start.gif) no-repeat left top;
		}
			div.kern span.start {
				width: 149px;
				line-height: 14px;
				height: 37px;
				display: block;
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				color: #23308b;
				text-align: center;			
			}
				div.column span.start {
					padding: 6px 0px 20px 0px;				
				}
					div.column span.start a {
						width: 149px;
						padding: 0px 0px 0px 0px;
					}
				
			div.kern div.first span.start, div.kern div.first span.start a {
				font-weight: bold;
				padding-top: 0px;
				height: 43px;
				line-height: 20px;
				background: url(../img/back_kern_start_first.gif) no-repeat left top;
			}
				div.kern div.first span.start a:hover {
					background: url(../img/back_kern_start_first_h.gif) no-repeat left top;
				}

			div.kern div.last span.start a, div.kern div.last span.start {
				font-weight: bold;
				padding-top: 0px;
				height: 43px;
				line-height: 20px;
				background: url(../img/back_kern_start_last.gif) no-repeat left top;
			}
				div.kern div.last span.start a:hover {
					background: url(../img/back_kern_start_last_h.gif) no-repeat left top;
				}

		div.kern a.vorm01, div.kern span.vorm01 {
			background: url(../img/back_kern_vorm01.gif) no-repeat left top;
		}
			div.kern a.vorm01:hover {
				background: url(../img/back_kern_vorm01_h.gif) no-repeat left top;
			}

		div.kern a.first01, div.kern span.first01 {
			font-weight: bold;
			background: url(../img/back_kern_first01.gif) no-repeat left top;
		}
			div.kern a.first01:hover {
				background: url(../img/back_kern_first01_h.gif) no-repeat left top;
			}

			div.kern div.first a.first01, div.kern div.first span.first01 {
				background: url(../img/back_kern_first01_first.gif) no-repeat left top;
			}
				div.kern div.first a.first01:hover {
					background: url(../img/back_kern_first01_first_h.gif) no-repeat left top;
				}
			div.kern div.last a.first01, div.kern div.last span.first01 {
				background: url(../img/back_kern_first01_last.gif) no-repeat left top;
			}
				div.kern div.last a.first01:hover {
					background: url(../img/back_kern_first01_last_h.gif) no-repeat left top;
				}

		div.kern a.last01, div.kern span.last01 {
			background: url(../img/back_kern_last01.gif) no-repeat left top;
		}
			div.kern a.last01:hover {
				background: url(../img/back_kern_last01_h.gif) no-repeat left top;
			}
		div.kern h3 {
			color: #23308b;
			padding: 4px 0px 0px 0px;
			margin-bottom: 4px;
			margin-top: 0px;
			height: 24px;
			background: url(../img/back_kern_head.gif) no-repeat left top;
		}
			html>body div.kern h3 {
				margin-top: 0px;
			}
			body.activiteit div.kern h3 {
				margin-top: 10px;
				margin-bottom: 10px;
				background: url(../img/back_kern_head2_activiteit.gif) no-repeat left top;
			}
	div.kennis {
		float: left;
		width: 154px;
		margin: 10px 10px 0px 10px;
		padding: 0px;
		background: url(../img/back_kennis.gif) no-repeat left top;
	}
		body.activiteit div.kennis {
			width: 627px;
			margin: 10px 0px 10px 0px;
			background: #dddddd url(../img/back_schema_activiteit.gif) no-repeat left top;
		}
		div.kennis div.column {
			float: left;
		}
		div.kennis h3 {
			color: #c11340;
			margin-bottom: 51px;
			background: url(../img/back_kennis_head.gif) no-repeat left top;
		}
			body.activiteit div.kennis h3 {
				background: url(../img/back_kennis_head2_activiteit.gif) no-repeat left top;
				margin-bottom: 10px;
			}
		div.kennis a {
			color: #c11340;
		}
		div.kennis a.vorm01, div.kennis span.vorm01 {
			background: url(../img/back_kennis_vorm01.gif) no-repeat left top;
		} 
			div.kennis a.vorm01:hover {
				background: url(../img/back_kennis_vorm01_h.gif) no-repeat left top;
			} 
		div.kennis a.vorm02 {
			padding-top: 3px;
			padding-bottom: 1px;
			background: url(../img/back_kennis_vorm02.gif) no-repeat left top;
		} 
			div.kennis span.vorm02 {
				background: url(../img/back_kennis_vorm02.gif) no-repeat left top;
			}
			div.kennis a.vorm02:hover {
				background: url(../img/back_kennis_vorm02_h.gif) no-repeat left top;
			} 

	div.legenda {
		position: absolute;
		margin-left: 822px;
	}
		div.legenda ul {
			list-style: none;
			margin: 14px 0px 0px 10px;
			padding: 0px;
		}
			div.legenda ul li {
				padding: 0px 0px 2px 0px;
			}
		div.samenvatting {
			display: none;
			position: absolute;
			color: #ffffff;
			text-align: left;
			padding: 3px 3px 3px 3px;
			z-index:100;
			width: 150px;
			background-color: #7574af;
			margin: 0px 0px 0px 30px;
		}
	div.functieselect {
		position: absolute;
		width: 150px;
		margin: 0px 10px 0px 10px;
	}
		div.functieselect h2 {
			margin: 0px 0px 0px 0px;
			padding: 6px 0px 0px 10px;
			width: 145px;
			height: 37px;
			font-size: 12px;
			background: url(../img/back_functie.gif) no-repeat left top;
		}
			div.functieselect h2 a {
				margin: 0px 0px 0px 0px;
				padding: 0px 10px 0px 0px;
				width: auto;
				color: #23308c;
			}

		div.functieselect p {
			margin: 0px 0px 0px 0px;
			padding: 0px;
			font-size: 100%;
			line-height: 140%;
		}
		div.functieselect select {
			margin: 0px 0px 4px 0px;
			width: 150px;
		}

div.clearer {
	clear: both;
	margin: 0px;
	padding: 0px;
	height: 0px;
	line-height: 0px;
	overflow: hidden;
}

img.footer {
	vertical-align: bottom;
	margin-bottom: -1px;
}

div.footer {
	clear: left;
	float: right;
	color: #23308b;
	margin: 20px 0px 15px 0px;
	text-align: right;
}
	body.home div.footer {
		margin-top: -150px;
	}
	div.footer a {
		color: #23308b;
		text-decoration: none;
	}
	
body.activiteit {}
	img.schema {
		position: relative;
		float: right;
		margin: 10px 20px 20px 0px;
	}	
	div.info {
		clear: left;
		padding-top: 10px;
	}
	
	div.bladeren {
		float: left;
		width: 300px;
		text-align: center;
	}
	.bladeren ul {
		float: left;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		height: 15px;
		list-style: none;
	}
		.bladeren ul li {
			float: left;
		}
			.bladeren ul li.vorige {
				width: 97px;
				text-align: right;
			}
			.bladeren ul li.wandelen {
				width: 102px;
				text-align: center;
				padding-right: 3px;
			}
			.bladeren ul li.volgende {
				width: 97px;
				text-align: left;
			}

	
/* ToolTipText */
#dropmenudiv {
	position:absolute;
	color: #ffffff;
	text-align: left;
	padding: 3px 3px 3px 3px;
	z-index:100;
	background-color: #7574af;
}
	div.samenvattingactiviteit {
		color: #ffffff;
		text-align: left;
		padding: 3px 3px 3px 3px;
		z-index:100;
		background-color: #7574af;
		margin: -20px 0px 0px 80px;
		position: absolute; 
		visibility: visible;
		display: none;
	}
		body div.samenvattingactiviteit_position {
			color: #ffffff;
			text-align: left;
			padding: 3px 3px 3px 3px;
			z-index:100;
			background-color: #7574af;
			margin: 0px 0px 0px 80px;
			position: absolute; 
			visibility: visible;
			display: none;
		}
	div.activiteit {
		margin: -30px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}
		div.activiteit_management {
			margin-top: -30px;
		}
		div.activiteit p {
			margin: 0px;
			padding: 0px 4px 0px 4px;
		}	
		

table {
	margin: 0px 0px 0px 6px;
}
		table.popuptable {
			width: 616px;
		}
	tr td {
		padding: 4px;
	}
	tr.oneven td {
		background-color: #eeeeee;
	}
	tr.deelactiviteit td.deelactiviteit {
		padding-left: 15px;
	}
		td.uitvoerenden {
			width: 190px;
		}
		td.verantwoordelijke {
			width: 190px;
		}
	table.popuptable tr td h2.eindverantwoordelijke {
		background: none;
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}
	input {
		border: 1px solid #000000;
		width: 200px;
	}