@import url("components.css");
html, body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 90%;
}
table {
font-family: Arial, Helvetica, Verdana, Sans-serif;
font-size: 100%;
}

/* classes and loose objects */

.textfield, #searchfield {
height: 14px;
font-size: 100%;
padding: 1px 2px;
margin: 0 5px 0 0;
border: 1px inset lightgray !important;
border: 1px inset;
}

.droplist {
height: 18px;
width: 195px;
border: 1px inset;
}

button, .submit {
/*height: 20px;
font-size: 100%;
padding: 0 4px 2px 3px !important;
padding: 0 0 2px 0;*/
}

.password {}

h1, h2, h3, h4, h5 {
margin:0;
padding:0;
}

h1 {}

h2 {}

h3 {}

a {
text-decoration:none;
}


p {}

img {
border:0;
}
#center p img {
margin: 1ex;
}
a img,
span img {
vertical-align: middle;
}

div.kruimelpad {
font-size: 90%;
font-style: italic;
padding: 0 24px 0 24px;
margin-bottom: 1em;
}
	div.kruimelpad dl,
	div.kruimelpad dt,
	div.kruimelpad dd {
	margin: 0;
	padding: 0;
	display: inline;
	}
	div.kruimelpad dt {
	display: none;
	}
	div.kruimelpad dd.first-child {
		padding-right: 10px;
	}
	div.kruimelpad a {
	font-style: normal;
	font-weight:bold;
	padding-right: 10px;
	}

/* end classes and loose objects */

#container {
position:relative;
width:100%;
height:400px;
z-index:0;
}

#header {
position:absolute;
width: 972px;
height:160px;
z-index:1;
}

	#top {
	position:relative;
	width: 900px;
	height: 23px;
	}

		#top ul {
		margin:0;
		padding:0;
		list-style:none;
		margin-left:115px;
		height:23px;
		}

		#top li {
		float:left;
		width:auto !important;
		width: 20px;
		}

		#top li a {
		display: block;
		height: 20px;
		padding: 0px 10px;
		padding-top: 3px;
		font-weight: bold;
		font-size: 85%;
		}

	#logo {
	left: 0;
	position:absolute;
	width:500px;
	height:120px;
	float:left;
	z-index: 31;
	}
	#logo img {
	float: left;
	}
	#logo .local_site {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 11px;
	}


	#search {
	position:absolute;
	left: 702px;
	width:261px;
	height:73px !important;
	height:58px;
	float:left;
	padding: 17px 0 0 9px !important;
	padding: 25px 0 0 9px;
	font-weight: bold;

	font-size: 90%;
	}

		input.textfield_top, #searchfield {
		width:120px;
		font-size: 100%;
		}

		#search input.submit,
		#search button {
		position:relative;
		top:0 !important;
		top:1px;
		}

div#headercontent {
			position: absolute;
			top: 0;
			left: 0;
			width: 610px;
			height: 190px;
			overflow: hidden;
		}
		div#headercontent a {
			display: block;
			height: 100%;
			width: 100%;
		}
		div#headercontent img {
			margin: 0;
		}
		div#headercontent div.flash {
			background-color: #fff;
		}
		div#headercontent div.slideshowcontainer {
			height: 200px;
			width: 610px;
		}

/* menu styles */
#menu {
position:absolute;
top: 103px;
left:0;
width:969px;
height:50px;
z-index:32;
padding-left: 3px;
}
#menu ul {
list-style: none;
margin: 0 0 0 225px;
padding:0;
}

/* first level items */
#menu li {
float:left;
width:auto !important;
width:10px;
height:30px;
position: relative;
}
	#menu li a {
	font-size: 85%;
	font-weight: bold;
	display: block;
	width:auto !important;
	width:20px;
	height: 25px;
	white-space:nowrap;
	padding: 5px 7px 0px 7px;
	}
	#menu li.nth-child1 a {
	padding-left:10px;
	}

