body,
button,
input,
select,
textarea {
  color: #2a2a2a;
  font: 12px Arial, Verdana, Tahoma, sans-serif;
}

body {
  background: url(/img/base/body-bkg.gif) repeat-x top;
  line-height: 1.5;
}

a {
  color: #2a2a2a;
}

a:hover {
  color: #999;
}

a img {
  border: 0;
}

body,
html {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0 0 0.9em 0;
}

h1 {
  font-size: 18px;
  letter-spacing: -1px;
}

h2 {
  font-size: 16px;
  letter-spacing: -1px;
}

h3 {
  font-size: 14px;
  letter-spacing: -1px;
}

ol,
ul {
  padding: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button,
label[for] {
  cursor: pointer;
}

button {
  background: #f7a11a url(/img/base/basic-arrow.gif) no-repeat 10px 9px;
  border: 0;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  height: 24px;
  line-height: 24px;
  letter-spacing: -1px;
  padding: 0 20px 0 25px;
  
}

button:hover {
  background-color: #f77d1a;
}

legend {
  display: none;
}

input[type=password],
input[type=text],
select,
textarea {
  background: #fff;
  border: 1px solid #d6d6d7;
  color: #2a2a2a;
  height: 20px;
  line-height: 20px;
  padding: 0 5px;
  width: 338px;
}

select {
  height: auto;
}

textarea {
  height: 80px;
  overflow: auto;
}

textarea.large {
  height: 200px;
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
  background: #fff;
  border: 1px solid #f7a11a;
  color: #2a2a2a;
}

input[type=radio] {
  margin-left: 0;
  margin-top: 0;
}

select {
  padding-bottom: 0;
  padding-right: 1px;
  width: 169px !important;
}

/*#BASIC#*/
#cse-search-box {
  /*display: none;*/
}

#cse-search-results iframe {
	width: 560px;
}

#base {
  margin: auto;
  width: 860px;
}

#base #mb-tabs-outer {
  height: 20px;
  position: relative;
}

#base #mb-tabs {
  bottom: 0;
  list-style: none;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
}

#base #mb-tabs li {
  float: left;
  margin-left: 4px;
}

#base #mb-tabs li a {
  background-image: url(/img/base/sprite-mb-tabs.gif);
  background-repeat: no-repeat;
  display: block;
  height: 16px;

  /* The following 5 lines are there to hide-text. */
  color: transparent !important;
  line-height: 999px; /* Set it higher than your image height */
  overflow: hidden !important; /* Hide the text */
  font-size: 0; /* FF2 doesn’t like the above */
  text-decoration: none; /* Chrome and IE7 don't allow font-size 0, removing any lines fixes it more. */
}

#base #mb-tabs li a {
  background-position: 0 0;
  width: 156px;
}

#base #mb-tabs li a:hover {
  background-position: 0 -16px;
}

#base #mb-tabs li.active-item a {
  background-position: 0 -32px;
}

#base #mb-tabs li + li a {
  background-position: 0 -48px;
  width: 146px;
}

#base #mb-tabs li + li a:hover {
  background-position: 0 -64px;
}

#base #mb-tabs li + li.active-item a {
  background-position: 0 -80px;
}

#base #mb-tabs li + li + li a {
  background-position: 0 -96px;
  width: 185px;
}

#base #mb-tabs li + li + li a:hover {
  background-position: 0 -112px;
}

#base #mb-tabs li + li + li.active-item a {
  background-position: 0 -128px;
}

#base #mb-tabs li span {
  display: none;
  /*visibility: hidden;*/
}

#base #header {
  height: 87px;
  position: relative;
}

#base #logo {
  background-image: url(/img/base/sprite-mb-logos.gif);
  background-repeat: no-repeat;
  display: block;
  height: 55px;
  left: 10px;
  position: absolute;
  top: 17px;
  width: 179px;
}

#base.mindbench-active-media-bv #logo {
  background-position: 0 -55px;
}

#base.mindbench-information-services-bv #logo {
  background-position: 0 0;
}

#base.mindbench-services-group-bv #logo {
  background-position: 0 -110px;
}

#base #logo span {
  display: none;
}

#base .certified {
  background-image: url(/img/base/sprite-mb-logos.gif);
  background-repeat: no-repeat;
  display: block;
  height: 20px;
  left: 210px;
  position: absolute;
  top: 33px;
  width: 191px;
}

#base.mindbench-active-media-bv .certified {
  background-position: -179px -55px;
}

