/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }

html,
button,
input,
select,
textarea {
    color: #5a5754;
}

html {
    font-size: 1em;
    line-height: 1.4;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

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

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Font Awesome
   ========================================================================== */

.top-menu a:before,
h1:before,
.views-field-field-categorie .field-content:before,
.attachment-after .views-field-title a:before,
h2.block-title:before,
.tweets .views-row:before,
.gerelateerd .views-row:before,
.tweets .views-field-created-time:before,
.gerelateerd .views-field-created-1:before,
.views-field-field-foto-door:before,
.submitted:before,
.field-name-field-delen a,
h2.title:before,
.medewerker .some,
.rate-thumbs-up-btn-up,
.over-ons .some,
.profile .some {
font-family: FontAwesome;
font-weight: normal;
font-style: normal;
display: inline-block;
text-decoration: inherit;
}


/* ==========================================================================
   Default HTML Elements
   ========================================================================== */

h1, h2, h3, h4, h5 {
margin: 0 0 0.25em 0;
}

h1, h2 {
font-weight: 700;
color: #fff;
font-size: 18px;
}

h1, #content h2 {
border-bottom: 1px solid #555;
padding-bottom: 0.6em;
margin-bottom: 0.75em;
}

ul, ol, blockquote, p {
margin: 0 0 1em 0;
padding: 0;
}

ol {
margin-left: 0.5em;
}

ul li,
ol li {
list-style: square;
margin-left: 1.5em;
}

ol li {
list-style: decimal;
}

a {
color: #009ddd;
font-weight: bold;
text-decoration: none;
}

a:hover,
a:focus {
color: #555;
}

a.email {
word-wrap: break-word;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

/* WEBKIT FIX VOOR HORIZONTALE SCROLLBAR OP LEVERANCIERSINDEX (IPHONE, CHROME) */

html {
overflow-x: hidden;
}

/* EINDE FIX */

body {
background: #5a5754;
color: #5a5754;
}

.region-navbar,
.header-region,
#main {
width: 1140px;
margin: 0 auto;
}

/* @HEADER */

.header-region {
padding: 1em 0;
overflow: hidden;
}

.header-region .block-dfp {
float: right;
}

.logo img {
height: 98px !important;
width: auto !important;
}

.logo p {
margin: 0;
}

.region-logo {
float: left;
}

.region-header {
float: right;
}

.top-menu {
float: right;
width: 50%;
margin-top: 25px;
}

.top-menu+.block {
clear: both;
}

.not-logged-in .top-menu .profiel {
display: none;
}

.top-menu a {
font-size: 12px;
color: #ccc;
text-transform: uppercase;
padding-left: 20px;
}

.top-menu ul li {
margin-bottom: 5px;
}

.top-menu a:before {
color: #777;
font-size: 17px;
width: 25px;
}

.top-menu a.icon-fa-suitcase:before {
content: '';
padding-right: 0.4em;
}

.icon-fa-check:before {
content: '';
}

.icon-fa-phone:before {
content: '';
}

.top-menu a:hover,
.top-menu a:focus,
.top-menu a.active {
color: #fff;
}

#navigation {
border: 1px solid #fff;
border-width: 1px 0 1px 0;
overflow: hidden;
}

ul.menu {
margin-bottom: 0;
}

.region-navbar li {
float: left;
}

.region-navbar a {
display: block;
text-transform: uppercase;
color: #aaa;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.hoofd-menu a {
border-left: 1px solid #fff;
font-size: 14px;
padding: 0.6em 1em;
}

a.uitgelicht {
color: #fff;
background: #DF9B41;
}

.hoofd-menu .last a {
border-right: 1px solid #fff;
}

.hoofd-menu {
float: left;
}

.region-navbar a:hover,
.region-navbar a:focus,
.region-navbar a.active {
color: #fff;
}

.hoofd-menu a:hover,
.hoofd-menu a:focus,
.hoofd-menu a.active {
background: #009ddd;
}

a.uitgelicht:hover,
a.uitgelicht:focus,
a.uitgelicht.active {
background: #aaa;
}

/* @MAIN @CONTENT @SIDEBAR @SECOND */

.view-agenda .views-row {
	min-height: 275px;
}

#main {
overflow: hidden;
}

.sidebar-second #content {
float: left;
width: 70.17543859649123%;
padding-right: 20px;
padding-top: 1.1em;
}

.sidebar-second aside#sidebar-second {
float: right;
width: 29.82456140350877%;
background: #333;
padding: 20px;
color: #aaa;
font-size: 12px;
}

.front h1:before {
content: '';
color: #aaa;
padding-right: 0.5em;
}

aside#sidebar-second .block {
margin-bottom: 1.5em;
}

aside#sidebar-second .magazine {
margin-bottom: 0;
}

.magazine {
width: 50%;
float: left;
}

/* @VIEWS */

.blokken-overzicht .views-row {
overflow: hidden;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-bottom: 1.2em;
width: 33.33333333333333%;
float: left;
padding: 0 0.3333333333333333em;
}

aside .blokken-overzicht .views-row {
width: auto;
float: none;
padding: 0 !important;
}

.blokken-overzicht .views-row-1,
.blokken-overzicht .views-row-4,
.blokken-overzicht .views-row-7,
.blokken-overzicht .views-row-10 {
padding-left: 0;
padding-right: 0.6666666666666667em;
}

.blokken-overzicht .views-row-3,
.blokken-overzicht .views-row-6,
.blokken-overzicht .views-row-9,
.blokken-overzicht .views-row-12 {
padding-right: 0;
padding-left: 0.6666666666666667em;
}

.blokken-overzicht .attachment .views-row,
.heroes .views-row,
.attachment-after .views-row {
width: 100%;
float: none;
padding: 0;
}

.blokken-overzicht .attachment-after {
clear: both;
margin-bottom: 1em;
overflow: hidden;
}

.blokken-overzicht .views-field-field-afbeelding img {
width: 100%;
height: auto;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}