/* sublevel items */
#menu li li	{
float: none !important;
float: left;
height: 18px;
width: 152px;
}
	#menu li li a,
	#menu li li.nth-child1 a,
	#menu li.nth-child1 li a  {
	font-weight: normal;
	font-size: 80%;
	height:16px;
	width: 145px !important;
	width: 150px;
	padding:2px 0 0 5px;
	overflow: hidden;
	}
	#menu li:hover li a {
	background-image: none;
	}

/* active items */
#menu li.active {
background: url(../img/menucurrent.gif) repeat-x 0 3px;
}
#menu li.active li {
background-image: none;
}

/* parent highlighting */
#menu li li:hover li a,
#menu li li:hover li:hover li a,
#menu li li:hover li:hover li:hover li a,
/* for ie6 */
#menu li li.active li a,
#menu li li.active li.active li a {
background: transparent;
}

/* show/hide styles */
#menu ul ul,
#menu.noJsMenu ul li:hover li ul li,
#menu ul li.Hover li ul li,
#menu.noJsMenu ul li:hover li:hover li ul li,
#menu ul li.Hover li.Hover li ul li {
display:none;
}
#menu.noJsMenu ul li:hover li ul,
#menu ul li.Hover li ul,
#menu.noJsMenu ul li li:hover li ul,
#menu ul li li.Hover li ul {
top: 1px;
left: 134px;
width: 16px;
height: 16px;
border: none;
}

#menu.noJsMenu ul li:hover ul li,
#menu ul li.Hover ul li,
#menu.noJsMenu ul li li:hover ul li,
#menu ul li li.Hover ul li,
#menu.noJsMenu ul li ul li:hover ul li:hover ul li,
#menu ul li ul li.Hover ul li.Hover ul li {
display: block;
}
#menu.noJsMenu ul li:hover ul,
#menu ul li.Hover ul,
#menu.noJsMenu ul li li:hover ul,
#menu ul li li.Hover ul,
#menu.noJsMenu ul li li:hover li:hover ul,
#menu ul li li.Hover li.Hover ul {
position:absolute;
top:23px;
left:0px;
margin:0;
width:150px;
height: auto;
display: block;
border-top-width: 0px;
}
#menu.noJsMenu ul li li:hover ul,
#menu ul li li.Hover ul,
#menu.noJsMenu ul li li:hover li:hover ul,
#menu ul li li.Hover li.Hover ul {
top: 0;
left: 100%;
border-top-width:1px;
}

	/* end menu styles */

/* divider */

/* linker kolom */
#left {
position:absolute;
top:161px;
left:0;
width:221px;
height:auto;
overflow: hidden;
font-size: 85%;
}

#left div.article {
	position: relative;
	margin-left: 13px;
}
	#left div.article h2,
	h3.leftcolh {
	width: 209px;
	height: 26px;
	font-size: 100%;
	margin: 20px 0 7px -11px;
	padding: 0 0 0 10px;
	overflow: hidden;
	line-height: 26px;
	}

