/*
  Name:  screen.css
  Author:  Vierkante Meter
  Site:  www.accessibility.nl
  Date:  11-10-2011
  
  MAIN COLORS:
  darkest grey (instead of black for fonts): #383838;
  lighter grey: #757676; - some texts
  darkest blue: #12405C; - header background, menu hover
  dark blue: #1E6891 - links, mainMenu bg
  light blue: #D8E9F6 - intro bg
  red: #CF1A28
  
  PAGE TYPES:
  .sub = with submenu left
  .side = with sideContent right
  .home = same as .side, with some extra styles for homepage
  .subSide = with submenu left and sideContent right

/* =============================================================================
   normalize.css // reset and normalize cross-browser
   ========================================================================== */

/* Addresses font-family inconsistency between 'textarea' and other form elements. */
body, button, input, select, textarea { font-family: sans-serif; }

/* Addresses outline displayed oddly in Chrome */
a:focus { outline: thin dotted; }

/* Addresses styling not present in IE7/8/9, S5, Chrome */
abbr[title] { border-bottom: 1px dotted; }

/* Addresses style set to 'bolder' in FF3/4, S4/5, Chrome */
b,  strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

/* Addresses styling not present in S5, Chrome */
dfn { font-style: italic;}

/* Addresses styling not present in IE6/7/8/9 */
mark { background: #ff0; color: #000; }

/* Corrects font family set oddly in IE6, S4/5, Chrome 
   en.wikipedia.org/wiki/User:Davidgothberg/Test59 */
pre, code, kbd, samp { font-family: monospace, serif; font-size: 1em; }

/* Improves readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; }

/*
 * Prevents sub and sup affecting line-height in all browsers
 * gist.github.com/413930
 */

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }

/* Corrects margin displayed oddly in IE6/7 */

form { margin: 0; }

/*
 * 1. Corrects font size not being inherited in all browsers
 * 2. Addresses margins set differently in IE6/7, FF3/4, S5, Chrome
 * 3. Improves appearance and consistency in all browsers
 */

button, input, select, textarea {
    font-size: 100%; /* 1 */
    margin: 0; /* 2 */
    vertical-align: baseline; /* 3 */
}

/* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */

button, input { line-height: normal; }

/*
 * 1. Improves usability and consistency of cursor style between image-type 'input' and others
 * 2. Corrects inability to style clickable 'input' types in iOS
 * 3. Corrects inner spacing displayed oddly in IE7 without effecting normal text inputs
 *    Known issue: inner spacing remains in IE6
 */
button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* 1 */
    -webkit-appearance: button; /* 2 */
}

/*
 * 1. Addresses box sizing set to content-box in IE8/9
 * 2. Addresses excess padding in IE8/9
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* 1 */
    padding: 0; /* 2 */
}

/*
 * 1. Addresses appearance set to searchfield in S5, Chrome
 * 2. Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * 1. Removes default vertical scrollbar in IE6/7/8/9
 * 2. Improves readability and alignment in all browsers
 */
textarea { overflow: auto; vertical-align: top; }
table { border-collapse: collapse; border-spacing: 0; }



/* =============================================================================
   layout setup (based on cssgrid.net)
   ========================================================================== */
body { 
  font-family:  Helvetica, "Helvetica Neue", Arial, sans-serif;  
  font-size: 81.3%; /* 13px with standard settings */
  /*font-size: 84.4%; /* 14px with standard settings */
  line-height: 1.4;
  color: #383838;
  margin: 0;
}  
.container {
  padding-left: 30px;
  padding-right: 30px;
}
.row {
  width: 100%;
  max-width: 1140px;
  margin: 0 auto;
  overflow: hidden;
}
.col {
  margin-right: 3.8%;
  float: left;
  min-height: 1px;
}
.last {
  margin-right: 0px;
}

/* =============================================================================
   font styles
   ========================================================================== */

@font-face {
  font-family: 'AllerLightRegular';
  src: url('fonts/aller_lt-webfont.eot');
  src: url('fonts/aller_lt-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/aller_lt-webfont.svg#AllerLightRegular') format('svg'),
  url('fonts/aller_lt-webfont.woff') format('woff'),
  url('fonts/aller_lt-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AllerRegular';
  src: url('fonts/aller_rg-webfont.eot');
  src: url('fonts/aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/aller_rg-webfont.svg#AllerRegular') format('svg'),
  url('fonts/aller_rg-webfont.woff') format('woff'),
  url('fonts/aller_rg-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aller-Bold';
  src: url('fonts/aller_bd.eot');
  src: url('fonts/aller_bd.eot?#iefix') format('embedded-opentype'),
  url('fonts/aller_bd.svg#aller_bd') format('svg'),
  url('fonts/aller_bd.woff') format('woff'),
  url('fonts/aller_bd.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'NotethisRegular';
  src: url('fonts/Note_this-webfont.eot');
  src: url('fonts/Note_this-webfont.eot?#iefix') format('embedded-opentype'),
  url('fonts/Note_this-webfont.svg#NotethisRegular') format('svg'),
  url('fonts/Note_this-webfont.woff') format('woff'),
  url('fonts/Note_this-webfont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

/* =============================================================================
   global styles
   ========================================================================== */

/* links */
a:link {
  color: #1E6891;  
}
a:visited {
  color: #415090;  
}
a:hover, a:focus, a:active {
  color: #CF1A28;
}

.forwardLink:after {
  content: " ›";  
}
a, a img {
  border: 0;  
}
a.backLink {
  margin-top: 2em;
  display: block;  
}
a.backLink:before {
  content: "‹ ";  
}
a span.hiddenLinkDetails {
  height: 1px; 
  width: 1px; 
  position: absolute; 
  overflow: hidden; 
  top: -10px;    
}
#mainContent a[href^="http"], #sideContent a[href^="http"] {
    background: url("../images/externalLink.png") no-repeat scroll right center transparent;
    padding-right: 15px;
}

#mainContent #socialMedia a, #mainContent #breadCrumbs a,
#mainContent .registerTabel a,
#mainContent .checklist a,
#mainContent .plain,
#mainContent #cse a,
#mainContent a[href^="http://www.accessibility.nl"],
#mainContent a[href^="http://accessibility.nl"],
#mainContent a[href^="http://bo.accessibility.nl"],
#mainContent a[href^="http://my.accessibility.nl"],
#mainContent .tweet-container a,
#mainContent a.no-icon
{
  background-image: none;
  padding-right: 0;  
}

/* img */
img.left, img.floatleft, img.imgleft {
  float: left;
  margin: 0em 1.5em 1.5em 0;  
}
img.right, img.imgright, img.floatright {
  float: right;
  margin: 0em 0 1.5em 1.5em;  
}
img.justify {
  display: block;
  margin: 1.5em 0;  
}
#mainContent img.imgnoborder {
  border: 0;  
}
#mainContent img {
  border: 1px solid #CCDDEA;
  padding: 0.4em;  
}

/* list */
#mainContent ul, #sideContent ul {
  list-style: none;
  margin-left: 1em;
  padding-left: 1em;
  text-indent: -0.9em;  
}
#mainContent ul ul, #mainContent ul ol, #mainContent ol ul, #mainContent ol ol,
#sideContent ul ul, #sideContent ul ol, #sideContent ol ul, #sideContent ol ol,
.homev2 #highlightSide ul ul{
  margin-top: 0;
}
#mainContent ul li:before, #sideContent li:before,
.homev2 #highlightSide ul li:before {
  content: "› ";  
  font-size: 130%;
  line-height: 70%;  
}
#mainContent .secretList li:before, #sideContent .secretList li:before {
  content: "";  
  font-size: 100%;  
}
.secretList {
  list-style: none;
  margin: 0;
  padding: 0;  
}
#mainContent .secretList {
  text-indent: 0;  
  margin-left: 0;
  padding-left: 0;
}

#mainContent .noindent, #sideContent .noindent {
  margin-left: 0;  
}


/* font families and sizes */
h1, h2, h3, .h2, .registerTabel caption {
  font-family: 'Aller-Bold', Arial;
  font-weight: normal;
  letter-spacing: 0.5px;
}

h1 {
  background-color: #CF1A28;
  padding: 0.1em 0.3em;
  color: #fff;
  font-size: 1.4em;
  display: inline-block;
  margin-left: 0.8em;
  margin-right: 0.8em;  
  /*position: absolute;
  max-width: 92%;*/
}
h2 {
  color: #CF1A28;
  font-size: 1.35em;
  margin: 1em 0 0.1em 0;  
}
.home h2 {
    margin-bottom: 0.5em;
}
.home h2 a {
    color: #CF1A28;
    text-decoration: none;
}
h3 {
  font-size: 1.15em;  
}
h4 {
  font-size: 1em;
  margin-bottom: 0.2em;  
}
p {
  margin-top: 0em;
  margin-bottom: 1.3em;  
}

li>p {
  display: inline;
}
.trainingDetails li>p,
#mainContentList li>p
{
  display: block;  
}