.blokken-overzicht .views-field-title a {
color: #fff;
background: #009ddd;
display: block;
font-size: 13px;
overflow: hidden;
max-height:47px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.attachment-after .views-field-title a {
background: none;
font-size: 12px;
color: #aaa;
font-weight: normal;
border-bottom: 1px solid #555;
padding-bottom: 1.25em;
}

.attachment-after .views-field-title a:before {
padding-right: 0.5em;
content: '';
}

.blokken-overzicht .views-field-title a:hover,
.blokken-overzicht .views-field-title a:focus {
background: #aaa;
}

.attachment-after .views-field-title a:hover,
.attachment-after .views-field-title a:focus {
background: none;
color: #fff;
}

.blokken-overzicht .attachment-before .views-field-title a,
.heroes .views-field-title a {
font-size: 24px;
text-transform: uppercase;
}

.blokken-overzicht .titel {
float: left;
padding: 6px 10px 5px 10px;
width: 82%;
overflow: hidden;
}

aside .blokken-overzicht .titel {
width: auto;
}

.blokken-overzicht .datum {
float: right;
padding: 0.6em 0.5em;
display: block;
text-align: center;
font-size: 12px;
font-weight: 500;
border-left: 1px solid #fff;
width: 18%;
}

.blokken-overzicht .attachment-before .titel,
.heroes .titel {
width: 92%;
}

.blokken-overzicht .attachment-before .datum,
.heroes .datum {
width: 8%;
}

.blokken-overzicht .datum strong {
display: block;
}

.blokken-overzicht .views-field-body {
background: #fff;
padding: 0.5em 1.25em 0.75em 1.2em;
height: 185px;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}

.blokken-overzicht .views-field-body a,
.blokken-overzicht .views-field-body {
color: #5a5754;
font-weight: 500;
font-size: 12px;
line-height: 24px;
}

.views-field-field-categorie,
.blokken-overzicht .views-field-name,
.views-field-field-foto-door,
.views-field-field-locatie {
background: #eee;
padding: 1em 1.5em;
color: #999;
font-size: 12px;
font-weight: 700;
}

.views-field-field-categorie .field-content:before {
padding-right: 0.5em;
}

.Financiën:before {
content: '';
}

.Bedrijven:before {
content: '';
}

.Innovatie:before {
content: '';
}

.Online:before {
content: '';
}

.Regelgeving:before {
content: '';
}

.Branchenieuws:before {
content: '';
}

/* @OPINIE */

h2.block-title:before {
padding-right: 0.5em;
color: #aaa;
font-size: 14px;
}

.opinie h2.block-title:before {
content: '';
}

.blokken-overzicht .views-field-name {
position: relative;
padding-left: 75px;
}

.blokken-overzicht .views-field-name img {
position: absolute;
bottom: 0;
left: 1em;
width: 50px;
height: auto;
}

.blokken-overzicht .views-field-picture img {
width: 100%;
height: auto;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}

.over-ons .blokken-overzicht .views-field-name {
padding-left: 1.5em;
text-transform: uppercase;
}

/* @ZOEKEN @INPUT @FORM */

input,
select,
textarea,
a.cta {
color: #555;
font-family: 'Open sans', sans-serif;
border: none;
padding: 0.5em 1em;
font-size: 12px;
background: #f1f1f1;
}

.block-mailchimp-lists input,
.block-mailchimp-lists select,
.mc-field-group input,
.mc-field-group select,
.comment-form input,
.comment-form textarea,
aside .webform-component input {
width: 100%;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}

aside .form-radios input {
width: auto;
}

.search-form {
overflow: hidden;
}

input:focus,
select:focus,
textarea:focus {
color: #5a5754;
background: #fff;
}

input[type="submit"],
.webform-client-form  input[type="submit"],
.search-form  input[type="submit"],
article .nieuwsbrief input[type="submit"],
a.cta {
color: #fff;
font-weight: bold;
background: #009ddd;
width: 100%;
text-align: center;
border: none;
-webkit-border-radius: 2px;
border-radius: 2px;
}

a.cta {
display: block;
width: 100%;
font-size: 16px;
clear: both;
}

.search-form  input[type="submit"]  {
margin-top: 0.5em;
}

input[type="submit"]:hover,
input[type="submit"]:focus,
article .nieuwsbrief input[type="submit"]:hover,
article .nieuwsbrief input[type="submit"]:focus {
background: #aaa;
}

.block-search input {
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
width: 100%;
}

.block-search input[type="submit"] {
-webkit-border-radius: 0 2px 2px 0;
border-radius: 0 2px 2px 0;
}

.block-search .form-item {
float: left;
width: 60%;
}

.block-search .form-actions {
width: 40%;
float: right;
}

.webform-client-form label,
.search-form label,
.block-mailchimp-lists label ,
.comment-form label,
#content-area .mailchimp-newsletter-wrapper label,
.mc-field-group label,
article .nieuwsbrief label {
float: left;
width: 25%;
padding: 7px 10px;
background: #ddd;
font-size: 12px;
text-transform: uppercase;
}

#content-area .mailchimp-newsletter-wrapper .form-type-checkbox label {
width: auto;
background: none;
float: none;
}

#content-area .mailchimp-newsletter-wrapper .form-type-checkboxes label {
width: 100%;
float: none;
}

.webform-client-form input,
.webform-client-form textarea,
.search-form input,
#content-area .mailchimp-newsletter-wrapper input,
article .nieuwsbrief input,
article .nieuwsbrief select,
.lijst.vacatures .views-exposed-widget input,
.lijst.vacatures .views-exposed-widget select {
border: 1px solid #ddd;
background: #f5f5f5;
width: 75%;
float: right;
}

#content-area .mailchimp-newsletter-wrapper input {
width: auto;
float: none;
}

aside .form-radios input {
float: none;
}

.webform-client-form input:focus,
.webform-client-form textarea:focus,
.search-form input:focus,
#content-area .mailchimp-newsletter-wrapper input:focus,
.lijst.vacatures .views-exposed-widget input,
.lijst.vacatures .views-exposed-widget select {
border-color: #ccc;
background: #fff;
}

