/**************************************************************************************************
html-body Section
***************************************************************************************************/
  body{
  height:100%;
  text-align:center;
  background:#FFFFFF;
  behavior: url(/css/csshover.htc);               
  }
/**************************************************************************************************
Framework Section
 ***************************************************************************************************/  
  #wraper{   
  width:960px;
  margin:0 auto;
  text-align:left;
  background:#FFFFFF;
  }

  /*#wraper{
  position:relative;       
  width:960px;
  min-height:100%;           
  height:auto !important;    
  height:100%;
  margin:0 auto;
  text-align:left;
  background:#dcdcdc;
  }*/
/**************************************************************************************************
Header section
 ***************************************************************************************************/  
   
   #header{
   width:960px;
   height:150px;
   background:#FFFFFF;
   }
   .headlogo{
	float:left;
	width:226px;
	height:150px;
	background:#FFFFFF url(../images/headlogomain.jpg) no-repeat left bottom;
	background-position:0% 0%;
	cursor:hand;
	cursor:pointer;
   }
/*Fotos style*/
  .headfotos{
   float:left;
   width:730px;
   height:150px;
   border:0px solid lime;
   } 
   .fotos{
   width:730px;
   height:112px;
   margin:0 0 0 2px;_margin:0 0 0 0px;
   border:0px solid lime;
   }
   .foto1, .foto2, .foto3, .foto4, .foto5{
   float:left;
   width:146px;
   height:112px;
   border:0px solid orange;
   _overflow :hidden;/*fix ie*/
   }
   
/*Horizmenu style*/

  .horizmenu{
   width:734px;
   }
   .horizmenubox{
   width:734px;
   min-height:38px;_height:38px;
   }
   .horizmenu ul{
   list-style:none;
   margin:0 0 0 2px;_margin:0 0 0 0px;
   min-height:19px;_height:19px;
   border:0px solid green;
   }
   .horizmenu ul li{
   float:left;
   width:145.5px;_width:146px;
   height:38px;
   text-align:center;
   background:#0351a6;
   border-right:1px solid #000;
   }
   .horizmenu a{
   display:block;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   padding:10px 0 11px 0;
   }
   .horizmenu a:hover, .horizmenu #selectedmenu{
   color:#000;
   }
   .horizmenu li:hover, .horizmenu .menuitem-active{
   background:#d9d9d9;
   }
   .horizmenu .lastchild{
   width:146px;
    border-right:none;
   }


/*CMS-Menu Plusteken style */  
   .horizmenu a img{
   float:left;
   margin:-10px 0 0 0px;
   }
   
/**************************************************************************************************
Contentwraper section
***************************************************************************************************/  
   #contentwraper{
   width:960px;
   min-height:300px;
   _height:300px;
   }
/*hidden>body #contentwraper{
  overflow:hidden;
   }*/

/**************************************************************************************************
Navbar section
***************************************************************************************************/  
.navbar{
    float:left;
    width:228px;
    }
.navbarbox{
    width:228px;
    min-height:300px;_height:300px;
    margin:0px 0 0 0px;
    }
.navbar ul {
    list-style: none;
    margin:0;
    text-align:center;
    }
.navbar ul li {
    min-height:28px;_height:28px;
    margin:0 0 5px 0;_margin:0 0 5px 0;
    background:#0351a6;/*blue*/
    }
.navbar ul a {
    display:block;                    
    _height:1%;
    font-size: 12px;
    font-weight:bold;
    color: #fff;
    padding:5px 0 6px 0;
    border:0px solid lime;
    }
.navbar ul li a:hover, .navbar .menuitem-active{
    _height:1%;
    display:block;
    color:#fff;
    background:#3b3b3b;
    }
/*Submenu style*/
.navbar li ul{
    display:none;
    list-style: none;
    text-align:left;
    margin:0px;
    border:0px solid orange;
    }
.navbar .menuitem-active ul, .navbar .menuitem-path ul {
    display:block;
    } 	
.navbar li ul li {
    min-height:17px;_height:17px;
    background:#6b6a6a;/*grijs*/
    padding:0px;
    margin:0;_margin:-3 0 0 0px;
    }	
.navbar li ul li a {
    display:block;
    padding:0 0 0 12px;
    background:url(/images/navbulwit.gif) no-repeat top left;
    background-position:3px 5px;
    }
.navbar li ul li a:hover, .navbar li ul #selectedmenu  {
    display:block;
    color:#000;
    background:#d9d9d9 url(/images/navover.png) no-repeat top left;
    background-position:3px 5px;
    }
