/*
* Layout styles
*/

body {
	text-align: center;
	padding: 0px; margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 76%;
	background: url(../images/background.gif) repeat-x 0 0;
}

.clearboth	{ clear: both; }
.nobr		{ white-space: nowrap; }

div#container {
	position: relative;
	text-align: left;
	margin: 20px auto;
	background: #ffffff url(../images/blue_bg.gif) repeat-y 0 0;
	border: 1px solid #73a4c5;
	width: 900px;
}

div#left-column {
	width: 180px;
	min-height: 600px;
	float: left;
	background: #0a69a3;
}
	div#slideshow {
		width: 180px;
		height: 496px;
		overflow: hidden;
	}
		div#logo-gradient-overlay {
			position: absolute;
			top: 0;
			left: 0;
			width: 180px;
			height: 272px;
			background: url(../images/logo-gradient.png) no-repeat 0 0;
			z-index: 89;
		}
	div#home-persbericht {
		height: 50px;
		width: 160px;
		margin: 6px 0 0 0px;
		padding: 25px 10px 17px 10px;
		overflow: hidden;
	}
	div#home-persbericht.nl {	
		background: url(../images/actueel.gif) no-repeat 0 0;
	}
	div#home-persbericht.en {	
		background: url(../images/latest_news.gif) no-repeat 0 0;
	}
		div#home-persbericht a {
			color: #fff;
			line-height: 120%;
			font-size: 90%;
			text-decoration: none;
		}
		div#home-persbericht a:hover {
			text-decoration: underline;
		}

div#content {
	float: left;
	width: 675px;
	margin: 80px 0 0 45px;
}
	div#content img.content-img {
		float: right;
		padding: 14px 0 0 20px;
	}
	div#content img.home-img {
		float: right;
		padding: 55px 0 0 20px;
	}
	div#content img.deelneming-img {
		float: right;
		padding: 0 40px 0 0;
	}
	div#content img {
		padding: 0 20px 0 10px;
	}
	
	div#documenten {
		width: 645px;
		border: 1px solid #73A4C5;
		margin: 15px 0 20px 0px;
		padding: 0 0 15px 0;
	}
		div#documenten-header {
			background: url(../images/download_header.jpg) no-repeat 0 0;
			padding: 0 0 5px 0;
			margin: 0 0 10px 0;
		}
			div#documenten-header h3 {
				padding: 6px 10px 0px 7px;
				color: #ffffff;
			}
	div#documenten img {
		float: left;
		margin: 3px 0 0 10px;
		padding-right: 8px;
	}
	div#documenten a.doc-download {
		float: left;
		display: inline-block;
		text-decoration: none;
		color: #006699;
		width: 560px;
		vertical-align: text-top;
		margin: 3px 10px 8px 0px;
		padding: 0;
	}
		div#documenten a.doc-download:hover {
			color: #000000;
		}
		div#documenten a.doc-download span.titel {
			display: block;
			float: left;
			width: 450px;
		}
		div#documenten a.doc-download span.date {
			float: left;
		}
		
	div#content div.agenda {
		width: 630px;
		border: 1px solid #73A4C5;
		margin: 0 0 15px 0px;
		padding: 0 0 15px 0;
	}
		div#content div.agenda-titel {
			float: left;
			width: 220px;
			padding: 0 10px;
			overflow: hidden;
		}
		div#content div.agenda-inhoud {
			float: left;
			width: 340px;
			padding: 0 10px;
		}
		div#content div.blue-bg {
			background: #E6F5FC;
			display: inline-block;
		}
			
	div#persberichten {
		width: 645px;
		border: 1px solid #73A4C5;
		margin: 15px 0 20px 0px;
		padding: 0 0 15px 0;
	}
		div#persberichten-header {
			background: url(../images/download_header.jpg) no-repeat 0 0;
			margin: 0 0 10px 0;
			padding: 0 0 5px 0;
		}
			div#persberichten-header h3 {
				padding: 6px 10px 0px 7px;
				color: #ffffff;
			}			
	div#persberichten a {
		display: block;
		text-decoration: none;
		color: #006699;
		width: 620px;
		margin: 3px 10px 0px 10px;
		padding: 0;
	}
		div#persberichten a span.black {
			color: #000000;
			padding: 0;
		}
		div#persberichten a:hover {
			color: #000000;
		}
		div#persberichten-content {
			padding-left: 15px;
		}
			
	
	div#gallery {
		width: 650px;
	}
		div#gallery a {
			padding: 0;
		}
			div#gallery a img {
				padding: 0;
				margin: 0 20px 20px 0;
				border: 1px solid #000000;
			}
	
	div#content div.contact-item {
		float: left;
		width: 200px;
		margin: 0 20px 0 0;
		padding: 0;
	}
		div#content div.contact-item img {
			margin: 0px auto 10px auto;
			text-align: center;
		}
		div#content div.contact-item * {
			padding: 0;
		}
			
		