#base .certified span {
  display: none;
}

#base #header .zoeken {
  position: absolute;
  right: 0;
  top: 30px;
}

#base #header .zoeken input[type=text] {
  background: #9ba0a7;
  border: 1px solid #9ba0a7;
  color: #fff;
  float: left;
  font-size: 11px;
  height: 18px;
  margin-right: 3px;
  width: 125px;
}

#base #header .zoeken input[type=text]:focus {
  background: #fff;
  border: 1px solid #d6d6d7;
  color: #2a2a2a;
}

#base #header .zoeken button {
  background: #9ba0a7 url(/img/base/basic-arrow.gif) no-repeat center;
  border: none;
  float: left;
  height: 20px;
  padding: 0;
  width: 20px;
}

#base #header .zoeken button:hover {
  background-color: #f7a11a;
}

#base #header .zoeken button span {
  display: none;
}

/*match placeholder/watermark padding to border+padding for input element*/
label.placeholder {
  color: #fff;
  cursor: text;
  font-size: 11px;
  padding: 1px 6px 1px 6px;
}
/* html5 placeholder support */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color:#fff;
}
input:placeholder, textarea:placeholder {
  color:#fff;
}

#base #nav {
  background: #f9b953;
  float: left;
  font-size: 14px;
  font-weight: bold;
  height: 160px;
  letter-spacing: -1px;
  list-style: none;
  margin: 0;
  position: relative;
  width: 180px;
}

#base #nav > li > a {
  background: #f7a11a url(/img/base/basic-arrow.gif) no-repeat 10px 9px;
  color: #fff;
  display: block;
  height: 25px;
  line-height: 25px;
  margin-bottom: 2px;
  padding-left: 25px;
  text-decoration: none;
}

#base.home #nav li:first-child a, /* Always highlight the first child on 'home'. */
#base #nav li a:hover,
#base #nav li.active-item a {
  background-color: #f77d1a;
}

#base #nav li ul {
  background: url(/img/base/subnav.png) no-repeat left top;
  height: 160px;
  left: 180px;
  list-style: none;
  position: absolute;
  top: 0;
  width: 680px;
  z-index: 1;
}

#base #eyecatcher {
  float: left;
  height: 160px;
  position: relative;
  width: 680px;
}

#base.mindbench-active-media-bv #eyecatcher {
  background: #f7a11a;
} 

#base.mindbench-information-services-bv #eyecatcher {
  background: #f77d1a;
}

#base.mindbench-services-group-bv #eyecatcher {
  background: #f7a11a;
}

#base #eyecatcher .image-1 {
  left: 0;
  position: absolute;
  top: 0;
}

#base #eyecatcher .image-2 {
  position: absolute;
  right: 0;
  top: 0;
}

#base #eyecatcher .overlay {
  background: url(/img/base/sprite-eyecatcher-overlay.png) no-repeat;
  height: 160px;
  left: 0;
  position: absolute;
  top: 0;
  width: 680px;
}

/* Dit moet nog gesplitst worden voor de andere B.V.'s. Deze hebben namelijk andere kleuren... */
#base.mindbench-active-media-bv #eyecatcher .overlay {
  background-position: 0 0;
}

#base.mindbench-information-services-bv #eyecatcher .overlay {
  background-position: 0 -160px;
}

#base.mindbench-services-group-bv #eyecatcher .overlay {
  background-position: 0 0;
}

#base #b-1 {
  float: left;
  width: 630px;
}

#base #b-1 #content ol,
#base #b-1 #content ul {
  margin-left: 2em;
}

#base #b-1 #content ol.custom-list,
#base #b-1 #content ul.custom-list,
#base #b-1 #content #showcases ul {
  margin-left: 0;
}


#base #b-1 > .inner {
  padding-right: 30px;
}

#base #b-2 {
  float: left;
  padding-top: 30px;
  width: 230px;
}

#base #actionbuttons {
  height: 185px;
  list-style: none;
}

#base #actionbuttons li {
  background: url(/img/base/sprite-actionbuttons.png);
  float: left;
  height: 185px;
  margin-right: 12px;
  position: relative;
  width: 206px;
}

#base #actionbuttons li .inner {
  visibility: hidden;
}

#base #actionbuttons li .more {
  bottom: 0;
  height: 25px;
  left: 0;
  margin: 0;
  position: absolute;
  width: 206px;
}

#base #actionbuttons li + li {
  background-position: -206px 0;
}

