@charset "utf-8";
/* CSS Document */

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #32569a;
	line-height: 12px;
	}

* a img {
	border: none;
	}



body {
	background-image: url(../img/bg_body.gif);
	background-repeat: repeat-x;
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	
}

table {

	}

p {
	padding: 0;
	margin: 0;
	color: #32569a;
	}

/* MAINCONTAINER */
#maincontainer {
	/* width: 950px; */
	background-image: url(../img/bg_wrapper.gif);
	background-repeat: no-repeat;
	background-position: center top;
	padding: 0;
	margin: 0;
}

	/* HEADER */
	#header-w {
		background-color: #264c91;
		background-image: url(../img/bg_header-w.gif);
		background-position: center top;
		background-repeat: repeat-y;
		}
	#header {
		background-image: url(../img/header.gif);
		background-repeat: no-repeat;
		background-position: center;
		padding: 0;
		margin: 0 auto;
		width: 1000px;
		height: 100px;
		}
		div#nieuwstip {
			color: #FFFFFF;
			font-size: 10px;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: right;
			padding: 39px 90px 0 0;
			}
			div#nieuwstip a {
				color: #FFFFFF;
				text-decoration: underline;
				}
	#topnav-w {
		background-image: url(../img/bg_topnav.gif);
		height: 28px;
		}
		/* TOP MENU */
		
		#topnav 
		{
			width: 815px;
			padding: 0 ;
			margin: 0 auto;
			height: 28px;
			}
			
			span.tijddatum {
				float: right;
				color: #FFFFFF;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				line-height: 28px;
				}

.suckertreemenu ul{
margin: 0;
padding: 0 0 0 1px;
list-style-type: none;

			/*height: 28px;*/
			background-image: url(../img/bg_li_end.gif);
			background-repeat: no-repeat;
			background-position: left;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
z-index:1000;
/*background-color: #F3F3F3; overall menu background color*/

			padding: 0;
			background-image: url(../img/bg_li_end.gif);
			background-repeat: no-repeat;
			background-position: right;
}

/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
/width: 20px; /*Width of top level menu link items*/
min-width: 20px;

padding: 0px 7px;
text-decoration: none;
color: #fff;
white-space: nowrap;


			line-height: 28px;
			font-weight: normal;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
}

	html>body .suckertreemenu ul li a{
		width: auto;
		}
		
	
/*1st sub level menu*/
.suckertreemenu ul li ul{
padding: 0;
margin: 0;
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
background-color: #7b83b4;
z-index: 99;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
margin: 0;
padding: 0;
height: 22px;
}

/*All subsequent sub menu levels offset after 1st level sub menu */
.suckertreemenu ul li ul li ul{ 
left: 180px; /* no need to change, as true value set by script */
top: 0;
padding: 0;
margin: 0;
}

/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 160px; /*width of sub menu levels*/
color: #fff;
text-decoration: none;
padding: 0px 7px;
border: none;
background-color: #7b83b4;
font-size: 11px;
line-height: 22px;
white-space: normal;
border-bottom: 1px #9198c3 solid;
margin: 0;

/*line-height: 20px;*/
}

.suckertreemenu ul li ul li ul li a{
background-color: #848cba ;
}

.suckertreemenu ul li a:hover{
color: #e5e7f7;
}
.suckertreemenu ul li ul li a:hover{
background-color: #9198c3;
}

/*Background image for top level menu list links */
.suckertreemenu .mainfoldericon{

}

/*Background image for subsequent level menu list links */
.suckertreemenu .subfoldericon{
background: #7b83b4 url(media/arrow-right.gif) no-repeat center right;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows suckertree menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; z-index: 99;}
* html .suckertreemenu ul li a { height: 1%; }
/* End */	

/* Holly Hack for IE \*/
* html .suckertreemenu ul li ul li { float: left; height: 1%; } /* corrected to the proper level \*/
* html .suckertreemenu ul li ul li a { height: 1%; } /* corrected to the proper level \*/
/* End */ 





	/* MAINCONTENT */
	#maincontent-w {
		background-image: url(../img/schaduw.png);
		background-repeat: repeat-x;
		/background-image: url(../img/bg_schaduw.gif);
		}
		
	
		
			html>body #maincontent-w {	
				background-image: url(../img/schaduw.png);
				}