.webform-client-form .form-item,
.block-mailchimp-lists .form-item,
.comment-form .form-item,
.page-mailchimp #content-area .form-item,
.mc-field-group  {
overflow: hidden;
margin-bottom: 1em;
}

.webform-component-checkboxes label,
.block-mailchimp-lists label,
.comment-form label ,
.mc-field-group label,
aside .webform-component label {
width: 100%;
float: none;
}

.block-mailchimp-lists label,
.comment-form label,
.mc-field-group label,
aside .webform-component label {
font-size: 10px;
background: #555;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}

aside .webform-component-radios label {
-webkit-border-radius: 2px;
border-radius: 2px;
}

aside .form-radios label {
background: none;
padding: 2px 0 0 5px;
}

.mc-field-group br {
display: none;
}

.indicates-required {
margin-bottom: 10px;
}

.asterisk {
color: #f00;
}

.webform-component-checkboxes input {
float: left;
width: auto;
margin-top: 9px;
}

.webform-component-checkboxes .form-item label {
float: left;
width: auto;
background: none;
text-transform: none;
}

.webform-client-form .form-item .form-item {
margin-bottom: 0;
}

.form-item .description {
margin: 0 0.5em;
background: #aaa;
color: #5a5754;
font-size: 10px;
padding: 0.5em 0.75em;
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
}

#edit-mailchimp-lists-mailchimp-entree-magazine-nieuwsbrief-title .description {
margin: 0 0 10px 0;
background: none;
font-size: 14px;
padding: 0;
}

.form-item-vote .description {
background: none;
padding-left: 0;
margin: 0;
}

.grippie,
.form-item-homepage {
display: none;
}

.gender-textfield {
display: none !important;
}

/* @MAGAZINE BLOK */

.magazine img {
width: 100% !important;
height: auto !important;
}

/* @TWEETS @GERELATEERD @AUTEURS */

.tweets .views-row,
.gerelateerd .views-row,
.auteurs .views-row {
line-height: 24px;
padding: 0 0 1.25em 0;
border-bottom: 1px solid #555;
margin-bottom: 1em;
position: relative;
padding-left: 2em;
}

.gerelateerd .views-row {
padding-left: 0;
}

.gerelateerd .views-field-field-afbeelding {
float: left;
padding-right: 20px;
padding-top: 5px;
}

.auteurs .views-row {
margin-bottom: 1.5em;
padding-left: 5em;
}

.auteurs .views-row-first {
margin-top: 1em;
}

.tweets .views-row-last,
.gerelateerd .views-row-last,
.auteurs .views-row-last {
margin-bottom: 0;
}

.tweets a,
.gerelateerd a,
.auteurs a {
color: #ddd;
}

.tweets a:hover,
.tweets a:focus,
.gerelateerd a:hover,
.gerelateerd a:focus,
.auteurs a:hover,
.auteurs a:focus {
color: #fff;
}

.auteurs .views-field-field-opinie-auteur-afbeelding {
position: absolute;
bottom: 0;
left: 0;
}

.auteurs .views-field-field-opinie-auteur-afbeelding img {
width: 50px;
height: auto;
}

.tweets .views-row:before/*,
.gerelateerd .views-row:before*/ {
content: '';
color: #00aced;
font-size: 18px;
padding-right: 0.25em;
position: absolute;
top: 0;
left: 0;
}

/*.gerelateerd .views-row:before {
content: '';
color: #999;
font-size: 14px;
}*/

.tweets .views-field-created-time,
.gerelateerd .views-field-created-1 {
display: block;
color: #777;
font-size: 10px;
text-transform: uppercase;
}

.tweets .views-field-created-time em {
font-style: normal;
}

.tweets .views-field-created-time:before,
.gerelateerd .views-field-created-1:before {
padding-right: 0.25em;
content: '';
color: #ccc;
}

.tweets .more-link,
.tweets .view-footer a {
display: block;
padding-bottom: 1em;
float: right;
}

/* @FACEBOOK @LIKE @BLOCK */

.block-fb-likebox {
border: 1px solid #555;
}

/* @POLL */

/*
.block-advpoll h2 a {
font-size: 12px;
color: #aaa;
font-weight: normal;
line-height: 24px;
margin-bottom: 1em;
}

.block-advpoll h2 a:hover,
.block-advpoll h2 a:focus {
color: #fff;
}
*/


.block-advpoll h2 a
{
  color: #ddd;
}

.block-advpoll h2 a:hover
{
  color: #fff;
}

.block-advpoll .field-name-body .field-item>p:first-child
{
  font-size: 16px;
}

.block-advpoll .form-item {
margin-bottom: 1em;
}

.block-advpoll .form-item input {
margin-right: 0.5em;
}

.block-advpoll header {
  display: none;
}

/* @FOOTER */

#footer {
clear: both;
}

.region-footer {
clear: both;
margin-top: 1em;
padding: 1em 0;
border-top: 1px solid #555;
color: #aaa;
font-size: 10px;
text-transform: uppercase;
}

.region-footer a {
color: #ddd;
display: block;
padding: 0 0.5em;
}

.region-footer a:hover,
.region-footer a:focus {
color: #fff;
}

.region-footer ul {
text-align: center;
}

.region-footer li {
display: inline-block;
}

/* @PAGE @NODE */

.page-node #content,
.page-user #content,
.page-search #content {
padding: 0;
}

.page-node #content article,
.page-node #content-header,
.page-user .region-content,
.page-user #content-header,
.page-search .region-content,
.page-search #content-header,
.page-mailchimp #content-area form,
.page-mailchimp #content-header,
.region-content .block-user {
background: #fff;
}

.page-node #content article,
.page-user .region-content,
.page-search .region-content,
.page-mailchimp #content-area form,
.region-content .block-user {
font-size: 14px;
padding: 0 2em 2em 2em;
margin-bottom: 2em;
overflow: hidden;
}

.region-content .block-user {
padding: 2em;
}

.vacatures article,
.page-node-26625 #content article {
padding-bottom: 0;
margin-bottom: 0;
}