/* big buttons */
.bigButton, a.bigButton,
a.inschrijven, 
.formulier .form-buttons input {
  font-family: 'Aller', Arial, Helvetica, sans-serif;
  text-decoration: none;
  font-size: 1.2em;
  letter-spacing: 0.03em;
  color: #ffffff;
  padding: 0.4em 0.6em;
  background-color: #265F83;
  background-image: -moz-linear-gradient(top, #3E91C3, #153D54);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3E91C3), to(#153D54));
  background-image: -o-linear-gradient(top, #3E91C3, #153D54);
  background-image: linear-gradient(to top, #3E91C3, #153D54);
  -pie-background: linear-gradient(#3E91C3, #153D54); /*PIE*/
  border: solid #09344d 1px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  text-shadow: 1px 1px 3px #000000;
  /*behavior: url("assets/templates/styles/PIE.htc");*/
  width: auto;
  margin-left: 0.5em;
}
.bigButton:hover, .bigButton:focus, a.bigButton:hover, a.bigButton:focus,
a.inschrijven:hover, a.inschrijven:focus, 
.formulier .form-buttons input:hover, .formulier .form-buttons input:focus
 {
  text-decoration: underline;
  background-color: #103246;
  background-image: -moz-linear-gradient(top, #2F76A2, #103246);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2F76A2), to(#103246));
  background-image: -o-linear-gradient(top, #2F76A2, #103246);
  background-image: linear-gradient(to top, #2F76A2, #103246);
}

/* tables */
table {
  width: 100%;  
}
tr {
  border-bottom: 1px solid #CCDDEA;
}
td {
  padding: 0.5em 0.5em;
  word-wrap: break-word;
  vertical-align: top;
}
th {
  background-color: #D8E9F6;
    border: 0 none;
    font-weight: bold;
    padding: 0.5em 0.5em 0.8em 0.5em;
    text-align: left;
}
th.heading {
  background-color: transparent;
  padding-left: 0;  
}
caption {
  color: #CF1A28;
  font-size: 1.35em;
  margin-bottom: 1em;
  text-align: left;
}

.plainTable tr, .layouttabel tr {
  border: 0;  
}
.plainTable td, .layouttabel td {
  padding: 0.3em;  
}
.plainTable th, .layouttabel th {
  background-color: transparent;
  padding: 0.3em;  
}


/* =============================================================================
   accessibility
   ========================================================================== */
.hidden {
  left: -1000em;
    position: absolute;
}

a.skipLink {
  background-color: #D8E9F6;
    border: 2px solid #12405C;
    display: block;
    font-size: 1.3em;
    left: -1000em;
    padding: 0.8em;
    position: absolute;
    z-index: 10;
}
a.skipLink:focus, a.skipLink:active {
  top:1em;
  left:1em;
  z-index:1000;
  color: #1E6891;
  
}

/* =============================================================================
   legacy styles
   ========================================================================== */
.TAinfo_noimg, .tips { /* gebruikt in aanbestedingstoolkit */
    background-color: #FFC;
    border: 1px solid #FCB931;
    margin: 1.5em 0 1.5em 1.5em;
    min-height: 4em;
    overflow: auto;
    padding: 1em;
    width: 80%;
}
.TAinfo {
    background-color: #FFC;
    border: 1px dashed #005085;
    margin: 1.5em 0 1.5em 1.5em;
    min-height: 4em;
    overflow: auto;
    padding: 1em 1em 1em 6em;
    width: 80%;
    position: relative;
}
.TAinfo img {
    left: 1em;
    position: absolute;
    border: 0 !important;
}
.TAinfo p {
  margin-bottom: 0;  
}
.TAinfo h2, h3, h4 {
  margin-top: 0;  
}


/* =============================================================================
   header
   ========================================================================== */

/* upper part (logo, service menu, search) */
#header {
  height: 8.1em;
}
#logo img {
  margin-top: 1em;
  margin-left: -3px;  
}
#slogan {
  margin-top: -0.5em;
  display: block;  
  font-size: 0.9em;
  color: #757676;  
}

/* =============================================================================
   search
   ========================================================================== */
div.hide {
  display: none;
}
  
#header #search {
  float: right;
  margin-top: -2em;
  color: #585959;
  display: inline;
}
#search fieldset, #searchMain fieldset {
  border: 0;
  margin: 0;
  padding: 0;  
}
#search legend {
  position:absolute;
  left:-1000em;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
#header #search .gsc-branding {
  display: none;  
}
#search input, #searchMain input {
  padding: 0.5em;
  border: 1px solid #949595;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("assets/templates/styles/PIE.htc"); */
}
#mainContentBody .searchField {
  background-color: #F9F9F9;
  width: 70%;
}
#search .button, #searchMain .button
 {
  background-color: #E5E5E5; 
  margin-left: 1em;
}
#search .button:hover, 
#cse input.gsc-search-button:hover,
#searchMain .button:hover {
  background-color: #D8E9F6;  
}

/* titels gevonden resultaten */
#cse .gs-result .gs-title, #cse .gs-result .gs-title * {
  color: #1E6891;
}
#cse .gs-result a.gs-title:hover, 
#cse .gs-result a.gs-title:focus {
  color: #CF1A28;
}
#cse .gsc-control-cse .gs-spelling, 
#cse .gsc-control-cse .gs-result .gs-title, 
#cse .gsc-control-cse .gs-result .gs-title *,
.searchResults a {
  font-size: 1.073em;
  font-family: 'Aller-Bold',Arial;
    font-weight: normal;
    margin-bottom: 0.4em;
    letter-spacing: 0.5px;
}
#cse table.gsc-branding {
  display: none;  
}
#cse table, #cse-search-form table {
  border: 0;  
  border-collapse: separate;
}
#mainContent #cse .gs-title a, 
#mainContent #cse a.gcsc-branding-clickable {
  background-image: none;
  padding-right: 0;  
}

/* no js versie */
p.gs-visibleUrl {
    color: #008000;
    margin-top: -1em;
}
.gsc-result-info, #cse .gsc-result-info {
    border-bottom: 1px solid #E9E9E9;
    color: #676767;
  margin: 2.5em 0 1em 0;
  padding-bottom: 0.5em;
  padding-left: 0;
}
.searchResults li {
  border-bottom: 1px solid #E9E9E9;
  padding-top: 1em;  
}
.searchResults li h2, #cse .gs-webResult h2 {
  font-size: 1.073em;
  margin: 0;
}
.nextLink, .prevLink {
  display: inline-block;
  float: right;
  margin-top: 1em;  
}
.prevLink {
  float: left;  
}
.prevLink:before {
  content: "‹ ";  
}
.nextLink:after {
  content: " ›";  
}

/* paginering zoekresults */
#cse .gsc-results .gsc-cursor-box {
  width: 100%;
  display: block;
  margin-top: 2em;  
}
#cse .gsc-cursor-page {
    border: 1px solid #D8E9F6;
    margin-right: 0.5em;
    padding: 0.5em;
    text-decoration: none;
    color: #1E6891;
}
#cse .gsc-cursor-current-page {
    background-color: #D8E9F6;
    border: 1px solid #1E6891;
    font-weight: bold;
    color: #1E6891;
}
#cse .gsc-cursor-page:hover {
  color: #CF1A28;
  border: 1px solid #CF1A28;
}
/* mogelijk gemaakt door.. */
#cse .gcsc-branding-text,
#cse-search-form .gsc-branding-text {
  color: #757676;
}
#cse img.gcsc-branding-img-noclear,
#cse-search-form img.gsc-branding-img {
  border: 0;
  padding: 0;  
}

/* spellingsuggesties */
#cse .gs-result .gs-spelling {
  font-family: Arial !important;
  font-size: 1em;
  letter-spacing: 0;
}
#cse .gs-spelling a {
  color: #1E6891;  
}
#cse div.gsc-clear-button {
    
}

/* clear button */
#cse-search-form td.gsc-clear-button,
#cse td.gsc-clear-button {
  width: 1em;  
}



/* =============================================================================
   highlight (blue bar)
   ========================================================================== */

#highlight {
  /*background: url("../images/bgHeader.jpg") repeat-x top left #3F94C2;*/
  background: url("../images/bgHeader.jpg") repeat-x top left #3782A9;  
  margin-bottom: 1em;
}

/* =============================================================================
   banner homepage
   ========================================================================== */

#highlightBanner {
  margin: 3.2em 0 2em 0.3em;
  width: 73%;
  height: 252px;
  overflow: hidden;
  border: 5px solid #fff;
  -webkit-box-shadow: 1px 1px 4px #333;
  -moz-box-shadow: 1px 1px 4px #333;
  box-shadow: 1px 1px 4px #333; 
  overflow: auto; /* allow scrollbar without js */
    position: relative;
    background-color: #fff;
    /*behavior: url("assets/templates/styles/PIE.htc");*/
}
#highlightBanner ul {
  margin: 0;
  padding: 0;  
}
#highlightBanner li img {  
  float:right;
  height: 252px;
  background: none !important;
}
.js #highlightBanner li img { 
  position: absolute;
  z-index: 5;
}
#highlightBanner li {
  position: relative;
  display: block;  
}
.js #highlightBanner li {  
  width: 100%;
  height: 252px;
}
#highlightBanner .captions {
  background-color: #fff;
  float: right;
  margin: -7em 1.5em 0 0;
  text-align: right;
  padding: 1em;
}
.js #highlightBanner .captions {
  margin: 0;
  top: 167px;
  right: 15px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
#highlightBanner a {
  text-decoration: none;  
}
#highlightBanner a .bannerLink {
  text-decoration: underline;  
}
/* banner controls */
#prevNext, #pager, #playPause {
  position: absolute;
  z-index: 100;
}
#pager {
  top: 231px;  
  left: 35px;
}
#pager a {
  margin-right: 0.15em;  
  width: 15px;
  height: 14px;  
}
#pager img {
  -pie-png-fix: true;
  /*behavior: url("assets/templates/styles/PIE.htc");*/  
}
#pager a.activeSlide img {
    background: url("../images/slideNavSelected.png") top left transparent;
    -pie-png-fix: true;
    /*behavior: url("assets/templates/styles/PIE.htc");*/
}
#playPause {
  left: 10px;
  top: 226px;  
}
#prevNext {
  top: 120px;
  width: 100%;  
}
#prevNext #prev, #prevNext #next {
  background-color: #fff;  
  float: left;
  padding: 0.4em 0.4em 0;  
}
#prevNext #next {
  float: right;  
}

/* captions banner */
.captions .h2 {
  display: block;
  font-size: 1.6em;
  color: #1E6891;
}
.captions a {
  color: #757676;
}

/* =============================================================================
   banner subpages
   ========================================================================== */
#highlight.sub, #highlight.subFirst, #highlight.side, #highlight.subSide,
#highlight.subOwn {
  padding-top: 2em;
  text-align: center;
  position: relative;  
  min-height: 1em;
}
.sub #innerHighlight, .subFirst #innerHighlight, .side #innerHighlight,
.subOwn #innerHighlight {
  position: relative;  
}
#highlight.sub p, #highlight.subFirst p,#highlight.side p,
#highlight.subOwn p {
  font-size: 1.5em;
  color: #fff;
  font-family: 'AllerLightRegular';
  margin-top: 2em;
  margin-bottom: 1em;  
}
#highlight.sub span, #highlight.subFirst span, #highlight.side span,
#highlight.subOwn span {
  color: #fff;
  font-family: arial;
  float: right;
  margin: 0 0em 0.5em 0;
  width: 20em;
  text-align: right;
  
}
#highlight.sub p img, #highlight.subFirst p img, #highlight.side p img,
#highlight.subOwn p img {
  float: right;
  margin-left: 2em;
  bottom: 0;
  margin-top: 1em;  
}

/* =============================================================================
   highlightSide
   ========================================================================== */
  
