body{
 font-family: "Trebuchet MS";
 /* font-weight:bold; */
 font-size: 88%;
 color:#0A1081;
 height:100%;
}
#main{
 position:relative;
 top:0px;
 background: url('./images/IHKA_bgMain.jpg') no-repeat top left;
 min-height:700px;
 min-width:950px;
 margin:auto;


}
#site{
 position:relative;
 top:150px;
 min-height:500px;
 width:100%;
 clear:both;
 display:block;
}
#headerinfo{
 width:500px;
 position:relative;
 left:210px;
 height:100%;
 top:120px;
 font-size: 83%;
 clear:both;

}
li{
 margin-left:20px;
}
#nieuws{
 float:left;
 background: url('images/nieuws_bg.jpg') no-repeat top left;
 border-right: 1px solid #9999cc;
 width:300px;
 padding:130px 20px 10px 30px;

}
div.enum {
    margin-bottom: 30px;
    margin-top: 20px;
    background: transparent;
    text-align: left;
    z-index: 0;
    font-size:92%;
}
div.hidden {
    display: none;
    border: 1px solid #DDDDFF;
    padding:10px;
}
div.foldvast {
    position: relative;
    display: none;
    border-left: 1px solid #775555;
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 10px;
    background: #FFEEEE;
    z-index: 5;
}
#kalender{
 float:right;
 background: url('images/kalender_bg.jpg') no-repeat top left;
 width:280px;
 padding:130px 20px 10px 30px;
}
/* KEUZELIJSTEN / FORMS */
select {
    font-family: ""Trebuchet MS"";
    font-size: 92%;
    color: #000000;
}
input {
    font-family: ""Trebuchet MS"";
    font-size: 100%;
    color: #000000;
}
textarea {
    font-family: ""Trebuchet MS"";
    font-size: 100%;
    color: #000000;
}
div.top{
position:relative;
bottom:0px;
text-align:right;
z-index:5;
clear:both;
margin-bottom:10px;
}
div.kolom{
padding:0px 0px 25px 0px;

clear:both;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
 
.clearfix {
  display: inline-block;
}
 
html[xmlns] .clearfix {
  display: block;
}
 
* html .clearfix {
  height: 1%;
}

/* TABELLEN */
#sitetbl{
 position:relative;
 width:95%;
 height: 95%;
}
.pagkolomtbl{
  border:0;
  width: 100%;

}
.pagkolomtd{
 border-right: 1px solid #CCCCEE;

}
td.grid{
 border: 1px solid #DDDDFF;
 font-size:75%;
}
td.altgrid{
 border: 1px solid #FFC06E;
 font-size:75%;
}

td.formtd {
    font-size: 100%;
    text-align: left;
    padding: 4px;
    color: #000000;
    }

td.tdtekst{
 padding:5px;
}
#sitetr{
 vertical-align:top;
}


#menutd{
 vertical-align:top;
 spacing:0;
 height:100%;
 margin-bottom:10px;
 padding:0px 30px 0px 0px;
 position:relative;
 top:0px;
 width:220px;

}
#contenttd{
 height:100%;
 width:680px;
 padding-top:10px;
 align:left;

}
#ftr{
 font-size:75%;
 width:900px;
 margin:auto;
 padding-top:35px;
 text-align:center;
 clear:both;
 display:block;

}
/* DIV's */


span{
 color:#0F4F74;
 font-weight:bold;
}
#main{
 height:100%;
 width:865px;
 margin:auto;
}
#menu{
 margin-top:0px;
 margin-bottom:10px;
 padding:0px 10px 0px 0px;
 position:relative;
 top:0px;
 width:200px;
 height:100%;
 background:url(./images/menu/bgmenu.png) repeat-y top left;
}


.klein{
 font-size: 50%;
}
.tekst{
position:relative;
 margin-left:15px;
 margin-top:25px;
 margin-right:20px;
 margin-bottom:25px;
 /* border: 1px solid red; */
}

p{
 text-align:justify;
 margin-top:5px;
 margin-bottom:8px;
}
p.border{
 font-weight:bold;
 text-align:center;
 padding:3px;
 font-size:108%;
 text-transform: uppercase;
 color: #0F4F74;
 border: 1px solid #0F4F74;
}
p{
text-align:  justify;
}
p.nieuws{
text-align:  justify;
padding: 0px 0px 5px 0px;
margin: 0px;
}
p.p_kolom{
 position:relative;
 float:left;
 border: 1px solid #DDDDFF;
 padding: 10px;
 margin:8px;
 width: 33%;

}
p.gepl{
font-size:83%;
color: #AAAAFF;
text-align:right;
font-style:italic;
margin:0px;
padding:0px;
float:right;
}