/*
* Typography styles
*/

h1 {
	font-size: 170%;
	color: #4C4C4C;
	padding: 0px 0 20px 0;
	margin: 0px;
	font-weight: normal;
}

h2 {
	font-size: 130%;
	color: #0A69A3;
	padding: 5px 0;
	margin: 0px;
}

h3 {
	display: inline-block;
	font-size: 110%;
	color: #4C4C4C;
	padding: 10px 0 0 0;
	margin: 0px;
}

h4 {
	font-size: 120%;
	color: #000000;
	padding: 0px;
	margin: 0px;
}

p {
	font-size: 90%;
	color: #000000;
	margin: 0px;
	padding: 5px 15px 5px 0;
	line-height: 140%;
}


/*
* Anchor styles
*/

A 			{ text-decoration: underline; color: #0A69A3; line-height: 120%; }
A:link		{ text-decoration: underline; color: #0A69A3; }
A:visited	{ text-decoration: underline; color: #0A69A3; }
A:active	{ text-decoration: underline; color: #0A69A3; }
A:hover		{ text-decoration: underline; color: #0A69A3; }
A.active	{ text-decoration: underline; color: #000000; }

	a.home-lang {
		display: inline-block;
		margin: 10px 0 20px 15px;
		text-decoration: none;
	}
		a.home-lang img {
			vertical-align: middle;
			padding: 0 20px 0 0;
		}

/*
* Navigation styles
*/

ul#small-nav {
	position: absolute;
	top: 2px;
	right: 5px;
	list-style: none;
}
	ul#small-nav li {
		float: left;
		margin: 0 5px 0 0;
	}
		ul#small-nav li a {
			font-size: 80%;
			color: #666666;
			text-decoration: underline;
		}

/*
* List styles
*/

div#content ul {
	padding: 5px 0 5px 20px;
	color: #0A69A3;
	line-height: 140%;
	font-size: 90%;
}
	div#content ul li {
		margin: 3px 0 0 0;	
	}

div#content ul#deelnemingen-list {
	padding: 0px 20px 10px 35px;
	list-style: disc;
	font-size: 100%;
}	
	div#content ul#deelnemingen-list li {
		line-height: 140%;
		color: #0A69A3;
	}

ul#sitemap li {
	font-size: 110%;
}
	ul#sitemap ul {
		list-style: circle;
		margin: 0 0 10px 50px;
		padding: 0;
	}

/*
* table styles
*/
table.jaarrapport-lite   	{ border: none; margin: 0px 20px 10px 0px;}
     .jaarrapport-lite tr td		{ background: #fff;  border: none; margin: 0px; padding: 5px; vertical-align: top; }
     
table.jaarrapport-lite h3 { padding: 10px 0px 0px 0px; }

/*
* Google maps styles
*/


div#content div#mapContact {
		float: left;
		width: 300px;
		height: 450px;
		overflow: hidden;
		margin: 15px 0px 0px 0px;
		padding: 0;
	}
	
	div#mapContact p {
		padding: 0;
		margin: 0;
		color: #000;
	}
	
div#content div#directions {
	float: left;
	width: 320px;
	margin: 15px 20px 20px 0px;
	padding: 0;
	height: 450px;
	overflow-y: scroll;
	background: #EEEEEE;
	border: 1px solid #f1f0ed;
}
	div#content div#directions * {
		padding: 0;
	}