/*zorgt voor path activiteiten*/    
.navbar .menuitem-path a{
 display:block;
    color:#FFFFFF;
    background:#3b3b3b; 
}
.navbar .menuitem-path ul li a{
  background:#6b6a6a url(/images/navbulwit.gif) no-repeat top left;
  background-position:3px 5px;
}                
   .leegbox{
  width:228px;
  height:30px;
  background:#0351a6;/*blue*/
  }
/*Zoek style*/
  .zoek{
  width:230px;
  height:30px;
  background:#0351a6;
  }
  .zoekbox{
   width:230px;
   height:30px;
   margin:0px 0 0 0px;
   }
   .zoekbox label{
   font-weight:bold;
   color:#fff;
   padding:0 7px 0 3px;
   }
   .zoekbox .zoekfield{
    width:125px;
    height:22px;
    font-size:11px;
    padding:4px 0 0 2px;
  	border:1px solid inset;
	}
   .zoekbox .zoekbtn{
    width:28px;
    height:28px;
  	background:url(/images/zoekbtn.gif) no-repeat left top; 
    background-position:5px 5px;_background-position:5px 8px;
  	cursor:hand;
  	cursor:pointer;
  	border:0px solid #FFFFFF;
	}


/**************************************************************************************************
Content section
***************************************************************************************************/  
 
.content{position:relative;
  float:left;
   width:730px;
   }
.contentbox{
   width:690px;
   height:400px;
   margin:20px 0 0 20px;
   overflow:auto;
   background:#fff;
   }
/*vlag style*/   
   .vlag{
   position:absolute;
   bottom:-30px;
   left:-230px;
   width:210px;
   height:55px;
   margin-top:20px;
   }
   .vlagbox{
   width:210px;
   height:30px;
   margin:0px 0 0 15px;
   }
   .dnv{
   float:right;
   _margin:-29px 0 0 0px;
   }        
/*Bread style*/		
.bread{
   width:660px;
   height:50px;
   padding:15px 0 0 10px;
   border:0px solid #FFFFFF;
   }
	.breadbox{
	  border:0px solid green;
	}
	.bread ul{
	  list-style:none;
	  margin:0px;
	  padding:0px;
	}
	.bread li{
	  float:left;
	}
	.bread li a{
	  font-size:12px;
	  font-weight:bold;
	  color:#404040;
	  padding:0 0px 0 12px;
	  background:url(/images/breadbullet.gif) no-repeat;
	  background-position:3px 7px;
	  border:0px solid green;
  }
	.bread .firstchild a{
	  font-size:16px;
	  font-weight:bold;
	  color:#000;
	  background:none;/**/
	  }
	.bread .lastchild a{
	  font-size:14px;
	  font-weight:bold;
	  color:#000;
	  }

/*Contenttext style*/	
.contenttextlift{
   width:650px;
   margin:0 0 0px 15px;
   padding:0 0 20px 0px;
   border:0px solid red;
   }

/*ExtraUnit style*/	
.extraunitbox{
   width:650px;
   margin:0 0 0px 15px;
   padding:0 0 20px 0px;
   border:0px solid green;
   }
   .extraunitcel{
   width:420px;
   padding:0 10px 0px 0px;
   }
   .extraunittext{
   width:400px;
   padding:0;
   border:0px solid blue;
   }
   
   .extraunitfotocel{
   width:220px;
   min-height:156px;_height:156px;
   }
   .extraunitfotobox{
   width:220px;
   height:156px;
   padding:0;
   border:0px solid blue;
   }
   
/**************************************************************************************************
Techniek section
***************************************************************************************************/  
       
   .techniek{
   /*width:960px;*/
   height:30px;
   background:#FFFFFF;
   padding-top:6px;
   text-align:center;
   border:0px solid orange;
   }
   html>body .techniek{
   overflow:hidden;
   }
  .techtext{
   height:20px;
   font-size:14px;
   font-weight:bold;
   color:#0351a6;
   margin:0 0 0 0px;
   }
  /*.techniek p{
  float:left;
   font-size:14px;
   font-weight:bold;
   color:#fff;
   margin:0 0 0 420px;
   }*/
    
/**************************************************************************************************
Foofooter section
***************************************************************************************************/  
  
  /*#foofooter{
   clear:both;
   padding-bottom:36px;
   border:0px solid green;
   }*/
/**************************************************************************************************
Footer section
 ***************************************************************************************************/  
   
   #footer{
  /* position:absolute;
   bottom:0px;*/
   width:960px;
   height:56px;
   background:#FFFFFF;
   color:#999999;
   clear:both;
   padding:40px 0 0 0;
   }
   html>body #footer{
  overflow:hidden;
   }
   .footerlift{
   width:940px;
   height:20px;
   font-size:10px;
   color:#999999;
   margin:10px 0 0 3px;
   }
   #footer a{
   text-decoration:underline;
   font-size:10px;
   color:#999999;
   }