/* -----------------------------------------
   Web fonts
----------------------------------------- */
/* @license
 * MyFonts Webfont Build ID 2422704, 2012-12-03T04:45:10-0500
 *
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are
 * explicitly restricted from using the Licensed Webfonts(s).
 *
 * You may obtain a valid license at the URLs below.
 *
 * Webfont: VAG Rounded Light by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/vag-rounded/light/
 *
 * Webfont: VAG Rounded Bold by Linotype
 * URL: http://www.myfonts.com/fonts/linotype/vag-rounded/bold/
 *
 *
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=2422704
 * Webfonts copyright: Copyright © 1989, 1995, 2001 Adobe Systems Incorporated.  All Rights Reserved.
 *
 * © 2012 Bitstream Inc
*/
@import url("//hello.myfonts.net/count/24f7b0");
@font-face {font-family: 'VAGRoundedStd-Light';src: url('../Fonts/24F7B0_0_0.eot');src: url('../Fonts/24F7B0_0_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/24F7B0_0_0.woff') format('woff'),url('../Fonts/24F7B0_0_0.ttf') format('truetype');}
@font-face {font-family: 'VAGRoundedStd-Bold';src: url('../Fonts/24F7B0_1_0.eot');src: url('../Fonts/24F7B0_1_0.eot?#iefix') format('embedded-opentype'),url('../Fonts/24F7B0_1_0.woff') format('woff'),url('../Fonts/24F7B0_1_0.ttf') format('truetype');}

/* -----------------------------------------
   ZURB overrides
----------------------------------------- */
ul.pagination {
  display: inline-block;
}
ul.pagination li {
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  margin-left: 0;
}
ul.pagination li a {
  color: #156aa6;
  padding: 1px 17px 1px 18px
}
ul.pagination li a:hover i { text-decoration: underline; }
ul.pagination li.unavailable a:hover i, ul.pagination li.unavailable a:hover { text-decoration: none; }
ul.pagination li.arrow:last-child {
  border-right: 0;
}
ul.pagination li.arrow:first-child a {
  padding-left: 0;
  margin-left: -5px;
}
ul.pagination li.arrow:last-child a {
  padding-right: 0;
  margin-right: 0;
}
ul.pagination li.current a {
  background: transparent;
  color: #000;
  cursor: default;
}
ul.pagination li.current a:hover {
  text-decoration: none;
}
ul.pagination li.current a:hover, ul.pagination li a:hover {
  background: transparent;
}
hr.tight {
  margin: 10px 0 9px
}
ul {
  list-style-position: outside;
  padding-left: 18px;
}
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td {
  font-size: 13px;
}
/* -----------------------------------------
   Global styling
----------------------------------------- */
body {
  background: #fff;
}
body, div, dl, dt, dd, ul, ol, li, pre, form, p, blockquote, th, td {
  font-family: Arial,"Helvetica Neue","Helvetica",Helvetica,sans-serif;
  font-size: 12px;
}
li {
  font-size: 13px;
}
.wrapper, footer {
  max-width: 1012px;
  margin: 10px auto 0;
  padding-top: 40px;
  background-color: #fff;
}
.row { width: 1012px; }
.column, .columns { padding: 0 36px; }

h1.logo small {
  font-family: 'VAGRoundedStd-Bold';
  color: #19679e;
  font-size: 19px;
  font-weight: bold;
  display: inline-block;
  margin-bottom: 26px;
}
h1.logo small:before {
  content: 'Kompas voor duurzamer ondernemen';
}
h5 {
  font-size: 14px;
  line-height: 19px;
  font-weight: bold;
  color: #2175ad;
}
h6 {
  font-size: 12px;
  padding-bottom: 3px;
  margin-bottom: 0;
  border-bottom: 1px solid #ccc;
}
a, a:hover {
  color: #2175ad;
}
a:hover {
  text-decoration: underline;
}
a:hover i {
  text-decoration: none;
}
.icon-bar {
  display: inline-block;
  border-bottom: 1px solid #ccc;
  margin-bottom: 6px;
}
.icon-bar a {
  color: #000;
  padding: 2px 13px 20px 8px;
  padding-bottom: 3px;
  height: 24px;
  display: inline-block;
}
.icon-bar a {
  border-right: 1px solid #ccc;
}
.icon-bar a:last-child {
  border-right: none;
}
.icon-bar .language-select {
  display: inline-block;
  position: relative;
  border-left: 1px solid #ccc;
  height: 20px;
}
.icon-bar .language-select ul {
  display: none;
  list-style: none;
  position: absolute;
  top: 20px;
  left: -1px;
  width: 103px;
  z-index: 100;
  border: 1px solid #ccc;
  background: #fff;
}
.icon-bar .language-select:hover ul {
  display: block;
}
.icon-bar .language-select ul a {
  padding: 5px;
  display: block;
}
.nav-row {
  margin-bottom: 30px;
  width: 940px;
  border-bottom: 1px solid #ccc;
}
.nav-row .column, .nav-row .columns {
  padding-left: 0;
  /*border-bottom: 1px solid #ccc;*/
}
.nav-row .nine {
  padding-right: 0;
}
.nav-row .column .columns, .nav-row .columns .columns { border-bottom: 0; }
.main-nav {
  background: transparent;
  margin: 0;
}
.main-nav > li {
  border: 0;
  top: 13px;
  margin: 0 11px;
}
.main-nav > li.active {
  background: transparent;
  border-bottom: 3px solid #2275ad;
  height: 31px;
}
.main-nav > li a, .main-nav > li a:first-child {
  font-family: 'VAGRoundedStd-Light';
  font-size: 16px;
  font-weight: normal;
  height: auto;
  padding: 0;
  margin: 0;
  color: #19679d;
}
.main-nav > li > a > span {
  height: 38px;
  display: block;
}
@media only screen and (max-width: 767px) {
.main-nav > li > a > span {
  height: auto;
}
}

