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

*{
  padding:0;
  margin:0;
}

div.pageelement ul{
  margin-left: 1em;
}

div.pageelement li{
  list-style-position: outside;

}

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

html { 
  height: 100%; 
}

li {
  list-style-position: inside;
  margin-left: 1em;
}

iframe {
border: 1px solid #ccc;
}

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

#wrapper_main{

  width: 950px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  height: 95%;



}
#hoofdmenu {
  position: relative;
  font-family: Helvetica-light, Geneva, sans-serif;
  text-align:center;
  font-size: 14pt;
  padding-left: 300px;
  z-index: 900;
}
#main1 {
  width: 100%; 
  height: 100%;
}

/* horizontale hoofdmenu */
ul#hoofdmenu1 { margin: 0px; list-style: none; height:43px; padding-left:50px; background: url(/images/specific/menu-ul.gif) no-repeat left bottom;} 
ul#hoofdmenu1 li { float: left; height: 51px; width: 144px;} 
.hoofdmenu1-over { background-image: url(/images/specific/tab_active.jpg); background-repeat: no-repeat; padding-top: 15px;}
.hoofdmenu1-normal {  background-image: url(/images/specific/tab_neutraal.jpg); background-repeat: no-repeat; padding-top: 15px;}
ul#hoofdmenu1 li:hover, ul#hoofdmenu1 li:hover a  {  color: #66aff2;}
ul#hoofdmenu1 li a { display: inline;  overflow: hidden; height: 51px; color: #004c91;} 
ul#hoofdmenu1 li.hoofdmenu1-over a.hmenulink {color:#66aff2;}
ul#hoofdmenu1 li a:hover, ul#menu_horizontaal li.active a, ul#menu_horizontaal li.active a:hover { color: #66aff2; height: 51px; }

/* 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 { padding-left: 5px; 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');
  width: 950px;  
  height: 183px;
  text-align:right;
  background-repeat: no-repeat;
}
#headerverkoop {
  background-position: left top;
  background-image: url('/images/specific/header_verkoop.jpg');  
width: 950px;  
  height: 183px;
  text-align:right;
  background-repeat: no-repeat;
}
#headerrecycling {
  background-position: left top;
  background-image: url('/images/specific/header_recycling.jpg');  
width: 950px;  
  height: 183px;
  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: relative;
  bottom: -1px; /* heel belangrijk */	
  float: left;
  /*height: auto !important;
  height: 100%;*/
  min-height: 81%;
  width: 180px;
  margin: 0 auto;
  text-align: left;
  /*background: yellow;*/
}
	
#main_content{
  float:right; 
  width:680px; 
  text-align:left;
  margin-right: 10px;
  margin-left: 180px;
  z-index:180;
  overflow: auto;

}
#wrapper_menu_content {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  position: relative;
  height: 100%;
  padding-top:20px;
}
#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: 200px;
  margin: 0 auto;
  text-align: left;
  position: relative;
  z-index:200;
}

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

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

#extraDiv1{
  position:absolute;
  margin-left: 133px;
  margin-top: 139px;
  width:200px;
  height:115px;
  z-index:300;
border: 1px solid red;
visibility: hidden; 
display:none;
}


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

#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 #004c91;
  color: #004c91;
  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-repeat: no-repeat;
  background-position: center bottom;
}

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



#cfmdiv3 {
  border: 1px solid blue;
  background-color: #ff9933; 
  text-align: center; 
  z-index:300;
}



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