/*************************************************

 		CSS Document VSNU
		http://www.vsnu.nl
		auteur: KRUIT communication-design
 		http://www.kruit.nl
 
 *************************************************
 
 		Update uitgevoerd door Flink
 		http://www.flink.nl
 
**************************************************/


body { /* aangepast door Flink */
	font-family: Verdana, sans-serif;
	font-size: 67%;
	color: #000000;
	padding: 0;
	margin: 0;
	text-align: center;
	line-height: 150%;
	background:#be0032;
}

h1 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 230%;
	font-weight: normal;
	color: #494949;
	line-height: 100%;
}

h2 {
	font-size: 130%;
	margin: 0;
	padding: 0;
}

h3 { /* aangepast door Flink */
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #000;
}
.singlecolumn-right h3 { /* toegevoegd door Flink */
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #fe0000;
}

h2 a {
	color: #000000;
}

h2 a, h3 a {
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0 0 15px 0; /* aangepast door Flink, van 25px naar 15px */
}

p.small {
	font-size: 80%;
	line-height: 125%;
	margin: 5px 0;
	padding: 0;
}

a {
	color: #fe0000;
	cursor:pointer;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.invis {
	display: none;
}

#wrapper {
	text-align: left;
	background: url(../images/bg.gif) repeat-x left top #FFFFFF;
	height:91px
}
#wrapperContainer {
	text-align: left;
	background: url(../images/bg.gif) repeat-x left -91px #FFFFFF;
}

/* NAVIGATIE
****************************************************************/

#navcontainer {
	margin: 0 auto;	
	width: 960px;
	height: 80px;
	padding: 5px 0 0 0;
}

#logocontainer a img {
	border: none;
	float: left;
	margin: 6px 0 0 0;
	padding: 0 0 6px 0;
	background-color:#FFF;
}


/*--*/
#topnavcontainer, #en-topnavcontainer { /* aangepast door Flink */
	float: right;
	margin: 0;
	padding: 0 0 12px 0;
	width: 850px;
	text-align: right;
	font-size: 90%;
	background: url(../images/toplogo-vsnu.gif) no-repeat 0 6px transparent;
}

#en-topnavcontainer { /* aangepast door Flink */
	background: url(../images/toplogo-en-vsnu.gif) no-repeat 0 6px transparent;
}

#topnavcontainer ul, #en-topnavcontainer ul { /* aangepast door Flink */
	list-style-type: none;
	margin: 0 18px 0 0;
	margin: 0 19px 0 0\0; /* IE8 hack */
	*margin: 0 20px 0 0;	/* IE6+7 hack */
	padding:3px 0 0;
}
#en-topnavcontainer ul { /* aangepast door Flink */
	margin: 0 27px 0 0;
	margin: 0 28px 0 0\0; /* IE8 hack */
	*margin: 0 34px 0 0;	/* IE6+7 hack */
}

#topnavcontainer ul li, #en-topnavcontainer ul li {
	display: inline;
}

#topnavcontainer ul li a, #en-topnavcontainer ul li a {
	color: #ecb3c2;
	text-decoration: none;
	padding: 0 8px 0 0;
}

#topnavcontainer ul li a:hover, #en-topnavcontainer ul li a:hover {
	color: #fff;
	text-decoration: underline;
}

.flag a img { /* aangepast door Flink */
	float: right;
	border: none;
	padding-top:3px;
}


/* NL menu || aangepast door Flink 
****************************************************************/

#mainnavcontainer, #mainnavcontainer ul {
	padding: 0;
	margin:0;
	list-style: none;
	z-index: 5;
}

#mainnavcontainer ul li {
	color: #FFFFFF;
	z-index: 5;
}

#mainnavcontainer a {
	display: block;
	text-decoration: none;
}

#mainnavcontainer li {
	float: left;
	margin: 0; 
	cursor: pointer;
}

#mainnavcontainer li:hover, #mainnavcontainer li.hover {
    position: static;
}

#mainnavcontainer li ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 8px;
	font-weight: bold;
	display: block;
} 

#mainnavcontainer li.menu1 a {
	width: 122px;
	padding: 20px 0;
	background: url(../images/sprite_nav.gif) no-repeat 0 0 transparent;
	margin: 0 0 0 17px; 
}

	#mainnavcontainer li.menu1 a.active{
		background: url(../images/sprite_nav.gif) no-repeat 0 -80px transparent;
	}
	
	#mainnavcontainer li.menu1:hover a, 
	#mainnavcontainer li.menu1.over a, 
	#mainnavcontainer li.menu1:hover a.active, 
	#mainnavcontainer li.menu1.over a.active {
		background: url(../images/sprite_nav.gif) no-repeat 0 -40px transparent;
	}
	
	#mainnavcontainer li.menu1:hover li a, 
	#mainnavcontainer li.menu1.over li a {
		background: #008fd5;
		width: 180px;
		padding: 5px 15px;
	}
	
	#mainnavcontainer li.menu1 ul li a:hover {
		background: #00699d;
	}

#mainnavcontainer li.menu2 a {
	width: 113px;
	padding: 20px 0;
	background: url(../images/sprite_nav.gif) no-repeat -122px 0 transparent;
}

	#mainnavcontainer li.menu2 a.active {
		background: url(../images/sprite_nav.gif) no-repeat -122px -80px transparent;
	}
	
	#mainnavcontainer li.menu2:hover a,
	#mainnavcontainer li.menu2.over a, 
	#mainnavcontainer li.menu2:hover a.active, 
	#mainnavcontainer li.menu2.over a.active  {
		background: url(../images/sprite_nav.gif) no-repeat -122px -40px transparent;
	}
	
	#mainnavcontainer li.menu2:hover li a, 
	#mainnavcontainer li.menu2.over li a {
		background: #90d5f6;
		width: 180px;
		padding: 5px 15px;
	}
	
	#mainnavcontainer li.menu2 ul li a:hover {
		background: #6bb0d1;
	}