div#left div.article_content h2 {
	margin: 0;
	padding: 0;
	color: #000;
	background: none;
}
	h3.leftcolh {
	margin-left: 2px;
	}
	/* alle h tags */
	#left div.article h1, #left div.article h3, #left div.article h4, #left div.article h5, #left div.article h6 {
	padding: 5px 0 0 0;
	margin: 0;
	font-size: 100%;
	}

	#left div.article img {
	padding: 0;
	display: block;
	}
	#left hr {
	/* instelbare opmaak? */
	color:#24a4ca;
	border-bottom: 1px solid #24a4ca;

	border:none;
	margin: 10px 10px 0 0;
	height: 1px;
	}

	#left div.article p,
	#left div.article div,
	#left div.leftcolp {
	width:200px;
	overflow: hidden;
	margin: 0;
	padding: 0;
	}

	#left div.article table {
		width: 200px !important;
	}

	#left div.article table p {
		width: auto;
	}
	div#left div.article ul, div#left  div.article ol {
	margin: 0 0 0 20px !important;
	margin: 0 0 0 27px;
	padding: 0;
	}
	#left div.leftcolp {
	margin-left: 13px;
	}
		#snelmenu h3 {
		margin: 0;
		padding: 9px 0 14px 12px;
		font-size: 135%;
		font-style: italic;
		}
		#snelmenu ul {
		margin:0;
		padding:0;
		list-style:none;
		}

		#snelmenu li:hover {
		background-position: left bottom;
		}

		#snelmenu li a {
		display:block;
		width:193px;
		height:27px;
		padding: 7px 0 0 25px;
		font-size: 120%;
		font-weight:bold;
		}

	#agenda span.date {
	font-weight:bold;
	width:50px;
	margin-right:5px;
	line-height:18px;
	}


	#nieuwsbrief {
	font-size: 70%;
	color: #969696;
	}

		input.radio {
		position:relative;
		top:3px;
		}

		.textfield_left {
		margin-top:5px;
		width:130px !important;
		width:125px;
		}

	#poll div {
	font-style: italic;
	color:#071ba4;
	}

		#poll div.options {
		font-style:normal;
		color: black;
		}

		#poll input.radio {
		top:2px;
		margin-right:7px;
		}

	div#lang h3 {
	display: none;
	}
	div#lang input {
	margin-right: 5px;
	}
	div#lang a img {
	margin-right: 5px;
	}

/* divider */

#center {
position: relative;
top:161px;
left:221px;
width:613px;
height:auto;
text-align:justify;
padding:0;

overflow: hidden;
}
	#center a:hover {
	text-decoration:underline;
	}
	#center table {
	text-align: left;
	}
	#center label {
	text-align: left;
	}

#main_article {
	position:relative;
	height: 368px;
	}

	#main_article_bg,
	#main_article div.overlay {
	position:absolute;
	top:0;
	left:0;
	height:150px;
	width: 562px;
	padding: 180px 24px 0 24px;
	font-size: 100%;
	line-height: 18px;
	overflow:hidden;
	}

	#main_article div.overlay {
	padding: 0;
	margin: 0;
	width: 610px;
	height: 190px;
	}

	#cleanarticle_bg  {
	position:absolute;
	top:0;
	left:0;
	height:8px;
	width: 562px;
	padding: 0 24px;
	background: url('../img/clean_bg_tbg.gif') no-repeat 0 0;
	}
	#cleanarticle_bg span.left {
		position: absolute;
		left: 0px;
		top: 8px;
		height: 150px;
		width: 6px;
		background: url('../img/clean_bg_tbg.gif') repeat-y 0 -8px;
	}
	#cleanarticle_bg span.right {
		position: absolute;
		right: 0;
		top: 8px;
		height: 150px;
		width: 6px;
		background: url('../img/clean_bg_tbg.gif') no-repeat 100% -8px;
	}
	#cleanarticle_bg span.bottom {
		position: absolute;
		left: 0;
		top: 158px;
		height: 150px; width: 610px;
		background: url('../img/clean_bg_tbg.gif') no-repeat 0 -158px;
	}

	#main_article div.newsitemfoot {
	position:absolute;
	left:23px;
	bottom:0;
	}

	#main_article h1.newsitem_title,
	#article_content h1.newsitem_title {
	position:relative;
	top:0 !important;
	top:3px;
	font-size: 150%;
	color:white;
	margin: 0 24px 0 24px;
	padding: 0;
	}

	#main_article p {
	margin-top:5px;
	}

	hr {
	color:#b9c6df;
   	border:none;
   	border-bottom: 1px solid #b9c6df;
	height: 1px;
	}

		h1 span.shadow {
		position:absolute;
		top:-1px;
		left:-1px;
		color:#002f8c;
		margin: 0;
		padding: 0;
		}

	#article_content {
	position:relative;

	top:-189px;

	left: 0;/*24px;*/
	width: 608px;
	font-size: 90%;
	line-height:18px;
	margin:0;
	padding: 0;
	}
		#article_content div.article {
		margin: 0;
		padding-left: 24px;
		padding-right: 24px;
		position: relative;
		}

		#article_content div.article h2 {
		font-size: 100%;
		color: #002f8c;
		margin-bottom: 0.5em;
		}

		#article_content h2 {
		font-size: 100%;
		color: #002f8c;
		}

		#article_content p {
		margin-top:0;
		}

	#banners, #footer {
	margin: 30px 0;
	width: 610px;
	text-align:center;
	}

	#banners img {
	padding:20px;
	}

	#footer {
	width: 171px;
	margin: 20px 25px 0 25px;
	color:#aaa;
	font-size: 100%;
	border-top: 3px solid;
	padding-top:10px;
	}

	#footer.front {
	top:0;
	}