/* items next to banner */
#highlightSide {
  width: 20%;
  margin: 3.6em 0 0 -20%;
  float: right;
}
.homev2 #highlightSide {
    width: 22%;
    margin-left: -22%;
}
#quickLinks {
  padding: 1.8em 0.7em 0.7em;
  margin-bottom: 1.5em;
  background-color: #B9D8EB;  
}
#quickLinks a {
  color: #12405C;  
}
#quickLinks a:hover, #quickLinks a:focus {
  color: #1E618A;
}
#accessibleBuilders {
  padding: 0.7em;
  background-color: #12405C;
  color: #fff;  
}
.homev2 #accessibleBuilders {
    margin-bottom: 1em;
}
#accessibleBuilders p {
  margin-bottom: 0;  
}
#accessibleBuilders a {
  color: #fff;  
}
#accessibleBuilders a:hover, #accessibleBuilders a:focus {
  color: #B9D8EB;  
}
#accessibleBuilders img {
  display: block;
  margin-bottom: 0.5em;  
}
#highlightSide .h2 {
  display: inline-block;
  font-size: 1.1em;
  background-color: #12405C;
  color: #fff;
  margin-top: -2.3em;
  position: absolute;
  padding: 0.1em 0.3em;
}

/* =============================================================================
   mainContent global
   ========================================================================== */
#intro {
  background-color: #D8E9F6;
  padding: 1.7em 0.8em 0.1em;  
  /*margin-top: 1.7em;*/
  margin-top: -2em;
  margin-bottom: 1em;
  font-size: 1.15em;
  font-family: 'AllerLightRegular', Arial;
  font-weight: normal;
  line-height: 1.5;  
}

/* =============================================================================
   mainContent submenupages
   ========================================================================== */
.sub #mainContent, .subFirst #mainContent, .subSide #mainContent,
.subOwn #mainContent {
  float: right;
  width: 75%;  
}
#mainContentBody {
  width: 100%;  
  padding-bottom: 3em;
}
/* with mainContentAside area inside mainContent */
#mainContentBody.aside {
  width: 65%;  
  margin-right: 12%;
}
#mainContentBody img {
  max-width: 100%;  
}

#mainContentAside {
  width: 23%;
  margin-top: 1em;  
}
#mainContentAside img {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
#mainContentAside .item {
  margin-bottom: 2em;  
}
#mainContentAside p.onderschrift {
  margin-top: 0.5em;
  font-size: 0.9em;
  color: #757676;  
}
#mainContentAside h2 {
  color: #1E6891;
  font-size: 1.2em; 
}

/* =============================================================================
   mainContent two columns
   ========================================================================== */
.contentKolom {
  float: left;
  width: 47%;
  margin-right: 6%;  
}
.contentKolom.last {
  margin-right: 0;  
}


/* =============================================================================
   mainContent homepage
   ========================================================================== */

.home #mainContent, .side #mainContent {
  margin-left: 0;
  margin-right: 25%; /* make room for sideContent */
  width: 75%;
  
  position:relative;
}
#mainContent .infoBlock {
  float: left;
  width: 30%;
  margin-right: 5%;
  margin-bottom: 3em;  
}
#mainContent .infoBlock a {
  display: block;
  margin-top: 0.3em;  
}
#mainContent #recent .infoBlock {
  width: 47%;  
  margin-right: 6%;
}
#mainContent .last, #mainContent #recent .last {
  margin-right: 0;  
}
#accessibleBuilders img.justify {
  margin-top: 0;
}

/* =============================================================================
   recent (news, testimonials) - homepage
   ========================================================================== */

#recent {
  clear: both;
  margin-top: 3em;
  padding-top: 2em;
  border-top: 2px dashed #D8E9F6;
}
#recent .infoBlock {
  position: relative;
  padding-bottom: 3em;  
}
#recent h2 {
  font-size: 1.2em;  
}
#recent .forwardLink {
  margin-top: 1em;  
  display: block;  
  font-weight: bold;  
}
.js #recent .forwardLink {
  position: absolute;
  bottom: 0;  
}
.newsItem {
  margin-bottom: 1.5em;  
}
.newsItem h3  {
  display: inline-block;
  font-size: 1em;
  background-color: #D8E9F6;  
  margin: 0 0 0.3em;
  font-family: Arial;  
  letter-spacing: 0;
  padding: 0 0.3em 0.3em;  
  font-weight: bold;
}
.newsItem p {
  margin: 0 0 1em 0;
}
.newsItem .date, .twitterItem .date {
  font-size: 0.9em;
  color: #757676;
  margin-bottom: 0.3em; 
  display: block;  
}
#mainContent .twitterItem img {
  float: left;
  margin-right: 1em;
  margin-bottom: 2em;  
  border: 0;
}
#mainContent .infoBlock .twitterItem a {
  display: inline;  
}

/* =============================================================================
   testimonials - homepage
   ========================================================================== */
   
.testimonial {
  margin-bottom: 3em;  
}
.testimonial a {
  text-decoration: none;
  color: #383838;  
}
.testimonial a:hover {
  text-decoration: underline;  
}

.testimonial p {
  padding: 0.8em 0.8em 1.5em 0.8em;
  overflow: hidden;  
  background: url("../images/testimonialBg.png") no-repeat bottom left #D8E9F6;
  font-family: 'Reminder Pro Medium','NotethisRegular', Arial;
  font-size: 1.4em;
  letter-spacing: 0.5px;
}
#mainContent .testimonial img { /* photo and logo */
  float: right;
  border: 0;
  padding: 0;  
}
#mainContent .testimonial p img { /* photo */
  border: 2px solid #fff;
  margin-left: 0.8em;  
  padding: 0;
}
.testimonial span { /* name and company */
  font-size: 0.9em;  
}

/* =============================================================================
   mainContent landingspage (two-column list) - global styles
   ========================================================================== */
      
#mainContentList li {
  float: left;
  width: 45%;
  margin-right: 10%;
  margin-bottom: 2em;
  position: relative;
}
#mainContentList li img {
  /*position: absolute;
  bottom: 0;  */
}
#mainContentList li:nth-child(2n+2) {
  margin-right: 0%;
}
#mainContentList li:nth-child(2n+3) {
  clear: both;  
}
#mainContentList .landingsLijst li {
  float: none;
  width: 100%;
  margin-right: 0;  
}
#mainContentList .landingsLijst a {
  font-weight: bold;  
}
#mainContentList h2 a {
  text-decoration: none;
  color: #CF1A28;  
}
#mainContentList h2 a:hover {
  text-decoration: underline;  
}
#mainContentList h3 {
  margin-bottom: 0.2em;  
}
#mainContentList h3 span {
  font-family: 'AllerRegular';
}

#mainContentList .secretList img {
  width: 100%;
  height: auto;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;  
}
#mainContentList .forwardLink {
  margin-top: 1em;
  display: block;  
}

/* =============================================================================
   training landingspage
   ========================================================================== */
.training {
  padding-bottom: 2em;
  margin-bottom: 2em;
  overflow: hidden;
  border-bottom: 2px dashed #D8E9F6;
}

.training div {
  float: left;
  width: 45%;
  margin-right: 10%;  
}
.training .trainingPractical {
  margin-right: 0;  
}
.training h2 a {
  text-decoration: none;
  color: #CF1A28;  
}
.training h2 a:hover {
  text-decoration: underline;  
}
.trainingPractical h3 {
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  letter-spacing: 0;
  margin: 0;  
}
.trainingPractical ul {
  margin-bottom: 1em;  
}
.targetAudience {
  display: block;  
  font-style: italic;
  margin-bottom: 1em;
}
.training img {
  width: 100%;
  margin-bottom: 1em;  
}
.training a.bigButton, .aanmeldenOnderaan a.inschrijven {
  margin-left: 0;  
}

/* =============================================================================
   training detail page
   ========================================================================== */

.trainingDetails li {
  display: block;
  overflow: hidden;
  vertical-align: top;  
}
.trainingDetails h3 {
  float: left;
  font-size: 1em;
  font-family: Arial;
  font-weight: bold;
  margin: 0;
  letter-spacing: 0;  
}
.trainingDetails p, #mainContent .trainingDetails ul {
  margin-left: 10em;  
}
.aanmeldenOnderaan {
  margin-top: 3em;  
}

/* =============================================================================
   news landing page + special page (list articles with tags)
   ========================================================================== */

.nieuws .newsItem, #mainContentBody .item {
  margin-bottom: 2em;
  padding-bottom: 2em;
  border-bottom: 2px dashed #D8E9F6;
  overflow: hidden;
}
.nieuws .newsItem h2 {
  margin-top: 0;  
}
.nieuws .newsItem h2 a {
  text-decoration: none;
  color: #CF1A28;  
}
.nieuws .newsItem h2 a:hover {
  text-decoration: underline;  
}
.nieuws .newsItem img, .speciaalOverzicht .item img {
  float: right;
  margin-left: 1em;  
}
#mainContent .pageList {
  margin-left: 0;
  text-indent: 0;
  padding: 0 0 2em 0;
}
#mainContent .pageList li {
  float: left;
}
#mainContent .pageList li:before {
  content: "";
  font-size: 100%;
}
.pageList li {
  line-height: 2.8em;  
}
.pageList li a {
  padding: 0.5em;
  border: 1px solid #D8E9F6;  
  margin-right: 0.5em;
  text-decoration: none;
}
.pageList li a.active {
  background-color: #D8E9F6;
  font-weight: bold; 
  border: 1px solid #1E6891;  
}
.pageList a:hover, .pageList a:focus {
  border: 1px solid #CF1A28;  
}

/* =============================================================================
   registers (deelnemers, bouwers)
   ========================================================================== */

#mainContent .registerTabel img {
  border: 0;
  padding: 0;  
}
.registerTabel {
  width: 100%;
  table-layout: fixed;
	margin-bottom: 2em;  
}
.registerTabel tr {
  border-bottom: 1px solid #CCDDEA;
}
.registerTabel td {
  padding: 0.8em 0.8em;
  word-wrap: break-word;
  vertical-align: top;
}
.registerTabel td.logo {
  padding-left: 0;
}
.registerTabel td.organisatie {
}
.registerTabel .score {  
  text-align: center;
}
.registerTabel td.bouwer {
}
.registerTabel th {
  background-color: #D8E9F6;
    border: 0 none;
    font-weight: bold;
    padding: 0.5em;
    text-align: left;
}
.registerTabel caption {
  color: #CF1A28;
  font-size: 1.35em;
  margin-bottom: 1em;
  text-align: left;
}
#toonSelectie {
  margin-bottom: 2em;  
}
#toonSelectie .bigButton {
  font-size: 1em;
  padding: 0.3em 0.5em;
  margin-left: 0.7em;
}
#toonSelectie select {
  padding: 0.2em;  
  width: 16em;
}
#toonSelectie fieldset {
  border: 0;
  margin: 0;
    padding: 0;
}