#maincontent {
	width: 817px;
	margin: 0 auto;
	}
			#kruimelnav {
				font-family: Arial, Helvetica, sans-serif;
				font-size: 10px;
				color: #32569a;
				padding: 15px 0px 0px 0px;
				margin: 0px;
			}
			/*
			#kruimelnav a {
				line-height: 30px;
				color: #32569a;
				text-decoration: none;
				
			}
			#kruimelnav a:hover {
				color: #999999;
				text-decoration: underline;
			}
			#kruimelnav a.current {color: #999999;
				text-decoration: underline;}*/
	
	h2 {
	padding: 0 2px 5px 0;
	margin: 0;
	color: #32569a;
	font-size: 12px;
	white-space: nowrap;
	}

	h2 a {
		text-decoration: none;
		padding: 0;
		margin: 0;
		font-size: 12px;
		}

.tdbg {
	background-image: url(../img/stippels.gif);
	background-repeat: repeat-x;
	background-position: 7px 5px;
	} 

.content {
	padding: 7px;
	background-image: url(../img/bg_wit_trans.png);
	/background-image: url(../img/bg_trans_wit.gif);
	font-size: 12px;
	}
			html>body .content {
				background-image: url(../img/bg_wit_trans.png);
				}

.content ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
.content a {
	text-decoration: none;
	color: #32569a;
	}
	
.content a:hover {
						text-decoration: underline;
	}


td a {
	text-decoration: none;
	}


td a:hover {
						text-decoration: underline;
	}

	
	#contentwrapper {
		width: 635px;
		
		min-height: 610px;
		/height: 610px;
		margin: 10px 0;
		padding: 10px;
		float: left;
		border: 1px solid #b4b6c8;
		}
			html>body #contentwrapper {
				height: auto;
				}
	
	#contentwrapper .content {
		margin: 0 0 20px 0;
		/margin: 0 0 10px 0;
		}
	
		.top {
			width: 635px;
			margin: 0 0 10px 0;
			/margin: 0 0 5px 0;
			}
	
		.colleft {
			width: 313px;
			margin: 0 0 10px 0;
			float: left;
			}
			
			
			
			
			table.headlines {
				width: auto;
				padding: 0;
				margin: 0;
				border: none;}
			table.headlines td {
				font-size: 11px;
				font-weight: bold;
				color: #32569a;
				padding: 0;
				margin: 0;
				}
			table.headlines td.time {
				white-space: nowrap;
				}
			
			
			




			
			.colright h4 {
					margin: 0;
					padding: 0;
					font-size: 11px;
					color: #6575a9;
					}

		
		.colright {
			margin: 0 0 10px 322px;
			}
	
				ul.video li a {
					font-size: 10px;
					display: block;
					height: 50px;
					overflow: hidden;
					line-height: 11px;
					/line-height: 12px;
					}
				/*	html>body ul.video li a {
						height: auto;
						}*/
				ul.video li a img {
					border: none;
					float: left;
					}
				ul.video li a h4 {
					margin: 0 0 0 60px;
					line-height: 12px;
					padding: 0;
					/*font-size: 11px;*/
					border-top: 1px #cdd4e5 solid;
					/line-height: 12px;
					}
				ul.video li a div {
					margin: 0 0 0 60px;
					padding: 0;
					/*font-size: 9px;*/
					line-height: 12px;
					font-weight: normal;
					/line-height: 12px;
					}
					
					ul.video li a:hover div {
						text-decoration: underline;
						}

	
				ul.foto li a {
					/*font-size: 10px;*/
					display: block;
					height: 50px;
					overflow: hidden;
					line-height: 11px;
					/line-height: 12px;
					}
					/*html>body ul.foto li a {
						height: auto;
						}*/
				ul.foto li a img {
					border: none;
					float: left;
					}
				ul.foto li a h4 {
					margin: 0 0 0 60px;
					padding: 0;
				/*	font-size: 11px; */
					border-top: 1px #cdd4e5 solid;
					line-height: 12px;
					/line-height: 12px;
					}
				ul.foto li a div {
					margin: 0 0 0 60px;
					padding: 0;
				/*	font-size: 9px; */
					line-height: 12px;
					/line-height: 12px;
					font-weight: normal;
					}
				
				ul.foto li a:hover {
						text-decoration: underline;
						}
	
				ul.radio img {
					border: none;
					margin: 0 0 2px 0;
					}
		
	#content-right {
		margin: 10px 0 10px 677px;
		/margin: 10px 0 10px 670px;
		padding: 10px;
		width: 120px;
		/width: 115px;
		border: 1px solid #b4b6c8;
		color: #32569a;
				min-height: 610px;
		/height: 610px;		
		}

		html>body #content-right{
			height: auto;
			width: 120px;
			}

	#content-right h2 {
		padding-top: 0px;
		font-size: 12px;
		}
	#content-right .content {
		margin: 0 0 5px 0;

	
		}

	.clear01 {
		clear: both;
		}