.main-nav > li:last-child {
  border-right: 0;
}
.main-nav > li.has-flyout > a:first-child::after {
  display: none;
}
.main-nav > li.has-flyout > a:first-child {
  padding-right: 0;
  padding-bottom: 3px;
}
.main-nav li.has-flyout a,.main-nav li.has-flyout a:hover { cursor: default; }
.main-nav li.has-flyout ul a,.main-nav li.has-flyout ul a:hover { cursor: pointer; }
.nav-bar > li.active:hover, .nav-bar > li:hover {
  background: transparent;
}
.nav-bar > li {
  line-height: 28px;
}
.main-nav ul.flyout {
  border: 0;
  background: #2275ad;
  left: 0;
  top: 28px;
  z-index: 10000;
}
.main-nav ul.flyout li {
  margin: 0 10px 0 12px;
  border-top: 1px solid #4e91bd;
}
.main-nav ul.flyout li a {
  background: transparent;
  margin: 0;
  color: #fff;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-size: 12px;
  padding: 15px 0 12px 20px;
  letter-spacing: 1px;
}
.main-nav ul.flyout li:first-child {
  border-top: 0;
}
.main-nav ul.flyout li a i {
  margin-right: 6px;
  margin-left: -20px;
}
.main-nav ul.flyout li a:hover {
  background: transparent;
  color: #fff;
  text-decoration: none;
}
ul.flyout li, .nav-bar li ul li { border: 0; }

.touch .nav-bar li.has-flyout>a {
  padding-right: 0 !important;
}

h2 {
  font-family: 'VAGRoundedStd-Bold';
  font-size: 18px;
  color: #2175ad;
  border-bottom: 3px solid #ef7b0b;
  display: inline-block;
  margin: 40px 0 0;
  padding: 0 0 7px 0;
}
h2.no-border {
  border-bottom: 0;
}
h3, h4 {
  font-size: 14px;
  margin: 0;
  padding: 0;
  color: #2275ad;
  display: inline-block;
}
h3, h4.bordered {
  border-bottom: 3px solid #ef7b0b;
  padding: 0 0 7px 0;
}
h3.magazine {
  font-size: 22px;
  color: #000;
  border-bottom: 1px solid #ccc;
  font-family: Arial;
  padding: 0;
  display: block;
  margin-bottom: 10px;
}
.home h4 {
  border-bottom-color: #2275ad;
}
h5 {
  font-size: 13px;
  font-weight: bold;
  margin: 20px 0 6px 0;
}
hr.header {
  margin: -4px 0 20px 0;
}
p { font-size: 13px; }

blockquote {
    margin: 0;
    padding: 0;
    border: 0;
    margin-top: 20px;
    position: relative;
}
blockquote div, blockquote span {
    color: #ef7b0b;
    font-size: 46px;
    line-height: 26px;
}
blockquote div
{
    font-family: 'VAGRoundedStd-Light';
    padding: 0 20px;
    font-size: 16px;
}
blockquote span.open {
    position:absolute;
    top:-0.35em;
    left:0;
}
blockquote span.close {
    position:absolute;
    bottom: -0.8em;
    right: 0;
}
.content {
  padding-bottom: 60px;
}
.page-title {
  padding-top: 20px;
}
.page-title h3 {
  font-family: 'VAGRoundedStd-Light';
}
.intro {
  margin: 20px 0;
}
ul.shareblock {
  margin-top: 17px;
  border-bottom: 1px solid #ccc;
  overflow: visible;
}
ul.shareblock.page {
  margin-top: 40px;
}
ul.shareblock li {
  padding: 0 14px 5px;
  margin: 0;
  position: relative;
}
ul.shareblock li {
  padding-left: 8px;
  border-right: 1px solid #ccc;
}
ul.shareblock li.last {
  border-right: none;
}
ul.shareblock a {
  color: #000;
}
.share {
  position: absolute;
  z-index: 99;
  background: #fff;
  top: 24px;
  left: 0;
  width: 140px;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  padding: 5px;
}