#mainnavcontainer li.menu3 a {
	width: 140px;
	padding: 20px 0;
	background: url(../images/sprite_nav.gif) no-repeat	-235px 0 transparent;
}

	#mainnavcontainer li.menu3 a.active {
		background: url(../images/sprite_nav.gif) no-repeat -235px -80px transparent;
	}
	
	#mainnavcontainer li.menu3:hover a, 
	#mainnavcontainer li.menu3.over a, 
	#mainnavcontainer li.menu3:hover a.active, 
	#mainnavcontainer li.menu3.over a.active {
		background: url(../images/sprite_nav.gif) no-repeat -235px -40px transparent;
	}
	
	#mainnavcontainer li.menu3:hover li a, 
	#mainnavcontainer li.menu3.over li a {
		background: #7db812;
		width: 180px;
		padding: 5px 15px;
	}
	
	#mainnavcontainer li.menu3 ul li a:hover {
		background: #629800;
	}

#mainnavcontainer li.menu4 a {
	width: 115px;
	padding: 20px 0;
	background: url(../images/sprite_nav.gif) no-repeat -375px 0 transparent;
}

	#mainnavcontainer li.menu4 a.active {
		background: url(../images/sprite_nav.gif) no-repeat -375px -80px transparent;
	}
	
	#mainnavcontainer li.menu4:hover a, 
	#mainnavcontainer li.menu4.over a,
	#mainnavcontainer li.menu4:hover a.active, 
	#mainnavcontainer li.menu4.over a.active {
		background: url(../images/sprite_nav.gif) no-repeat -375px -40px transparent;
	}
	
	#mainnavcontainer li.menu4:hover li a, 
	#mainnavcontainer li.menu4.over li a {
		background: #ed7900;
		width: 180px;
		padding: 5px 15px;
	}
	
	#mainnavcontainer li.menu4 ul li a:hover {
		background: #bd6000;
	}

#mainnavcontainer li.menu5 a {
	width: 48px;
	padding: 20px 0;
	background: url(../images/sprite_nav.gif) no-repeat -490px 0 transparent;
}

	#mainnavcontainer li.menu5 a.active {
		background: url(../images/sprite_nav.gif) no-repeat -490px -80px transparent;
	}
	
	#mainnavcontainer li.menu5:hover a, 
	#mainnavcontainer li.menu5.over a, 
	#mainnavcontainer li.menu5:hover a.active,	
	#mainnavcontainer li.menu5.over a.active {
		background: url(../images/sprite_nav.gif) no-repeat -490px -40px transparent;
	}
	
	#mainnavcontainer li.menu5:hover li a, 
	#mainnavcontainer li.menu5.over li a {
		background: #b60086;
		width: 180px;
		padding: 5px 8px;
	}

	#mainnavcontainer li.menu5 ul li a:hover {
		background: #94006c;
	}

#mainnavcontainer li.menu6 a { /* toegevoegd door Flink */
	width: 106px;
	padding: 20px 0;
	background: url(../images/sprite_nav.gif) no-repeat -538px 0 transparent;
}	
	
	#mainnavcontainer li.menu6 a.active { /* toegevoegd door Flink */
			background: url(../images/sprite_nav.gif) no-repeat -538px -80px transparent;
	}

	#mainnavcontainer li.menu6:hover a, 
	#mainnavcontainer li.menu6.over a, 
	#mainnavcontainer li.menu6:hover a.active, 
	#mainnavcontainer li.menu6.over a.active { /* toegevoegd door Flink */
		background: url(../images/sprite_nav.gif) no-repeat -538px -40px transparent;
	}
	
	#mainnavcontainer li.menu6:hover li a, 
	#mainnavcontainer li.menu6.over li a { /* toegevoegd door Flink */
		background: #FF0000;
		width: 180px;
		padding: 5px 15px;
	}
	
	#mainnavcontainer li.menu6 ul li a:hover { /* toegevoegd door Flink */
		background: #c40000;		
	}


#mainnavcontainer li ul {
	position: absolute;
	width: 10em;
	left: -999em;
}

#mainnavcontainer li:hover ul {
	left: auto;
}

#mainnavcontainer li:hover ul, #mainnavcontainer li.sfhover ul {
	left: auto;
}


/* EN menu || aangepast door Flink 
****************************************************************/

#mainnavcontainer li.en-menu1 a {
	width: 103px;
	padding: 20px 0;
	background: url(../images/sprite_nav_en.gif) no-repeat 0 0 transparent;
	margin: 0 0 0 17px; 
}

	#mainnavcontainer li.en-menu1 a.active{
		background: url(../images/sprite_nav_en.gif) no-repeat 0 -80px transparent;
	}
	
	#mainnavcontainer li.en-menu1:hover a, 
	#mainnavcontainer li.en-menu1.over a, 
	#mainnavcontainer li.en-menu1:hover a.active, 
	#mainnavcontainer li.en-menu1.over a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat 0 -40px transparent;
	}
	
	#mainnavcontainer li.en-menu1:hover li a, 
	#mainnavcontainer li.en-menu1.over li a {
		background: #008fd5;
		width: 180px;
		padding: 5px 8px;
	}
	
	#mainnavcontainer li.en-menu1 ul li a:hover {
		background: #00699d;
	}