/* rechter kolom */
#right {
position:absolute;
top:161px;
left:834px;
width:138px;
height:auto;
font-size: 85%;
}

	#login {
	position: relative;
	width:124px;
	height:115px;
	padding: 35px 5px 3px 5px;
	margin-bottom:20px;
	line-height:18px;
	overflow-x: hidden;
	}
		#login[id] {
		min-height: 115px;
		height: auto;
		}
	#login div.header {
	position: absolute;
	top: 0;
	left: 0;
	width: 134px;
	height: 33px;
	text-indent: -2000px;
	}

	#login p {
	margin:0;
	}

	#login input.submit {
	margin:7px 0 0 47px;
	}

		#loginq {
		text-align:center;
		margin:10px 0 0 0;
		line-height:14px;
		/*font-size: 130%;*/
		}

		#loginq a {
		font-size: 100%;
		color:white;
		}

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

		.textfield_right {
		width: 115px;
		}

	div#right div.article {
	position: relative;
	width: 132px;
	margin: 2px;
	margin-bottom: 20px;
	padding: 0;
	overflow: hidden;
	}

		/* IE6 Only does child */
		/* Firefox cascades */

		/* Set all article divs and paragraphs to have a padding */
		div#right div.article p {
		margin: 0;
		padding: 5px;
		}

		/* Reset grandchildren and further */
		div#right div.article * div {
		padding: 0;
		}

		div#right div.article ul,
		div#right div.article ol {
		margin: 0 0 0 20px !important ;
		margin: 0 0 0 27px;
		padding: 0;
		}

		/* Let IE6 respect the align attribute */
		div#right div.article img {
		padding: 0;
		display: block;
		}

		/* Firefox just floats */
		div#right div.article > img[align="left"] {
		float: left;
		}

		div#right div.article > img[align="right"] {
		float: right;
		}

			/* afbeeldingen in een paragraaf gaan terug op hun plek */
			div#right div.article div img,
			div#right div.article p img {
			margin: -5px;
			display: block;
			float: none;
			}

			/* Firefox will pick up on this, IE 6 won't */
			div#right div.article div > img[align="left"],
			div#right div.article p > img[align="left"] {
			float: left;
			}

			/* Firefox will pick up on this, IE 6 won't */
			div#right div.article div > img[align="right"],
			div#right div.article p > img[align="right"] {
			float: right;
			}

			/* inline link images, floated or aligned*/
			div#right div.article a img {
			display: inline;
			}

		div#right div.article h2 {
		display: block;
		margin-top: -2px;
		/* aanpasbaar?? */
		color:white;
		font-size: 100%;
		padding: 4px 5px;
		}
			div#right[id] div.article h2 {
			height: auto;
			min-height: 15px;
			}
		div#right div.article h1, div#right div.article h3, div#right div.article h4, div#right div.article h5, div#right div.article h6 {
		font-size: 100%;
		padding: 0 5px;
		margin: 0;
		}

	div#right input.proFormText {
	margin: 0;
	padding: 0;
	width: 97%;
	}

/* News lists and items */
div.newsitem,
div.newslistitem {
padding: 10px 5px 10px 5px;
margin: 0;
position: relative;
}

div.article div.newslist_rss_icon {
padding: 0;
margin: 0;
height: 20px;
width: 20px;
position: absolute;
right: 24px;
top: -10px;
z-index: 999;
}

/* Fix to position RSS icon correctly above newslist */
div#left div.article div.newslist_rss_icon {
	width: 20px;
	top: -.5em;
	right: 0;
}