/* =============================================================================
   kennisbank
   ========================================================================== */
   
.tagKolom {
  float: left;
  width: 30%;
  margin-right: 5%;  
}   
.tagKolom.last {
  margin-right: 0;  
}
.tools {
  overflow: hidden;/* clear float */
}
 .tools li {
  width: 30%;
  float: left;
  margin-bottom: 1em;
  margin-right: 5%;
  border: 1px solid #CCDDEA;
  -webkit-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;   
  padding: 0.5em;  
}  
.tools li:nth-child(3n) {
    margin-right: 0;
}
#mainContent .tools img {
  float: left;
  margin-right: 0.5em;
  border: 0;
  padding: 0;  
}
.tools a {
  display: block;
  padding-top: 1.5em;  
}
.tagKolom h3 {
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 1em;  
}
/* leesniveau toetstool */
#leestoolform {
  margin: 1em 0;  
}
#leestoolform label {
  margin-left: 5em;
  width: auto;
  float: left;
}
#leestoolform select {
  left: 0.7em;  
}
#leestoolform .form-buttons input {
  float: left;
  display: inline-block;
  margin: 1em 0 0;  
}
#leestoolmeter {
  border: 0;
  display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1px;
    width: 350px;  
}
#leestoolresult img {
  border: 0;
}
#leestoolresult dt {
    background-color: #FFFFFF;
    background-image: url("../images/speech_pointer.png");
    background-position: 100% 10px;
    background-repeat: no-repeat;
    border: 0 none;
    height: 50px;
    margin: 0;
    padding: 0;
    width: 160px;
}
#leestoolresult dd {
    background-color: #3270A0;
    color: #FFFFFF;
    line-height: 1.3em;
    margin-left: 150px;
    margin-right: 20px;
    padding: 1em 1em 1em 2em;
    position: relative;
    top: -60px;
}

ol.code {
    border: 1px solid #DDDDDD;
    font-family: courier,serif;
    list-style-type: decimal-leading-zero;
    margin: 1em 4em 1em 0;
    padding: 3px 5px 3px 35px;
}
ol.code li {
    background: none repeat scroll 0 0 #F0F0F0;
    margin: 2px 0;
    padding: 0 5px;
}
  
/* =============================================================================
   sideContent - only on .home and .side pagetypes
   ========================================================================== */
   
#sideContent {
  width: 20%;
  float: right;
  margin: 2em 0 0 -20%;  
}
.homev2 #sideContent {
    width: 22%;
    margin-left: -22%;
}
.side #sideContent {
  margin-top: 4em;
  font-size: 0.963em;  
}
#sideContent .infoBlock {
  padding: 1.7em 0.7em 0.7em;
  margin-bottom: 2em;
  border: 1px solid #DEDEDE;
  word-wrap: break-word;
}
#sideContent .infoBlock img {
  display: block;
  margin: 1.5em auto;
  max-width: 100%;
  height: auto;  
}
#sideContent .infoBlock .testimonial img {
    display: inline;
    margin: 0 0 0.5em 0.5em;
}
#sideContent .testimonial span {
    font-size: 0.95em;
}
#sideContent .testimonial p {
    margin-bottom: 0.3em;
}
#sideContent #drempelvrij {
  padding: 1em 0.7em 0.2em 0.7em;
  text-align: center;
  color: #757676;  
}  
#sideContent #drempelvrij img {
  margin-top: 0;  
}
#sideContent h2 {
  display: inline-block;
  font-size: 1.1em;
  background-color: #12405C;
  color: #fff;
  margin-top: -2.3em;
  position: absolute;
  padding: 0.1em 0.3em;
}

/* =============================================================================
   breadcrumbs
   ========================================================================== */
   
#breadCrumbs {
  font-size: 0.9em;
  color: #6D6D6D;  
} 
#breadCrumbs a {
  color: #6D6D6D;
  text-decoration: none;  
} 
#breadCrumbs a:hover {
  text-decoration: underline;  
}
#breadCrumbs span {
  font-weight: bold;  
} 

/* =============================================================================
   pageMetadata (tags, category)
   ========================================================================== */
#pageMetadata {
  margin-top: 2em;
  margin-bottom: 2em;
  overflow: hidden;
  clear: both;  
}
.speciaalOverzicht #pageMetadata {
  margin: 0;  
}
#pageMetadata dt {
  display: inline;
  font-size: 1em;
  color: #383838;
  font-family: Arial;
  letter-spacing: 0;
  float: left;
  margin: 0 0.5em 0 0;
  padding: 0;
}
#pageMetadata ul {
  display: inline;
}   
#pageMetadata li, #pageMetadata dd {
  float: left;
  margin: 0 0.8em 0.4em 0;  
}
#pageMetadata .categoryHeader {
  clear: both;
  margin-top: 1em;  
}
#pageMetadata .category {
  float: left;
  margin-top: 1em;  
}
.tags a, .category {
  font-size: 0.9em;
  background-color: #D8E9F6;
  padding: 0.25em 0.3em;
  text-decoration: none;
  color: #12405C;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("assets/templates/styles/PIE.htc");  */
}
.tags a:hover {
  background-color: #B7D2EA;
}
.category {
  background-color: #fff;
  border: 1px solid #B7D2EA;
  padding: 0.1em 0.25em;  
}

/* =============================================================================
   socialMedia
   ========================================================================== */
#socialMedia {
  clear: both;
  display: block;
  padding-top: 2em;  
}
#mainContentList #socialMedia img, #socialMedia img {
  border: 0;
  width: auto;  
  padding: 0;
}
#mainContentList #socialMedia li, #socialMedia li {
  float: left;
  width: auto;
  margin-right: 1em;
  clear: none;  
}

/* =============================================================================
   relatedContent
   ========================================================================== */
 
#relatedContent {
  clear: both;
  margin: 4em auto 0em auto;
  border-top: 1px solid #ccc;
  padding: 0;
  /*border-top: 1px solid #C4D4E1;*/
}
#relatedContent h2 {
  color: #383838;
  font-size: 1.1em;  
}
#relatedContent .category {
  margin-left: 1em;
  padding: 0.25em 0.25em;
}
#relatedContent a.category {
  margin-left: 1em;  
}
#relatedContent ul li {
  line-height: 2;
  color: #1E6891;  
}  
   

/* =============================================================================
   formulieren
   ========================================================================== */
.formulier fieldset {
  display: block;
  border: 1px solid #D8E1E2;
  margin: 1.4em 0em;
    background-color: #F8FAFA;
    padding: 1em 1em 1.5em;
    -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("assets/templates/styles/PIE.htc");*/
}
.formulier legend {
  font-family: 'Aller-Bold', Arial;
  letter-spacing: 0.5px;
  color: #CF1A28;
  font-size: 1.35em;
  margin-top: 1em;
  padding: 0.5em 0.7em 0.5em 0.7em;
  margin: 0em;
}
.formulier .formField {
  display: block;
  padding: 0.6em;
    position: relative;
    width: auto;
    vertical-align: middle;
    margin: 0.3em;
}
.formulier label {
     display: inline-block;
     width: 14em;
}
.formulier .globalLabel {
  position: absolute;
}
.formulier input {
  padding: 0.5em;
  font-family: "Arial", sans-serif;
  width: 18em;
  border: 1px solid #949595;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  margin: 1px 1em 1px 0;
  /*behavior: url("assets/templates/styles/PIE.htc");*/
}
.formulier input:focus, .formulier textarea:focus {
  border: 2px solid #1E6891;  
  margin: 0 1em 0 0;
}
.input {
  left: 15.3em;
  position: absolute;  
}
input#tussenvoegsel, 
input#huisnummer_organisatie, 
input#postcode_organisatie, 
input#antispamvraag {
  width: 8em;  
}
.formulier .radioOrCheckbox {
  margin-left: 14.3em;  
  display: block;
}
.formulier .radioOrCheckbox label {  
  padding: 0.2em;
}
.formulier .radioOrCheckbox input {
  margin: 0 0.2em 0 0;
  width: auto;
  border: 0;
}      
.formulier select {
    left: 14em;
    position: absolute; 
    top: 1em;
}
.formulier .formField select.date {
    float: left;
    position: relative;
    margin-right: 0.5em;
}
.formulier .formField .selectGroup {
    margin-bottom: 2em;
}
.formulier textarea {
  font-size: 1em;
  padding: 0.5em;
  font-family: "Arial", sans-serif;
    width: auto;
  border: 1px solid #949595;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  /*behavior: url("assets/templates/styles/PIE.htc"); */   
}
.formulier input[type="file"] {
    width: auto;
}
.form-buttons input { /* zie rest styling bij algemene stijlen (bigButton) */
  border: 1px solid #09344D;
  position: relative;
  width: auto;
  left: auto;
  float: right;
  margin: 0 0 2em auto;  
}
.mailchimp .form-buttons input {
    float: left;
}
.formulier .form-buttons input:hover, .formulier .form-buttons input:focus {
  border: 1px solid #09344D;
  margin: 0 0 2em auto;  
}
.errors {
  background-color: #FBEAEA;
  border: 1px solid #EDA3A6;
  padding: 1em;  
}
.fieldError {
  background-color: #FBEAEA;
  border: 1px solid #EDA3A6;  
}
.fieldError input, .fieldError textarea {
  border: 2px solid red;
}
.fieldError label.radioOrCheckbox {
  background-color: #FBEAEA;
}
.fieldError .error {
  background-color: #B31623;
  color: #fff;
  padding: 0.3em 0.5em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px; 
  /*behavior: url("assets/templates/styles/PIE.htc");  */
}

.fieldError .error a {
	color: #fff;
	text-decoration: none;
}
        
.formSummaryElement {
    font-weight: bold;
}

.errorSummary {
    background-color: #FBEAEA;
    border: 2px solid red;
    padding: 1em;
    width: 28.5em;
}

.formRequired {
    padding: 0 0.2em;
}

/* formulier aanmelden/afmelden nieuwsbrief op contentpagina */
#afmeldForm fieldset, #inschrijfFormGroot fieldset {
  display: inline-block;  
  width: 21em;
  padding-bottom: 0;
}
#afmeldForm .form-buttons, #inschrijfFormGroot .form-buttons {
  margin-top: 1em;
  margin-right: 1em;  
}
 