#mainnavcontainer li.en-menu2 a {
	width: 120px;
	padding: 20px 0;
	background: url(../images/sprite_nav_en.gif) no-repeat -105px 0 transparent;
}

	#mainnavcontainer li.en-menu2 a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -105px -80px transparent;
	}
	
	#mainnavcontainer li.en-menu2:hover a,
	#mainnavcontainer li.en-menu2.over a, 
	#mainnavcontainer li.en-menu2:hover a.active, 
	#mainnavcontainer li.en-menu2.over a.active  {
		background: url(../images/sprite_nav_en.gif) no-repeat -105px -40px transparent;
	}
	
	#mainnavcontainer li.en-menu2:hover li a, 
	#mainnavcontainer li.en-menu2.over li a {
		background: #90d5f6;
		width: 180px;
		padding: 5px 8px;
	}
	
	#mainnavcontainer li.en-menu2 ul li a:hover {
		background: #6bb0d1;
	}

#mainnavcontainer li.en-menu3 a {
	width: 106px;
	padding: 20px 0;
	background: url(../images/sprite_nav_en.gif) no-repeat	-227px 0 transparent;
}

	#mainnavcontainer li.en-menu3 a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -227px -80px transparent;
	}
	
	#mainnavcontainer li.en-menu3:hover a, 
	#mainnavcontainer li.en-menu3.over a, 
	#mainnavcontainer li.en-menu3:hover a.active, 
	#mainnavcontainer li.en-menu3.over a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -227px -40px transparent;
	}
	
	#mainnavcontainer li.en-menu3:hover li a, 
	#mainnavcontainer li.en-menu3.over li a {
		background: #7db812;
		width: 180px;
		padding: 5px 8px;
	}
	
	#mainnavcontainer li.en-menu3 ul li a:hover {
		background: #629800;
	}

#mainnavcontainer li.en-menu4 a {
	width: 106px;
	padding: 20px 0;
	background: url(../images/sprite_nav_en.gif) no-repeat -335px 0 transparent;
}

	#mainnavcontainer li.en-menu4 a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -335px -80px transparent;
	}
	
	#mainnavcontainer li.en-menu4:hover a, 
	#mainnavcontainer li.en-menu4.over a,
	#mainnavcontainer li.en-menu4:hover a.active, 
	#mainnavcontainer li.en-menu4.over a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -335px -40px transparent;
	}
	
	#mainnavcontainer li.en-menu4:hover li a, 
	#mainnavcontainer li.en-menu4.over li a {
		background: #ed7900;
		width: 180px;
		padding: 5px 8px;
	}
	
	#mainnavcontainer li.en-menu4 ul li a:hover {
		background: #bd6000;
	}

#mainnavcontainer li.en-menu5 a {
	width: 130px;
	padding: 20px 0;
	background: url(../images/sprite_nav_en.gif) no-repeat -443px 0 transparent;
}

	#mainnavcontainer li.en-menu5 a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -443px -80px transparent;
	}
	
	#mainnavcontainer li.en-menu5:hover a, 
	#mainnavcontainer li.en-menu5.over a, 
	#mainnavcontainer li.en-menu5:hover a.active,	
	#mainnavcontainer li.en-menu5.over a.active {
		background: url(../images/sprite_nav_en.gif) no-repeat -443px -40px transparent;
	}
	
	#mainnavcontainer li.en-menu5:hover li a, 
	#mainnavcontainer li.en-menu5.over li a {
		background: #b60086;
		width: 180px;
		padding: 5px 8px;
	}

	#mainnavcontainer li.en-menu5 ul li a:hover {
		background: #94006c;
	}
	
#mainnavcontainer li.en-menu6 a { /* toegevoegd door Flink */	
	width: 109px;
	padding: 20px 0;
	background: url(../images/sprite_nav_en.gif) no-repeat -575px 0 transparent;
}	
	
	#mainnavcontainer li.en-menu6 a.active { /* toegevoegd door Flink */
			background: url(../images/sprite_nav_en.gif) no-repeat -575px -80px transparent;
	}

	#mainnavcontainer li.en-menu6:hover a, 
	#mainnavcontainer li.en-menu6.over a, 
	#mainnavcontainer li.en-menu6:hover a.active, 
	#mainnavcontainer li.en-menu6.over a.active { /* toegevoegd door Flink */
		background: url(../images/sprite_nav_en.gif) no-repeat -575px -40px transparent;
	}
	
	#mainnavcontainer li.en-menu6:hover li a, 
	#mainnavcontainer li.en-menu6.over li a { /* toegevoegd door Flink */
		background: #FF0000;
		width: 180px;
		padding: 5px 8px;
	}
	
	#mainnavcontainer li.en-menu6 ul li a:hover { /* toegevoegd door Flink */
		background: #c40000;		 
	}

/*--*/

#subnav {
	text-align: right;
}

#subnav ul {
	margin: 57px 0 0 0;
	padding: 0;
}

#subnav ul li {
	list-style-type: none;
	padding: 0 0 5px 0;
}

#subnav ul li a {
	text-decoration: none;
	display: block;
}

#subnav ul li a:hover {
	text-decoration: underline;
}

#subnav ul li a.active {
	font-weight: bold;
	text-decoration: underline;
}

/**
CONTENT
**/

#contentcontainer { /* aangepast door Flink, minimum height added */
	width: 940px;
	padding: 19px 10px 0;
	background:#FFFFFF;
	margin: 0 auto;	
	min-height:415px;
	height:auto !important;
	height:415px;
}

.speerpunt a img {
	border: none;
}

#contentcontainer div a img { /* Added by GX 2008-12-29 */
	border: none;
}


#pagetools {
	text-align: right;
	font-size: 80%;
	margin: 0 0 10px 0;
	background: #FFFFFF;
}

#pagetools a {
	text-decoration: none;
}

#pagetools a:hover {
	color: #000000;
}

#pagetools a.print, #pagetools a.stuur-door {
	padding: 0 8px 0 15px;
	margin: 0 0 0 5px;
	border-right: 1px solid #CCCCCC;
}