.share.hidden {
  display: none;
}

.share a {
  display: block;
  margin-bottom: 5px;
  margin-top: 5px;
}

.share a span {
  float: left;
  margin-right: 10px;
}

div.small-visual {
  /*background: transparent url('../Images/small-visual.jpg') no-repeat top left;*/
  height: 121px;
  position: relative;
}
div.small-visual h1 {
  color: #fff;
  font-family: 'VAGRoundedStd-Bold';
  font-size: 26px;
  padding-top: 63px;
  padding-left: 22px;
  font-weight: normal;
  position: absolute;
  left: 0;
  top: 0;
}
.bordered-box {
  -webkit-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  border: 1px solid #e9e9e9;
  border-bottom: 1px solid #bcbcbc;
  border-top: 0;
  border-radius: 1px;
  background: #f7f7f7;
  padding: 22px;
}

/* -----------------------------------------
   Input styles
----------------------------------------- */
input[type=text] {
  border-radius: 0;
}

/******* RADIO BUTTONS *******/
.jqTransformRadioWrapper {
  float: left;
  display:block;
  margin:0px 4px 0 0;
}
.jqTransformRadio {
  background: transparent url(../Images/radio.png) no-repeat center top;
  vertical-align: middle;
  height: 17px;
  width: 18px;
  display:block;/*display: -moz-inline-block;*/
}

/******* CHECKBOXES *******/
span.jqTransformCheckboxWrapper{
  display:block;
  float:left;
  margin-right:8px;
  margin-top: 2px;
}
a.jqTransformCheckbox {
  background: transparent url(../Images/checkbox.png) no-repeat center top;
  vertical-align: middle;
  height: 14px;
  width: 18px;
  display:block;/*display: -moz-inline-block;*/
}
/******* RADIO/CHECKBOXES *******/
a.jqTransformChecked { background-position: center bottom;}

.jqTransformHidden {display: none;} /* hide original */

/******* CUSTOM INPUT LABELS *******/
form.jqtransformdone label{
  margin-top:2px;
  margin-right: 8px;
  display: block;
  float:left;
}

/* -----------------------------------------
   Template styles
----------------------------------------- */
/******* HOME *******/
.home h6 {
  margin-left: -10px;
  padding-left: 10px;
}
ul.toepassing {
  padding-left: 0;
  list-style: none;
  margin-left: -14px;
}
ul.toepassing li {
  border-bottom: 1px solid #ccc;
  padding: 3px 0 2px 2px;
}
ul.toepassing li i {
  font-size: 11px;
  padding-right: 2px;
}

/******* PAGE ********/
.paragraph {
  margin-bottom: 15px;
}

.paragraph h4 {
  margin-bottom: 15px;
}
.paragraph hr {
  margin: 0 0 9px 0;
}

.paragraph img {
  margin-right: 20px!important;
  box-shadow: 0px 1px 2px 0px #ccc;
  border: 3px solid #fff;
}

.paragraph p {
  font-size: 13px;
  padding-right: 60px;
  margin-bottom: 15px;
}

.paragraph ul {
  list-style-type: none;
  background-color: #f7f7f7;
  box-shadow: 0px 1px 2px 0px #ccc;
  padding: 25px 15px;
}

.paragraph ul li {
  font-size: 13px;
  background: url('../Images/arrow-orange-right.png') no-repeat left 5px;
  padding-left: 15px;
  margin-bottom: 5px;
}

/******* TOEPASSINGEN *******/
.toepassing-list {
  margin-bottom: 35px;
}
.toepassing-list dt {
  font-weight: bold;
  font-size: 14px;
  padding-bottom: 10px;
}
.toepassing-list dd {
  margin-bottom: 14px;
}
.toepassing-list dd a {
  padding-left: 4px;
  height: 109px;
}
.toepassing-list dd a:hover {
  text-decoration: none;
}

.toepassing-list dd h4 {
  border: 0;
}
.toepassing-list dd p {
  margin-bottom: 2px;
  color: #424242;
}
.toepassing-list dd div {
  height: 110px;
  margin-left: 10px;
}

/******* NIEUWS *******/
ul.news-year-list {
  padding-left: 0;
  list-style: none;
  padding-right: 10px;
}
ul.news-year-list li:first-child {
  border-top: 1px solid #ccc;
}
ul.news-year-list li {
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
  position: relative;
}
ul.news-year-list li a:hover {
  text-decoration: none;
}
ul.news-year-list li.active a {
  color: #000;
}
ul.news-year-list .year {
  padding-bottom: 3px;
  line-height: 14px;
}
ul.news-year-list li.active .year {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 3px solid #2275ad;
}
ul.news-year-list .news-item-count {
  color: #999999;
  font-size: 10px;
  padding-top: 2px;
  padding-left: 17px;
  position: absolute;
  top: 4px;
  right: 2px;
}
ul.news-year-list li.active .news-item-count {
  padding-left: 13px;
}

