BODY {
	font-size : 15px;
	font-family : Arial, Helvetica, sans-serif;
	color : #000000;
	text-align : justify;
	padding-right : 113px;
	padding-left : 178px;
	padding-top : 0;
	margin : 0;
	background-color : white;
	background-image : url(images/navy.png);
	background-repeat : no-repeat;
	line-height : 20px;
      }

H1 {
	font-size : 44px;
	font-family : "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color : #99DBFF;
	background-color : transparent;
	margin-right : 0;
	padding: 0;
	margin-top : 24px;
	margin-bottom : 30px;
	line-height : 44px;
	letter-spacing : 10px;
	margin-left: -53px;
      }

.koplinks {
	color:#F2D377;
	background-color : transparent;
	margin-right: 10px;
}

.superkoplinks {
	color: red;
	background-color: transparent;
	margin-right: 10px;
}

.ontwikkel {
  color: red;
	background-color: transparent;
}

.box{width:290px;border:1px solid #257CBE;padding:2px;}

H2 {
	font-size : 28px;
	font-family : "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color : #44B5F2;
	background-color : transparent;
	margin-top : 30px;
	margin-bottom : 15px;
	letter-spacing : 0.05em;
	padding-bottom : 2px;
	clear : both;
	line-height : 28px;
	letter-spacing : 2px;
      }

#footer {
	font-size : 13px;
	}
.d2 {
	text-align: right;
	color: #F2D377;
	margin: 0 2px;
	font: 13px Arial, sans-serif;
}


.skiplink {display:none;}
A:visited {
	color : purple;
	background-color : transparent;
      }
A:link {
	color : #267DBF;
	background-color : transparent;
      }
A:hover {
	color : #F2D377;
	background-color : transparent;
      }
A:active {
	color : #F2D377;
	background-color : transparent;
      }
A {
	text-decoration : none;
      }


.beschrijving {
	font-family : Arial, Helvetica, sans-serif;
	color : rgb(88, 123, 182);
	background-color : white;
      }
    

UL {
	list-style : none;
      padding-left : 17px;
      margin-left : 2px;
      }
li {
	background : url(images/li.png) no-repeat 0 8px;
	padding-left : 17px;
      margin-left : -17px;
      }
ul li ul {
	list-style : none;
      padding-left : 17px;
      margin-left : 2px;
      }
ul li li {
	background : url(foto.gif) no-repeat 0 8px;
	padding-left : 17px;
      margin-left : 20px;
	}
ul li li:hover {
	background : url(foto2.gif) no-repeat 0 8px;
	padding-left : 17px;
      margin-left : 20px;
	}



/* SEARCH FORM & BUTTON  */
form#contact input {
	border : 1px solid #F2D377;
	width : 97px;
	padding : 0;
      margin : 0px;
      vertical-align : top;
      height : 18px;
      background-color : white;
      color : #257CBE;
	background-image: url(images/search2.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 21px;
	}
form#contact input.send-btn {
	width : 60px;
	height : 20px;
	padding : 0;
	border : 0;
	background : #333 url(images/knop.png) no-repeat;
	outline : none;
      vertical-align : top;
      color : black;
	}
form#contact input.send-btn:hover {
	background: #666 url(images/knop.png) no-repeat 0 -20px;
      color : black;
	}
.hide { 
	display: none; 
	}
.query {
	position:absolute;
	right:113px;
	top:3px;
	height:20px;
	}
.tdquerywidth {
	width:64px;
	}
.tablequery {
	margin-top:0px;margin-bottom:0px;
	}
/* SEARCH FORM & BUTTON  */







/* THUMBNAILS  */
a img.imgrand:hover {border:1px solid #257CBE;}

.rechts {
	float:right;
	margin-top:6px;
	margin-left:15px;
	}
.links {
	float:left;
	margin-top:6px;
	margin-right:15px;
	}
.drieimgtabeleind {
	margin-top:6px;
	margin-bottom:0px;
	}
.drieimgtabelmidden {
	margin-top:6px;
	margin-bottom:6px;
	}
.imgrand {
	padding : 2px;
	border: 1px solid #F2D377;
      }
/* THUMBNAILS  */



/* NAVIGATION MENU  */
div#links {
	position : absolute; 
	top : 80px; 
	left : 0; 
	width : 159px; 
	height : 400px; 
	font : 14px Arial, Freesans, Verdana, sans-serif; 
	z-index : 100;
	background : #FFFABF;
	}
div#links a {
	line-height : 16px;
	display : block; 
	font-weight : bold;
	padding : 1px 8px; 
	margin : 0; 
	height : 16px;
	border-width : 0; 
	text-decoration : none; 
	color : rgb(4, 18, 116); 
	background : transparent;
	}
div#links a:hover {
	color : #000; 
	border-bottom-width : 1px;
      border-bottom-style : solid; 
	border-bottom-color : transparent;
	border-top-width : 1px;
      border-top-style : solid; 
	border-top-color : transparent;
	padding : 0px 8px; 
	}
div#links a.separator {
	margin-bottom : 8px;
	}
div#links a span {
	display : none;
	}
div#links a:hover span {
	display : block;
	position : absolute; 
	top : 300px; 
	left : 0; 
	width : 145px;
	padding : 5px; 
	margin : 5px; 
	z-index : 100;
	color : #44B5F2; 
	background : transparent;
	font : 10px Verdana, sans-serif; 
	text-align : left;
	}
/* NAVIGATION MENU  */



/* ZON - INDEX - dit even laten staan Tinus, komt later  */
div#zon {
	position : absolute; 
	top : 0; 
	left : 0; 
	width : 80px; 
	height : 80px; 
	font : 16px Verdana, sans-serif; 
	z-index : 300;
	}
div#zon a {
	display : block; 
	text-align : center; 
	font : bold 1em sans-serif; 
	padding : 5px 10px; 
	margin : 0 0 1px; 
	border-width : 0; 
	text-decoration : none; 
	color : #FFC; 
	background-image : url(images/trans1x1.gif);
	background-repeat : repeat-x;
	}
div#zon a:hover {
	color : white; 
	background : transparent;
	}
div#zon a img {
	height : 0; 
	width : 0; 
	border-width : 0;
	}
div#zon a:hover img {
	position : absolute; 
	top : 0; 
	left : 0; 
	height : 80px; 
	width : 80px;
	}
/* ZON - INDEX - dit even laten staan Tinus, komt later  */