#pagetools a.in-english {
	padding: 0 0 0 15px;
	margin: 0 5px;
}

#pagetools a.print { /* aangepast door Flink */
	background:url(../images/sprite_content.gif) 0 -100px no-repeat;
} 

#pagetools a.stuur-door { /* aangepast door Flink */
	background:url(../images/sprite_content.gif) 0 -118px no-repeat;
}

#pagetools a.in-english { /* aangepast door Flink */
	background:url(../images/sprite_content.gif) 0 -137px no-repeat;
}



.halfcolumn {
	float: left;
	background: #FFFFFF;
	margin: 0 20px 0 0;
	width: 140px;
}

.singlecolumn {
	width: 220px;
	margin: 0 20px 0 0;
	float: left;
	background: #FFFFFF;
}

.singlecolumn-right {
	width: 220px;
	margin: 0;
	float: left;
	background: #FFFFFF;
}

.singlecolumn p, .singlecolumn-right p {
	margin: 0;
	padding: 0 0 10px 0;
}

.doublecolumn {
	width: 460px;
	margin: 0 20px 10px 0;
	float: left;
	background: #FFFFFF;
}

.menu1, .menu1 a {
	color: #008fd5;	
}

.menu2, .menu2 a {
	color: #90d5f6;	
}

.menu3, .menu3 a {
	color: #7db812;	
}

.menu4, .menu4 a {
	color: #ed7900;
}

.menu5, .menu5 a {
	color: #b60086;
}

.menu6, .menu6 a { /* toegevoegd door Flink */
	color: #FF0000;
}

.doublehalfcolumn {
	width: 540px;
	margin: 0 20px 10px 0;
	background: #FFFFFF;
	float: left;
}

.doublehalfcolumn ul, .triplehalfcolumn ul {
	margin: 0 0 25px 5px;
	padding: 0;
}

.doublehalfcolumn ul li a, .triplehalfcolumn ul li a{
	list-style-type: none;
}

.doublehalfcolumn ul li, .triplehalfcolumn ul li {
	list-style-type: none;
	background: url(../images/bullet.gif) no-repeat 0 7px transparent;
	padding: 0 0 0 10px;
}

.doublehalfcolumn ul ul, .triplehalfcolumn ul ul {
	margin: 0 0 0 10px;
}

.triplehalfcolumn {
	width: 780px;
	margin: 0 0 10px 0;
	background: #FFFFFF;
	float: left;
}

.totalcolumn {
	width: 940px;
	margin: 0 0 10px 0;
	background: #FFFFFF;
	float: left;
}

ol {
	margin: 0 0 25px 30px;
	padding: 0;
}

ol ol {
	margin: 0 0 0 25px;
}

.greyback {
	background: #ECECEC;
	padding:5px 10px;
}

.linklist ul li {
	list-style-type: none;
	background: url(../images/arrow.gif) no-repeat 0 7px transparent;
	padding: 0 0 0 10px;
	margin: 0;
}

p img, p a img {
	padding: 4px;
	border: 1px solid #ECECEC;
	margin: 5px;
}

#horizon {
	clear: both;
	height: 10px;
	background: #FFFFFF;
}

#goodpractice {
	margin: 0 0 25px 0;
}

#goodpractice .line {
	display: block;
	margin: 0 10px 0 0;
}

#goodpractice .line .part {
	font-weight: bold;
	float: left;
	width: 100px;
}

.borderblock {
	border: 1px solid #ECECEC;
	padding: 5px;
	background: #FFFFFF;
	margin: 0 0 20px 0;
	float: left;
}

.homepage {
	border-top: 2px solid #FE0000;
}

a.agenda {
	text-decoration: none;
	color: #000000; 
}

.arrowlink {
	color: #FE0000;
	text-decoration: underline;
	background: url(../images/arrow.gif) no-repeat 0 5px transparent;
	padding: 0 0 0 10px;	
}

.more, .more2 { /* toegevoegd door Flink, alternatief .arrowlink, .more = pijl rechts, oa gebruikt bij meer informatie links */
	background:url(../images/sprite_content.gif) right -15px no-repeat;
	text-decoration:none;
	padding: 0 12px 0 0;
}
	.more2 { /* toegevoegd door Flink, alternatief .leesverder, .more2 = pijl links, oa gebruikt bij lees verder links */
		background:url(../images/sprite_content.gif) 0 5px no-repeat;
		text-decoration:none;
		padding: 0 0 0 12px;
	}

.linkFwd { /* toegevoegd door Flink, gebruikt in .singlecolumn-right */
	display:block;
	background:url(../images/sprite_content.gif) -23px -34px no-repeat;
	text-decoration:none;
	padding: 0 0 0 12px;
}

a.agenda:hover .arrowlink {
	text-decoration: none;
}

.borderblock h2 {
	color: #FE0000;
}

.borderblock h3 {
	color: #000000;
}

.borderblock table td {
	text-align: left;
}

.blockitem {
	border-bottom: 1px solid #ECECEC;
	margin: 0 0 10px 0;
}

.blockitem-last {
	margin: 0;
}

.logo-img {
	width: 55px;
	float: right;
	padding: 0 10px 20px 10px;
}

.colorblock {
	padding: 5px;
	margin: 0 0 20px 0;
	color: #FFFFFF;
	float: left;
	width: 210px;
}

.colorblock a {
	color: #FFFFFF;
}

.colorblock a.arrowlink {
	background: url(../images/arrow-white.gif) no-repeat 0 5px transparent;
	padding: 0 0 0 10px;
}

.colorblock select, .borderblock select {
	font-family: Verdana, sans-serif;
	width: 210px;
	padding: 2px;
	margin: 5px 0;
}