ul.news-items {
  list-style: none;
}
ul.news-items li {
  padding: 8px 8px 4px;
}
.total-year {
  font-size: 19px;
  font-weight: bold;
  text-shadow: #000 0 0 1px;
}
.total-news-items {
  color: #b2b2b2;
  font-size: 11px;
  padding-right: 10px;
}
.news-items li {
  margin-bottom: 13px;
}
.news-items li h4 {
  padding-right: 75px;
}
.news-items li .three {
  margin-right: 20px;
}
.news-items li .eight {
  width: 69%;
  position: relative;
}
.news-items .date {
  color: #999;
  position: absolute;
  right: 0;
  top: 0;
}
.news-items p {
  margin-top: 15px;
  font-style: italic;
}
.news-items a:hover h4 {
  text-decoration: underline;
}
.news-detail h2 {
  border: 0;
  font-family: Arial,"Helvetica Neue","Helvetica",Helvetica,sans-serif;
  font-size: 18px;
}
.news-detail .toepassing-image {
    position: relative;
}
.news-detail .toepassing-image img {
    margin: 40px 0 0;
}
.news-detail .paragraph p {
    padding-right: 0;
}
.news-detail blockquote {
    margin: 0 -20px;
    position: absolute;
    right: -215px;
    bottom: 100px;
}

/**********************************************/
/******************** BLOG ********************/
/**********************************************/

.spacer-sm {
  height: 20px;
}

.spacer-md {
  height: 40px;
}

.blogItems {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blogItems .bordered-box {
  padding: 0;
}

.blogItems .pad-special {
  padding: 13px 25px;
}

.blogItems li img {
  max-width: 175px;
  padding: 0;
  margin: 0;
}

.blogItems p {
  padding-top: 10px;
  font-size: 13px;
  font-style: italic;
  line-height: 1.6;
}

.blogItems #link-details {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #2275ad;
  display: inline-block;
}

.blogItems #link-reacties {
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #2175AD;
  display: inline-block;
}

.reactions .line {
  height: 1px;
  background-color: #2175AD;
  margin: 5px 0 10px 0;
}

.reactions .title {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  color: #2275ad;
  display: inline-block;
}

.reactions p {
  font-size: 13px;
  font-style: italic;
  line-height: 1.6;
}

.reactions .pad-left {
   padding-left: 28px !important;
}

.form-reactie h1 {
  font-size: 18px;
}

.form-reactie .submit {
  border: none;
  background-color: #2275ad;
  padding: 8px;
  color: #fff;
  margin-top: 10px;
  font-weight: bold;
}

.button-default {
  border: none;
  background-color: #2275ad;
  padding: 8px;
  color: #fff;
  font-weight: bold;
}

