/* Default CSS - Entreeding.com - Do Your Site */
/*Edited for absolute DIVs with z-index and a min-height */

*{
  padding:0;
  margin:0;
}

p {
  padding: 1em 0;
  line-height: 1.5em;
}	

html { 
height:100%;
}



li {
  list-style-position: inside;
 text-align:center;
}

iframe {
border: 1px solid #ccc;
}

body { 
  background-color: #ffffff; 
  background-repeat: no-repeat;
  background-position: center top;
  text-align: center; 
  color: #000;
height:100%;
margin:0; padding:0; 
  background-image: url(/images/specific/background.jpg);
}

#wrapper_main{
  width: 952px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  height: 95%;


}
#hoofdmenu {
  font-family: Helvetica-light, Geneva, sans-serif;
  text-align:center;
  font-size: 12pt;


}
#main1 {
  width: 100%; 
  height: 100%;
}

/* horizontale hoofdmenu */
ul#hoofdmenu1 {  margin-top: 0px; margin-left: 25px; list-style: none; height:70px; } 
ul#hoofdmenu1 li {padding-top: 15px; float: left; height: 70px; width: 100px;} 
.hoofdmenu1-over { background-image: url(/images/specific/active_tab.png); background-repeat: no-repeat}
.hoofdmenu1-normal {background-image: url(/images/specific/neutral_tab.png ); background-repeat: no-repeat}
ul#hoofdmenu1 li:hover, ul#hoofdmenu1 li:hover a  {  color: #fff;}
ul#hoofdmenu1 li a { display: inline;   height: 70px; color: #000;} 
ul#hoofdmenu1 li.hoofdmenu1-over a.hmenulink {color:#0c5301;}
ul#hoofdmenu1 li a:hover, ul#menu_horizontaal li.active a, ul#menu_horizontaal li.active a:hover { color: #fff; height: 70px; }

/* horizontale submenu*/
ul#submenu1 {  margin-top: 0px; margin-left: 25px; list-style: none; height:70px; } 
ul#submenu1 li {padding-top: 15px; float: left; height: 70px; width: 130px;} 
.submenu1-over { background-image: url(/images/specific/active_tab.png); background-repeat: no-repeat}
.submenu1-normal {background-image: url(/images/specific/neutral_tab.png ); background-repeat: no-repeat}
ul#submenu1 li:hover, ul#submenu1 li:hover a  {  color: #fff;}
ul#submenu1 li a { display: inline;   height: 70px; color: #001fd8;} 
ul#submenu1 li.submenu1-over a.smenulink {color:#0c5301;}
ul#submenu1 li a:hover, ul#menu_horizontaal li.active a, ul#menu_horizontaal li.active a:hover { color: #fff; height: 70px; }

/* horizontale submenu 
ul#submenu1 { margin: 0px; list-style: none; height: 51px; width: 452px; } 
ul#submenu1 li { float: left; height: 51px; width: 144px; margin-left: 1px; background-color: #d6e2ed; border: 0px solid black;} 
.submenu1-over { background-color: #d6e2ed; background-image: url(/images/specific/tab_active.jpg); background-repeat: no-repeat; padding-top: 15px;}
.submenu1-normal { background-color: #d6e2ed; background-image: url(/images/specific/tab_neutraal.jpg); background-repeat: no-repeat; padding-top: 15px;}
ul#submenu1 li:hover, ul#submenu1 li:hover a  {background-color: #d6e2ed; color: #fff;} 
ul#submenu1 li a {display: inline; overflow: hidden; height: 51px;}
ul#submenu1 li a:hover, ul#menu_horizontaal li.active a, ul#menu_horizontaal li.active a:hover {color: #fff; height: 51px;}
*/
/* verticale hoofdmenu */
ul#hoofdmenu2 { margin-left: 10px; padding-left: 0px; list-style: none; width: 100%; } 
ul#hoofdmenu2 li { float: left; width:100%; border-top: 1px solid white; border-bottom: 1px solid black;}
.hoofdmenu2-over { margin-left: 15px;}
.hoofdmenu2-normal { margin-left: 10px; }
ul#hoofdmenu2 li:hover, ul#hoofdmenu2 li:hover a  { color: #fff;}
ul#hoofdmenu2 li a { display: inline; overflow: hidden; height: 30px;} 
ul#hoofdmenu2 li a:hover, ul#menu_verticaal li.active a, ul#menu_verticaal li.active a:hover 
                   { color: #fff; height: 30px; }


/* verticale submenu */
ul#submenu2 { margin: 5px; padding-left: 10px; list-style: none; width: 100%; } 
ul#submenu2 li { float: left; width:100%;} 
.submenu2-over, .submenu2-normal:hover {padding-left: 18px; background: url(/images/specific/menu1.png) no-repeat left 3px;}
.submenu2-normal {padding-left: 18px; background: url(/images/specific/menu0.png) no-repeat left 3px;}
ul#submenu2 li:hover, ul#submenu2 li:hover a  {color:#66aff2;}
ul#submenu2 li a { display: inline; overflow: hidden; height: 30px; color: #004c91;} 
ul#submenu2 li a:hover, ul#menu_verticaal li.active a, ul#menu_verticaal li.active a:hover {color:#66aff2;  height: 30px; }
ul.niveau { padding-left: 5px; list-style: none;}
ul.niveau-edit {border-left:2px black dotted; padding-left: 10px; list-style: none;}
li.submenu2-normal ul.niveau {display:none;}
li.submenu2-normal:hover ul.niveau {display:block;border-left:2px black dotted; padding-left: 10px; list-style: none;}
ul#submenu2 li.submenu2-over a.smenulink2 {color:#66aff2;}
ul#submenu2 li.submenu2-over ul li.submenu2-normal a{color:#004c91;}
ul#submenu2 li.submenu2-over ul li.submenu2-normal:hover a{color:#66aff2;}


#wrapper_footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  position: relative;
  height: expression((document.body.clientHeight > 490 ? document.body.clientHeight : 490) + "px");
  /*height: 100%;*/

  bottom: -1px; /* heel belangrijk */	
  /*min-height: 97%;*/

}
#footer	{
  clear: both;
  background-color: lime;		
  border-top: 1px solid #555;
  position: absolute;
  bottom: -1px; /* heel belangrijk */
  width: 100%;
  height: 20px;
  font-size:1.3em;
  line-height: 40px;
  text-align:center;	
	}