.lijst.vacatures .view-content {
padding-top: 0;
}

.lijst.vacatures .views-row-first {
border-top: 1px solid #ccc;
padding-top: 1.5em;
}

.lijst.vacatures .views-field {
float: left;
width: 70%;
margin-bottom: 5px;
}

.lijst.vacatures .views-field-field-logo {
float: right;
width: 30%;
}

.lijst.vacatures .views-field-field-logo {
padding-right: 0;
}

.lijst.vacatures .views-filters {
background: #fff;
}

.lijst.vacatures .views-exposed-widgets {
padding: 0 1.25em 1.25em 1.25em;
margin: 0;
background: #fff;
}

.lijst.vacatures .views-exposed-widget {
width: 25%;
float: left;
padding: 0.5em;
}

.lijst.vacatures .views-exposed-widget.views-submit-button {
padding: 0;
}

.lijst.vacatures .views-exposed-widget .views-widget {
float: none;
}


.lijst.vacatures .views-exposed-widget input,
.lijst.vacatures .views-exposed-widget select {
width: 100%;
height: 30px;
}

.lijst.vacatures .views-exposed-widget label {
padding: 0 0 0.5em 0;
color: #5a5754;
}

.lijst.vacatures .view-empty {
margin-top: 0;
}

.node-type-vacatures .field-label {
display: inline-block;
font-weight: bold;
min-width: 200px;
}

.node-type-vacatures .field {
margin-bottom: 5px;
}

.node-vacatures .field-name-field-logo {
float: left;
margin-top: 10px;
margin-right: 20px;
}

.node-type-vacatures .field-name-body {
padding-top: 5px;
}

.page-node #content-header,
.page-user #content-header,
.page-search #content-header,
.page-mailchimp #content-header {
padding: 1em 1.5em 0 1.5em;
overflow: hidden;
}

.hero .views-field-field-afbeelding img {
width: 100%;
height: auto;
}

.page-node h1.title,
.page-user h1.title,
.page-search h1.title,
.page-mailchimp h1.title {
text-transform: uppercase;
color: #5a5754;
font-size: 24px;
font-weight: 900;
border-color: #ccc;
}

.categorie-foto {
background: #eee;
overflow: hidden;
padding: 0 0.5em;
}

.views-field-field-foto-door {
display: none;
}

.views-row-first .views-field-field-foto-door {
float: right;
font-weight: normal;
text-transform: uppercase;
font-size: 10px;
padding-top: 1.1em;
display: block;
}

.categorie-foto .views-field-field-categorie {
float: left;
}

.views-field-field-foto-door:before {
content: '';
padding-right: 0.25em;
font-size: 14px;
color: #999;
}

.submitted {
font-size: 10px;
text-transform: uppercase;
display: block;
margin-bottom: 1.5em;
color: #aaa;
}

.submitted:before {
content: '';
padding-right: 0.5em;
}

.field-name-body .field-item>p:first-child {
font-size: 18px;
color: #777;
}

#content .field-name-body h2,
.page-search #content h2 {
border: none;
color: #5a5754;
padding-bottom: 0;
margin-bottom: 0.25em;
}

.page-search #content h2 {
margin-top: 1em;
clear: both;
}

/* english title */
.node-type-artikelen .field-name-field-title {
    font-size: 24px;
    display: block;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    margin-bottom: 0.6em;
    text-transform: uppercase;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
}

.node-type-artikelen .field.field-name-field-summary {
	float: left;
}

blockquote {
border: 1px solid #ddd;
border-width: 1px 0 1px 0;
padding: 1em 1.5em 0 1.5em;
color: #5a5754;
font-family: serif;
font-style: italic;
-webkit-border-radius: 2px;
border-radius: 2px;
overflow: hidden;
font-size: 18px;
}

.field-name-field-delen .field {
float: left;
margin-left: 0.5em;
}

.field-name-field-delen {
float: right;
clear: both;
}

.field-name-field-delen a {
color: #fff;
background: #5a5754;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 0.2em 0.5em;
font-size: 18px;
}

.field-name-field-delen a.twitter,
.medewerker .some.twitter,
.over-ons .some.twitter,
.profile .some.twitter {
background-color: #00aced;
}

.field-name-field-delen a.facebook,
.medewerker .some.facebook {
background-color: #3b5998;
}

.field-name-field-delen a.gplus,
.medewerker .some.gplus,
.over-ons .some.gplus,
.profile .some.gplus {
background-color: #dd4b39;
}

.field-name-field-delen a.linkedin {
background-color: #007bb6;
}

.field-name-field-delen a.pinterest {
background-color: #cb2027;
}

.field-name-field-delen a:hover,
.field-name-field-delen a:focus,
.over-ons .some:hover,
.over-ons .some:focus,
.profile .some:hover,
.profile .some:focus {
background: #5a5754;
}

.field-name-field-gallerij {
overflow: hidden;
margin-bottom: 1em;
}

.field-name-field-gallerij .field-item {
width: 33.33333333333333%;
float: left;
padding: 0.25em;
}

.field-name-field-gallerij img {
width: 100%;
height: auto;
}

/* @PAGER */

ul.pager {
overflow: hidden;
padding: 1em 0;
}

ul.pager a,
.item-list .pager li.pager-current {
padding: 0.75em 1em;
background: #333;
font-size: 10px;
text-transform: uppercase;
color: #ccc;
-webkit-border-radius: 2px;
border-radius: 2px;
display: inline-block;
}

.item-list .pager li.pager-current {
background: #009ddd;
color: #fff;
}

.item-list .pager .pager-ellipsis {
display: none;
}

ul.pager a:hover,
ul.pager a:focus {
color: #fff;
background: #444;
}

/* @EXPOSED @FILTER */

.views-exposed-widgets {
padding: 0.5em;
background: #333;
margin-bottom: 1em;
overflow: hidden;
}

.node-type-leveranciers .views-exposed-widgets {
margin-bottom: 0;
}

.views-exposed-form .views-submit-button {
float: right;
}