.button-default:hover {
  border: none;
  background-color: #2275ad;
  padding: 8px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

/******* MAGAZINE *******/
.magazine-archief {
  font-family: 'VAGRoundedStd-Light';
  font-size: 14px;
  margin: 10px 0;
  display: block;
}
.magazine .bordered-box {
  padding: 15px;
}
ul.magazine-year-block {
  padding-left: 0;
  list-style: none;
}
ul.magazine-year-block h3 {
  font-size: 12px;
  color: #414141;
  padding: 10px 10px 8px;
  border: 0;
  background: #f5f5f5;
  display: block;
}
ul.magazine-year-block a {
  border-bottom: 1px solid #eeeeee;
  display: block;
  padding: 2px 10px 1px;
}

ul.magazine-current-year-block {
  list-style: none;
  margin: 0;
}
ul.magazine-current-year-block li {
  background: url('../Images/icon-document.png') no-repeat top left;
  padding: 0 0 0 23px;
  margin: 7px 0;
}
ul.magazine-current-year-block a {
  font-weight: bold;
}

h2.magazine-details {
  font-size: 22px;
  font-family: 'Arial';
  color: #414141;
  font-weight: bold;
  margin: 0;
  border: 0;
}
a.magazine-detail-link {
  line-height: 20px;
}
/******* EMPLOYEES *******/
div.employee {
  background-color: #f7f7f7;
  box-shadow: 0px 1px 2px 0px #ccc;
  width: 216px;
  padding: 6px;
  margin-bottom: 18px;
}
div.employee img {
  border: 3px solid #fff;
  box-shadow: 0px 1px 2px 0px #ccc;
}
div.employee h3 {
  font-size: 13px;
  color: #2175ad;
  font-weight: bold;
  margin-bottom: 5px;
}
.reveal-modal.employee-modal {
  padding: 0 10px;
}
.reveal-modal.medium-large {
  width: 45%;
  margin-left: -22%;
}
.employee-modal img {
  border: 3px solid #fff;
  box-shadow: 0px 1px 2px 0px #ccc;
  margin: 0 0 20px 0;
}
.employee-modal .row.header {
  margin-bottom: 0;
}
.employee-modal .print-btn {
  display: none;
}

/******* CONTACT *******/
.contact-form {
  box-shadow: 0px 1px 2px 0px #ccc;
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding: 60px 50px 40px 60px;
}

.contact-form label {
  font-size: 13px;
  font-weight: bold;
  margin-top: 6px;
  margin-bottom: 35px;
}

.contact-form .submit
{
  width: 100%;
  border: none;
  background-color: #2275ad;
  padding: 8px;
  color: #fff;
  font-weight: bold;
  margin-top: 20px;
}

.grey {
  color: #999999;
}

hr.contact {
  margin-top: 0;
}


/******* ROUTE *******/

.twitter {
  background: url('../Images/icon-twitter-blue.png') no-repeat left center;
  padding-left: 20px;
}

/******* ORGANISATION *******/
.organisation {
  margin-bottom: 40px;
}

.organisation .department {
  background-color: #f5f5f5;
  padding-top: 7px;
  padding-bottom: 7px;
  font-weight: bold;
  margin-top: 28px;
  padding-left: 5px;
}

.organisation .internaldepartmentheader {
    padding-bottom: 0;
}
.organisation .internaldepartmentheader:first-child {
    margin-bottom: 5px;
}
.organisation .internaldepartmentheader + .internaldepartment {
    margin-top: 5px;
    display: none; /* uitzondering */
}
.organisation .internaldepartment {
    font-weight: normal;
    text-decoration: underline;
}

.organisation .employee-row {
  padding-top: 7px;
  padding-bottom: 7px;
  border-bottom: 1px solid #f5f5f5;
  padding-left: 5px;
}

/******* YEARREPORT *******/
.yearreport .documents-list {
  margin-top: 30px;
}

/******* NEWSLETTER *******/
.newsletter-form {
  box-shadow: 0px 1px 2px 0px #ccc;
  background-color: #f7f7f7;
  margin-bottom: 20px;
  padding: 20px 20px 40px 20px;
}
.newsletter-form h3 {
  font-size: 16px;
  font-weight: bold;
  color: #000;
  border: none;
  margin-bottom: 50px;
}
.newsletter-form ul {
  padding-left: 0;
  border-top: 1px solid #ccc;
  margin-top: 5px;
  margin-bottom: 45px;
}
.newsletter-form li {
  border-bottom: 1px solid #ccc;
  padding: 5px 3px;
  list-style-type: none;
}
.newsletter-form .fat {
  font-weight: bold;
  margin-bottom: 10px;
}
.newsletter-form .register-button {
  background-color: #2275ad;
  height: 32px;
  border: none;
  padding: 0 28px;
  color: #fff;
  font-weight: bold;
  float: right;
  margin-bottom: 25px;
}

/******* SEARCH *******/
.schema {
  color: #999;
  font-size: 12px;
}
.search-info {
  font-size: 13px;
  font-weight: bold;
  background-color: #f5f5f5;
  padding: 22px 10px;
  margin-bottom: 10px;
}
.search-info .search-query {
  font-size: 18px;
  font-weight: bold;
  color: #ef7b0b;
}
.search-info .search-type {
  color: #999999;
}
.search-group-header {
  background-color: #f5f5f5;
  padding: 5px 10px;
  color: #999999;
}
.search-other ul {
  padding-left: 0;
  list-style: none;
}
.documents-list {
  padding-left: 0;
  list-style-type: none;
}
.documents-list li {
  margin-left: 5px;
  padding-left: 20px;
  background: url('../Images/icon-document.png') no-repeat left center;
  position: relative;
  margin-bottom: 10px;
}
.documents-list li:hover {
  background-color: #f5f5f5;
}
.documents-list a {
  color: #19679d;
  font-weight: bold;
  font-size: 14px;
}
.type {
  color: #fff;
  background-color: #bdbdbd;
  font-weight: bold;
  font-size: 9px;
  padding: 0 1px;
}

.documents-list .type {
  position: absolute;
  right: 60px;
  top: 6px;
  line-height: 11px;
}
.documents-list .size {
  color: #999;
  font-weight: bold;
  font-size: 12px;
  position: absolute;
  right: 5px;
  top: 2px;
}

.search-companies .block-grid.two-up {
  margin: 0;
}
.search-companies .block-grid.two-up li.company {
  background: url('../Images/icon-location.png') no-repeat left top;
  padding-left: 20px;
}
.search-companies .block-grid.two-up li p {
  font-size: 13px;
}
.search-companies .block-grid.two-up li .title {
  font-weight: bold;
}
.search-companies .block-grid.two-up li .schema {
  display: block;
  margin-top: 5px;
}
.search-companies p {
  font-size: 14px;
}

.search-holders a {
  background: url('../Images/icon-vcard.png') no-repeat left center;
  padding-left: 25px;
  font-weight: bold;
  margin-left: 5px;
  font-size: 14px;
}
.search-holders .schema {
  margin-left: 20px;
}

.search-schemas ul {
  list-style-type: none;
}
.search-schemas a {
  font-size: 14px;
  background: url('../Images/icon-window.png') no-repeat left center;
  padding-left: 25px;
  font-weight: bold;
  margin-left: 5px;
}
/* Search box */
.ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-autocomplete.ui-menu {
  padding-left: 0;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.ui-autocomplete .ui-menu-item {
  list-style-type: none;
}
.ui-autocomplete .ui-menu-item a {
  border-bottom: 1px solid #ccc;
  overflow: hidden;
  vertical-align: middle;
  display: block;
  padding: 7px 12px;
  font-size: 14px;
  background-color: #fff;
  text-decoration: none;
}
.ui-autocomplete .ui-menu-item a span {
  margin-left: 5px;
  color: #ccc;
  font-style: italic;
}
.ui-autocomplete .ui-menu-item a.ui-state-focus {
  background: #f7f7f7 url('../Images/arrow-orange-right.png') no-repeat 215px center;
  cursor: pointer;
}
.columns.search {
  padding-right: 0;
}

#searchform {
  margin: 8px 0 0 0;
}
#searchform #search {
  width: 196px;
  height: 32px;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: 1px 45px 1px 12px;
  outline: none;
  display: inline;
  border-radius: 0;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
  border-bottom: 0;
}
#searchform #search-button {
  width: 40px;
  height: 32px;
  background: url('../Images/search-up-smk.png') no-repeat;
  border: none;
  color: transparent;
  margin-left: -41px;
  display: inline;
  cursor: pointer;
}
#searchform #search-button:hover {
  background-image: url('../Images/search-rollover-smk.png');
}


