/* webdev: Pim Rijpsma - pim@fabrique.nl */

body{ margin: 0; padding: 0; color: #666666; background: #FFFFFF; font: 74%/1.4em Arial, Helvetica, sans-serif; text-align: center; }
img, img a{ border: none; }
a{ text-decoration: underline; color: #666666; }
a:hover{ text-decoration: underline; color: #333333; }
p{ padding: 0; margin: 0.3em 0 1em 0; }
p:after { content: "."; display: block; height: 0; visibility: hidden; clear: both; }

.center{ margin: auto auto; }
.centertxt{ text-align: center; }
.clear{ clear: both; display: block; }
.desc{ color: #CCCCCC; font-size: 92%; }
.left{ float: left;}
.cleft{ clear: left; }
.leftimg{ margin: 4px 8px 4px 0; float: left; }
.lefttxt { text-align: left; }
.padding{ padding: 10px; }
.right{ float: right; }
.cright{ clear: right; }
.rightimg{ float: right; margin: 4px 0 4px 8px; }
.righttxt{ text-align: right; }
.wrap{ width: auto; /*word-wrap: break-word; */}
.hide{ display: none; }
.auto{ width: auto !important; }

/*::-moz-selection{ background: yellow; color: #333333;}
::selection { background: yellow; color: #333333;}*/

h1, h2, h3, h4, h5{ clear: both; line-height: 110%; color: #666666; font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif; }
h1{ font-size: 150%; margin:  0.3em 0 0.1em 0; padding: 0 1.5em 0 0; color: #666666; font-weight: normal; }
h2{ font-size: 140%; margin: 0.1em 0 0.1em 0; padding: 0; font-weight: normal; }
h3{ font-size: 130%; margin: 0.1em 0 0.1em 0; padding: 0; font-weight: bold; }
h4{ font-size: 120%; margin: 0 0 0.1em 0; padding: 0; }
h5{ font-size: 110%; margin: 0 0 0.1em 0; padding: 0; }

#content form{ margin: 0 0 1em 0; padding: 0; }
#content form label{ display: block; padding: 0.2em 0 0.2em 0; cursor: pointer; float: left; width: 28%; }
#content form label.inline{ display: inline; padding: 0.2em 0 0.2em 0; cursor: pointer; float: left; width: auto; }
#content form input.checkbox{ display: inline; float: left; border: none; width: auto; margin: 0.2em 0.2em 0 0.5em; }
#content form p{ margin: 0; padding: 0 0 0.2em 0; width: 99%; clear: both;}
#content form input, form select { border: 1px #CCCCCC solid; width: 70%; padding: 2px 0 3px 3px; font-size: 92%;  }
#content textarea{ border: 1px #CCCCCC solid; width: 98%; padding: 2px 0 3px 3px; margin: 0 0 1em 0; font-size: 100%; font-family: Arial, Helvetica, sans-serif;}
#content form .button{ font-weight: bold; padding: 0.2em 0.2em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; background: #666666; color: #FFFFFF; cursor: pointer; border: none; }
#content form .buttonhover{ font-weight: bold; padding: 0.2em 0.2em 0.25em 0.2em; width: auto !important; margin: 1em 0 0 0.2em; background: #CCCCCC; color: #FFFFFF; cursor: pointer; border: none; }

#content table{ width: 99%; border-collapse: collapse; empty-cells: show; }
#content table caption{ text-align: right; font-size: 92%; color: #CCCCCC; padding: 0 0 0.2em 0;  }
#content thead th{ font-weight: bold; padding: 0.2em 10px 0.2em 4px; width: auto; color: #333333 !important; background: #F6F8FA; }
#content tfoot td{ font-weight: normal; color: #666666 !important; padding: 0.2em 10px 0.2em 4px !important; }
#content td{ border: 0; font-size: 92%; empty-cells: show; vertical-align: top; text-align: left; padding: 0.4em 10px 0.4em 4px; }
#content table.line td, table.line th{ border-bottom: 1px #E5EAEF solid; padding: 0.4em 10px 0.4em 4px; }

hr{border: none; margin: 1em 0; width: 99%; clear: both; display: block; background: #CCCCCC; color: #CCCCCC; line-height: 1px; height: 1px; }

#framework{ margin: auto auto; background: #FFFFFF; width: 676px; text-align: left; position: relative; }
#header{ float: left; margin: 10px 0; background: url(../images/header_generic.png); width: 668px; height: 65px; position: relative; }
body.page-home #header{ background: url(../images/homeheader.png);}
#header h1 { display: none; }
#header_faq { text-indent: -9999px; display: block; position: absolute; right: 285px; width: 40px; top: 5px; height: 16px; }
#header_sitemap { text-indent: -9999px; display: block; position: absolute; right: 205px; width: 65px; top: 5px; height: 16px; }
#header_contact { text-indent: -9999px; display: block; position: absolute; right: 120px; width: 70px; top: 5px; height: 16px; }
#header_mijn { text-indent: -9999px; display: block; position: absolute; right: 5px; width: 100px; top: 5px; height: 16px; }
#subheader { float: left; background: url(../images/homesubheader.png); width: 668px; height: 176px; margin-bottom: 10px; position: relative; }
#subheader p { position: absolute; display: block; left: 10px; width: 190px; color: #fff; font-size: 11px; }
#subheader_opleidingen { text-indent: -9999px; right: 0; top: 90px; width: 215px; height: 85px; display: block; position: absolute; }
#subheader_vacatures { text-indent: -9999px; right: 0; top: 0; width: 215px; height: 85px; display: block; position: absolute; }
#generic{ float: right; padding: 4px 0; }
#side{ float: left; width: 223px; height: 544px; background: url(../images/leftmenu.png); position: relative; }
#side a { display: block; width: 223px; height: 52px; margin-bottom: 9px; text-indent: -9999px; overflow: hidden;}
#side a:hover { background-image: url(../images/leftmenu_hover.png); }
#contentside { float: left; width: 223px; position: relative; margin: 0; }
#contentside #nav { margin: 0; padding: 0;}
#contentside a { display: block;  height: 52px; margin-bottom: 9px; text-indent: -9999px; overflow: hidden;}
#contentside a { background-image: url(../images/leftmenu.png); }
#contentside a:hover { background-image: url(../images/leftmenu_hover.png); }
#contentside ul li {  height: 57px; background: url(../images/dottedline.gif); background-repeat: repeat-x; background-position: bottom left; }
#contentside ul li ul li { height: auto; background: none;  }


#contentside ul li.orgaontw { height: auto; background-image: none; }

#contentside a.over { background-position: 0px -122px; }
#contentside a.nieuws { background-position: 0px -61px; }
#contentside a.vacatures { background-position: 0px -183px; }
#contentside a.opleidingen { background-position: 0px -244px; }
#contentside a.zoektalent { background-position: 0px -305px; }
#contentside a.bentalent { background-position: 0px -366px; }
#contentside a.talentontw { background-position: 0px -427px; }
#contentside a.orgaontw { background-position: 0px -488px; }

.totop { font-size: 10px; }

#contentside ul { list-style-type: none; }
#contentside ul li.selected { height: auto; margin: 10px 0px 10px 2px; width: 218px; background-image: url(../images/menubottom.png); background-repeat: no-repeat; background-position: bottom left; }
#contentside ul li.selected a { background-image: url(../images/menutop.png); background-repeat: no-repeat; height: 58px; }
#contentside ul li.selected ul { list-style-type: none; padding: 0px; margin: 0px; padding-bottom: 10px;}
#contentside ul li.selected ul li { background-image: none; height: auto;}
#contentside ul li.selected ul li a { text-indent: 0; color: white; padding: 1px 8px; margin: 0; width: auto; height: auto; background: none; text-decoration: none;}
#contentside ul li.selected ul li a:hover { background: #ccc; }
#contentside ul li.selected ul li.selected { height: auto; margin: 0; padding: 0}
#contentside ul li.selected ul li.selected ul { height: auto; margin: 0; padding: 0}
#contentside ul li.selected ul li.selected ul li a { padding: 1px 0px 1px 16px; }


#contentside .selected.nieuws { background-color: #c09bcc; }
#contentside .selected a.nieuws { background-image: url(../images/selected/nieuws.png); background-position: top left; }
#contentside .selected.nieuws ul li a:hover { background-color: #cdafd6; }
#contentside ul li.selected.nieuws ul li.selected a { background-color: #cdafd6; }

#contentside .selected.opleidingen { background-color: #7996be; }
#contentside .selected a.opleidingen { background-image: url(../images/selected/opleidingen.png); background-position: top left; }
#contentside ul li.selected.opleidingen ul li a:hover { background-color: #94abcb; }

#contentside .selected.over { background-color: #6aaec6; }
#contentside .selected a.over { background-image: url(../images/selected/over.png); background-position: top left; }
#contentside .selected.over ul li a:hover { background-color: #88bed1; }
#contentside ul li.selected.over ul li.selected a { background-color: #88bed1; }

#contentside .selected.vacatures { background-color: #a1ec12; }
#contentside .selected a.vacatures { background-image: url(../images/selected/vacatures.png); background-position: top left; }
#contentside .selected.vacatures ul li a:hover { background-color: #b4f041; }
#contentside ul li.selected.vacatures ul li.selected a { background-color: #b4f041; }

#contentside .selected.zoektalent { background-color: #66cc66; }
#contentside .selected a.zoektalent { background-image: url(../images/selected/zoektalent.png); background-position: top left; }
#contentside .selected.zoektalent ul li a:hover { background-color: #85d685; }
#contentside ul li.selected.zoektalent ul li.selected a { background-color: #85d685; }

#contentside .selected.bentalent { background-color: #e9896b; }
#contentside .selected a.bentalent { background-image: url(../images/selected/bentalent.png); background-position: top left; }
#contentside .selected.bentalent ul li a:hover { background-color: #eb957a; }
#contentside ul li.selected.bentalent ul li.selected a { background-color: #eb957a; }

#contentside .selected.talentontw { background-color: #E7CC5E; }
#contentside .selected a.talentontw { background-image: url(../images/selected/talentontw.png); background-position: top left; }
#contentside .selected.talentontw ul li a:hover { background-color: #e9d16e; }
#contentside ul li.selected.talentontw ul li.selected a { background-color: #e9d16e; }

#contentside .selected.orgaontw { background-color: #E99CD8; }
#contentside .selected a.orgaontw { background-image: url(../images/selected/orgaontw.png); background-position: top left; }
#contentside .selected.orgaontw ul li a:hover { background-color: #eba6dc; }
#contentside ul li.selected.orgaontw ul li.selected a { background-color: #eba6dc; }

#breadcrumbs { position: absolute; left: 10px; top: 50px; width: 650px; height: 30px; color: white;}
#menu_home:hover { background-position: 0px 0px; }
#menu_nieuws:hover { background-position: 0px -61px; }
#menu_over:hover { background-position: 0px -122px; }
#menu_vacatures:hover { background-position: 0px -183px; }
#menu_opleidingen:hover { background-position: 0px -244px; }
#menu_zoektalent:hover { background-position: 0px -305px; }
#menu_bentalent:hover { background-position: 0px -366px; }
#menu_talentontw:hover { background-position: 0px -427px; }
#menu_orgaontw:hover { background-position: 0px -488px; }
#contentfooter { width: 676px; margin: 0 auto; }

#footer { float: left; width: 667px; height: 25px; background: url(../images/footer.png); position: relative; margin: 5px 0px; }
#footer_privacy { position: absolute; left: 215px; top: 0; height: 25px; width: 150px; text-indent: -9999px; }
#footer_colofon { position: absolute; left: 380px; top: 0; height: 25px; width: 90px; text-indent: -9999px;}


#contentnormal{ width: 424px; margin: 2px 0 0 20px; float: left; }

#content{ width: 444px; margin: 2px; float: left; }
#content .kop{ font-size: 12px; font-weight: bold; color: #000; }
#content .subkop{ border-bottom: #CCCCCC 1px solid; padding: 0 0 0.2em 0; font-size: 110%;  }
#content p{ padding: 0; margin: 0.3em 0 2em 0; color: #000; }
#content a{  color: #000; }



#one,#two,#three,#four, #five, #six, #seven, #eight { float: left; width: 220px; margin: 2px; color: #FFFFFF; }
#one { background: url(../images/habitask_helpt.gif) #FFFFFF no-repeat; height: 105px; }
#two { background: url(../images/two_bot.gif) #6F9B8B bottom left no-repeat; }
#two div.cubetxt{ background: url(../images/two_top.gif) top left no-repeat; color: #E2EBE8; }
#two div.cubetxt a{ color: #E2EBE8; }
#three { background: url(../images/three_bot.gif) #7996BE bottom left no-repeat; }
#three div.cubetxt{ background: url(../images/three_top.gif) top left no-repeat; color: #E4EAF2; }
#three div.cubetxt a{ color: #E4EAF2;  }
#four { background: url(../images/four_bot.gif) #6AAEC6 bottom left no-repeat; }
#four div.cubetxt{ background: url(../images/four_top.gif) top left no-repeat; color: #E1EFF4; }
#four div.cubetxt a{ color: #E1EFF4; }
#five { background: url(../images/five_bot.gif) #FF9933 bottom left no-repeat; }
#five div.cubetxt{ background: url(../images/five_top.gif) top left no-repeat; color: #FFEBD6; }
#five div.cubetxt a{ color: #FFEBD6; }
#six { background: url(../images/six_bot.gif) #8CC374 bottom left no-repeat; }
#six div.cubetxt{ background: url(../images/six_top.gif) top left no-repeat; color: #E8F3E3; }
#six div.cubetxt a { color: #E8F3E3; }
#seven { background: url(../images/seven_bot.gif) #A1EC12 bottom left no-repeat; }
#seven div.cubetxt{ background: url(../images/seven_top.gif) top left no-repeat; color: #405E07; }
#seven div.cubetxt a{ color: #405E07; }
#eight { background: url(../images/eight_bot.gif) #FF9933 bottom left no-repeat; /*clear: left;*/}
#eight div.cubetxt{ background: url(../images/eight_top.gif) top left no-repeat; color: #663D14; }
#eight div.cubetxt a{ color: #663D14; }

.cubetxt{ width: 220px; height: 100%; float: left; margin: 0; padding: 0; font-size: 92%; line-height: normal;}
.cubetxt a{ color: #FFFFFF; text-decoration: underline; }
.cubetxt a:hover{ color: #FFFFFF !important; text-decoration: underline; }
.cubetxt .padding{ padding: 34px 10px 10px 10px; margin: 0; }
.cubetxt .slimpadding{ padding: 10px; }
.cubetxt ul{ list-style: none; margin: 0; padding: 0; font-size: 100%; }
.cubetxt ul li{ list-style: none; padding: 0.2em 0 0.2em 0.7em; }
.cubetxt ul.green li{ background: url(../images/green_bullet.gif) 0 0.8em no-repeat; }
.cubetxt ul.green li a:hover{ color: #405E07 !important;  }
.cubetxt ul.orange li{ background: url(../images/orange_bullet.gif) 0 0.8em no-repeat; }
.cubetxt ul.orange li a:hover{ color: #663D14 !important;  }
.cubetxt ul li a{ text-decoration: none; }
.cubetxt ul li a:hover{ text-decoration: underline; }
.dots{ background: url(../images/dottedline.gif) left center #FFFFFF repeat-x; float: left; margin: 0 0 0 4px; width: 98%; height: 8px; }
.footer{ margin-top: 25px; clear: both; float: none;}

/* navigation styels */
/*
ul#nav, #nav ul{ list-style: none; margin: 0; padding: 0 0 10px 0; float: left; display: block;; clear: both;}
#nav li{ list-style: none; float: left; display: block; clear: both; width: 130px;}
#nav li span{ display: none; }
#nav ul li span{ display: block; margin: 0 10px 4px 10px; padding: 0 0 2px 0; border-bottom: 1px #FFFFFF dashed; }
#nav li a{ width: 130px; float: left; display: block; clear: both; }
#nav ul li a{ color: #FFFFFF; text-decoration: none; font: 96% Arial, Helvetica, sans-serif;  -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8;  }
#nav ul li a:hover{ text-decoration: underline; }
#nav li ul ul{ background: none !important; }
#nav li ul ul li a span{ padding-left: 1em; }
#nav ul li.selected a{ font-weight:bold; }
#nav ul li.selected li a{ font-weight:normal; }
#nav ul li li.selected a{ font-weight:bold; }
#nav li a.home{ background: url(../images/01_nav_out.gif) no-repeat; height: 27px; }
#nav li a.home:hover{ background: url(../images/01_nav_over.gif) no-repeat; }

#nav li a.consultancy{ background: url(../images/02_nav_out.gif) no-repeat; height: 29px; }
#nav li a.consultancy:hover{ background: url(../images/02_nav_over.gif) no-repeat; }
#nav li.selected a.consultancy, #nav li.selected a.consultancy:hover{ background: url(../images/02_nav_selected.gif) no-repeat; }
#nav li.consultancy ul{ background: url(../images/02_nav_bot.gif) #6AAEC6 left bottom no-repeat; }

#nav li a.organisatieadvies{ background: url(../images/organisatieadvies_nav_out.gif) no-repeat; height: 43px; }
#nav li a.organisatieadvies:hover{ background: url(../images/organisatieadvies_nav_over.gif) no-repeat; }
#nav li.selected a.organisatieadvies, #nav li.selected a.organisatieadvies:hover{ background: url(../images/organisatieadvies_nav_selected.gif) no-repeat; }
#nav li.organisatieadvies ul{ background: url(../images/02_nav_bot.gif) #6AAEC6 left bottom no-repeat; }


#nav li a.interim{ background: url(../images/03_nav_out.gif) no-repeat; height: 43px; }
#nav li a.interim:hover{ background: url(../images/03_nav_over.gif) no-repeat; }
#nav li.selected a.interim, #nav li.selected a.interim:hover{ background: url(../images/03_nav_selected.gif) no-repeat; }
#nav li.interim ul{ background: url(../images/03_nav_bot.gif) #6F9B8B left bottom no-repeat; }

#nav li a.werving{ background: url(../images/04_nav_out.gif) no-repeat; height: 43px; }
#nav li a.werving:hover{ background: url(../images/04_nav_over.gif) no-repeat; }
#nav li.selected a.werving, #nav li.selected a.werving:hover{ background: url(../images/04_nav_selected.gif) no-repeat; }
#nav li.werving ul{ background: url(../images/04_nav_bot.gif) #FF9933 left bottom no-repeat; }

#nav li a.detachering{ background: url(../images/05_nav_out.gif) no-repeat; height: 29px; }
#nav li a.detachering:hover{ background: url(../images/05_nav_over.gif) no-repeat; }
#nav li.selected a.detachering, #nav li.selected a.detachering:hover{ background: url(../images/05_nav_selected.gif) no-repeat; }
#nav li.detachering ul{ background: url(../images/05_nav_bot.gif) #8CC374 left bottom no-repeat; }

#nav li a.opleidingen{ background: url(../images/06_nav_out.gif) no-repeat; height: 29px; }
#nav li a.opleidingen:hover{ background: url(../images/06_nav_over.gif) no-repeat; }
#nav li.selected a.opleidingen, #nav li.selected a.opleidingen:hover{ background: url(../images/06_nav_selected.gif) no-repeat; }
#nav li.opleidingen ul{ background: url(../images/06_nav_bot.gif) #7996BE left bottom no-repeat; }

#nav li a.werken{ background: url(../images/07_nav_out.gif) no-repeat; height: 44px; }
#nav li a.werken:hover{ background: url(../images/07_nav_over.gif) no-repeat; }
#nav li.selected a.werken, #nav li.selected a.werken:hover{ background: url(../images/07_nav_selected.gif) no-repeat; }
#nav li.werken ul{ background: url(../images/07_nav_bot.gif) #A1EC12 left bottom no-repeat; }
#nav li.werken a { color:#405E07; }

#nav li a.over{ background: url(../images/08_nav_out.gif) no-repeat; height: 29px; }
#nav li a.over:hover{ background: url(../images/08_nav_over.gif) no-repeat; }
#nav li.selected a.over, #nav li.selected a.over:hover{ background: url(../images/08_nav_selected.gif) no-repeat; }
#nav li.over ul{ background: url(../images/08_nav_bot.gif) #FFCC66 left bottom no-repeat; }

#nav li a.vestigingen{ background: url(../images/09_nav_out.gif) no-repeat; height: 30px; }
#nav li a.vestigingen:hover{ background: url(../images/09_nav_over.gif) no-repeat; }
#nav li.selected a.vestigingen, #nav li.selected a.vestigingen:hover{ background: url(../images/09_nav_selected.gif) no-repeat; }
#nav li.vestigingen ul{ background: url(../images/09_nav_bot.gif) #FFCC66 left bottom no-repeat; }

#nav li a.actueel{ background: url(../images/10_nav_out.gif) no-repeat; height: 28px; }
#nav li a.actueel:hover{ background: url(../images/10_nav_over.gif) no-repeat; }
#nav li.selected a.actueel, #nav li.selected a.actueel:hover{ background: url(../images/10_nav_selected.gif) no-repeat; }
#nav li.actueel ul{ background: url(../images/10_nav_bot.gif) #FFCC66 left bottom no-repeat; }
*/

/* mpl */
#hpvisual {
  padding: 2px 3px;
}

.profitweb{float:left;margin-right:212px;}


/*aanpassingen home, kleuren, mdi, jan 2008*/
#four div.cubetxt{ background-image: url(../images/four_top_new.gif)}
#hpvisual {
  padding:0 !important;
  display:block;
  margin:2px 2px 0 2px;
}
#seven,
#eight {
  display:inline !important;
}
* html #visual {
  margin-left:1px !important;
}
#content {
  background:url(../images/nieuws_header.png) 3px 4px no-repeat;
  padding-top:35px;
}