/* ------------------ algemeen ---------------------- */

/* DONKER BLAUW #00425e  LICHT BLAUW #0079ac   FEL BLAUW #0079AC   blauw licht #bbdbea    ROOD #f0000  ZEER DONKER BLAUW #003348 */ 


body {
	font-size:0.9em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	background:#ccc;
	color:#000;
	line-height:140%;}	
		
h1{ color:#0079ac;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:15px;
	font-weight:bold;
	margin:2px 0;}
	
h2, h3{ color:#0079ac;
	font-size:14px;
	font-weight:bold;
	margin:10px 0 0 0;}	
	
h4{ color:#0079ac;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 0 0;}		
	
td{ vertical-align:top;}
	

/* -------------------- wrapper -----------------*/
#container {
		width: 920px;
		background: #fff;
		margin: 10px auto;
		padding:0;}
#top {
	height:330px;
	width:920px;
	margin:0;
	padding:0;
	background:url(../images/top.gif) no-repeat;}
		
#logo {	margin:10px 0 0 10px ;
		float:left;
		width:211px;
		height:114px;}

#foto{
	width:510px;
	height:250px;
	margin:70px 150px 0 0;
	padding:0;
	float: right;}


#slideshow{
	width:510px;
	height:250px;
	margin:70px 150px 0 0;
	padding:0;
	float: right;
	position:relative;}
	
#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;}

#slideshow IMG.active {
    z-index:10;}

#slideshow IMG.last-active {
    z-index:9;}
	
/* -------------------- midden  -----------------*/
#midden{
	margin:0;
	padding:10px 0 0 0;
	width:920px;
	background:url(../images/mid-bg.gif);}	


/* -------------------- navigatie -----------------*/
#navigatie {
	font-size:1.2em;
	width:150px;
	margin:0 20px 0 50px;
	float:left;}
		
#navigatie li {
		list-style: none;
		list-style-image: none;
		list-style-type: none;
		margin: 0;
		padding:10px 0 0 0 ;
		padding-left:15px;
		font-weight: normal;
		line-height: normal;
		line-height: 100%;
		background: none;}
		
#navigatie li a {
		text-decoration: none;
		color:#fff;}
		
#navigatie li a:hover {
		color: #bbdbea;
		text-decoration:underline;}
		
		
/* ----------------- content ----------------------*/
#content {
	width:510px;
	margin:0 0 0 260px;
	padding:1px;}
	
#content a, a:visited{
	color:#ff0000;}	

#content li{
	list-style:outside square;}

/* ---------------- tussenstop -----------------*/
#tussenstop{
	width: 920px;
	height:14px;
	margin: 0; 
	background: url(../images/footer-top.gif) no-repeat;}

/* ----------------- footer ----------------------*/

#footer{
	width: 800px;
	margin: 0;
	padding:4px 120px 0 0;
	font-size: 0.7em;
	background-color: #00425E;
	text-align:right;
	color:#fff;}
	
#footer a, a:visited{
	color:#fff;}

/* ----------------- overig en ruler ----------------------*/			

.clear {
	clear: both;}	
	
hr {
	height: 1px;
	border: 0;
	border-top: 1px solid #2075ae;
	clear: both;}
	
.imageleft	{
	margin:0px;
	padding:5px 10px 5px 0;
	float:left;}
	
.imageright{
	margin:4px;
	padding:2px;
	float:right;}
	
	
/* ---------------- tabel blauw  ----------------------*/		
.tableblauw{
	border:1px solid #0079AC;
	color:#0768A9;}

.thblauw{
	background:#666;
	font-weight:bold;
	color:#fff;
	padding:4px 0 3px 10px;}

.tdblauw{
	margin:0 1px ;
	padding:1px;
	vertical-align:top;
	border-top:1px dotted #666;
	color:#0768A9;}