/* -----------------------------------------
   Footer style
----------------------------------------- */
footer {
  height: 111px;
  margin: 0 auto;
  padding-top: 55px;
  background-color: #F0F0F0;
}
footer a, footer a:hover {
  color: #000;
}
footer .row {
  background-color: transparent;
}
footer ul.inline-list {
  border-bottom: 1px solid #ccc;
  margin-left: 0;
}
footer ul.inline-list > li {
  color: #000;
  margin-left: 0;
  padding-right: 55px;
}
footer .column, footer .columns {
  padding-right: 0;
}
footer .last { padding-right: 36px; }

/* -----------------------------------------
   Custom icons
----------------------------------------- */
.custom-icon {
  width: 15px;
  height: 14px;
  display: inline-block;
  background-position: bottom left;
  background-repeat: no-repeat;
}
.newsletter-icon  { background-image: url('../Images/icon-newsletter.png'); }
.twitter-icon     { background-image: url('../Images/icon-twitter.png'); }
.share-icon       { background-image: url('../Images/icon-share.png'); }
.print-icon       { background-image: url('../Images/icon-print.png');width: 20px;}
.cross-icon       { background-image: url('../Images/icon-cross.png'); }
.external-icon    { background-image: url('../Images/icon-external.png'); }
.document-icon    { background-image: url('../Images/icon-document.png'); height: 16px; }
.downloads-icon   { background-image: url('../Images/icon-downloads.png'); height: 18px;width: 22px;margin-left: 10px; }


/* -----------------------------------------
   Sticky Footer
----------------------------------------- */
html, body {
  height: 100%;
}

.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -111px; /* the bottom margin is the negative value of the footer's height */
}

footer, .push {
  height: 111px; /* .push must be the same height as footer */
}

/* -----------------------------------------
   Block styles
----------------------------------------- */

/******* MAGAZINE SMK NIEUWS *******/
.row .magazine-smk-nieuws-block {
  margin-bottom: 15px;
}
.magazine-smk-nieuws-block {
  position: relative;
  min-height: 105px;
  padding: 15px 0 0;
}
.magazine-smk-nieuws-block .column,
.magazine-smk-nieuws-block .columns {
  padding: 0 18px;
}
.magazine-smk-nieuws-block img {
  position: absolute;
  top: -44px;
}
.magazine-smk-nieuws-block h5 {
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
  color: #ef7b0b;
  margin: 0;
}
.magazine-smk-nieuws-block span {
  padding-top: 20px;
  display: block;
}
.magazine-smk-nieuws-block .magazine-aanmelden {
  padding: 8px 18px;
  background: #ef7b0b;
  color: #fff;
  font-weight: bold;
  display: inline-block;
}
.magazine-smk-nieuws-block .magazine-aanmelden:hover {
  background: #e47102;
  text-decoration: none;
}
.magazine-smk-nieuws-block .magazine-afmelden {
  display: block;
  margin-top: 26px;
}

/* -----------------------------------------
   Helpers
----------------------------------------- */
.no-padding { padding: 0; }
.no-margin { margin: 0; }
/* Nicolas Gallagher's micro clearfix */
.clearfix { *zoom: 1; }
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }


p.bigger {
  font-size: 14px;
}
p.bold {
  font-weight: bold;
}


/* -----------------------------------------
   Subsite styling
----------------------------------------- */