/* This padding shoves the seperater etc downward */
div.newslistitem {
background: url("../img/newsitemfootbg.gif") bottom repeat-x;
padding-bottom: 20px;
height: 20px;
}
	/* Firefox calculates heights correctly, so let it */
	div.article > div.newslistitem,
	div.article div > div.newslistitem /* temp fix for article static div (dom change) */ {
	padding-bottom: 30px;
	height: auto;
	}
	div.newslistitem h3 {
	font-size: 100%;
	color:#002f8c;
	padding:0;
	}
		div.newslistitem h3 a,
		div.newslistitem h3 a:hover,
		div.newslistitem h3 a:visited {
		text-decoration: none;
		}
	div.newsitem h3 {
	font-size: 130%;
	line-height: 19px;
	margin: 15px 0 0 0;
	}
	div.newsitem div.introduction {
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 2em;
	position: relative;
	}
		div.newslistitem div.separator {
		clear: both;
		height: 1px;
		}
		div.newslistitem div.introduction img.smallNewsImage,
		div.newsitem div.introduction img.smallNewsImage {
		float: left;
		margin: 1ex;
		margin-left: 0;
		}
		div.newslistitem div.introduction span.date,
		div.newsitem div.introduction span.date {
		font-weight: normal;
		font-size: 0.8em;
		font-style: italic;
		margin-right: 1ex;
		}
			div.newslistitem div.introduction span.date span.time,
			div.newsitem div.introduction span.date span.time {
			font-size: 1em;
			}
		div.newslistitem div.introduction a.readon {
		position: absolute;
		bottom: 0;
		right: 0;
		margin: 0;
		padding: 0;
		display: block;
		}
			div.newslistitem div.introduction a.readon span {
			float:left;
			padding: 0 15px 0 6px;
			display: block;
			line-height: 19px;
			vertical-align: middle;
			font-size: 10px;
			height: 19px;
			cursor: pointer;
			}
		#center div.newslistitem div.introduction a.readon:hover {
		background-position: bottom left;
		text-decoration: none;
		}
		div.newslistitem div.introduction a.readon:hover span {
		background-position: bottom right;
		}
	div.newslistitem dl.categories,
	div.newsitem dl.categories {
	position: absolute;
	margin: 0;
	bottom: 0;
	left: 0;
	padding: 0;
	height: 19px;
	}
	div.newsitem dl.categories {
	left:5px;
	top: 0;
	}
		div.newslistitem dl.categories dt,
		div.newsitem dl.categories dt {
		display: none;
		}
		div.newslistitem dl.categories dd,
		div.newsitem dl.categories dd {
		float: left;
		margin: 0 5px 0 0;
		padding: 0;
		background: url("../img/newsButtonLeft.gif") top left no-repeat;
		height: 19px;
		}
		div.newslistitem dl.categories dd a,
		div.newsitem dl.categories dd a {
		float: left;
		margin: 0;
		padding: 0 12px 0 12px;
		background: url("../img/newsButtonRight.gif") top right no-repeat;
		font-size: 10px;
		display:block;
		line-height: 19px;
		vertical-align: middle;
		height: 19px;
		text-transform: lowercase;
		}
		div.newslistitem dl.categories dd:hover,
		div.newsitem dl.categories dd:hover {
		background-position: bottom left!important;
		}
		#center div.newslistitem dl.categories dd:hover a,
		#center div.newsitem dl.categories dd:hover a {
		background-position: bottom right;
		color: #008ab3;
		text-decoration: none !important;
		}
	div.newslistitem div.reactions {
	position: absolute;
	bottom: 19px;
	right: 0;
	margin: 0;
	color: #999;
	font-size: 80%;
	}
		div.newslistitem div.reactions span {
		font-weight: bold;
		color: #555;
		}

