/******************************************************************************************************
	STANDAARD
******************************************************************************************************/
* {
	margin: 0;
	padding: 0;
	font-family:helvetica;
	font-size:13px;
}

html, body {
   border: none;
   height: 100%;
	padding-bottom: 1px;
}

img, fieldset {
   border: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

#icstats {
   visibility: hidden;
   display:none;
   height: 0px;
}

/******************************************************************************************************
	ALGEMENE STIJLEN
******************************************************************************************************/
h1, h2, h3 {
   margin-top: 0px;
   margin-bottom: 0px;
}

h1 {
   font-size: 16px;
}

h2 {
   background: url(../images/titelbalk.jpg) no-repeat;
   padding-left: 20px;
   padding-top: 12px;
   padding-bottom: 8px;
	padding-right: 20px;
   width: 388px;
   font-size: 13px;
	font-family:helvetica;
   font-weight: bold;
   margin-bottom: 10px;
}

h3 {
   font-size: 13px;
}

#mainframe ul, #mainframe ol {
	margin-left: 15px;
}

/******************************************************************************************************
	SPECIFIEKE PROJECTONDERDELEN
******************************************************************************************************/
.transparant{
	/* enkel voor IE */
}

table#con{
	border-left: 1px solid #53d4ca;
	border-right: 1px solid #53d4ca;
	margin-left: auto;
	margin-right: auto;
	height:100%;
}

div#container{
	width:975px;
	height:100%;
}

div#loek {
	margin-top:-268px;
}
/******************************************************************************************************
	TOP
******************************************************************************************************/
div#topdiv{
	display: block;
	color:#54c0b7;
	font-size: 10px;
	font-weight: bold;
	height: 100px;
}

div#toprand img{
	width:975px;
}

div#achtergrond{
	height: 268px;
	background-color: #e4f5f4;
	z-index: 1;
}

div#topdiv a{
	color:#54c0b7;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

div#topdiv a:hover {
	color:#028E83;
	font-size: 10px;
	text-decoration: none;
	font-weight: bold;
}

div#topdivlinks{
	float: left;
}

div#topdivmidden{
	margin-top: 80px;
	width: 550px;
	float:left;
}

div#topdivmidden input#txtWoord{
	color:#010158;
	width: 90px;
	height: 12px;
	font-size: 10px;
	background-color: #e4f5f4;
	border:1px solid #53d4ca;
}

div#topdivmidden input#zoekknop{
	height: 15px;
	width: 60px;
	font-size: 10px;
	font-weight:bold;
	background-color:#e4f5f4;
	border-style:none;
	color:#54c0b7;
}

div#topdivrechts {
	float: right;
	margin-right: 15px;
	margin-top: 25px;
	width: 185px;
	text-align: right;
	font-weight:normal;
	font-size: 10px;
}

div#container2{
	margin-left:100px;
}
/******************************************************************************************************
	MENU CONTAINER
******************************************************************************************************/
div#menucontainer{
	width:875px;
	height: 224px;
}

div#menu{
	float:left;
}

div#menuitem1{
  background: url(../images/menuOpleidingenkopie.png);
  cursor: pointer;
}

div#menuitem2{
  background: url(../images/menuGeschiedeniskopie.png);
  cursor: pointer;
}

div#menuitem3{
  background: url(../images/menuContractwerkkopie.png);
  cursor: pointer;
}

div#menuitem4{
  background: url(../images/menuIntranetkopie.png);
  cursor: pointer;
}

div#menu img {
	height:56px;
	width:314px;
}

div#menuitem1 p,div#menuitem2 p,div#menuitem3 p,div#menuitem4 p{
	padding-left: 50px;
	margin-top: -38px;
}

div#menuitem1 a,div#menuitem2 a,div#menuitem3 a,div#menuitem4 a{
	font-size:18px;
	color: #FFFFFF;
	text-decoration: none;
}

div#menu div{
	height:56px;
	width:314px;
	font-size:18px;
	color: #FFFFFF;

}

div#naastmenuimg{
	float:right;
	background-color:blue;
	height:224px;
	width:561px;
}

div#naastmenuimgoverlay{
	padding-top: 168px;
}

div#naastmenuimg p{
	background-color: #92d7d1;
	color: #000080;
	text-align: center;
	opacity:0.75;
	width: 561px;
	margin-left:0px;
	height: 36px;
	font-size:20px;
	padding-top: 20px;
}
/******************************************************************************************************
	SUBMENU CONTAINER
******************************************************************************************************/
div#nfcontainer{
	width: 875px;/*
	height: 500px;*/
	margin-top:30px;
	margin-bottom:20px;
}

div.nieuws img{
	width:249px;
	height:51px;
}

div.nieuws p.sctitel{
	margin-top:-32px;
	padding-left:50px;
}

div.nieuws p.sctitel a{
	font-size:18px;
	color: #FFFFFF;
	text-decoration: none;
}

div.nieuws{
	float:left;
}

div.nieuws div{
	margin-top:0px;
	font-size: 13px;
}

div.nieuws a{
	margin-top:0px;
	font-size: 14px;
}