.colorblock p, .borderblock p {
	margin: 0 0 5px 0;
	padding: 0;
}

.colorblock .menucolor1 label, .colorblock .menucolor2 label, .colorblock .menucolor3 label, .colorblock .menucolor4 label, .colorblock .menucolor5 label {
	color: #FFFFFF;
}

.menucolor1 {
	background: #008fd5;	
}

.menucolor2 {
	background: #90d5f6;	
}

.menucolor3 {
	background: #7db812;	
}

.menucolor4 {
	background: #ed7900;
}

.menucolor5 {
	background: #b60086;
}

.menucolor6 { /* toegevoegd door Flink */
	background: #FF0000;
}

.bordercolor1 {
	border: 1px solid #008fd5;	
}

.bordercolor2 {
	border: 1px solid #90d5f6;	
}

.bordercolor3 {
	border: 1px solid #7db812;	
}

.bordercolor4 {
	border: 1px solid #ed7900;
	padding: 0;
}

.bordercolor5 {
	border: 1px solid #b60086;
}

.bordercolor6 { /* toegevoegd door Flink */
	border: 1px solid #FF0000;
}

a.arrowlink {
	background: url(../images/arrow.gif) no-repeat 0 5px transparent;
	padding: 0 0 0 10px;
}

.imgblock {
	padding: 4px;
	margin: 0 0 20px 0;	
}

.imgblock img, .imgblock a img {
	border: none;
	margin: 0;
	padding: 0;
}

.bannerblock {
	width: 220px;
	margin: 0 0 20px 0;
	float: left;
}

.redbutton {
	margin: 10px 0 0 0;
	float: right;
	padding: 0;
	display: block;
}

.redbutton-left {
	width: 5px;
	background: url(../images/redbutton-left.gif) no-repeat 0 0 transparent;
	height: 30px;
	float: left;
}

.redbutton-right {
	width: 5px;
	background: url(../images/redbutton-right.gif) no-repeat 0 0 transparent;
	height: 30px;
	float: left;
}

.redbutton-middle {
	height: 20px;
	background: #BE0032;
	float: left;
	padding: 0;
}

.redbutton-middle a {
	padding: 10px 5px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

#searchcontainer {
	float:right;
	padding:0;
}

.searchbutton { /* aangepast door Flink */
	font-family:Verdana, sans-serif;
	background:#FE0000;
	color:#FFFFFF;
	font-weight:bold;
	border:none;
	font-size:90%;
	padding:3px 2px;
	padding:4px 5px\0; /* IE8 hack */
	*padding:4px 1px 2px;	 /* IE6+7 hack */
	margin:0;
	cursor:pointer;
}

#searchcontainer .searchfield {
	font-family: Verdana, sans-serif;
	padding: 3px 2px;
	color: #000000;
	width: 123px;
	font-size: 90%;
	margin:0 -2px 0 0;
	border:1px solid #fff;
}

.downloadelement {
	margin: 0 0 25px 0;
}

.downloadelement-short { /* toegevoegd 03-10-2008 */
	margin: 0;
}

.downloadelement a, .downloadelement-short a,
.downloadelement a:hover, .downloadelement-short a:hover { /* aangepast door Flink */
	display: block;
	background: url(../images/sprite_content.gif) no-repeat 0 -53px;
	padding: 0 0 0 10px;
}

.downloadelement .omschrijving {
	font-style: italic;
	font-size: 90%;
	display: block;
	padding: 0 0 0 10px;
}

.downloadelement-short a.last { /* toegevoegd 03-10-2008 */
	margin: 0 0 25px 0;
}	

.ankerelement ul {
	margin: 0 0 25px 0;
	padding: 0;
}

.ankerelement ul li {
	background: none;
	padding: 0;
}

.ankerelement ul li a {
	background: url(../images/arrow-faq.gif) no-repeat 0 6px transparent;
	padding: 0 0 0 10px;	
}

a.anker-up {
	background: url(../images/arrow-anker-up.gif) no-repeat 0 7px transparent;
	padding: 0 0 0 10px;
	display: block;
}


.mediaoverzicht h3 {
	display: inline;
}

.mediaoverzicht p {
	margin: 0;
	padding: 0;
}

.mediaoverzicht .mediaelement {
	margin: 0 0 25px 0;
	clear: both;
}

.mediaoverzicht .mediaelement-short { /* toegevoegd 22-12-2008 */
	margin: 0;
	clear: both;
}

.mediaoverzicht .single {
	margin: 0;
	clear: both;
}

.mediaoverzicht img, .mediaoverzicht a img {
	float: left;
	margin: 0 5px 5px 0;
	padding: 4px;
	border: 1px solid #ECECEC;
}

.reacties {
	border-top: 1px solid #000000;
	margin: 0 0 -40px 0;
	padding: 5px 0 0 0;
	clear: both;
}

.reacties .mediaelement {
	margin: 0;
	padding: 0 10px;
	clear: both;
}

.reacties h3 {
	display: inline;
}

.date {
	font-size: 90%;
	padding: 5px 5px 5px 0;
	display: inline;
	color: #000;	
}

a.leesverder {
	background: url(../images/arrow.gif) no-repeat 0 5px transparent;	
	padding: 0 0 0 10px;
}

h3 a { /* toegevoegd */
	color: #000;	
}


.zoekresultaat {
	margin: 25px 0 0 0;
}

.zoekresultaat ol li {
	padding: 0 0 10px 0;
}

.zoekresultaat ul {
	text-align: center;
}

.zoekresultaat ul li {
	display: inline;
	background: none;
	padding: 0 4px 0 5px;
	border-right: 1px solid #CCCCCC;
}

.zoekresultaat ul li.last {
	border: none;
}

.zoekresultaat ul li a.active, .zoekresultaat ul li a.active:hover {
	font-weight: bold;
	color: #000000;
}