div.download-content-item
{
  background: url('../Images/icon-document.png') no-repeat 34px 28px #f7f7f7;
  padding: 30px 250px 25px 55px;
  position: relative;
  margin-bottom: 20px;
}

div.download-content-item h4 {
  margin-bottom: 5px;
}

div.download-content-item .type {
  position: absolute;
  right: 220px;
  top: 32px;
}
div.download-content-item .size {
  position: absolute;
  right: 160px;
  top: 31px;
}

div.subtext {
  color: #999999;
  font-size: 12px;
  width: 80%;
  margin-bottom: 20px;
}

div.benefits {
  margin-bottom: 60px;
}

div.benefit h4 {
  margin-bottom: 10px;
}

div.benefit {
  padding: 20px 60px 0;
  margin-bottom: 20px;
  background: url('/Content/Images/check-green.png') no-repeat 18px 15px #f7f7f7;
}

div.downloads {
  margin-bottom: 40px;
}

div.guide-download {
  background: url('/Content/Images/icon-down.png') no-repeat 160px 25px #f7f7f7;
  margin: 20px 0;
  padding: 20px 20px 20px 20px;
  position: relative;
  height: 127px;

}

div.guide-download h4 {
  position: absolute;
  top: 22px;
  left: 185px;
  width: 450px;
  line-height: 20px;
}
div.guide-download img {
  position: absolute;
  top: 5px;
  left: 5px;
  -webkit-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
}
div.guide-download .type {
  position: absolute;
  top: 91px;
  left: 185px;
}
div.guide-download .size {
  position: absolute;
  top: 90px;
  left: 210px;
}

/* -----------------------------------------
   Merk - Soort
----------------------------------------- */
ul.brandtype-list {
    margin: 0px;
    
}

ul.brandtype-list li {
    border-top: 0px !important;
    border-bottom: 0px !important;
    padding: 0px !important;
}

/* -----------------------------------------
   Gecertificeerde producten
----------------------------------------- */
.certified-products h4 {
  color: #000;
  font-size: 16px;
}
.certified-products h4 .orange {
  color: #ef7b0b;
}

ul.a-z-list {
  padding-left: 0;
  list-style: none;
  width: 69px;
}
ul.a-z-list li:first-child {
  border-top: 1px solid #ccc;
}
ul.a-z-list li {
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
}
ul.a-z-list li a {
  color: #2175ad;
  font-size: 13px
}
ul.a-z-list li a:hover {
  text-decoration: none;
}
ul.a-z-list li.active a {
  color: #000;
  font-size: 16px;
  font-weight: bold;
  border-bottom: 3px solid #2275ad;
  padding-bottom: 3px;
}

ul.select-list {
  padding-left: 0;
  list-style: none;
}
ul.select-list li:first-child {
  border-top: 1px solid #ccc;
}
ul.select-list li {
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
}
ul.select-list li a {
  color: #2175ad;
  font-size: 13px;
}
ul.select-list li a h5
{
  margin: 0;
  color: #2175ad;
  font-size: 13px;
  font-weight: normal;
}
ul.select-list li a span.schema {
  font-size: 12px;
}
ul.select-list li a:hover {
  text-decoration: none;
}

ul.select-list li.active a {
  background: url('/Content/images/arrow-blue-right.png') no-repeat right center;
  display: block;
  margin-right: 8px;
}
ul.select-list li.active a.no-arrow {
  background: none;
  display: inline;
  margin-right: 0;
}
ul.select-list li.active a h5
{
  color: #ef7b0b;
  font-weight: bold;
  font-size: 14px;
}

ul.select-list.companies li {
  padding: 5px 0 10px;
  position: relative;
}
ul.select-list.products {
  padding-left: 0;
  margin-right: 20px;
}

ul.select-list.products li {
  position: relative;
}

.row .loading
{
  min-height: 200px;
  background: url('/Content/Images/ajax-loader.gif') no-repeat center center;
}

.company-tooltip {
  position: absolute;
  left: 300px;
  top: 0;
  z-index: 10;
}
ul.select-list li.active .company-tooltip a, ul.select-list li.active .info a {
  background: none;
  display: inline;
}

.product-tooltip {
  position: absolute;
  left: 310px;
  top: 0;
  width: 260px;
  z-index: 11;  
}

.company-tooltip.hidden,
.product-tooltip.hidden {
  display: none;
}

.company-tooltip h4,
.product-tooltip h4 {
  border-bottom: 3px solid #2275AD;
  padding-bottom: 4px;
}

.product-tooltip h5 {
  color: #000000;
}

.product-tooltip .downloads-list {
  list-style-type: none;
  margin-left: 0;
}
.product-tooltip .downloads-list li:first-child {
  border: none;
}

.product-tooltip .downloads-list li {
  border: none;
  padding-left: 20px;
  background: url('/Content/images/icon-document.png') no-repeat left 5px;
  font-weight: bold;
  font-size: 14px;
}