/* =============================================================================
   certificaat
   ========================================================================== */
#certificaat, #inspectieRapport {
  background-color: #E5F1F8;
  padding: 0;
  margin-top: 2em;
  background: url("../images/certificaat/certificaat-bg.jpg") no-repeat -6em 5em #E4F1F9;
}
.rapportHeader {
  background: url("../images/certificaat/certificaat-hoekje.jpg") no-repeat top right transparent;
  padding: 3em 3em 0;
  text-align: center;
  width: auto;
}
#mainContentBody .rapportHeader img {
  border: 0;  
}
.rapportContent {
  padding: 0 3em 3em;
}  
#certificaat h1, #inspectieRapport h1 {
  background-color: transparent;
  color: #5A761B;
  display: block;
  padding: 0;
  font-size: 4em;
  margin-left: 0;  
  position: relative;
  margin-top: 0;
  max-width: 100%;
}
#inspectieRapport h1 {
  color: #383838;
  font-size: 2.3em;
  padding: 0 2em;   
}
#certificaat h1 .ondertitel {
  font-family: 'AllerLightRegular';
  display: block;
  color: #666;
  font-weight: normal;
  font-size: 50%;
} 
.rapportVoor {
  font-family: 'AllerRegular';  
  text-align: center;
  font-size: 1.2em;
  color: #666;
  border-bottom: 1px solid #C8D0D9;
  padding-bottom: 2em;
}
.rapportVoor .rapportUrl {  
  font-size: 1.6em;
  display: block;
  color: #383838;    
} 
.rapportVoor .rapportDatum {
  display: block;
  font-size: 0.85em;  
} 
.rapportScope, .rapportOver {
  float: left;
  width: 47%;  
}
.rapportScope {
  margin-right: 5%;  
}
#mainContentBody .rapportOver img {
  display: block;
  border: 0;
  margin-top: 1em;  
}
#certificaat .forwardLink, #inspectieRapport .forwardLink {
  display: inline-block;  
}  
#certificaat .rapportCode {
  text-align: center;
  font-size: 0.85em;
  color: #555;
  padding-bottom: 3em;  
}
#inspectieRapport table {
  
}
#inspectieRapport tr {
  border-bottom: 1px solid #C0CBD2;
}
#inspectieRapport td {
  padding: 0.8em 0.8em;
  word-wrap: break-word;
  vertical-align: top;
  border-right: 1px solid #C0CBD2;
}
#inspectieRapport th {
  background-color: #D2DEE6;
    border: 0 none;
    font-weight: bold;
    padding: 0.5em;
    text-align: left;
  border-right: 1px solid #C0CBD2;    
}
#inspectieRapport td.first, #inspectieRapport th {
  border-left: 1px solid #C0CBD2;   
}
#inspectieRapport tr.first th {
  background-color: transparent;
  border-right: 0;
  border-left: 0;   
}
#inspectieRapport caption {
  color: #CF1A28;
  font-size: 1.35em;
  margin-bottom: 1em;
  text-align: left;
}
/* toggle uitklaplinks */
.js .detailsHeader.open, .js .klachtHeader.open {
  background: url("../images/certificaat/headerUitgeklapt.gif") no-repeat center left transparent;  
}
.js .detailsHeader, .js .klachtHeader {
  font-family: 'AllerRegular';
  font-size: 1.2em;
  background: url("../images/certificaat/headerIngeklapt.gif") no-repeat center left transparent;
  padding-left: 1em;
  clear: both;  
}
.js .rapportDetails {
  display: none;  
}
.js .rapportDetails.open {
  display: block;
  padding-left: 1em;  
}
.js .rapportKlacht {
  display: none;  
}
.js .rapportKlacht.open {
  display: block;
  padding-left: 1em;  
}
.resultatenHeader {
  clear: both;
  padding-top: 1em;  
}

/* =============================================================================
   my.accessibility.nl extra stijlen
   ========================================================================== */
#mainContentBody .myaccessibility img {
  border: 0 !important;  
}
table img {
  border: 0 !important;  
}
table.priority_score {
  margin-bottom: 2em;  
}
.priority_score td.antwoord_ja, .priority_score td.antwoord_nee, .priority_score td.antwoord_nvt {
    border-right: 1px solid #CCDDEA;
}
table.priority_score th {
    vertical-align: top;
}
#mainContentBody table.priority_score img {
  max-width: none;
}
.priority_score thead th {
  background-color: transparent;  
  padding: 0;
}
th.img img {
    border: 0 none !important;
}
th.subheader {
    background-color: transparent;
}
th.titel {
    background-color: transparent;
    font-style: italic;
    padding-bottom: 0.3em;  
  padding-left: 2.5em;
  font-weight: bold;
}
tfoot dl dt {
  /*float: left;*/  
}
/* onderstaande deels overgenomen van oude site */
table.ijkpunten {
  max-width:80em;
  max-height:none; /* hasLayout reset */
}
table.ijkpunten td, table.ijkpunten th {
  vertical-align: middle;  
}
html > body table.ijkpunten {
  border-collapse:separate;
  border-spacing:0;
}
table.ijkpunten tr {
  margin:0;
  padding:0;
}
table.ijkpunten .nowrap {
  white-space:nowrap;
  width:4.5em;
  padding:0 !important;
  text-align:center;
}

table.ijkpunten thead tr {
  display:none;
}

table.ijkpunten td, #hoofdpaneel table.ijkpunten th,
#hoofdpaneel table.priority_score th {
  padding:.3em 1em;
  margin:.3em 0 0;
}

table.ijkpunten caption {
  padding-top:1.6em;
  font-weight: bold;
}

table.ijkpunten tbody td,
table.ijkpunten tbody th {
  border-top:solid 1px #C9CACB;
}

table.ijkpunten tbody tr.opmerking {
  border-top: dashed 1px;
  font-style: italic;
}
table.ijkpunten tbody tr.opmerking_nee td {
  background-color:#FEE;
  border-width: 1px 1px 0px 1px;
  border-color: #DDD;
  border-style: solid;
  font-style: italic;
}
table.ijkpunten tbody tr.criteria td,
table.ijkpunten tbody tr.criteria th {
  border-top-style:dotted;
  padding-top:.1em;
  padding-bottom:.1em;
}

table.ijkpunten tbody tr.criteria td.titel {
  padding:.3em 0 .3em 2.5em;
}
table.ijkpunten tbody tr.criteria td.titel p {
  margin:.2em 1em 0 -1em;
  border-top:dashed 1px #777;
  padding:.2em 0 0 2em;
  font-size:100% !important;
}

.criteria th {
  padding-left:2.2em !important;
}
table.ijkpunten tbody th {
  font-weight:normal;
  text-align:left;
}

table.ijkpunten tbody img {
  padding-top:2px;
  padding-bottom:2px;
}

table.ijkpunten tbody tr.antwoord_nvt  {
  background-color:#FDFDFD;
}
table.ijkpunten tbody tr.antwoord_ja  {
  border-top-color:#050;
  background-color:#FDFDFD;
}
table.ijkpunten tbody tr.antwoord_nee  {
  border-top-color:#500;
  background-color:#FFEFEF;
}
table.ijkpunten tbody tr.antwoord_nul  {
  border-top-color:#500;
  background-color:#FFF8EF;
}

table.ijkpunten tbody tr:hover.antwoord_nvt {
  background-color:#EEE;
}
table.ijkpunten tbody tr:hover.antwoord_ja {
  background-color:#DFD;
}
table.ijkpunten tbody tr:hover.antwoord_nee {
  background-color:#FDD;
}
table.ijkpunten tbody tr:hover.antwoord_nul {
  background-color:#FED;
}
table.ijkpunten tbody tr:hover.criteria.antwoord_nvt {
  background-color:#F5F5F5;
}
table.ijkpunten tbody tr:hover.criteria.antwoord_ja {
  background-color:#EFE;
}
table.ijkpunten tbody tr:hover.criteria.antwoord_nee {
  background-color:#FFE8E8;
}
table.ijkpunten tbody tr:hover.criteria.antwoord_nul {
  background-color:#FFF4E8;
}


table.ijkpunten tfoot td {
  border:solid 1px #DDD;
  padding:0;
}
table.ijkpunten dl {
  padding:1em 1em;
  margin:0;
}
table.ijkpunten dt {
  display:inline;
}
table.ijkpunten dd {
  display:inline;
  margin:0 .5em;
  border-style:solid;
  border-width:1px;
  padding:.2em .5em;
  text-align:center;
}
table.ijkpunten  .subheader ,
table.ijkpunten  .subheader td,
table.ijkpunten  .subheader th {
  padding: 1.5em 0 .5em !important;
  font-weight:bold;
  width:auto;
}
tr.richtlijn.subheader {
  background:#DEF;
}
tr.richtlijn.subheader th.titel {  padding-left:.6em !important; }


table.ijkpunten .ijkpunt th,
table.ijkpunten .ijkpunt td {
  padding-top:.5em !important;
  padding-bottom:.3em !important;
  line-height:1.35em;
  margin:0 !important;
  background:#F5F9FF;
}

table.ijkpunten td.ref {
  border-width:1px 0 0;
  padding:0;
  margin:0;
  background:none !important;
}

table.ijkpunten .ref a {
  width:100%;
  height:100%;
  display:block;
}
table.ijkpunten .ref img {
  padding:.1em .3em;
}
table.ijkpunten .ref input {
  padding:.1em .3em;
}

table.ijkpunten .opmerking td {
  border-top-style:dashed;
  padding-left:3em !important;
}

table.ijkpunten textarea.opmerking {
  width:98%;
  height:2em;
  display:block;
}
table.ijkpunten textarea.opmerking:focus { height:10em; }

.rapport-controls {
  margin:2.5em 0 -0.4em;
  padding:.7em 1em;
  background:#D8E9F6;
}
.rapport-controls select {
  font-size:110%;
}
table.ijkpunten td.antw {
  width:25px;
  text-align:center !important;
}
table.ijkpunten td.antw img {
  vertical-align: sub;
}
table.ijkpunten td.antw .not_checked,
table.ijkpunten .nowrap input {
  visibility: hidden;
}
table.ijkpunten td.antw label {
  white-space: nowrap;
  display: block;
  width:100%;
}
table.ijkpunten tr:hover td.antw label,
table.ijkpunten tr:hover .nowrap input {
  visibility:visible;
}