.faq {
	margin: 25px 0;
}

#zoekuitgebreid {
	margin: 25px 0;
}

#newsTicker a { color:#fff; }

/**
TABEL
**/

table {
	margin: 0 0 25px 0;
	border: 1px solid #ECECEC;
}

tr.title {
	font-weight: bold;
	background: #ECECEC;
	color: #000000;
	text-align: left;
}

td {
	border: 1px solid #ECECEC;
	padding: 4px;
	vertical-align: top;
	color: #000000;
}


/**
KALENDER
**/
.borderblock table {
	width: 210px;
	margin: 5px 0 10px 0;
	padding: 0;
	text-align: center;
	float: left;
}

td.other-month {
	background: #FBFBFB;
	color: #999999;
	text-align: center;
}

#monthselector {
	text-align: center;
	margin: 5px 0 0 0;
}

.previousmonth {
	float: left;
	background: #FFFFFF;
	width: 30px;
}

.currentmonth {
	float: left;
	text-align: center;
	background: #FFFFFF;
	width: 150px;
	font-weight: bold;
}

.nextmonth {
	float: left;
	background: #FFFFFF;
	width: 30px;
}

.nextmonth a img, .previousmonth a img {
	border: none;
}

.breaker {
	clear:both;
}


/**
FORMULIER
**/

.formulier {
	margin: 0 0 25px 0;
	padding: 0;
}

.formelement {
	border-bottom: 2px solid #ECECEC;
	padding: 5px 0;
}

.goodpracticeselement {
	border-bottom: 2px solid #ECECEC;
	padding: 5px 0;
}

.colorblock form, .borderblock form {
	border: none;
	padding: 5px 0;
}

.colorblock input, .colorblock textarea, .borderblock input, .borderblock textarea {
	font-family: Verdana, sans-serif;
	padding: 2px;
	width: 200px;
	margin: 0;
}

.formelement input, .formelement textarea {
	font-family: Verdana, sans-serif;
	padding: 2px;
	width: 300px;
	margin: 0 10px 0 0;
}

.formelement textarea {
	height: 100px;
}

.borderblock textarea, .colorblock textarea {
	height: 50px;
}

textarea, input, select {
	font-size: 100%;
}

.formelement .omschrijving {
	display: block;
	font-style: italic;
	font-size: 90%;
}

.formelement input.checkradio {
	width: 20px;
	margin: 2px 0 0 0;
	padding: 0;
}

.formelement .beschrijving {
	display: inline;
	font-style: italic;
	font-size: 90%;
	padding: 0 10px 0 0;
}

.formelement .checkbox {
	display: block;
}

input.formbutton {
	width: auto;
	font-size: 90%;
}

form {
	margin: 0;
	padding: 0;
	border-top: 2px solid #ECECEC;
}

label {
	color: #000000;
	font-weight: bold;
	display: block;
}

.colorblock label {
	color: #FFFFFF;
	font-weight: bold;
	display: block;
}

.errormessage {
	color: red;
	font-weight: bold;
	font-size: 90%;
}

.formbottom {
	clear:both;
}

#goodpracticesearch {
	margin: 5px 0 5px 0;
}

/**
POLL
**/
form.poll {
	border-top: none;
}

.pollelement {
	display: block;
	color: #BE0032;
	margin: 0;
}

.pollelement input {
	width: 20px;
	display: inline;
}

.showresult {
	text-align: right;
	clear: both;
}

table.poll {
	border: none;
	margin: 5px 0;
}

table.poll td {
	border: none;
	color: #BE0032;
}

table.poll td img {
	padding: 0 5px 0 0;
}

.pollresult {
	color: #000000;
}


/**
	DENK MEE
**/
.denkmee-vote {
	float: left;
	border-top: 1px solid #ECECEC;
	margin: 5px 0 0 0;
	padding: 3px 0 0 0;
	width: 100%;
}

.denkmee-vote p {
	float: left;
	font-style: italic;
	padding: 0 0 0 10px;
}

.denkmee-vote .redbutton {
	margin: 0 10px;
	padding: 0;
	float: left;
}

.denkmee-vote img {
	border: none;
	margin: 0;
	padding: 3px 0 0 0;
}

.score {
	float: right;
}

.react {
	font-size: 100%;
	text-align: left;
	clear: both;
}

.react h2.accordion_toggle {
	font-weight: normal;
	font-style: italic;
	margin: 0;
}

.accordion_content form {
	border: none;
}


/**
	FOTOGALLERY
**/
.slideshow {
	margin: 0 0 25px 0;
}

.slideshow a img {
	border: none;
	text-decoration: none;
	padding: 4px;
	border: 1px solid #ECECEC;
	margin: 5px;
}	

/**
	Vertical Accordions (FAQ)
**/
		
		.accordion_toggle {
			display: block;
			width: 520px;
			background: url(../images/arrow-faq.gif) no-repeat 0 12px #FFFFFF;
			padding: 5px 10px;
			color: #FE0000;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 100%;
			border-bottom: 1px solid #ECECEC;
			cursor: pointer;
			margin: 0 0 5px 0;
		}
		
		.accordion_toggle_active {
			background: url(../images/arrow-faq-h.gif) no-repeat 0 12px #FFFFFF;
			color: #000000;
			border-bottom: 1px solid #000000;
		}
		
		.accordion_content {
			background: #FFFFFF;
			color: #000000;
			overflow: hidden;
			padding: 0 10px;
		}
		
		.accordion_content .faqformelement {
			border: none;
			float: left;
		}
		
		.accordion_content .faqredbutton {
			float: right;
			margin: 20px 0 0 10px;
		}
		
		.faqredbutton {
			margin: 0 0 0 10px;
			float: right;
			padding: 0;
			display: block;
}