#base #actionbuttons li + li + li {
  background-position: -412px 0;
}

#base #actionbuttons li + li + li + li {
  background-position: -618px 0;
  margin-right: 0;
}

#base #actionbuttons .clickzone {
  display: block;
  height: 185px;
  left: 0;
  position: absolute;
  top: 0;
  width: 206px;
}

#base #trail {
  font-size: 11px;
}

#base #trail li {
  float: left;
  list-style: none;
}

#base #footer {
  background: #efeff0;
  border-top: 4px solid #e1e2e4;
  color: #75797d;
  font-size: 11px;
  height: 60px;
  position: relative;
}

#base #footer p {
  margin: 0;
  position: absolute;
  top: 5px;
}

#base #footer p.adres-1 {
  left: 20px;
}

#base #footer p.adres-2 {
  left: 218px;
}

#base.mindbench-information-services-bv #footer p.adres-2 {
  left: 250px;
}

#base #footer p.copyright {
  right: 20px;
  text-align: right;
}

#base #footer span {
  background: url(/img/base/bullet.gif) no-repeat 0 5px;
  padding-left: 12px;
}

#base #footer a {
  color: #75797d;
}

#base #ict-office {
  color: #75797d;
  font-size: 11px;
  text-align: right;
}

#base #ict-office img {
  margin-left: 15px;
  vertical-align: middle;
}

#foto-reportage {
  overflow: hidden;
}

#foto-reportage li {
  float: left;
  list-style: none;
  margin: 0 0 4px 4px;
}

#foto-reportage li.first {
  margin-left: 0;
}

.photoalbum img {
  border: 1px solid #e1e2e4;
  margin: 0 4px 4px 0;
  padding: 2px;
  vertical-align: bottom;
}

.photoalbum img.last {
  margin-right: 0;
}

#foto-reportage li img {
  border: 1px solid #e1e2e4;
  display: block;
  padding: 2px;
}

#showcases {
  overflow: hidden;
}

#showcases #preview {
  border: 1px solid #d6d6d7;
  margin-bottom: 6px;
  padding: 2px;
}

#showcases #preview img {
  display: block;
}

#showcases ul {
  list-style: none;
  margin: 0;
}

#showcases ul li {
  float: left;
  height: 56px;
  margin-left: 4px;
  position: relative;
  width: 56px;
}

#showcases ul li a {
  border: 1px solid #d6d6d7;
  height: 52px;
  position: absolute;
  width: 52px;
}

#showcases ul li a:hover {
  border: 2px solid orange;
  left: -1px;
  top: -1px;
}

#showcases ul li:first-child {
  margin-left: 2px;
}

#showcases ul li img {
  display: block;
}

#werkbvs .mbam,
#werkbvs .mbis {
  border: 2px solid #e1e2e4;
  float: left;
  min-height: 230px;
  margin-right: 10px;
  padding: 10px 20px;
  width: 251px;
}

#werkbvs p > img {
  margin: 0 -20px 10px -20px;
}

#werkbvs .mbis {
  margin-right: 0;
}

#werkbvs > div:hover {
  border-color: #f7a11a;
  cursor: pointer;
}

/*CONTENT GERELATEERDE BLOKKEN (de .custom-image is 160px breed en heeft 20px margin-right)*/

.custom-image + div.text {
  float: left;
  width: 410px;
}

/* Globals */
.custom-list li {
  background: url(/img/base/basic-arrow-small.gif) no-repeat 0 6px;
  list-style: none;
  margin-bottom: 5px;
  padding-left: 13px;
}

.custom-list li a {
 color: #76767a;
 text-decoration: none;
}

.custom-list li a:hover {
 text-decoration: underline;
}

#b-1 form {
  background: #efeff0;
  padding: 3px 10px;
}

/* Wordt gebruikt in de .custom-list, maar ook in content blokken */
.more {
  background: none !important;
  text-align: right;
}

.more span {
  background: url(/img/base/basic-arrow-small.gif) no-repeat 0 6px;
  padding-left: 13px;
}

.form-errors {
  border: 2px solid #f77d1a;
  padding: 10px;
  margin-left: 0 !important;
}

.form-errors li {
  background: url("/img/base/lst-error.png") no-repeat;
  line-height: 19px;
  list-style: none outside none;
  margin: 0;
  min-height: 19px;
  padding-left: 24px;
}

.required {
  color: #f28713;
}

.custom-list li.more a {
  text-decoration: underline;
}