table.samenvatting {
  max-width:80em;
  margin-bottom:2em;
}

table.samenvatting tbody td,
table.samenvatting tbody th {
  border:solid #CCC;
  border-width: 0 0 1px;
}
table.samenvatting caption {
  border-bottom:dashed 1px #0062AA;
  color:#0062AA;
  font-size:140%;
}
table.samenvatting thead {
  display:none;
}

table.samenvatting .watisdit
{
  background-color: #FFFFCC;
  width: 25em;
  vertical-align: top;
  padding-left: 10px;
  border: solid #CCC;
  border-width: 0px 1px 1px 1px;
}

table.samenvatting .score {
  width: 52px;
  height: 66px;
  color: #FFFFFF;
  font-size: 150%;
  text-align: center;
  background-repeat: no-repeat;
  background-position: 0 5px;
}

table.samenvatting .score1 {
  background-image: url('images/score1.png');
}

table.samenvatting .score2 {
  background-image: url('images/score2.png');
}

table.samenvatting .score3 {
  background-image: url('images/score3.png');
}

.score4 {
  background-image: url('images/score4.png');
}

.score5 {
  background-image: url('images/score5.png');
}

.score6 {
  background-image: url('images/score6.png');
}

.score7 {
  background-image: url('images/score7.png');
}

.score8 {
  background-image: url('images/score8.png');
}

.score9 {
  background-image: url('images/score9.png');
}

.score10 {
  background-image: url('images/score10.png');
}

.myaccessibility .hidden,
.filtered,
.js_enabled .attributes {
  display:none;
}

.priority_score {
  margin:1em 0;
}

.priority_score tbody td, .priority_score tbody th {
  vertical-align: top;
  padding:.6em .5em .4em !important;
  border:solid #AAA;
  border-width:1px 0;
}

.priority_score .antwoord_ja,
.priority_score .antwoord_nee,
.priority_score .antwoord_nvt,
.priority_score .antwoord_nul{
  text-align:center;
}

/* =============================================================================
   video
   ========================================================================== */
.block-video {
  width: 520px;  /* breedte van video */
  margin-bottom: 2em;
}
.block-audio {
  width: 220px;  /* breedte van video */
  margin-bottom: 2em;
}

#mainContentBody .video img, #mainContentBody .audio img {
  border: 0;
  padding: 0;  
}
.block-video p, .block-video a.toggle, .block-audio p, .block-audio a.toggleA {

    border: 1px solid #CCDDEA;
    border-bottom: 0;
    display: block;
    padding: 0.2em 20px 0.3em 10px;
    position: relative;
  text-decoration: none;
    margin-top: 0.2em;
    margin-bottom: 0;
  font-size: 1.1em;
  color: #000;
}
.block-video.js a.toggle, .block-audio.js a.toggleA {
  padding-left: 1.5em;
  cursor: pointer;
  border-bottom: 1px solid #CCDDEA;
  background: url("../images/certificaat/headerIngeklapt.gif") no-repeat 0.5em center #D8E9F6;
  text-decoration: underline;
  color: #1E6891;
}
.block-video.js a.toggle:hover, .block-audio.js a.toggleA:hover {
  
}
.block-video p.open, .block-video a.toggle.open, .block-audio p.open, .block-audio a.toggleA.open {
    border-bottom: 0;
  background: url("../images/certificaat/headerUitgeklapt.gif") no-repeat 0.5em center #D8E9F6;
}
.js #mainContent ul.list-common {
  display: none;  
}
#mainContent ul.list-common, .js #mainContent ul.list-common.open {
    border: 1px solid #D9D9D9;
  border-top: 0;
    display: block;
    padding: 0.5em;
    margin-left: 0;
    margin-top: 0;
    padding-left: 0;
}
.block-video li, .block-audio li {
    border: medium none;
    padding-left: 1.5em;
}
.block-video li img, .block-audio li img {
    margin-bottom: -0.6em;
}
#mainContent .meta img {
    vertical-align: baseline;
    border: 0;
}

/* =============================================================================
   sitemap
   ========================================================================== */
#sitemap > li {
  font-weight: bold;  
}
#sitemap > li > ul > li {
  font-weight: normal;  
}
#sitemap > li > ul > li > ul,
#sitemap > li > ul > li > ul > li > ul {
  margin: 0;  
}
/* =============================================================================
   footer
   ========================================================================== */
     
#footer {
  margin-top: 2em;
  background: url("../images/bgFooter.png") repeat-x top left #2C7196;
  color: #fff;  
}
#footerContent {
  background: url("../images/nieuwsbrief.png") no-repeat 60% 4em transparent;  
  padding-top: 7em;
}
.geenNieuwsbrief {
    background: none !important;
}
#footer h2 {
  font-size: 1.2em;
  color: #fff;
  margin-top: 1em;  
}
.footerBlock1, .footerBlock2 {
  width: 35.1%;
  margin-right: 4.8%;
}
.footerBlock2 {
  margin-right: 5%;  
}
.footerBlock3 {
  width: 20%;  
}
.footerLogos {
  clear: both;
  padding-bottom: 3em;
  vertical-align: middle;
  font-size: 0.9em;
  width: 70%;  
}
.footerLogos img {
  float: left;
  margin-right: 1em;  
}

#footer fieldset {
  border: 0;
  margin: 0;
  padding: 0;  
  /*width: 20em;*/
}
#footer legend {
  position:absolute;
  left:-1000em;
  top:auto;
  width:1px;
  height:1px;
  overflow:hidden;
}
#footer form {
    width: 19em;
    overflow: hidden;
}
#footer label {
  display: block;
  position: relative;
  margin-bottom: 0.5em;
  vertical-align: middle;
  line-height: 1.8em;
}
#footer input {
  padding: 0.3em;
  border: 1px solid #949595;
}
#footer .formField input {
  background-color: #Fff;
  position: absolute;
  left: 7em;
  width: 12em;
}
#footer .button {
  background-color: #E5E5E5;
  float: right; 
}
#footer .button:hover {
  background-color: #D8E9F6;  
}
.footerBlock3 img {
  margin-top: 1em;
  margin-right: 0.5em;
}


/* =============================================================================
   mainMenu
   ========================================================================== */

/* menu-items are aligned evenly with js */
#mainMenu {
  position: absolute;
  z-index: 5;  
  top: 7em;
  width: 100%;
}
#mainMenu a, #mainMenu span {
  font-size: 1em;
  letter-spacing: 0.5px;
}
#mainMenu ul {
  list-style-type: none;
  /*background: url("../images/mainMenuBgRepeat.png") repeat-x top left transparent;*/
  background: url("../images/mainMenuBg.gif") repeat-x bottom left #1E6891;
  padding: 0;
}
#mainMenu li {
  margin: 0;
  float: left;
  /*background-color: #1E6891;*/
  display: block;
  padding-bottom: 0.6em;
}
#mainMenu a, #mainMenu span {
  display: inline-block;
  color: #fff;  
  padding: 0.45em 0.8em 0.5em;
  text-decoration: none;
  font-family: 'AllerLightRegular', Arial;
  font-weight: normal;
  background-color: #1E6891;
}
#mainMenu a:hover, #mainMenu a:focus {
  background-color: #12405C;  
}
/* selected item */
#mainMenu li.active {
  background: url("../images/mainMenuBg.jpg") no-repeat center 18px transparent;
  /*padding-bottom: 1em;*/
}
#mainMenu span, #mainMenu li.active a { 
  /*background: url("../images/mainMenuSelectedBgRepeat.png") repeat-x top left  #12405C;  */
  background-color: #12405C;
    text-decoration: underline;
}

/* =============================================================================
   subMenu
   ========================================================================== */

#subMenu {
  width: 20%;
  float: left;  
  margin-left: 0;
  border-right: 1px solid #CDCECE;
  margin-top: 3.4em;
  padding: 0 0.8em 0 0;
}
#subMenu li, #subMenu h2 {
  border-bottom: 1px dashed #CDCECE;
}
#subMenu a, #subMenu span {
  text-decoration: none;
  color: #656565;  
  padding: 0.9em 0.3em;
  display: block;
}
#subMenu ul li ul li a {
  padding: 0.3em;  
}
#subMenu a:hover {
  color: #CF1A28;
  text-decoration: underline;
}
#subMenu span, #subMenu>li.selected a {
  font-weight: bold;
  color: #383838;
}
#subMenu span:after, #subMenu>li.selected a:after {
  content: " ›";
  color: #CF1A28;  
}

#subMenu h2 {
    color: #1E6891;
    padding: 0 0.3em 0.9em 0.3em;
    margin: 0;
    padding-top: 0;
  font-size: 1.1em;
  font-family: 'AllerLightRegular', Arial;
  font-weight: normal;
}
#subMenu h2 a.subMenuFirst {
    padding: 0;
    /*color: #3D8FBE;*/
    color: #2F769F;
}
#subMenu li.last {
  border-bottom: 0;  
}
#subMenu .subsubmenu,
#subMenu ul li ul {
  margin-left: 1.5em;
  padding-left: 0;
  margin-top: -0.5em;  
  margin-bottom: 0.5em;
}
#subMenu .subsubmenu li,
#subMenu ul li ul li
 {
  border: 0;
  list-style-type: none;  
}
#subMenu .subsubmenu a, #subMenu .subsubmenu span,
#subMenu ul li ul span, #subMenu ul li ul li a {
  padding: 0.3em 0.3em;
  font-size: 0.95em;  
}

/* =============================================================================
   serviceMenu
   ========================================================================== */

#serviceMenu {
  position: absolute;
  top: 0.6em;
  z-index: 5;
  margin-right: 0;
  width: 100%;
}

#serviceMenu ul {
  float: right;
}

#serviceMenu li {
  float: left;
  margin-left: 1em;  
}

/* =============================================================================
   footerMenu
   ========================================================================== */

#footerMenu {
  list-style: none;
  margin: 1em 0;
  padding: 0;  
  height: 1em;
}
#footerMenu li {
  float: left;
  margin-right: 1em;  
}
#footerMenu a {
  color: #fff;  
}

/* ------------------------------------------------------------------------------------------------------------------ */
 
/* Custom Twitter Widget                                                                                              */
 
/* ------------------------------------------------------------------------------------------------------------------ */
 