/**
 POP UP
**/

.demo  {
	color: #000000; 
	background: #ECECEC; 
	layer-background-color: #ECECEC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
  position: absolute; 
	top: 160px; 
	left: 400px; 
	width: 310px; 
 	height: 370px;
	padding: 10px;
	text-align: left;
  z-index: 99; 
	visibility: hidden;
	}
	
.tools {
	float: right;
	font-size: 80%;
	margin: 0;
}

.tools a {
	text-decoration: none;
	font-weight: bold;
}

.tools a:hover {
	color: #000000;
}


/**************************************************************
*  Alle extra toegevoegde classes door Flink                  *
**************************************************************/

/* contentBlocks
**************************************************************/
.content {
	padding:0 0 0 24px;	
	position:relative;
	z-index:10;
	zoom:1;
}

.contentBlock1,
.contentBlock2,
.contentBlock3 {
	float:left;
	width:274px;
	margin:0 40px 0 0;
}
.contentBlock2 {
	width:265px;
}
.contentBlock3 {
	margin:0;
	width:296px;
}


/* keyvisual
**************************************************************/
#keyvisual {
	margin-bottom:10px;
	*margin-bottom:8px;
}


/* blockItem
**************************************************************/
.blockItem {
	background:#be0032;
	font-family:Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:20px;
	color:#fff;
	width:907px;
	height:20px;
	padding:9px 10px 11px 23px;
	margin-bottom:30px;
}

.blockItem p {
	padding:0;
}

/* contentBlocks Home
**************************************************************/
#trackerTabs, #headerAgenda {
	border-bottom:1px solid #e2e2e2;
	height:34px;
}

#headerAgenda {
	border-bottom:1px solid #e2e2e2;
	line-height:34px;
}

#trackerTabs a.twitter,
#trackerTabs a:hover.twitter,
#trackerTabs a.rss, 
#trackerTabs a:hover.rss { /* toegevoegd door Flink 29.04.10 */
	display:block;
	background:url(../images/twitter-icon.gif) left top no-repeat;
	width:16px;
	height:16px;
	padding:0 7px 0 8px;
	margin:9px 0 0 3px;
	float:right;
}
#trackerTabs a.rss,
#trackerTabs a:hover.rss { /* toegevoegd door Flink 29.04.10 */
	background:url(../images/rss-icon.gif) left top no-repeat;
}
#trackerTabs a {
	display:block;
	float:left;
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#acacac;
	text-decoration:none;
	font-weight:bold;
	background:url(../images/sprite_tabs.gif) 0 0 no-repeat;
	height:34px;
	padding-left:11px;
	margin-right:2px;
	min-width:1px;
	width:auto !important;
	width:1px;
	white-space:nowrap;
}


#trackerTabs a span{
	display:block;
	background:url(../images/sprite_tabs.gif) right -34px no-repeat;
	height:16px;
	padding:9px 12px 9px 0;
}

#trackerTabs a:hover {
	background:url(../images/sprite_tabs.gif) 0 -68px no-repeat;
	height:34px;
	color:#000;
}

#trackerTabs a.act,
#trackerTabs a:hover.act {
	background:url(../images/sprite_tabs.gif) 0 -68px no-repeat;
	height:35px;
	color:#000;
	cursor:default;
}

#trackerTabs a:hover span{
	background:url(../images/sprite_tabs.gif) right -103px no-repeat;
	height:16px;
	padding:9px 12px 9px 0;
	cursor:pointer;
}
#trackerTabs a.act span,
#trackerTabs a:hover.act span  {
	background:url(../images/sprite_tabs.gif) right -103px no-repeat;
	height:17px;
	padding:9px 12px 9px 0;
	cursor:default;
}

#trackerMedia { margin-top:9px;}

.newsItem {
	background:url(../images/sprite_content.gif) 0 -162px no-repeat;
	cursor:pointer;
}
.mediaItem {
	background:url(../images/sprite_content.gif) 0 -170px no-repeat;
	cursor:pointer;
}
#agendaItems {
	height:240px;
	overflow:hidden;
}

.agendaItem {
	cursor:pointer;
}

.newsItem.even, 
.newsItem.odd, 
.mediaItem.even, 
.mediaItem.odd, 
.even, 
.odd,
.agendaItem {
	background-color:#fff;
}

.newsItem.even,
.mediaItem.even,
.even {
	background-color:#f4f4f4;
}

.newsItem a,
.mediaItem a {
	display:block;
	height:44px;
	text-decoration:none;
	color:#000;
	padding:15px 15px 15px 28px;
	overflow:hidden;
}

.mediaItem a {
	height:94px;
	padding:7px 0 8px 28px;
	overflow:hidden;
}

.agendaItem a {
	border-bottom:1px solid #e2e2e2;
	display:block;
	text-decoration:none;
	color:#000;	
} 

.agendaItem.last a {
	border-bottom:none;
} 