h1{
 color: ##0A1081;
 background: url('./images/bgheader.png') repeat-x top;/*#DDDDEE;*/
 font-weight:bold;
 font-size:125%;
 /* text-decoration:underline; */
 padding-top:5px;
 padding-left: 5px;
 margin-top:0px;
 border: 1px solid #ccccDD;
 clear:both;

}
h2{
background: url('./images/bgheader2.png') repeat-x top;/*#DDDDEE;*/
 color: #0A1081;
 font-weight:bold;
 font-size:100%;
 margin-top:25px;
 padding: 5px;
 border: 1px solid #BBBBEE;
 clear:both;
}
h3{
 color: #0A1081;
 font-weight:bold;
 font-size:100%;
 margin-top:20px;
 padding: 5px;

}
img{
 border:0px;
}
.doclist{
 text-decoration:none;
 font-weight:bold;
 padding:0;
}
/* -- links -- */
a.bladwijzer {
    font-size:75%;
    font-family: "Trebuchet MS";
    color: #0B12A9;
    text-decoration: none;
    font-weight: bold;
    border:0px;
}
a.bladwijzer:hover {
    font-size:75%;
    font-family: "Trebuchet MS";
    color: #0B12A9;
    text-decoration: none;
    font-weight: bold;
    border:0px;
}
a.naked {
    font-family: "Trebuchet MS";
    color: #0B12A9;
    text-decoration: none;
    font-weight: bold;
    border:0px;
}
a.naked:hover {
    font-family: "Trebuchet MS";
    color: #5C5FA1;
    text-decoration: none;
    font-weight: bold;
    border:0px;
}
a.naked_w {
    font-family: "Trebuchet MS";
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.naked_w:hover {
    font-family: "Trebuchet MS";
    color: #FFFFFF;
    text-decoration: none;
    font-weight: bold;
}
a.naked_b {
    font-family: "Trebuchet MS";
    color: #0A1081;
    text-decoration: none;
    font-weight: bold;
}
a.naked_b:hover {
    font-family: "Trebuchet MS";
    color: #5C5FA1;
    text-decoration: none;
    font-weight: bold;
}
/* ---------------------  DYNAMIC MENU ----------------------*/
.arrowlistmenu {
    width: 180px;
/*width of accordion menu*/
}
.arrowlistmenu .menuheader {
/*CSS class for menu headers in general (expanding or not!)*/
    font: bold 100% "Trebuchet MS";
/* 14px */
    text-align: left;
    color: black;
  /*  background: url(images/favicongr.png) no-repeat;
  repeat-x black left left*/
    margin-bottom: 0px;
/*bottom spacing between header and rest of content*/
    margin: 0px;
    text-transform: uppercase;
    /* font-variant: small-caps; */
    padding: 0px 0px 0px 35px;
/*header text is indented 10px*/
    cursor: hand;
      /* border-bottom: 1px solid #dadada; */
}
.arrowlistmenu .menuheader:hover {
/*CSS class for menu headers in general (expanding or not!)*/
    font: bold 100% "Trebuchet MS";
/* 14px */
    text-align: left;
    color: red;
   background: url(images/menu_hover.png) no-repeat;
  /*repeat-x black left left*/
    margin-bottom: 0px;
/*bottom spacing between header and rest of content*/
    margin: 0px;
    text-transform: uppercase;
    /* font-variant: small-caps;  */
    padding: 0px 0px 0px 35px;
/*header text is indented 10px*/
    cursor: hand;
 /*     border-bottom: 1px solid #dadada; */
}
.arrowlistmenu .openheader {
/*CSS class to apply to expandable header when it's expanded*/
    background: url(images/menu_hover.png) no-repeat;
}

.arrowlistmenu ul {
/*CSS for UL of each sub menu*/
    list-style-type: none;
    margin-left:  20px;
    margin-right: 0px;
    margin-top: -5px;
    padding: 0;
    margin-bottom: 0px;
/*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li {
    padding-bottom: 0px;
/*bottom spacing between menu items*/
}
.arrowlistmenu ul li a {
    color: #0B12A9;
    background: url(images/arrowbullet.png) no-repeat center left;
/*custom bullet list image*/
    display: block;
    padding: 2px 0;
    padding-left: 20px;
/*link text is indented 19px*/
    text-decoration: none;
    border-bottom: 0px solid #dadada;
    font-size: 83%;
}
.arrowlistmenu ul li a:visited {
    color: #0B12A9;
    font-weight:bold;
}
.arrowlistmenu ul li a:hover {
/*hover state CSS*/
    color: #0B12A9;
    font-weight:bold;
    background: url(images/arrowbulletblack.png) no-repeat center left;
/*custom bullet list image*/
}