.tweet-container {
    overflow: hidden;
    clear: both;
    margin-bottom: 12px;
}
.tweet-container p {
    margin-bottom: 8px;
    line-height: 1.2;
}
.tweet-container .tweet-user-avatar {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 8px 4px 0;
    float: left;
}
.tweet-container .tweet-user-names {
    display: block;
    float: left;
    line-height: 1;
    margin-bottom: 4px;
    font-size: 0.8em;
}
.tweet-container .tweet-user-names a {
    display: block;
    margin-bottom: 2px;
}
.tweet-container .tweet-time {
    float: right;
    font-size: 0.8em;
    margin-bottom: 2px;
}
.tweet-container .tweet-text {
    clear: both;
    margin-bottom: 12px;
}
.tweet-container .twitter-follow-button {
    float: left;
}
.tweet-container .tweet-intents {
    float: right;
}
.tweet-container .tweet-intents a {
    display: inline-block;
    padding-left: 3px;
    border-left: 1px dotted #C8C8C8;
    margin-left: 3px;
    text-decoration: none;
}
.tweet-container .tweet-intents a:hover,
.tweet-container .tweet-intents a:active {
    text-decoration: none;
}
.tweet-container .tweet-intents a.intent-reply {
    margin-left: 0;
    border-left: none;
    padding-left: 0;
}

/* =============================================================================
   Aanpassing homepage 22-06-2014 door M2
   ========================================================================== */

.homev2 h2.introHeading {
    background-color: #CF1A28;
    padding: 0.1em 0.3em;
    color: #fff;
    font-size: 1.4em;
    display: inline-block;
    margin-left: 0.8em;
    margin-right: 0.8em;
}
.homev2 #mainContent {
    width: 100%;
    border-bottom: 2px dashed #D8E9F6;
    margin-bottom: 1em;
}
.homev2 .leftCol {
    width: 75%;
    margin-left: 0;
    position: relative;
    float: left;
}
.homev2 #recent .infoBlock {
    float: left;
    width: 47%;
    margin-right: 6%;
}
.homev2 #mainContent .infoBlock h2 {
    white-space: nowrap;
}
.homev2 #recent .last {
    margin-right: 0;
}
.homev2 #mainContent .infoBlock {
    float: left;
    width: 21%;
    margin-right: 5%;
    margin-bottom: 1em;
}
.homev2 #mainContent .last {
    margin-right: 0;
}
.homev2 #mainContent .infoBlock a {
    display: inline;
}
.testimonial img {
    float: right;
    border: 0;
    padding: 0;
}
.homev2 #recent {
    border-top: 0;
    margin-top: 1em;
    padding-top: 0;
}

/* =============================================================================
   Smaller screens
   ========================================================================== */

@media screen and (min-width: 768px) and (max-width: 1000px) {

  #mainMenu {
    top: 7.8em;  
  }
  #mainMenu .container {
    padding-left: 5px;
    padding-right: 5px;  
  }
  #mainMenu li {
    border: 1px solid #3F96C3;
    border-top: 0;  
    padding-bottom: 0;
  }
  #mainMenu span {
    padding: 0.4em 1em;  
  }
  #mainMenu ul {
    background-image: none;  
  }
  #highlight {
    margin-top: 1em;  
  }
  #mainMenu a, #mainMenu span {
    padding: 0.4em 0.5em;
    font-size: 0.9em;
    letter-spacing: 0;  
  }
  .formulier input {
    position: relative;
    display: block;
    width: 93%;
    left: 0;  
  }
  .formulier .radioOrCheckbox input {
    display: inline;  
  }
  
  .homev2 #mainContent .infoBlock h2 {
    font-size: 1.2em;
  }
}

@media screen and (max-width:767px) {

  body {
    font-size: 16px;
    -webkit-text-size-adjust: none;
  }
  
  .row, body, .container {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  
  .col {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 20px;
    padding-right: 20px;
  }
  
  /* header */
  #header {
    padding: 0;
    text-align: center;  
    height: 16em;
    width: 100%;
  }  
  #slogan {
    border-bottom: 1px dashed #1F7BC3;
    padding-bottom: 1em;
    margin-bottom: 1em;  
  }
  #header #search {
    float: none;
    margin-top: 1em;  
    display: block;
  }
  
  /* mainMenu */
  #mainMenu {
    position: relative;  
    top: 0;
  }
  #mainMenu ul {
    background-image: none;  
    background-color: transparent;
  }
  #mainMenu li, #serviceMenu li {
    float: none;
    background-color: transparent;
    padding: 0.2em 20px;
  }
  #mainMenu a, #mainMenu span {  
    padding: 0;
    color: #1E6891;
    font-family: Arial;
    font-size: 1em;
    text-decoration: underline;
    display: inline;
    background-color: transparent;
    letter-spacing: 0;
  }
  #mainMenu span {
    text-decoration: none;
    font-weight: bold;  
  }
  #mainMenu a:hover {
    background-color: transparent;
    color: #CF1A28;  
  }
  #mainMenu li span {
    color: #000;
    background-image: none;  
    padding-bottom: 0.4em;
  }
  #mainMenu li.active {
    background-image: none;
    background-color: transparent;
    padding-bottom: 0;
  }
  #mainMenu li.active a {
    background-color: transparent;
    font-weight: bold;
  }
  #mainMenu li span:after {
      color: #CF1A28;
        content: " ›";
  }
  
  /* subMenu */
  #subMenu {
    float: none;
    width: 100%;  
  }
  #subMenu li {
    border-bottom: 0;
    padding: 0.2em 20px;
  }
  #subMenu li a {  
    color: #1E6891;
    font-family: Arial;
    font-size: 1em;
    text-decoration: underline;
    display: inline;
    padding: 0;
  }
  #subMenu li span {
    color: #000;
    text-decoration: none;
    font-weight: bold;  
    font-family: Arial;
    font-size: 1em;
    display: inline;
    padding: 0;
  }
  #subMenu span {
    display: inline;
    padding: 0;  
  }
  #subMenu h2 {
    border-bottom: 0;
    color: #CF1A28;
      font-size: 1.35em;
      margin-top: 1em;  
  }
  #subMenu h2 a, #subMenu h2 a.subMenuFirst {
    display: inline;
    color: #CF1A28;  
  }
  #subMenu h2 span {
    color: #CF1A28;
  }
  
  /* serviceMenu */
  #serviceMenu {
    position: relative;  
  }
  #serviceMenu ul {
    float: none;  
  }
  #serviceMenu li {
    margin-left: 0;  
  }
  #serviceMenu a, #serviceMenu span {
    padding: 0;  
  }
  
  /* highlight */
  #highlight {
    /*display: none;
    background-image: none;  */
  }
  #highlightBanner {
    width: 80%;
    margin: 1.5em auto;
    position: relative;
    box-shadow: 0px 0px 0px transparent;
    /*behavior: url("assets/templates/styles/PIE.htc");*/
  }
  #prevNext {
    width: 3em;
    top: 210px;
    right: 10px;  
  }
  #prevNext a {
    float: none;  
  }
  .js #highlightBanner .captions {
    top: 20px;
    right: 0;  
    width: 95%;
  }
  .captions .h2 {
    font-size: 1.1em;  
  }
  #highlightSide, .homev2 #highlightSide {
    float: none;
    margin: 1em auto;
    width: 90%;
  }
  /* mainContent */
  .home #mainContent, .side #mainContent {
    margin: 1em auto;  
    width: auto;
  }
  
  h1, .homev2 h2.introHeading {
    position: relative;
    margin-left: 0;
    font-size: 1.6em;
    line-height: 1.3em;
  }
  #intro {
    margin-top: 0em;
    padding: 0.8em;  
  }
  #mainContent .infoBlock, #mainContent #recent .infoBlock,
  .homev2 .infoBlock, .homev2 #mainContent .infoBlock, .homev2 #recent .infoBlock {
    float: none;
    margin: 1em auto;
    width: 100%;      
  }
  .testimonial p {
    background-image: none;  
  }  
  .sub #mainContent, .subSide #mainContent, .side #mainContent, .subFirst #mainContent, .subOwn #mainContent {
    float: none;
    width: auto;
    margin: 1em auto;  
  }
  #mainContentBody, #mainContentBody.aside {
    margin-right: 0;
    width: auto;
    padding-left: 0;
    padding-right: 0;  
  }
  #mainContentAside {
    width: auto;
    padding-left: 0;
    padding-right: 0;  
  }
  
  /* homepage v2 */
  .homev2 .leftCol {
    float: none;
    width: auto;
    padding: 0 20px; 
  }
  #mainContentSkip {
    /*left: -1000em;
    position: absolute;*/
  }
  
  /* landingspage */
  #mainContentList li {
    float: none;
    width: auto;
    margin-right: 0%;
  }
  
  /* nieuws */
  .nieuws .newsItem img {
        float: none;
      margin-left: 0;
  }
  
  /* trainingen */
  .training div {
    float: none;
    width: auto;
    margin-right: auto;  
  }
  .trainingDetails h3 {
    float: none;
    display: block;  
  }
  #mainContent .trainingDetails p, #mainContent .trainingDetails ul {
    margin-left: 0;  
  }
  .aanmeldenOnderaan a.inschrijven {
    font-size: 1em;  
  }
  
  /*kennisbank */
  #mainContent .tools li {
    float: none;
    width: 100%;
    overflow: hidden;  
  }
  .tagKolom {
    float: none;
    width: 100%;
    overflow: hidden;
    margin-right: 0;  
  }
  
  /* sideContent */
  #sideContent, .homev2 #sideContent {
    float: none;
    margin: 2em auto;
    width: 100%;
    padding: 0;  
  }
  #sideContent .infoBlock {
    width: auto;
    border-left: 0;
    border-right: 0;  
  }
  #sideContent #drempelvrij {
    padding: 1em 0;  
  }
  
  /*tables register */
  .registerTabel td.organisatie, .registerTabel td.bouwer, .registerTabel td.sites {
    font-size: 0.85em;  
  }
  
  /* 2 kolommen */
  .contentKolom {
    float: none;
    width: auto;
    margin-right: 0;  
  }

  /* footer */
  #footer {
    background-image: none;
  }
  #footerContent {
    background-image: none;  
    padding-top: 0;
  }
  .footerBlock1, .footerBlock2 {
    border-bottom: 1px dashed #fff;  
    padding: 1em 20px;
  }
  #footer fieldset {
    width: auto;  
  }
  #footer input.text {
    display: block;
    position: relative;
    width: auto;
    left: 0;  
  }
  #footer .button {
    float: none;  
  }
  
  /* hidden text */
  .hidden {
    left: 0px;
    margin-left: 20px;
    position: relative;  
  }
  a.skipLink {
    position: relative;  
    left: 0px;    
    background-color: transparent;
    border: 0;
    font-size: 1em;
    padding: 0.3em;
    display: block;  
  }
  a.skipLink:focus, a.skipLink:active {
    top:auto;
    left:auto;
    z-index:1000;
  
  }
  .testimonial .hidden, #footer .hidden {
    left: -9999em;
    position: absolute;  
  }
  
  /* forms */
  .formulier fieldset {
    margin: 1em 0;  
  }
  .formulier .formField {
    padding: 0.5em;  
  }
  .formulier input {
    position: relative;
    display: block;
    width: 93%;
    left: 0;  
  }
  
  .formulier .radioOrCheckbox {
    margin-left: 0;
  }
  .formulier .radioOrCheckbox input {
    display: inline;  
  }
  .formulier .radioOrCheckbox label {
    display: inline;  
  }
  .formulier .globalLabel {
    position: relative;  
  }
  .input {
    position: relative;
    left: 0;  
  }
  .form-buttons input {
    float: none;  
  }
  .formulier textarea {
    width: 90%;  
  }
  
  /* certificaat */
  
  .rapportHeader {
    background-image: none;  
  }
  #inspectieRapport h1 {
      padding: 0;
  }
  .rapportHeader, .rapportContent {
    padding: 0.8em;
    word-wrap: break-word;  
  }
  .rapportScope, .rapportOver {
    float: none;
    width: auto;  
  }
  #certificaat h1, #inspectieRapport h1 {
    font-size: 1.5em;
    word-wrap: break-word;
  }
  .rapportVoor {
    font-size: 1em;  
  }  
  .rapportVoor .rapportUrl {
      font-size: 1em;
      word-wrap: break-word;
  }
  #mainContent .rapportScope ul {
    margin-left: 0;
    padding-left: 0;
    text-indent: 0;  
  }

}

