body{ margin: 0; padding: 0; font-family: Helvetica, Arial, Trebuchet; color: #808080; font-size: 12px; line-height: 20px;}

h1, h2, h3{ color: #3d3d3f;}
h1{margin-bottom: 10px; font-size: 21px;}
h2{margin-bottom: 5px; font-size: 18px;}

#MainContainer { margin: 0 auto; width: 1024px;}

#header { background: url(../images/header.jpg); width: 1024px; margin: 0 auto; height: 290px; position: relative;}
#header_vervolg{ background: url(../images/header_vervlg_bg.jpg); margin: 0 auto; width: 1024px; height: 207px; position: relative;}
#header #foto_top	{ position: absolute; top: 52px; left: 712px;}
#menu { position: absolute; right: 20px; top: 23px; margin: 0; padding: 0;}
#menu ul { list-style-type: none; margin: 0; padding: 0; float: left;}
#menu ul li { position:relative; float: left; display: block; background: #8eba31; height: 36px; margin: 0; padding: 0; font-size: 17px; font-weight: bold;}
#menu ul li.first { background: #8eba31 url(../images/menu_bg_left.jpg) left no-repeat; }
#menu ul li.last { background: #8eba31 url(../images/menu_bg_right.jpg) right no-repeat; }
#menu ul li a{  padding: 7px 12px 8px 12px; display: block; position: relative; color: #FFF; text-decoration: none; }

#activeRight{ background: url(../images/active_bg_right.jpg);width: 11px; height: 36px; float: left;}
#activeLeft{ background: url(../images/active_bg_left.jpg);width: 11px; height: 36px; float: left;}
li.first #activeLeft{ background: url(../images/active_first_bg_left.jpg); width: 11px; height: 36px; float: left;}
li.last #activeRight{ background: url(../images/active_last_bg_right.jpg); width: 11px; height: 36px; float: left;}
li #active{ float: left; background: #ecf1e0; border: 1px solid #8fbb33; border-left: none; border-right: none; height: 33px;}
ul li #active a { color: #729527; padding-left: 0; padding-right: 0;}
#menu ul li div.shadow{  padding: 6px 12px 7px 12px; position: absolute; color: #799f2a; text-decoration: none;}

#top { border-bottom: 1px solid #e3e3e3;}
#blok1 { width: 325px; padding: 5px; padding-left: 0; float: left;}
#blok2 { width: 325px; padding: 8px; padding-top: 5px; float: left;}
#blok3 { width: 325px; padding: 5px; padding-right: 0;  float: left;}
#middle{ width: 1004px; clear: both;}

#middleRight{ float: right; width: 340px;}
#blok4 { width: 325px; padding: 5px; padding-right: 0; float: left;}
#blok5 { width: 325px; padding: 5px; padding-right: 0;  float: right;}

#innerContent { width: 650px; padding-top: 40px; float: left; }
#innerContent.small { width: 320px;}

#submenu{ width: 310px; padding: 10px; float: left;}
#Content { padding: 10px;}
#bottom{clear: both; color: #e3e3e3;width: 100%; padding-top: 50px; background: #3d3d3f url(../images/bottom_bg.JPG) repeat-x;}
#bottom a{color: #e3e3e3; text-decoration: none;}
#bottom a.active{color: #FFF; text-decoration: none;}
#bottom h3{  font-size: 21px; color: #e3e3e3;;}

#Content a { text-decoration: underline;  color: #808080; } 
#Content a { text-decoration: underline;  color: #808080; } 

div.left{ 		float: left; margin-left: 70px; width: 150px;}
div.middle { 	float: left; margin-left: 40px; width: 500px;}
div.right { 	float: right; margin-right: 5U0px; width: 200px;}
div.footer{ color: #DDD; background: url(../images/footer.gif); padding: 5px; height: 20px; padding-top: 10px; text-align: center;}
div.footer a{ color: #DDD; text-decoration: none;}

div.info_werknemer_top { background: url(../images/info_werknemer_top.jpg) left no-repeat; height: 8px; margin-left: 2px;}
div.info_werknemer_bottom { background: url(../images/info_werknemer_bottom.JPG) left no-repeat; height: 8px; margin-left: 1px;}
div.infoWerknemer{ min-height: 180px;font-size: 12px; color:#666; text-align: left; background: url(../images/info_werknemer_bg.JPG) repeat-y; padding: 15px; padding-top: 0px; padding-bottom: 0; padding-right: 25px;}
div.infoWerknemer h1{ color:#93ba0d; margin-bottom: 5px;}
div.infoWerknemer h2{  color:#969696; margin-bottom: 5px;}
div.infoWerknemer img{ margin-right: 15px; margin-bottom: 5px;}
div.keurmerk { color: #808080; border-bottom: 1px solid #e3e3e3; margin-left: 15px; margin-top: 36px;}
div.keurmerk  h1{ color: #3d3d3f; font-size: 21px; margin-bottom: 5px;}
div.keurmerk  img{ margin:25px; margin-top: 0;}

div.contactInfo { padding: 20px; color: #FFF; border-bottom: 1px solid #e3e3e3;}
div.volg h1{ color: #3d3d3f; font-size: 21px; margin: 10px;}
div.volg{color: #808080; border-bottom: 1px solid #e3e3e3; margin-left: 15px; padding-bottom: 20px; margin-bottom: 10px;}

#submenu ul{list-style-type: none; margin-top: 30px;}
#submenu li { padding-left: 30px; padding-bottom: 4px;}
#submenu li a{ color: #666; font-weight: bold; text-decoration: none; display: block; width: 300px; margin-top: 0; padding-top: 0;}
#submenu li.active a{ color: #666;}
#submenu li.active{ background: url(../images/subactive.jpg) no-repeat; background-position: 0px 3px;}

#formulier{ color: #808080;  }
#formulier input{ width: 300px; border: 1px solid #999; font-size: 12px;}
#formulier textarea{ width: 300px;  border: 1px solid #999;}
#formulier td  { padding: 3px; }
div.testimonial { padding: 10px; padding-top: none; text-align: center; margin: 20px; margin-top: none; height: 100px;}
div.testimonial h1{ color: #93ba0d; font-size: 18px; line-height: 24px;   margin-bottom: 0;}
div.testimonial span{ margin: 10px;}

a.more{ font-size: 21px; color: #93ba0d; margin-left: 140px; margin-bottom: 40px;}
a.LinkedIn{ margin-left: 12px;}
div.blog div.left{ float: left; width: 140px; margin: 0; padding: 0;}
div.blog div.right{ float: left; width: 470px;margin: 0; padding: 0;}
div.button2{ background: url(../images/button.jpg) right no-repeat; color: #fff; height: 21px; cursor: pointer; padding-right: 17px; padding-top: 5px;}


#faq	{ float: left; width: 240px; background-image: url(../images/faqbg.gif); background-repeat: repeat-y; height: 250px; position:relative; } 

#faq .up		{ cursor: pointer; width: 240px; height:38px; background-image:url(../images/faq_top_on.gif); position: absolute; top: 0px; }
#faq .down		{ cursor: pointer; width: 240px; height:36px; background-image: url(../images/faq_down_on.gif); position: absolute; bottom: 0px;  }
#faq .up_off	{ background-image: url(../images/faq_top_off.gif);}
#faq .down_off	{ background-image: url(../images/faq_down_off.gif);}
#faq .faqitems 	{ height: 180px; overflow: hidden; position: absolute; top: 38px; width: 240px; overflow:hidden; } 

#faq .item		{ cursor: pointer; min-height: 38px;  padding: 0px 10px 0px 5px; margin: 5px 0px 6px 0px;  } 
#faq .item		{ color: #808080;} 
#faq .item a	{ color: #808080; text-decoration:none;  }

#faq .itemselected		{ min-height: 38px; padding: 0px 10px 0px 5px; margin: 5px 0px 5px 0px;background-color:#dddede; background-position:0 top; border-bottom: 1px solid #cccccc; background-image: url(../images/faq_selected.gif); background-repeat: repeat-x;  } 
#faq .itemselected		{ color: #808080;} 
#faq .itemselected a	{ color: #808080; text-decoration:none;  }

#faqantwoord 					{ float: right;  width: 378px; background-image: url(../images/faq_antwoord_bg.gif); background-repeat: repeat-y; }
#faqantwoord .antwoordcontent	{ background-image:url(../images/faq_antwoord_top.gif); min-height: 58px; background-repeat: no-repeat;  }
#faqantwoord .bottom			{ background-image:url(../images/faq_antwoord_bottom.gif); height:20px; background-repeat: no-repeat;  }
#faqantwoord .text				{ padding: 15px 15px 0px 30px; }