ul.othernewslist {
margin: 40px 0 0 -20px;
padding: 45px 15px 0 15px;
width: 570px;
list-style: none;
}
	div.article > ul.othernewslist {
	height: auto;
	min-height: 140px;
	}
	ul.othernewslist li {
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-position: -2px 3px;
	font-weight: bold;
	text-align: left;

	}
	ul.othernewslist li a,
	ul.newslist li a {
	width: 99%;
	overflow: auto;
	cursor: pointer;
	}

	ul.othernewslist span.date {
	font-style: italic;
	font-size: 90%;
	font-weight: normal;
	display: block;
	width: 11em;
	float: left;
	}

	ul.othernewslist span.title {
	display: block;
	margin-left: 12em;
	}

/* newslist */
div#left div.article ul.newslist,
ul.newslist,
div#right div.article ul.newslist {
margin: 0 !important;
padding: 0;
list-style: none;
}
	ul.newslist li {
	width: 96%;
	padding: 0 0 0 10px;
	margin: 0 0 .5em 0;
	background-position:-3px 3px;
	background-repeat: no-repeat;
	overflow: auto;
	text-align: left;
	}
	div#left ul.newslist li,
	div#right ul.newslist li {
	width: 90%;
	padding: 0 0 0 10px;
	background-position: -3px 1px;
	overflow: hidden;
	}

		ul.newslist span.date {
		display: block;
		float: left;
		width: 11em;
		color: #002c84;
		}
		ul.newslist span.title {
		display: block;
		margin-left: 12em;
		}
		ul.newslist span.sep, ul.othernewslist span.sep {
		display: none;
		}
		ul.archive span.date {
		width: 8.5em;
		}
		ul.archive span.title {
		margin-left: 9.5em;
		}

		div#left ul.newslist span,
		div#right ul.newslist span {
		width: 100%;
		float: none;
		}

		ul.newslist a:visited span {
		color: #5b747c;
		}
		ul.newslist a:hover span {
		text-decoration: underline;
		color: #002c84;
		}
		div#left ul.newslist a:hover span, div#right ul.newslist a:hover span {
		text-decoration: none;
		}
		div#left ul.newslist span.date, div#right ul.newslist span.date,
		div#left ul.newslist span.title, div#right ul.newslist span.title {
		width: 100%;
		margin: 0;
		}

/* Social web buttons */
.socialbutton {
	float: right;
	background: url(../img/arrowRight.png) no-repeat 100% 4px;
	margin-left: 15px;
	padding: 2px 15px 2px 4px;
	cursor: pointer;
}
.socialbutton:hover {
	text-decoration: none !important;
}

div#left div.article_content h2.newsnavbar,
div#right div.article_content h2.newsnavbar {
	margin: 0;
	background: none;
	color: #002E8A;
}
div#left div.article_content h2.newsnavbar {
	padding-left: 0;
}

div#left h2.newsnavbar a,
div#right h2.newsnavbar a {
	color: #002E8A;
	text-decoration: underline;
}
div#left h2.newsnavbar a:hover,
div#right h2.newsnavbar a:hover {
	text-decoration: none;
}

/* sitemap */
ul#sitemap {
	list-style: none;
	margin: 0;
	padding: .25em 0 0 0;
	background: url(../img/stippellijn.gif) left top repeat-x;
}

ul#sitemap li {
	margin-top: 1em;
	padding: 0 0 1em 0;
	font-weight: bold;
	background: url(../img/stippellijn.gif) left bottom repeat-x;
}
ul#sitemap li ul {
	margin: 0 0 0 15px !important ;
	margin: 0 0 0 10px;
	padding: 0;
}

ul#sitemap li ul li {
	margin: 1em 0 0 0;
	padding: 0;
	border-bottom: none;
	background: none;
}

ul#sitemap li ul li ul li {
	margin: 0;
	font-weight: normal;
}

/* quicklinks */
div.quicklinks ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

div.quicklinks ul  li {
	font-weight: bold;

}
div.quicklinks ul  li a img {
	margin-right: 3px;
}

/* Download list */
div#left div.article ul.download_list_item,
div#right div.article ul.download_list_item {
	background-color: none;
	border: none;
	margin: 0 0 0.5em 0 !important;
	position: relative;
}

/* hide */
.h {
	display: none;
}