.newsItem a:hover,
.mediaItem a span.more,
.agendaItem a:hover {
	color:#be0032;
}
.mediaItem a:hover span.more { text-decoration:underline !important; }
.mediaItem a:hover { color:#000; }

.newsItem span {
	display:block;
	text-decoration:none;
	color:#a7a7a7;
}
.mediaItem span {
	text-decoration:none;
	color:#a7a7a7;
}
.mediaItem strong {
	display:block;
}

.agendaItem span {
	background-color:#be0032;
	display:block;
	text-decoration:none;
	color:#fff;
	float:left;
	margin:12px 10px 13px 0;
	padding:2px 5px 1px;
	padding:1px 5px 2px\9;
 }
 
.agendaItem p {
	display:block;
	float:left;
	margin:0;
	padding:13px 0 13px;
	width:189px;
	line-height:16px;
}

.newsLinks,
.mediaLinks,
.agendaLinks {
	border-top:1px solid #e2e2e2;
	text-align:right;
	padding:7px 0;
	margin:18px 0 0;
}

.mediaLinks {
	margin:13px 0 0;
}

.agendaLinks {
	margin:0;
	padding:6px 0 7px;
}

.newsLinks a,
.mediaLinks a,
.agendaLinks a {	
	background:url(../images/sprite_content.gif) right -14px no-repeat;
	text-decoration:none;
	color:#000;
	padding: 0 15px 0 0;
	margin-left:25px;
}
.mediaLinks a {
	margin-left:10px;
}

.newsLinks a:hover,
.mediaLinks a:hover,
.agendaLinks a:hover {	
	text-decoration:underline;
}

.contentBlock3 table {
	margin: 0;
	padding:0;
	border: none;
	line-height:16px;
}

.contentBlock3 table img{
	padding:0;
	border: 1px solid #ECECEC;
	margin-right:10px;
	
}
.contentBlock3 table a span,
.contentBlock3 table.block3 a span span {
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#707070;
	width:165px;
	padding:0;
	font-weight:normal;
	margin-top:3px;
	line-height:16px;
	text-decoration:none;
}
.contentBlock3 table.block3 a span,
.contentBlock3 table.block3 a span span {
	margin-top:0px;
}

.contentBlock3 table a,
.contentBlock3 table.block3 a span {
	display:block;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#000;
	line-height:16px;
	padding:0;
	text-decoration:none;
}
.contentBlock3 table a:hover {
	color:#be0032;
}
.contentBlock3 table.block3 a span {
	margin-bottom:3px;
	font-weight:normal;
}
		
.contentBlock3 tr {
	vertical-align:middle;
}

.contentBlock3 td {
	vertical-align:middle;
	border: none;
	margin: 0;
	padding:0;
	color: #000000;
	line-height:16px;
}

.contentBlock3 .block2 {
	background:url(../images/blok2.jpg) 0 0 no-repeat;
	height:57px;
	padding:21px 10px;
}

.contentBlock3 .block2 a {	
	color:#fff;
	text-decoration:none;
}
.contentBlock3 .block2 a:hover,
.contentBlock3 .block2 a:hover p{	
	text-decoration:underline;
}

.contentBlock3 .block2 a p {
	font-family:Verdana, Geneva, sans-serif;
	width:115px;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:18px;
	padding:0;
}
.contentBlock3 .block2 span {
	font-family:Verdana, Geneva, sans-serif;
	display:block;
	color:#005680;
	font-size:12px;
	font-weight:normal;
	line-height:16px;	
	text-decoration:none;
}

/* oplevering 7 */
.sidebarAgenda #agendaItems {
	height:auto;
	overflow: auto;
}
.sidebarAgenda .agendaItem p {
	padding:13px 10px 13px 0;
	width:140px;
}
.sidebarAgenda .agendaLinks {
	padding:6px 10px 7px 0;
}
/* eind oplevering 7 */

/* Footer
**************************************************************/

/* changed Id's to classes  */

.footer .inner {
	background:	url(../images/bg_footer.gif) center 0 no-repeat;
	position:relative;
	clear:both;
	width:986px;
	margin:0 auto;
	height:170px;
	text-align:left;
	padding:68px 0 0;
}

.innerLeft {		
	display:block;
	background:url(../images/footerLeft.gif) 0 0 no-repeat;
	position:absolute;
	width:22px;
	height:152px;
	top:-152px;
	left:0;
}
.innerRight {
	display:block;
	background:url(../images/footerRight.gif) 0 0 no-repeat;
	position:absolute;
	width:23px;
	height:152px;	
	top:-152px;
	right:0;
}

.footer p {
	margin: 1px 0 0 20px;
}

.footer .contentBlock {
	float:left;
	width:172px;
	margin:0 20px 0 0;
}

.footer .contentBlock.last {
	margin:0;
}

.footer .contentBlock .kop {
	border-bottom:1px solid #000;
	padding: 0 0 0 26px;
	height:23px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#fff;
}

.kop.actueel {
	background:url(../images/sprite_footer.gif) no-repeat;
	background-position:0 0;
	display:block;
	height:23px;
}
.kop.nieuwsbrief {
	background:url(../images/sprite_footer.gif) no-repeat;
	background-position:0 -25px;
	display:block;
	height:23px;
}
.kop.publicaties {
	background:url(../images/sprite_footer.gif) no-repeat;
	background-position:0 -50px;
	display:block;
	height:23px;
}
.kop.feiten {
	background:url(../images/sprite_footer.gif) no-repeat;
	background-position:0 -75px;
	display:block;
	height:23px;
}
.kop.overig {
	background:url(../images/sprite_footer.gif) no-repeat;
	background-position:0 -100px;
	display:block;
	height:23px;
}
.kop.contact {
	background:url(../images/sprite_footer.gif) no-repeat;
	background-position:0 -125px;
	display:block;
	height:23px;
}

.footer .content {
	padding:0 23px 0 22px;	
}

.links {
	padding:5px 0 31px;
}

.links a{
	display:block;
	color:#000;
	padding:2px 0;
	margin-left:26px;
	text-decoration:none;
	font-size:10px;
}

.links a:hover { text-decoration:underline; }

.links p {
	display:block;
	color:#000;
	padding:4px 0 2px 0;
	margin-left:26px;
	text-decoration:none;
	font-size:10px;
	line-height:13px;
}
.links p a {
	display: inline;
	margin-left:0;
}

/* Clear
**************************************************************/
.clear {
	display:block;
	height:0px;
	clear:both;
	font-size:0;
	line-height:0;
	background:none;
	padding:0;
}