#header {
  background-position: left top;
  background-image: url('/images/specific/header_bkg.jpg');  
  height: 163px;

  text-align:right;
  background-repeat: no-repeat;
}
	
#mainnav{
  font-family: Helvetica, Geneva, sans-serif;
  text-align:center;
  font-size: 14pt;

  padding-left: 300px;
}

#submenu {
  font-family: Helvetica-light, Geneva, sans-serif;
  text-align:center;
  font-size: 14pt;

}
	
#menu{
  clear: both;
  position: absolute;
  bottom: -1px; /* heel belangrijk */	
  float: left;
  /*height: auto !important;
  height: 100%;*/
  min-height: 81%;
  width: 180px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  /*background: yellow;*/
}
	
#main_content{
  float:right; 
  width:900px; 
  text-align:left;
  margin-right: 10px;
  margin-left: 50px;
  z-index:180;
  overflow: auto;

}
#wrapper_menu_content {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  height: 100%;

}
#wrapper_img_bck {
  position: absolute;
  width: 100%;
  margin: 0 auto;
  text-align: left;
  z-indez:10;
  background-repeat: no-repeat;
  background-position: left bottom;
  text-align: center; 

  padding-bottom:40px;
  min-height: 50%;
}

#leftmenu {
  float: left;
  height: auto !important;
  height: 100%;
  min-height: 100%;
  width: 10px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index:200;
}

#lefthoofdmenu {
  width: 10px;
  text-align:left;
}

#leftsubmenu {
  margin-top: 0px;
  position:absolute;
  width: 10px;
  text-align:left;
  font-size: 1.4em;
  z-index:50;
}

#extraDiv1{
  position:absolute;
  margin-left: 0px;
  margin-top: 0px;
  width:0px;
  height:115px;
  z-index:30;
}


#extraDiv3 {  
  position: fixed;
  text-align:center;
  height: 0px;
  width: 0px;
  top: auto;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: left;
  border: 3px solid blue;
  z-indez:40; 
}

#extraDiv4 {visibility: hidden; display:none;}
#extraDiv5 {visibility: hidden; display:none;}
#extraDiv6 {visibility: hidden; display:none;}

/* Zorgt ervoor dat de wrapper's goed gaan in firefox */
.floatfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* verbergen voor IE-mac \*/
* html .floatfix {
height: 1%;
}
/* einde verbergen voor IE-mac */

.tekstkop {
  font-size: 1.4em;
  border-bottom: 1px solid #0c5301;
  color: #0c5301;
  margin-top: 10px;
  font-weight:bold;
  padding:2px;
}

div.pageelement {
  margin:5px;
  border-color: #66aff2;
}

.kolomtable, .kol1cell1, .kol2cell1, .kol2cell2, .kol3cell1, .kol3cell2, .kol3cell3, .kol4cell1, .kol4cell2, .kol4cell3, .kol4cell4 { 
   border:0px solid #999; }


#cfmdiv2 {
  z-index:999;
  bottom:0;
  left: 0;
  color:#004c91;
  position:fixed;
  text-align:center;
  width:100%;
  background-image: url('/images/specific/footer_bck.jpg');  
  background-repeat: no-repeat;
  background-position: center bottom;
}

#cfmdiv2 a, #cfmdiv2 a:hover {
  color:#004c91;
}



#cfmdiv3 {
  display:none;
  visibility: hidden;
}


#footer-container {
width:100%;
}

div#footer-text {
clear:both;
background: transparent url(/images/specific/footer_bck.jpg) no-repeat center bottom;
text-align:center;
bottom:0;
position:fixed;
width:100%;
}


#pbe {}
#pbe a {color: #f93;}
#pbe a:hover {color: #fff;}

#ie6 {display:none; visibility:hidden;}


/* PULL DOWN MENU STYLING |||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||| */


.horsmenu{
padding-bottom:14px;
padding-left:10px;
margin-left:1 px;
font-size: 16px; 
font-weight: normal;
text-align: center;
background-color: transparant;
}

.horsmenu ul{
margin: 0;
padding: 0;
list-style-type: none;


}

/*Top level list items*/
.horsmenu ul li{
position: relative;
display: inline;
float: left;
background-color: background-color: #E4ECDB; overall menu background color

}

/*Top level menu link items style*/
.horsmenu ul li {
display: inline;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
text-decoration: none;
color: #001fd8

}
.horsmenu a{
display: inline;
border-left: 0px solid #fff;
border-right: 0px solid #fff;
text-decoration: none;
color: #c5301

}
	
/*1st sub level menu*/
.horsmenu ul li ul{
left: 0;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
border-right:0px solid navy;
border-bottom:0px solid navy;
text-align: left;

}

/*Sub level menu list items (undo style from Top level List Items)*/
.horsmenu ul li ul li{
display: list-item;
float: none;

}

/*All subsequent sub menu levels offset after 1st level sub menu */
.horsmenu ul li ul li ul{ 
left: 159px; /* no need to change, as true value set by script */
top: 0;

}

.tekstkop div div h1 {font-size:1.3em; text-transform:uppercase;}
.tekstkop {border-bottom:1px solid green;}