div.sidemenu ul {
	padding: 0;
	margin: 0 0 0 13px;
	list-style-image: url(../img/bullit.gif);
	}
div.sidemenu a {
	font-size: 10px;
	font-weight: normal;
	color: #6575a9;
	font-weight: bold;
	}
	
/* fade */

ul.fade li {
	height: auto;
	min-height: 160px;
	/height: 160px;
	}


	

	

/* ================================================== */

		/* LOGO LINKSBOVEN */	
		#logo h1 {
			float: left;
			height: 75px;
			padding: 0;
			margin: 0;
			display: block;
			width: 170px;
			height: 75px;
			/*text-indent: -15000px;*/
			/*background-image: url(../img/logo.gif);
			background-repeat: no-repeat;*/
			background-color:#d6e7f7;		
			}	
		/* EINDE LOGO LINKSBOVEN */	

		#searchbox
		{
			float: right;
			width:220px;
			height:25px;
		}
		
		#searchbox a
		{
			color:#000000;
		}


		
		/* TITLEBAR */
		#titlebarbig {
			height: 40px;
			clear: both;
			}
		#titlebarbig h2 {
			font-size: 22px;
			padding: 0 0 0 187px;
			color: #FFFFFF;
			margin: 0;
			line-height: 40px;
			background-color:#9ccbef;
		}	
		/* EINDE TITLEBAR */
		
	/* EINDE HEADER */


		/* LEFT MENU */
		#navigatie {
			background-color: #FFFFFF;
			width: 170px;
			float: left;
			padding: 0 0 10px 0;	
			}
		#navigatie ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
			}
		#navigatie li {
			line-height: 1%;
			}
		#navigatie a {
			display: block;
			line-height: 30px;
			color: #333331;
			text-decoration: none;
			font-weight: bold;
			/height: 30px;
			border-bottom: 2px solid #FFFFFF;
			background-color: #d7e7f3;
			}		
		#navigatie ul li a {
			padding: 0 0 0 10px;
			}
		#navigatie ul li ul li a { /* niveau 1 */
			padding: 0 0 0 20px;
			background-color: #ebece7;
			color: #333333;
			font-weight: normal;	
			}
		#navigatie ul li ul li ul li a { /* niveau 2 */
			padding: 0 0 0 25px;
			background-color: #dadcd3;
			background-image: url(../img/sidenavniv2.gif);
			background-repeat: no-repeat;
			} 	
		#navigatie ul li ul li ul li ul li a { /* niveau 3 */
			background-color: #cbcdc3;
			background-image: url(../img/sidenavniv3.gif);
			background-repeat: no-repeat;
			} 	
		#navigatie a:hover {
			background-color: #99c9ed;
			}
			
		#navigatie a.aOpen {
			background-color: #99c9ed;
			}			
			
		#navigatie a.aSelected {
			background-color: #99c9ed;
			}

		/* EINDE LEFT MENU */

		/* CONTENT WRAPPER */

					
	
		
			/* HIGHLIGHTS */
			
			.highlight1 { background-color: Yellow; }
			.highlight2 { background-color: Green; }
			.highlight3 { background-color: Blue; }
			.highlight4 { background-color: Red; }
			.highlight5 { background-color: Purple; }
				
			/* END HIGHLIGHTS */
		
			#bottomclearer {
				clear:both;
				}
		/* EINDE CONTENT WRAPPER */
		
	/* EINDE MAINCONTENT */	
	
/* EINDE MAINCONTAINER */

/* FOOTER */		
#footer {
	clear: both;
	width: 950px;
	padding: 0;
	margin: 0 auto;
	/margin: 10px auto;
	color: #32569a;
	text-align: center;
	}
/* EINDE FOOTER */


.content {
	heigth: auto;}
	
#content-right  {
	height: 300px;
	}
	
.cvideo {
	height:auto;
	min-height: 150px;
	/height: 150px;
	}

.cfoto {
	height:auto;
	min-height: 130px;
	/height: 130px;
	}

.content a {
	font-size: 11px;
	}