.views-exposed-widget label {
float: left;
color: #ccc;
font-size: 10px;
text-transform: uppercase;
display: block;
padding: 1em 1em 0 1em;
}

.views-exposed-widget .views-widget {
float: right;
}

.views-widget-filter-field_regio_value {
width: 15%;
}

.views-widget-filter-shs_term_node_tid_depth {
width: 40%;
}

.views-widget-sort-sort_bef_combine {
width: 27.5%;
}

.view-leveranciersindex .views-exposed-widgets {
margin-bottom: 0;
}

.view-leveranciersindex .views-exposed-widget.views-submit-button {
width: 16%;
}

#views-exposed-form-leveranciersindex-page label {
width: 40%;
}

#views-exposed-form-leveranciersindex-page .views-widget-filter-shs_term_node_tid_depth label {
width: 25%;
}

.views-exposed-widgets select {
width: 100%;
padding: 0.5em;
}

#views-exposed-form-leveranciersindex-page label+.views-widget,
.form-item-sort-bef-combine select {
width: 60%;
}

#views-exposed-form-leveranciersindex-page .views-widget-filter-shs_term_node_tid_depth label+.views-widget {
width: 75%;
}

#views-exposed-form-leveranciersindex-page .form-item-shs-term-node-tid-depth select {
width: 49%;
}

select.shs-select-level-2 {
float: right;
}

.view-empty {
background: #fff;
padding: 20px 20px 0 20px;
overflow: hidden;
margin: 20px 0;
}

/* @LIJST */

.lijst .view-content,
.lijst .view-header {
background: #fff;
padding: 2em;
margin-bottom: 2em;
font-size: 14px;
}

.lijst .view-header {
margin-bottom: 0;
padding-bottom: 0;
overflow: hidden;
}

.lijst.vacatures .view-header {
padding-top: 0;
padding-bottom: 1em;
}

.lijst .views-row {
padding-bottom: 1em;
border-bottom: 1px solid #ccc;
margin-bottom: 1em;
overflow: hidden;
}

.lijst .views-row-last {
margin-bottom: 0;
padding-bottom: 0;
border: none;
}

.views-field-field-logo {
width: 20%;
float: left;
padding-right: 2em;
}

.views-field-field-logo img {
width: 100%;
height: auto;
}

.views-field-nothing {
float: right;
width: 80%;
}

.mooiste-bar .views-field-field-logo,
.mooiste-bar .views-field-nothing {
width: 50%;
}

/* @LEVERANCIER */

.view-id-leveranciersindex h2 {
  color: #333;
}

.view-id-leveranciersindex .views-row-last {
  margin-bottom: 1.5em;
}

.node-type-leveranciers #content {
position: relative;
}

.node-type-leveranciers #content .rate-widget {
float: right;
}

.node-type-leveranciers #content .form-item label {
display: none;
}

.node-type-leveranciers #content #views-exposed-form-leveranciersindex-page .form-item label {
display: block;
}

.rate-thumbs-up-btn-up {
background: none;
text-indent: 0px;
padding: 0.25em 0.5em;
color: #fff;
background: #009ddd;
-webkit-border-radius: 2px;
border-radius: 2px;
height: auto;
width: auto;
}

.rate-thumbs-up-btn-up:hover,
.rate-thumbs-up-btn-up:focus {
color: #fff;
background: #aaa;
}

.node-type-leveranciers .field-name-field-logo {
float: left;
margin-right: 1em;
}

.logo-vacature {
min-height: 100px;
}

.field-name-field-sterren  {
margin-top: 10px;
}

.node-type-leveranciers .region-content-bottom .block {
background: #fff;
padding: 0 2em 2em 2em;
font-size: 14px;
}

.node-type-leveranciers .region-content-bottom .block-dfp+.block {
padding-top: 2em;
}

.node-type-leveranciers article {
margin-bottom: 0;
}

.node-type-leveranciers #content .region-content-bottom h2 {
color: #5a5754;
border-color: #ccc;
text-transform: uppercase;
}

.leveranciers-lijst .views-field {
float: right;
width: 80%;
}

.leveranciers-lijst .views-field-field-afbeelding {
width: 20%;
float: left;
padding-right: 1em;
}


.leveranciers-lijst .views-field-field-afbeelding img {
width: 100%;
height: auto;
}

.leveranciers-lijst .views-row {
padding-bottom: 1em;
margin-bottom: 1em;
border-bottom: 1px solid #ccc;
overflow: hidden;
}

.leveranciers-lijst .views-row-last {
border: none;
padding-bottom: 0;
margin-bottom: 0;
}

/* @THEMAS */

.views-field.views-field-field-beschrijving-kort {
    background-color: #fff;
    min-height: 60px;
    color: #333;
    font-size: 14px;
    padding: 10px;
}

.views-field.views-field-field-beschrijving-kort a {
    color: #333;
    font-weight:normal;
}

/* Detail */

.page-taxonomy-term h1.title {
text-transform: uppercase;
color: #5a5754;
font-size: 24px;
font-weight: 900;
border-color: #ccc;
font-family: 'Open Sans';
font-style: italic;
font-weight: 800;
}

.page-taxonomy-term #content-header {
padding: 1em 1.5em 0 1.5em;
}

.page-taxonomy-term #content {
  background-color: #fff;
}

.page-taxonomy-term #content-area {
padding: 0 2em 2em 2em;
margin-bottom: 2em;
}

.page-taxonomy-term .ds-2col-stacked-fluid > .group-left {
width: 33%;
}

.page-taxonomy-term .ds-2col-stacked-fluid > .group-right {
width:66%;
color:#333;
}

.page-taxonomy-term .feed-icon {
  display:none;
}

.page-taxonomy-term .term-listing-heading {
margin-bottom: 20px;
}

.page-taxonomy-term .field.field-name-post-date.field-type-ds.field-label-hidden {
display: inline-block;
color: #333;
float: right;
margin-left: 10px;
}

.page-taxonomy-term .field.field-name-title.field-type-ds.field-label-hidden {
display: inline-block;
}


/* @REACTIES */

#comments {
padding-right: 20px;
}