.product-tooltip .downloads-list li a:hover {
  text-decoration: underline;
}
.product-tooltip .website-list li {
  background: none;
  padding-left: 0;
}
.company-tooltip .header,
.product-tooltip .header {
  margin-bottom: 10px;
}

.company-tooltip .grey {
  font-size: 12px;
  color: #999999;
  margin-bottom: 20px;
  display: block;
}

.company-tooltip p {
  width: 214px;
}

.company-tooltip .info,
.product-tooltip .info {
  padding-left: 20px;
  background: url('/Content/Images/icon-location.png') no-repeat left top;
}

.product-tooltip .info .title {
  font-weight: bold;
}

.to-news {
  padding-left: 20px;
  background: url('/Content/Images/arrow-blue-right.png') no-repeat left center;
  font-weight: bold;
  font-size: 14px;
  margin: 20px 10px 20px 0;
  display: inline-block;
}

ul.tag-list {
  padding-left: 0;
  list-style: none;
  padding-right: 10px;
}
ul.tag-list li:first-child {
  border-top: 1px solid #ccc;
}
ul.tag-list li {
  border-bottom: 1px solid #ccc;
  padding-top: 3px;
  position: relative;
}
ul.tag-list li a:hover {
  text-decoration: none;
}
ul.tag-list li.active a {
  color: #000;
  border-bottom: 3px solid #2275ad;
  padding-bottom: 2px;
  padding-right: 17px;
}
ul.tag-list .tag {
  padding-bottom: 3px;
  line-height: 14px;
  color: #2175ad;
}
ul.tag-list li.active .tag {
  font-size: 14px;
  font-weight: bold;
  color: #000;
}
ul.tag-list .news-item-count {
  color: #999999;
  font-size: 10px;
  padding-top: 2px;
  position: absolute;
  top: 4px;
  right: 2px;
}
ul.tag-list li.active .news-item-count {
  padding-left: 13px;
}

.practical-example-items {
  list-style: none;
}

.practical-example-items li {
  padding: 8px 8px 4px;
  margin-bottom: 20px;
  cursor: pointer;
}

.practical-example-items li img {
  border: 3px solid #fff;
  -webkit-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
}

.practical-example-items li .three {
  margin-right: 20px;
}

.practical-example-items li .eight {
  position: relative;
  width: 69%;
}
.practical-example-items li h4 {
  padding-right: 75px;
}
.practical-example-items li .date {
  position: absolute;
  top: 0;
  right: 0;
  color: #999;
  font-size: 13px;
}

.practical-example-items li .short {
  font-style: italic;
  margin-top: 15px;
}

/** TABLES **/
table {
  border-collapse: collapse;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  border: 1px solid #e9e9e9;
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  -moz-box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
  box-shadow: 0 1px 1px rgba(188, 188, 188, 0.6);
}
table thead, table tfoot {
  background-color: #f7f7f7;
}
table thead tr th, table tfoot tr td {
  color: #ef7a09;
}
table tbody tr:nth-child(even) {
  background-color: #fff;
}
table tbody tr td {
  border: 1px solid #f1f1f1;
  padding: 17px;
}
table tbody tr.tussen_title {
  background-color: #f7f7f7;
}
table tbody tr.tussen_title td {
  padding: 12px 10px 9px;
}
table tbody tr.tussen_title h5 {
  color: #222;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

@media only screen and (max-width: 1035px) {
  div.small-visual {
    height: auto;
    background-image: none!important;
  }
  div.small-visual h1 {
    padding-top: 0;
    margin-bottom: 9px;
    bottom: 0;
    top: auto;
  }
}
@media only screen and (max-width: 767px) {
  h1.logo small {
    font-size: 12px;
    padding-top: 10px;
  }
  .nav-row .column, .nav-row .columns {
    border: 0;
  }
  #searchform {
    margin: 25px 10px 5px;
  }
  #searchform #search {
    width: 100%;
    margin-right: 0;
  }
  .content {
    padding-top: 20px;
  }
  h1 {
    font-size: 14px!important;
  }
  .main-nav ul.flyout {
    top: auto;
  }
}

.reveal-modal .close-reveal-modal, .reveal-modal .close-reveal-modal:hover {
  text-shadow: none;
  text-decoration: none;
  margin-top: 10px;
  margin-right: 4px;
}

.ie8 #searchform #search { padding-top: 8px; }
.ie8 #searchform #search-button { position: absolute; }
.ie10 #searchform { margin-top: 7px; }

.searching {
  position: absolute;
  bottom: -68px;
  left: 39px;
  z-index: 1000;
  background-color: white;
  width: 196px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  display: none;
}
.ie8 .searching {
  bottom: -67px;
}
.ie9 .searching {
  left: 37px;
}
.ie10 .searching {
  left: 37px;
  bottom: -69px;
}

a.flag {
  width: 36px;
  position: relative;
}

a.flag img {
  position: absolute;
  left: 8px;
  top: 10px;
}

form.enquete input[type=radio], form.enquete input[type=checkbox] {
  margin-bottom: 1em;
}