/* =============================================================================
   old ie only styles
   ========================================================================== */

/* widths and positioning */
.ie6 .row {
  width: 960px;
}
.ltie8 .side .row, .ltie8 .home .row {
  padding-bottom: 2.5em;
}
.ie6 .sub #mainContent, .ie6 .subFirst #mainContent, .ie6 .subOwn #mainContent {
  width: 66%;
}
.ie6 .home #mainContent, .ie6 .side #mainContent {
  margin-right: 15%;  
}
.ie6 #search {
  height: 2em;
  text-align: right; /* otherwise won't float right */
}
.ltie8 #breadCrumbs, .ltie8 #breadCrumbs {
  margin-bottom: 2em;
}
.ie6 .sub #mainContentBody, .ie6 .subFirst #mainContentBody,
.ie6 .subOwn #mainContentBody {
  width: 600px;  
  margin-right: 0;
}
.ie6 .sub #mainContentBody.aside {
  width: 400px;  
  margin-right: 50px;   
}
.ie6 #sideContent {
  
}
.ie6 #mainContent ul, .ie6 #sideContent ul {
  list-style-type: disc;  
  text-indent: 0;
}
.ie6 #mainContent .secretList {
  list-style-type: none;  
}
.ie6 #mainContentAside {
  width: 150px;  
  float: left;
}
.ltie8 #mainContentAside img {
  width: 160px;  
}
.ie7 #mainContentBody.aside {
    margin-right: 10%;
    width: 65%;
}
.ltie8 a.backLink {
  margin-bottom: 2em;  
}

/* ie6 no special fonts - looks ugly */
.ie6 h1, .ie6 h2, .ie6 h3, .ie6 .h2, .ie6 #subMenu h2 a.subMenuFirst, 
.ie6 #subMenu h2, .ie6 legend {
  font-family: Arial;
  font-weight: bold;
  letter-spacing: 0.5px;
}
.ie6 #highlight.sub p, .ie6 #highlight.subFirst p, .ie6 #highlight.side p,
.ie6 #highlight.subOwn p {
  font-family: Arial;  
}
.ie6 #mainMenu a, .ie6 #mainMenu span, .ie6 #intro, .ie6 .testimonial p {
  font-family: Arial;  
}
.ie6 .testimonial p {
  font-size: 1em;  
}
.ie6 h2 {
  clear: both;
}

/* intro and h1 */
.ltie8 #intro  {
  margin-top: 0;  
}
.ltie8 h1 {
  display: inline;  
}
.ltie8 .home #intro {
  /*margin-top: 1em;  */
}
.ltie8 h1 {
  z-index: 100;  
  position: relative;
}
.ltie8 #intro {
  margin-top: -1em;
  position: relative;
  z-index: 0;  
}
.ltie8 .subSide h1 {
  /*margin-top: 1em;  */
}
.ltie8 .subSide #intro {
  /*margin-top: 2em;*/  
}

/* Homepage */
.ltie8 #mainContent .infoBlock, 
.ltie8 .homev2 .infoBlock {
  width: 28%;
}  
.ltie8 #mainContent #recent .infoBlock,
.ltie8 .homev2 #recent .infoBlock {
  width: 45%;  
}
.ie6 #highlightSide {
  margin-left: 20px;  
}
.ie6 .testimonial p {
  overflow: visible;
  background-image: none;
  background-color: #D8E9F6;
}
.ie6 #playPause img {
  -pie-png-fix: true;
    /*behavior: url("assets/templates/styles/PIE.htc");  */
}

.ie8 .testimonial p, .ie7 .testimonial p, .ie9 .testimonial p {
  padding: 0.8em 0.8em 1.5em 0.8em;
  overflow: hidden;
  background: url("../images/testimonialBg.png") no-repeat bottom left #D8E9F6;
  font-family: 'Reminder Pro Medium','NotethisRegular', Arial;
  font-size: 1.4em;
}

/* mainContentList = landingpage */
.ie8 #mainContentList li {
  float: left;
  width: 45%;
  margin-right: 5%;
}
.ltie8 #mainContentList li {
  width: 100%;
  margin-right: 0;
  float: none;
  height: auto !important;
}
.js .ie7 #mainContentList li {
  float: left;
  width: 45%;
  margin-right: 8%;
}
.js .ltie8 #mainContentList li.odd {
  margin-right: 0;  
}
.js .ie6 #mainContentList li {
  float: left;
  margin-right: 5%;
  width: 43%;  
}
.ie6 #mainContentList img {
  width: 200px;
  height: auto;  
}
.js .ie6 #mainContentList img {
  width: 100%;
  height: auto;  
}

/* kennisbank */
.ltie9 .tools li {
  width: 26%;  
}

/* bulletlists */
.ltie8 ul.bulletList, .ltie8 #mainContent ul {
  list-style-type: circle;
  margin-left: 20px;
  text-indent: 0;
  padding-left: 0;  
}
.ltie8 #mainContent ul.secretList, .ltie8 ul.secretList {
  list-style-type: none;
  margin-left: 0;  
}

/* tags and categories */
.ltie8 #pageMetadata h2 {
  display: block;
  float: none;
}
.ltie8 #pageMetadata dt {
  display: block;
  float: none;
  margin-bottom: 0.5em;  
}
.ltie8 #pageMetadata dd {
  float: none;  
}
.ltie8 #pageMetadata dd.category {
  display: inline;  
}
.ltie8 #pageMetadata span.category {
  float: none;  
}
.ltie8 #relatedContent span.category {
  padding-left: 15px;  
}

/* menus */
.ie6 #subMenu {
  width: 24%;  
}
.ie6 #mainMenu ul {
  height: 2.9em;    
}
.ie6 #mainMenu li.active {
  background-image: none;  
}
.ie6 #mainMenu span {
  background-image: none;
  background-color: #12405C;
  padding-bottom: 0.4em;  
}
.ie6 #subMenu .subsubmenu a, 
.ie6 #subMenu .subsubmenu span, 
.ie6 #subMenu ul li ul span, 
.ie6 #subMenu ul li ul li a {
  padding-top: 0px;
  padding-bottom: 0px;  
}
.ie6 #subMenu span {
  font-weight: bold;
  font-size: 1.1em;  
}
.ie7 #mainMenu li, .ie8 #mainMenu li {
    padding-bottom: 0.5em;
}
.ie7 #mainMenu .row {
   
}


/* footer ie6 */
.ie6 .footerBlock1, .ie6 .footerBlock2 {
  width: 290px;  
}
.ie6 .footerBlock3 {
  width: 230px;  
}
.ie6 #footerContent {
  background-image: none;  
  padding-top: 8em;
}

/* trainingen */
.ie6 .training {
  padding-bottom: 4em;
  margin-bottom: 4em;
  border-bottom: 2px dashed #D8E9F6;
  height: 100%; /* hasLayout to clear floats */
}
.ie6 .training div {
  float: left;
  width: 40%;
  margin-right: 10%;  
}
.ltie8 .training .trainingPractical {
  margin-right: 0;  
}
.ltie8 .trainingInfo {
  margin-right: 5%;
}

/* forms */
.ltie9 fieldset { /* fix fieldset bleed bug */
  position:relative;
  margin-top: 1em;
  padding-top: 2em;
  margin-bottom: 3em;
}
.ltie9 legend {
  position: absolute;
  top: -1.2em;
  left: 0.5em;
}
.ltie9 .errors {
  margin-bottom: 3em;  
}

/* big blue buttons */
.ie6 a.inschrijven {
  color: #fff;  
}
.ltie8 .bigButton, .ltie8 a.bigButton,
.ltie8 a.inschrijven, 
.ltie8 .form-buttons input {
  color: #fff;
  padding-top: 3px;
  padding-bottom: 5px;
}
.ie6 a.bigButton:visited, .ie6 a.bigButton:active, .ie6 a.bigButton:hover {
  color: #fff;  
}

/* links */
.ltie8 #mainContent a[href^="http"], .ltie8 #sideContent a[href^="http"] {
    background-image: none;
    padding-right: 0;
}

/* search form */
.ltie8 #search .button, 
.ltie8 #cse input.gsc-search-button, 
.ltie8 #cse-search-form input.gsc-search-button,
.ltie8 #searchMain .button {
    margin-left: 3em;
}
.ltie8 #cse-search-form td.gsc-clear-button, #cse td.gsc-clear-button {
  width: 1.5em;
}

/* fix ie7 zoom bug */
/* Dit werkt, maar pagina niet meer gecentreerd maar links: */
/*.ie7 .row {
  margin: 0 auto 0 0;  
}*/