.comment-wrapper h2:before {
content: '';
padding-right: 0.5em;
color: #aaa;
}

.comment {
overflow: hidden;
margin-bottom: 1em;
}

.comment .user-picture {
float: left;
width: 10%;
}

.comment .user-picture img {
width: 100%;
height: auto;
background: #ccc;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.comment .content {
float: right;
width: 90%;
padding-left: 1em;
color: #999;
font-size: 14px;
}

.comment .field-name-comment-body  {
padding: 1em 1em 0 1em;
border: 1px solid #555;
margin-bottom: 0.5em;
}

.comment .submitted {
float: left;
}

.comment .username {
color: #fff;
}

.comment .username:hover,
.comment .username:focus,
.comment .links a:hover,
.comment .links a:focus {
color: #ccc;
}

.comment .links {
float: right;
font-size: 10px;
text-transform: uppercase;
}

.comment-form {
overflow: hidden;
margin-bottom: 1em;
}

/* @MEDEWERKER(S) */

.medewerker .views-field-picture img {
width: 100%;
height: auto;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.medewerker .views-row {
clear: both;
margin-bottom: 10px;
overflow: hidden;
}

.medewerker .views-row-last {
margin-bottom: 0;
}

.medewerker .views-field-picture {
width: 40%;
float: left;
margin-right: 1em;
margin-top: 0.25em;
}

.medewerker .views-field-name {
font-weight: bold;
color: #fff;
text-transform: uppercase;
padding: 0.5em 0 0.25em 0;
}

.medewerker .some {
color: #fff;
padding: 0.1em 0.35em;
-webkit-border-radius: 2px;
border-radius: 2px;
font-size: 14px;
}

.medewerker .some:hover,
.medewerker .some:focus {
background: #5a5754;
}

.medewerker .views-field-field-google-,
.medewerker .views-field-field-twitter,
.medewerker .views-field-field-facebook {
float: right;
margin-left: 0.5em;
}

.medewerker .view-leveranciersindex .views-field-field-twitter,
.medewerker .view-leveranciersindex .views-field-field-facebook {
float: left;
margin-left: 0;
margin-right: 0.5em;
margin-top: 0.25em;
}

.medewerker a {
color: #ccc;
}

.medewerker a:hover,
.medewerker a:focus {
color: #fff;
}

.view-medewerkers h3 {
clear: both;
color: #fff;
border-bottom: 1px solid #555555;
margin-bottom: 0.75em;
padding-bottom: 0.6em;
}

.over-ons .views-field-body {
position: relative;
}

.over-ons .views-field-body .some {
display: inline-block;
width: 16px;
height: 16px;
text-align: center;
color: #fff;
-webkit-border-radius: 2px;
border-radius: 2px;
margin-top: 0.5em;
margin-right: 0.5em;
}

.over-ons .views-field-body .twitter {
position: absolute;
bottom: 1em;
right: 0.5em;
}

/* @PROFIEL @PAGE-USER */

.profile {
margin: 0;
}

.profile .user-picture {
float: left;
width: 15%;
}

.profile .user-picture img {
width: 100%;
height: auto;
-webkit-border-radius: 2px;
border-radius: 2px;
}

.profile .some {
font-size: 18px;
width: 24px;
height: 24px;
display: block;
float: left;
margin-right: 0.25em;
-webkit-border-radius: 2px;
border-radius: 2px;
color: #fff;
text-align: center;
}

/* @ADVERTENTIES @DFP */

.large-rectangle-links,
.large-rectangle-rechts {
float: left;
width: 50%;
margin-bottom: 1em;
text-align: center;
}

.large-rectangle-rechts {
float: right;
}

.fullbanner,
#content_bottom .block-dfp {
margin-bottom: 2em;
text-align: center;
}

#content_bottom .block-dfp {
margin-top: 2em;
}

aside .block-dfp {
text-align: center;
}

.page-node .region-content .fullbanner {
margin-bottom: 0;
padding-bottom: 1em;
background: #fff;
}

.skyscraper,
#block-dfp-rechthoek {
text-align: center;
}

.region-footer .fullbanner {
margin-top: 1em;
margin-bottom: 0;
}

.block-inject-1 .block-dfp {
float: left;
padding: 0.25em 1em 1em 0;
}

.block-inject-1+.clearfix {
display: none;
}

/* @FLEXSILDER */

.flexslider {
background: none;
border: none;
padding: 0;
margin: 0;
box-shadow: none;
-webkit-box-shadow: none;
border-radius: none;
-webkit-border-radius: none;
margin-bottom: 10px;
}


.flexslider .slides img {
height: auto !important;
}

.flex-direction-nav a {
height: 50px;
}

.flexslider li{
margin: 0;
list-style: none;
}

ol.flex-control-nav li {
padding: 10px;
}

.flex-direction-nav li {
padding: 0;
}

/* AANPASSINGEN @THOMASKROOSHOF */
/* Tekst verplichte velden onder mailchimp nieuwsbrief formulier pagina */

div#block-block-4
{
background: #fff;
position: relative;
top: -40px;
padding-left: 30px;
font-weight: bold;
font-size: 14px;
}

.red {
  color:red;
}

/* Opinie frontpage block title link color */

#block-views-nieuws_en_opinie-block_2 h2 a
{
color:inherit;
}

/* Uitgebreid zoeken exposed filter */

html.js fieldset.collapsed
{
height: 1.5em;
}

.page-search .criterion
{
width:100%;
}

.page-search label[for="edit-type"], .page-search label[for="edit-language"] {
width: 100%;
float: left;
background: #fff;
}

.search-form label
{
width:35%;
}

.search-form input
{
width: 65%;
padding: 0.5em;
height: 30px;
}

.form-type-checkbox .search-form input{
height: 20px;
}

.search-advanced .criterion
{
margin: 10px 0px 10px 0px;
}

/* agenda overzicht */

.view-id-agenda .views-row {
    min-height: 445px;
}

/* nieuws en opinie overzicht */

.view-id-nieuws_en_opinie.view-display-id-page .views-row {
min-height: 405px;
}

