/* 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; height: 100%; text-align: left; position: relative; }
#header{ float: left; }
#generic{ float: right; padding: 4px 0; }
#side{ float: left; width: 225px; }
#content{ width: 444px; margin: 2px; float: left; }
#content .kop{ border-bottom: 5px solid; padding: 0 0 0.2em 0; font-size: 110%; }
#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; }

#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; }

/* 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/home_nieuws.gif) 10px 15px no-repeat;
  padding-top:45px;
}