div#nieuwsimg{background: url(../images/menuNieuwskopie.png);}
div#geschiedenisimg{background: url(../images/menuGeschiedeniskopie.png);}
div#contractwerkimg{background: url(../images/menuContractwerkkopie.png);}
div#opleidingenimg{background: url(../images/menuOpleidingenkopie.png);}

div#nieuwsimg{
	width:250px;
	height:54px;
	margin-bottom:-2px;
	font-size:18px;
	color: #FFFFFF;
	cursor: pointer;
}

div#contractwerkimg,div#opleidingenimg,div#geschiedenisimg{
	width:250px;
	height:55px;
	margin-bottom:-2px;
	font-size:18px;
	color: #FFFFFF;
   cursor: pointer;
}

div.nieuwsblok{
	background-color: #FFFFFF;
	border-width: 2px;
	border-top: 0px;
	border-style: solid;
	border-color: #4abcb3;
	width:201px;
	padding: 15px;
	padding-left:30px;
}

div.inhoud{
	margin-bottom:5px;
	padding-right: 10px;
}

div.nieuwsblok img{
	height:30px;
	width: 100px;
}

div.nieuwsblok img.arroww{
	height:12px;
	width: 12px;
}

div.nieuwsblok a{
	text-decoration:none;
	color: #028E83;
	font-weight:bold;
}

div.nieuwsblok a:hover{
	text-decoration:underline;
	color: #000000;
	font-weight:bold;
}

span.inhoud{
	font-size:14px;
	font-weight:bold;
}

span.inhoud a{
	font-size:14px;
	font-weight:bold;
	color: #cccccc;
}

span.meerinfo{
	cursor: pointer;
	font-weight:bold;
	font-size:14px;
	/*color: #000000;*/
}

span.links{
	float:left;
	margin: 5px;
}
span.titel{
	font-size:13px;
	font-weight:bold;
}
div#linksnaarnieuws{
	text-align:center;
	background: url("../images/menuonderplaatje.png");
	height:30px;
	width: 250px;
}

div#linksnaarnieuws img{
	margin-top:-1px;
	height:29px;
	width: 250px;
}

div#linksnaarnieuws p{
	margin-top:-20px;
}

div#linksnaarnieuws a{
	cursor: pointer;
	font-weight:bold;
	font-size:13px;
	color: #FFFFFF;
	text-decoration: none;
}

/******************************************************************************************************
	MAINFRAME
******************************************************************************************************/
div#mainframe{
	float:left;
	margin-left: 85px;
	margin-bottom: 50px;
	margin-right: 15px;
	width: 420px;
}

div#mainframe a{
	text-decoration: none;
	font-weight: bold;
	color:#028E83;
}

div#mainframe a:hover{
	text-decoration: underline;
	font-weight: bold;
	color:#000000;
}

.GaNTop{
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 10px;
}

.GaNTitels{
	list-style-position: inside;
	list-style-image: url(../images/arrow6.gif);
	margin-bottom: 5px;
}

.GaNTitels a{
	font-size: 13px;
	color: #000000;
	text-decoration: none;
}

div#NC{
	float:left;
	color: #000000;
	width: 500px;
}

div#NCTitel{
	font-size: 20px;
}

div#NCDaDg{
	font-size: 10px;
	padding-left: 5px;
}

div#NCIntro{
	margin-top: 15px;
	font-size: 13px;
	font-weight: bold;
}

div#NCText{
	font-size:13px;
	margin-top: 15px;
}
/******************************************************************************************************
	FOTO ALBUMS
******************************************************************************************************/
table#photophalbum td{
	padding: 5px;
	text-align: center;
}
/******************************************************************************************************
	ZOEKEN
******************************************************************************************************/
div.zkcontainer{
	width: 500px;
	margin-top: 15px;
}

div.zkTitel{
	font-weight: bold;
	font-size:16px;
	text-decoration: underline;
}

div.zkcon{
	margin-top: 10px;
	margin-bottom: 10px
}

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

div.zkKruimeltje a{
	text-decoration: none;
	color: #000000;
	font-weight: bold;
}
/******************************************************************************************************
	CONTACT
******************************************************************************************************/
.divHide {
   visibility: hidden;
   display:none;
}

.divShow {
	float:left;
   visibility: visible;
   display: inline;
}

#TxtOnzin {
   display: none;
}

.contact-field1 {
   width: 300px;
}

.contact-textarea1 {
   width: 300px;
   height: 100px;
}

.contact-label {
   vertical-align: top;
   font-weight: bold;
   font-size: 13px;
   padding-bottom: 10px;
}
/******************************************************************************************************
	BEGRIPPENLIJST
******************************************************************************************************/
a.begrip {
	color: green;
	border-bottom: 1px dotted green;
}

.begrippenlijst {
   padding: 10px;
   border: 1px solid #CCE4F2;
   background-color: #F8FDFF;
   font: 9px Tahoma;
   width: 250px;
}

.begrippenlijst h3 {
	font-size: 14px;
	line-height: 17px;
	margin-bottom: 8px;
}

.begrippenlijst p {
	font-size: 13px;
	line-height: 17px;
	color: #434242;
}