body.front .view-id-nieuws_en_opinie.view-display-id-page_2 .views-row, body.front .view-id-nieuws_en_opinie.view-display-id-page .views-row, 
body.front .view-id-nieuws_en_opinie.view-display-id-block_10 .views-row
{
min-height: 0px; /* min-height zodat layout onaangetast blijft indien sommige item titels in een rij drie regels lang zijn en andere twee */
margin-bottom: 0em;
}

body.front .view-id-nieuws_en_opinie.view-display-id-page_2 .attachment .views-row {
min-height: 0px;
margin-bottom: 1em;
}

body.front .view-id-nieuws_en_opinie.view-display-id-attachment_2 .views-row {
margin-bottom: 0.77em;
}

body.front .view-id-nieuws_en_opinie.view-display-id-block_11 .views-row {
margin-bottom: 1.77em;
}

/* webform */

.webform-component-checkboxes .form-item label {
max-width:95%;
}

.form-radios {
margin-bottom: 8px;
}

.webform-client-form .form-type-radio label {
float:none;
background: none;
width:auto;
text-transform:none;
}

.webform-client-form .form-type-radio input {
float:none;
width:auto;
}

/* thema-overzicht */

.view-id-themas_overzicht .views-field.views-field-field-beschrijving-kort {
-webkit-border-bottom-right-radius: 2px;
-webkit-border-bottom-left-radius: 2px;
-moz-border-radius-bottomright: 2px;
-moz-border-radius-bottomleft: 2px;
border-bottom-right-radius: 2px;
border-bottom-left-radius: 2px;
}


/* Twitter block frontpage */

#block-views-tweets-block li.views-row-last
{
border-bottom: none;
}

aside#sidebar-second #block-views-tweets-block {
margin-bottom: 0em;
}

.twitter-readmore
{
color: #fff;
font-weight: bold;
background: #009ddd;
width: 100%;
text-align: center;
border: none;
-webkit-border-radius: 2px;
border-radius: 2px;
padding: 7px;
}

.twitter-readmore:hover
{
background: #aaa;
}

.twitter-readmore a
{
color: #fff;
}

/* Comments label color en submit knop marge */

#comments .form-item
{
color: #fff;
}

#comments input[type="submit"]
{
margin: 5px 0px 25px 0px;
}

/* nieuwsbrief in artikel */

article .nieuwsbrief {
clear: both;
padding-top: 20px;
}

#content article .nieuwsbrief h2 {
color: #5a5754;
border: 0;
margin-bottom: 0;
}

/* stem-formulier */

.stem-formulier .form-item,
.stem-formulier .form-actions {
width: 40%;
float: left;
padding-right: 10px;
}

.stem-formulier .form-actions {
width: 20%;
padding: 0;
}

.stem-formulier label,
.stem-formulier input,
.stem-formulier select {
width: 50%;
min-height: 31px;
}

/*.stem-formulier label {
font-size: 10px;
}

.stem-formulier .webform-component-select label {
width: 65%;
}

.stem-formulier .webform-component-select select {
width: 35%;
}*/

/* comment block */

ul.inline li.comment-add {
display: none;
}

.block-comment-block {
margin-top: 2em;
}

/* ==========================================================================
	Media Queries for Responsive Design.
   ========================================================================== */

/* iPhone bug fix */

.page-leveranciers #edit-shs-term-node-tid-depth {
display: none;
}

/* einde iPhone bug fix */

a#responsive-toggle
{
display: none;
}

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

.region-navbar,
.header-region,
#main {
width: 100%;
padding-left: 1em;
padding-right: 1em;
}

.region-navbar {
padding-left: 0.5em;
padding-right: 0.5em;
}

.block-fb-likebox {
overflow: hidden;
}

.blokken-overzicht .views-field-title a {
max-height:none;
}

}

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

.blokken-overzicht .views-field-body {
height: 200px;
}

}

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

.header-region {
text-align: center;
}

.region-header,
.region-logo,
.header-region .block-dfp  {
float: none;
clear: both;
}

.region-logo {
margin-bottom: 1em;
}

.hoofd-menu a {
font-size: 12px;
padding: 0.4em 0.75em;
}

.blokken-overzicht .attachment-before .views-field-title a,
.heroes .titel {
font-size: 20px;
}

.blokken-overzicht .datum,
.blokken-overzicht .views-field-title a {
font-size: 12px;
}

}

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

.sidebar-second #content,
.sidebar-second aside#sidebar-second {
float: none;
clear: both;
width: 100%;
}

.sidebar-second #content {
padding-right: 0;
}

.block.magazine img,
article img {
max-width: 100% !important;
width: auto !important;
height: auto !important;
}

.views-field-field-logo {
width: 30%;
}

.views-field-field-logo img {
max-width: 100%;
width: auto;
}

.views-field-nothing {
width: 70%;
}

.views-exposed-form .views-exposed-widget,
.views-exposed-form .views-submit-button,
.view-leveranciersindex .views-exposed-form .views-submit-button {
width: 100%;
float: none;
margin-bottom: 0.5em;
overflow: hidden;
}

.leveranciers-lijst .views-field-field-afbeelding,
.medewerker .views-field-picture   {
width: 150px;
}

.webform-client-form label,
.search-form label,
.webform-client-form label+input,
.webform-client-form label+select,
.webform-client-form textarea,
.search-form input,
#content-area .mailchimp-newsletter-wrapper input,
#content-area .mailchimp-newsletter-wrapper label,
article .nieuwsbrief input,
article .nieuwsbrief select,
article .nieuwsbrief label {
width: 100%;
float: none;
}


}

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

.hoofd-menu a {
font-size: 11px;
padding: 0.3em 0.6em;
}

}

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

.region-logo {
margin-bottom: 0;
float: left;
}

.logo img {
height: 50px !important;
}

.blokken-overzicht .views-row {
width: 100%;
float: none;
padding-right: 0;
padding-left: 0;
}

.blokken-overzicht .views-field-body {
height: auto;
}

#navigation {
display: none;
}

.sidebar-second #content {
padding-top: 0;
}