.custom-image {
  float: left;
  margin-right: 20px;
  position: relative;
  width: 160px;
}

.custom-image img {
  display: block;
}

.custom-image .overlay {
  background: #fff;
  filter: alpha(opacity=50);
  height: 100%;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.faux-header {
  color: #f7a11a;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
}

.splitted {
  border-bottom: 2px solid #e1e2e4;
}

/* Also update the dummy fonts.css for use in backend editor. */
.intro {
  background: #efeff0;
  font-weight: bold;
  padding: 10px 20px;
}

/* Also update the dummy fonts.css for use in backend editor. */
.standout {
  background: #f7a11a;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -moz-webkit-radius: 10px;
  color: #fff;
  display: none;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}

.standout a {
  color: #fff;
}

/* Global 'spacers' */
.grouping {
  overflow: hidden;
}

.spacing {
  margin-bottom: 15px !important;
}

.no-spacing {
  margin: 0 !important;
}

.kleine-lettertjes {
  color: #75797d;
  font-size: 9px;
  font-style: italic;
}

/* Styling voor de velden uit de formulieren */
.form-row {
  margin-bottom: 5px;
  overflow: hidden;
}

.form-row .form-label {
  float: left;
  padding-right: 10px;
  width: 220px
}

.form-row .form-label > label {
}

.form-row .form-input {
  float: left;
  overflow: hidden;
  width: 350px;
}

.form-row .split-50 {
  float: left;
  width: 50%;
}

.form-row.checkitem input[type=checkbox],
.form-row.checkitem input[type=radio] {
  float: left;
  width: 20px;
}

.form-row.checkitem .extra {
  padding-left: 20px;
}

.form-row.checkitem label {
  float: left;
  width: 500px;
}

.size-52 {
  width: 47px !important /* Minus padding en 1px border-left */
}

.size-111 {
  width: 106px !important/* Minus padding en 1px border-left */
}

.size-230 {
  width: 218px !important;
}

.divide {
  margin-right: 7px;
}

.button-container {
  text-align: center;
}

.routeplanner-tekst span {
  color: #75797d;
  display: block;
  font-size: 11px;
}

.smaller {
  font-size: .90em;
}

#sfWebDebugBar {
  top: 20px;
}

#content > h2 > img:first-child,
#content > p > img:first-child {
  margin-right: 20px;
}

.overview {
  list-style: none;
  margin-left: 0 !important;
}

.overview li {
  padding-bottom: 15px;
  margin-bottom: 15px;
}

.overview .image {
  height: 100px;
  line-height: 100px;
  width: 100px;
}

.overview .image img {
  margin: 0 auto;
  vertical-align: middle;
}

.overview .image + .content {
  margin-left: 127px;
}

/* Pager */

.hide-text {
  color: transparent !important;
  line-height: 999px; /* Set it higher than your image height */
  overflow: hidden !important; /* Hide the text */
  font-size: 0; /* FF2 doesn’t like the above */
  text-decoration: none; /* Chrome and IE7 don't allow font-size 0, removing any lines fixes it more. */
}

.pager {
  color: #a29988;
  font-size: 11px;
  line-height: 14px;
  padding-bottom: 15px;
  overflow: hidden;
  margin-left: 0 !important;
}

.pager a {
  color: #a29988;
  display: inline-block;
  padding: 0 4px;
  overflow: visible;
  *display: inline;
  *zoom: 1;
}

.pager a:hover {
  color: #695e4a;
}

.pager li {
  display: inline-block;
  list-style: none;

/* The following two lines makes that IE7 adds blockproperties on the li.  */
  *zoom: 1;
  *display: inline;
}

.pager li:first-child {
  margin-right: 5px;
}

.pager .next a,
.pager .prev a,
.pager .next.disabled,
.pager .prev.disabled {
  background: transparent url(/img/base/bkg-pager.png) no-repeat;
  height: 14px;
  vertical-align: bottom;
  width: 14px;
}

.pager .next a,
.pager .prev a {
  padding: 0;
}

.pager .prev a {
  background-position: left top;
  margin-right: 5px;
}

.pager .prev.disabled {
  background-position: left -14px;
  margin-right: 5px;
}

.pager .next a {
  background-position: right -28px;
  margin-left: 5px;
}

.pager .next.disabled {
  background-position: right -42px;
  margin-left: 5px;
}

.pager .active-item span {
  color: #695e4a;
  font-weight: bold;
  padding: 0 4px;
}