.region-header {
float: right;
clear: none;
padding: 10px 0px;
}

a#responsive-toggle {
display: block;
float: right;
padding: 0.5em 1em;
color: #fff;
text-transform: uppercase;
border: 1px solid #ccc;
border-bottom-width: 3px;
-webkit-border-radius: 2px;
border-radius: 2px;
}

#responsivemenu {
clear: both;
margin-top: 1em;
}

.hoofd-menu {
float: none;
}

.hoofd-menu ul {
}

#responsivemenu .hoofd-menu li {
border: 1px solid #ccc;
border-left: none;
margin-top: -1px;
margin-left: -1px;
width: 33.33333333333333%;
float: left;
}

.region-navbar {
padding: 0;
padding-top: 1em;
}

.hoofd-menu a {
font-size: 12px;
}

.profile .user-picture  {
width: 150px;
}

}

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

#responsivemenu .hoofd-menu li {
width: 50%;
}

.views-field-field-logo,
.views-field-nothing {
width: 50%;
}

.mooiste-bar .views-field-field-logo,
.mooiste-bar .views-field-nothing {
width: 100%;
padding-left: 0;
padding-right: 0;
}

.mooiste-bar .views-field-field-logo {
padding-bottom: 1em;
}

.stem-formulier .form-item,
.stem-formulier .form-actions {
width: 100%;
float: none;
padding-right: 0;
}

.stem-formulier {
padding-bottom: 1em;
}

#main .lijst.vacatures .views-field,
.lijst.vacatures .views-exposed-widget {
width: 100%;
margin-bottom: 0;
}

}

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

.views-field-field-logo,
.views-field-nothing {
width: 100%;
float: none;
}

.region-header {
padding-top: 0;
}

}

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

#responsivemenu .hoofd-menu li {
width: 100%;
}

.hoofd-menu a {
font-size: 14px;
text-align: center;
}

.region-logo,
a#responsive-toggle {
float: none;
clear: both;
}

.region-logo {
margin-bottom: 1em;
}

#responsivemenu {
margin-top: 0;
}

.leveranciers-lijst .views-field-field-afbeelding,
.medewerker .views-field-picture,
.profile .user-picture  {
width: 100%;
float: none;
margin-bottom: 1em;
padding-right: 0;
}

}

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

.blokken-overzicht .views-row {
background: #fff;
}


.blokken-overzicht.zonder-body .views-row,
.over-ons .blokken-overzicht .views-row {
width: 50%;
float: left;
padding-right: 0.5em;
background: none;
}

.blokken-overzicht.zonder-body .views-row-even,
.over-ons .blokken-overzicht .views-row-even {
padding-right: 0;
padding-left: 0.5em;
}

.blokken-overzicht .attachment .views-row {
background: none;
}

.blokken-overzicht .views-field-field-afbeelding {
width: 50%;
float: left;
padding-right: 1em;
position: relative;
z-index: 2;
}

.blokken-overzicht .views-field-field-afbeelding img {
-webkit-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
}

.blokken-overzicht .attachment .views-field-field-afbeelding,
.blokken-overzicht.zonder-body .views-field-field-afbeelding,
.heroes .views-field-field-afbeelding {
width: auto;
float: none;
padding-right: 0;
}

.blokken-overzicht .attachment .views-field-field-afbeelding img,
.blokken-overzicht.zonder-body .views-field-field-afbeelding,
.heroes .views-field-field-afbeelding img {
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
}

.blokken-overzicht .views-field-title {
background: #009ddd;
}

.blokken-overzicht .attachment .views-field-title {
background: none;
}

.blokken-overzicht.zonder-body .views-field-title {
-webkit-border-radius: 0 0 2px 2px;
border-radius: 0 0 2px 2px;
overflow: hidden;
}

.views-field-field-categorie,
.blokken-overzicht .views-field-name,
.views-field-field-foto-door,
.views-field-field-locatie {
font-size: 10px;
padding-top: 0.75em;
padding-bottom: 0.75em;
}

.blokken-overzicht .views-field-name img {
left: auto;
right: 5em;
}

.over-ons .blokken-overzicht .views-field-body {
height: 250px;
}

}

@media only screen and (min-width: 420px) and (max-width: 704px) {

.blokken-overzicht .views-field-field-afbeelding img {
width: 125%;
margin-left: -30%;
}

.heroes .views-field-field-afbeelding img {
width: 100%;
margin-left: 0;
}

.blokken-overzicht .views-field-field-afbeelding {
overflow: hidden;
}

.blokken-overzicht .attachment .views-field-field-afbeelding img,
.blokken-overzicht.zonder-body .views-field-field-afbeelding img {
width: 100%;
margin-left: 0;
}

/* nieuws en opinie overzicht undo fixes */

.view-id-nieuws_en_opinie.view-display-id-page_2 .views-row, .view-id-nieuws_en_opinie.view-display-id-page .views-row
{
min-height: 0px; /* min-height zodat layout onaangetast blijft indien sommige item titels in een rij drie regels lang zijn en andere twee */
margin-bottom: 1em;
}

.view-id-nieuws_en_opinie.view-display-id-page_2 .views-row-4, .view-id-nieuws_en_opinie.view-display-id-page_2 .views-row-5, .view-id-nieuws_en_opinie.view-display-id-page_2 .views-row-6 {
min-height: 0px;
margin-bottom: 1em;
}

.view-id-nieuws_en_opinie.view-display-id-page_2 .attachment .views-row {
min-height: 0px;
margin-bottom: 1em;
}

}

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

.blokken-overzicht .attachment .datum,
.blokken-overzicht .attachment .titel,
.heroes .datum,
.heroes .titel {
float: none;
width: 100%;
display: block;
}

.blokken-overzicht .attachment .datum,
.heroes .datum {
border-left: none;
border-top: 1px solid #fff;
}

.blokken-overzicht .attachment .titel {
display: block;
}

.blokken-overzicht .attachment .datum strong,
.heroes .datum strong {
display: inline-block;
padding-right: 0.5em;
}

}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}