/*kleuren

#ef6d00 rgba(239, 109, 0, 1.0)
#f9c599 rgba(239, 109, 0, 0.4)
#3366cc rgba(51, 102, 204, 1.0)
#2a364c rgba(42, 54, 76, 1.0)
#84878d rgba(132, 135, 141, 1.0)
#F3F3F3 rgba(243, 243, 243, 1.0)
#a5aab3 rgba(165, 170, 179, 1.0)
#959ba6 rgba(255, 255, 255, 0.5)

einde kleuren*/






/*fonts


  LEXIA
  =====

  LIGHT
  font-family: "lexia", sans-serif;
  font-weight: 300;
  font-style: normal;

  LIGHT ITALIC
  font-family: "lexia", sans-serif;
  font-weight: 300;
  font-style: italic;

  REGULAR
  font-family: "lexia", sans-serif;
  font-weight: 400;
  font-style: normal;

  ITALIC
  font-family: "lexia", sans-serif;
  font-weight: 400;
  font-style: italic;

  BOLD
  font-family: "lexia", sans-serif;
  font-weight: 700;
  font-style: normal;

  BLACK
  font-family: "lexia", sans-serif;
  font-weight: 900;
  font-style: normal;




  EFFRA
  =====

  REGULAR
  font-family: "effra", sans-serif;
  font-weight: 400;
  font-style: normal;

  ITALIC
  font-family: "effra", sans-serif;
  font-weight: 400;
  font-style: italic;

  BOLD
  font-family: "effra", sans-serif;
  font-weight: 700;
  font-style: normal;

  BOLD ITALIC
  font-family: "effra", sans-serif;
  font-weight: 700;
  font-style: italic;

  HEAVY
  font-family: "effra", sans-serif;
  font-weight: 900;
  font-style: normal;



einde fonts*/

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);



/* =============================================================================
 *   HTML ELEMENTS
 * ========================================================================== */

* {
  -moz-box-sizing:    border-box;
  -webkit-box-sizing: border-box;
  box-sizing:         border-box;
}

:focus { outline: -webkit-focus-ring-color auto 0px; }

body {
  background: #fff;
  font-family: "lexia-n3", "lexia", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 140%;
  color: #2a364c;
}
/*
.ie7 img,
.ie8 img,
.ie9 img{
  width: auto\9 !important;
}
*/
img {
  max-width: 100%;
  height: auto !important; /*overrides inline element style*/
}


h1 {
  font-family: "effra-n4", "effra", sans-serif;
  /*text-transform: lowercase;*/
  font-style: normal;
  font-weight: 400;
  font-size: 3em;
  line-height: 100%;
  margin: 0.1em 0 0.47em;
  color: #3366cc;
}
h1.title {
  text-align: left;
  margin: 1em 0;
}

h2 {
  font-family: "effra-n7", "effra", sans-serif;
  /*text-transform: lowercase;*/
  font-style: normal;
  font-weight: 700;
  font-size: 1.8em;
  line-height: 100%;
  margin: 0;
  padding: 4px 0;
  letter-spacing: normal;
  color: #3366cc;
}
h2.block-title {
  font-size: 1.125em;
}
.blokkop.kop h2 {
  font-family: "lexia-n3", "lexia", sans-serif;
  font-weight: 300;
  font-size: 1.8em;
  color: #2a364c;
}
#enkels .blokkop.kop h2 {
  font-weight: 400;
  font-size: 0.9em;
}


h3 {
  font-family: "lexia-n9", "lexia", sans-serif;
  /*text-transform: lowercase;*/
  font-style: normal;
  font-weight: 900;
  font-size: 1em; /*same as base font*/
  margin: 0;
  letter-spacing: normal;
}

h4 {
  font-family: "lexia-n9", "lexia", sans-serif;
  /*text-transform: lowercase;*/
  font-style: normal;
  font-weight: 900;
  font-size: 1em; /*same as base font*/
  margin: 0;
  letter-spacing: normal;
}

p {
  margin-top: 0;
  margin-bottom: 1em;
  line-height: 140%;
}

b,
strong { font-weight: 700;
}


i,
em {}


sup {}

sub {}

hr {
  background: #2a364c;
  margin: 2em 0;
}

blockquote,
blockquote p,
.ds-3col-stacked > .group-middle .field-name-field-quote {font-family: "lexia-i3", "lexia", sans-serif;font-weight: 300;font-style: italic; font-size: 26px; line-height: 115%; text-align: right; margin-left: 0; margin-right: 0; margin-top:0;}

cite {}

q {}

address {}

pre {white-space: normal;}

ul {}

ol {
  margin-left: 0;
  padding-left: 0;
}

ul ul {
  margin-bottom: 0;
  padding-top: 0;
}

#block-system-main div > ul > li,
#block-system-main div > ol > li {
  margin-bottom: 1em;
}


ul li.leaf {
  list-style-image: none;
  list-style-type: disc;
}

fieldset label {
  font-weight: 400;
}
label,
legend {
  font-size: 0.9em;
  font-family: "lexia-n3", "lexia", sans-serif;
  font-weight: 300;
}

input {font-family: "effra-n3", "effra", sans-serif;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;} /*remove chrome's yellow prefill*/

select {
  padding: 13px 30px 13px 13px;
  background: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  border: 0;
}


/* =============================================================================
 *   EXTRA STYLING
 * ========================================================================== */

#admin-menu,
#admin-menu .dropdown {z-index: 99999999999;}


.breadcrumb,
ul.inline,
ul.links.inline,
.translation-link {
  display: none;
}

div.error {
  background-color: #EE3000;
  color: #FFF;
  background-image: url(images/cross_white.png);
  border-color: #EE3000;
}
div.messages {
  background-position: 8px 8px;
  background-repeat: no-repeat;
  border: 2px solid;
  margin: 6px 0 25px;
  padding: 10px 10px 10px 50px;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 2px solid #EE3000 !important;
}


::selection {
  /*color: ##ef6d00;*/
  background: #ef6d00;
  color: #FFF;
}

.pointer {
  cursor:pointer;
}

#backtotop {
  background: url(images/to-top.png) no-repeat center center;
  background-size: 40px 40px;
  width: 40px;
  height: 40px;
  bottom: 20px;
  right: 20px;
  opacity: 0.4;
  z-index: 100000;
}

#backtotop:hover {
  opacity: 0.3;
}

.webform-component-textarea .grippie {display: none;}

/*makes things clickable again when logged-in*/
.logged-in #voorgrond {
  display: none;
}


/* =============================================================================
 *   LINKSTIJLEN
 * ========================================================================== */

a {transition: all .4s; }

a,
a:link,
a:active,
a:visited,
a:hover {
  color: inherit;
  text-decoration: none;
}


p a,
p a:link,
p a:active,
p a:visited,
#middenkolom li a,
#middenkolom li a:link,
#middenkolom li a:active,
#middenkolom li a:visited {box-shadow: inset 0 -3px 0 #84878d; -moz-box-shadow: inset 0 -3px 0 #84878d; -webkit-box-shadow: inset 0 -3px 0 #84878d; border-bottom: 3px solid #84878d \9 !important; /*IE8+9*/;}

p a:hover,
#middenkolom li a:hover {color: #ef6d00; border-bottom: 0px solid #ef6d00; box-shadow: inset 0 -3px 0 #a5aab3; -moz-box-shadow: inset 0 -3px 0 #a5aab3; -webkit-box-shadow: inset 0 -3px 0 #a5aab3; border-bottom: 3px solid #84878d \9 !important; /*IE8+9*/;}


.field-name-field-linkerkolom p a.oww_anker,
.field-name-field-linkerkolom a.oww_anker {font-size: 1.25em; line-height: 110%; font-family: "lexia-n4", "lexia", sans-serif; font-weight: 400; color: #ef6d00; box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none; border-bottom: 0 !important; margin-bottom: -0.2em; display: block; text-align: right;}

.field-name-field-linkerkolom p a.oww_anker:hover,
.field-name-field-linkerkolom a.oww_anker:hover {/*box-shadow: inset 0 -3px 0 #ef6d00; -moz-box-shadow: inset 0 -3px 0 #ef6d00; -webkit-box-shadow: inset 0 -3px 0 #ef6d00;*/ color: #a5aab3;}

.group-middle p a.oww_anker_midden,
.group-middle a.oww_anker_midden {border-bottom: 1px dotted #84878D !important; box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none; font-family: "lexia-i3", "lexia", sans-serif; font-style: italic;}

.group-middle p a.oww_anker_midden:hover,
.group-middle a.oww_anker_midden:hover {border-bottom: 1px dotted #A5AAB3 !important;}

a.oww_knop {
  position: relative;
  background: #3366cc;
  color: white;
  border-bottom: 0;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  padding: 6px 25px 6px 15px;
  margin: 0 30px 7px 0;
  overflow: visible;
  display: inline-block;
  -webkit-transition: background-color 0.1s, padding 0.3s ease;
  -o-transition: background-color 0.1s, padding 0.3s ease;
  transition: background-color 0.1s, padding 0.3s ease;
}
a.oww_knop:after {
  content: '';
  display: block;
  position: absolute;
  top: 6px;
  right: -14px;
  width: 27px;
  height: 27px;
  background: #3366cc;
  border-right: 1px solid #3366cc;
  border-bottom: 1px solid #3366cc;
  -moz-transform:rotate(-45deg);
  -webkit-transform:rotate(-45deg);
  transform:rotate(-45deg);
  -webkit-transition: background-color 0.1s, padding 0.3s ease;
  -o-transition: background-color 0.1s, padding 0.3s ease;
  transition: background-color 0.1s, padding 0.3s ease;
}
a.oww_knop:hover {
  padding-right: 30px;
}
a.oww_knop:hover,
a.oww_knop:hover:after {
  background: #133a8a;
  color: white;
  -webkit-transition: background-color 0.1s, padding 0.3s ease;
  -o-transition: background-color 0.1s, padding 0.3s ease;
  transition: background-color 0.1s, padding 0.3s ease;
}

/*blue link*/
.field-name-field-linkerkolom a,
.field-name-field-linkerkolom a:link,
.field-name-field-linkerkolom a:active,
.field-name-field-linkerkolom a:hover,
.node-type-tijdlijn #block-system-main a,
.node-type-tijdlijn #block-system-main a:link,
.node-type-tijdlijn #block-system-main a:active,
.node-type-tijdlijn #block-system-main a:hover,
#block-views-tweets-block-1 .bloklichaam.lichaam a,
#block-views-tweets-block-2 .bloklichaam.lichaam a,
#enkels a,
.field-name-node-link a {color: #3366cc; box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none; border-bottom: 0 !important;}

/*orange hover*/
.field-name-field-linkerkolom a:hover,
.node-type-tijdlijn #block-system-main a:hover,
#block-views-tweets-block-1 .bloklichaam.lichaam a:hover,
#enkels a:hover,
.more-link a:hover,
.view-taxonomy-overview-begrippenlijst h2 a:hover,
.view-taxonomy-term h2 a:hover,
.field-name-node-link a:hover,
.field-type-taxonomy-term-reference:not(.field-name-field-status-licentie) .field-item:hover {
  color: #ef6d00;
}


#block-views-wat-betekent-oa-voor-u-block .views-row a {
  /*margin: 3%;*/
  margin: 0.75%;
  background-color: #fff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  behavior: url(/sites/all/libraries/PIE/PIE.htc);
  font-family: "effra-n7", "effra", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1em\9 !important; /*IE8+9*/
  color: #ef6d00;
  /*border: 4px solid #ef6d00;*/
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  font-weight: 700;
  font-size: 1.5em;
  line-height: 0.933em;
  text-align: center;
  text-decoration: none;
  padding-top: 39%;
  -webkit-transition: background-color 0.1s, color 0.1s;
  -moz-transition: background-color 0.1s, color 0.1s;
  transition: background-color 0.1s, color 0.1s;
}
#block-views-wat-betekent-oa-voor-u-block .views-row a:hover {
  background-color: #ef6d00;
  text-decoration: none;
  color: #fff;
}



li a.active {color: inherit;}


.more-link {margin: 1em auto; clear: both;}
.more-link a {}

.more-link a {
  padding: 10px 0px;
  color: #3366cc;
  text-decoration: none;
  font-family: "effra-n7", "effra", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.9em;
  line-height: 120%;
  display: inline-block;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
}



ul.inline li {}

.item-list ul li {margin: 0 0 0.25em 0.5em;}
.item-list .pager li.pager-item,
.item-list .pager li.pager-current {
  background-color: #F9C599;
  background: rgba(239, 109, 0, 0.4);
  width: 35px;
  height: 35px;
  padding: 3px;
  display: inline-block;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color: #fff;
  -webkit-transition: all 300ms ease-out;
  -moz-transition: all 300ms ease-out;
  -o-transition: all 300ms ease-out;
}
.item-list .pager li.pager-current,
.item-list .pager li.pager-item:hover,
.item-list .pager li.pager-current:hover {background: #ef6d00;}
.item-list .pager li a {box-shadow: none !important;-moz-box-shadow: none !important;-webkit-box-shadow: none !important; border-bottom: 0 !important;}
#middenkolom .item-list .pager li.pager-item a:hover,
#middenkolom .item-list .pager li.pager-current a:hover {color: #fff;}
.item-list .pager li.pager-item a {padding: 5px;}

/* =============================================================================
 *   STRUCTUUR
 * ========================================================================== */

/*centreren + overrides*/
#kop .buffer,
#hals .buffer,
#schouders .buffer,
#middenkolom .buffer,
#bekken .buffer,
#enkels .buffer,
#staart .buffer {
  width: 80%; /*flexible width for modern browsers that understand media queries*/
  max-width: 1280px;
  margin: 0 auto;
}

/*overrides*/
/*undo restrictions*/
.front #middenkolom .buffer {
  width: 100%;
  max-width: 100%;
}
/*reinstate global settings*/
.front #block-system-main .field.field-name-body .field-items,
.front #middenkolom #regio-ln .regiobuffer,
.front #middenkolom #regio-lz .regiobuffer,
.front #middenkolom #block-block-8 .blokbuffer,
.front #middenkolom #block-views-nieuws-block,
.front #middenkolom #block-views-wat-betekent-oa-voor-u-block {
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
}

/*other overrides*/
/*reset restrictions*/
.not-front .field-name-body,
h1.title,
.not-front #block-views-wat-betekent-oa-voor-u-block .blokkop h2 {
  width: 66.5%; /*about 850px*/
  margin-left: auto;
  margin-right: auto;
  margin-top: 0.5em;
}
.not-front .field-name-body {
  padding-right: 7%;
  padding-left: 7.5%;
}
/*more restrictions*/
.not-front .page-node #block-system-main {
  margin: 0 auto;
  width: 76%;
}



#pagina {min-width: 960px\9 !important; /*IE8+9*/ width: 100%; float: left; /*fix for mean menu*/}



#kop {}
  #kopbuffer {position: relative;}
#hals {min-height: 1.5em;}
#schouders {
  background: #3366cc;
}
#lichaam {min-height: 222px; background: #F3F3F3; padding-bottom: 4em;}
  #schouders {}
  #linkerkolom {}
  #rechterkolom {width:20%;}
  #middenkolom {width: 100%;}
    .front #regio-l-buffer .region-content {position: relative;}
    .front #regio-lz {background: #FFF;}
  #bekken {}
#enkels {
  background: #b9bdc3;
  background: rgba(42, 54, 76, 0.3);
  font-weight: 400;
  padding: 1.5em 0 1em;}
#staart {
  background: #b9bdc3;
  background: rgba(42, 54, 76, 0.3);
  padding: 1em 0;
}





/* =============================================================================
 *   MENUBLOCKS
 * ========================================================================== */

/*language switcher*/
#block-language-switcher-fallback-language-switcher-fallback {
  text-align: right;
}

#block-language-switcher-fallback-language-switcher-fallback li {margin:0; display: inline; color: #3366cc; font-size: 0.600em; font-family: "effra-n4", "effra", sans-serif; font-weight: 400; font-style: normal;}
#block-language-switcher-fallback-language-switcher-fallback li.first:after { content: '\0000a0\0000a0\0000a0/';}
#block-language-switcher-fallback-language-switcher-fallback li a {text-decoration: underline;}
#block-language-switcher-fallback-language-switcher-fallback li a.active {text-decoration: none;}

/*Main menu lvl. 1*/
#block-menu-block-1 {display: inline-block; float: right; border-bottom: 2px solid #ef6d00;}
#block-menu-block-1 ul.menu {list-style:none; text-align: right; margin-bottom: 0; max-height: 1.800em; margin-top: 2em\9 !important; /*IE8+9*/}
#block-menu-block-1 ul.menu li{display:inline; margin: 0; padding: 0;}
#block-menu-block-1 ul.menu li.last {background: url(images/search.png) no-repeat; float: right; margin: 0.2em 0.3em 0;}
#block-menu-block-1 ul.menu li.last a { font-size: 0; color: transparent; width: 30px; height: 30px; background-image: none; float: right;}

#block-menu-block-1 ul.menu li a {margin-left:-5px;padding: 0.2em 0.5em;display:inline-block; text-decoration:none;color:#2a364c; -webkit-transition : border 500ms ease-out; -moz-transition : border 500ms ease-out; -o-transition : border 500ms ease-out;
  width: auto;
  height: auto;
  background-size: 100% 200%;
  /*color: ##ef6d00;*/
  background-image: linear-gradient(to top, #ef6d00 50%, rgba(0, 0, 0, 0) 50%);
  -webkit-transition: background-position 300ms, color 300ms;
  -moz-transition: background-position 300ms, color 300ms;
  transition: background-position 300ms, color 300ms;
}
#block-menu-block-1 ul.menu li.first a { margin-left: 0;}
#block-menu-block-1 ul.menu li a:hover,
#block-menu-block-1 ul.menu li a.active:hover,
#block-menu-block-1 ul.menu li a.active-trail:hover,
#block-menu-block-1 ul.menu li a.active,
#block-menu-block-1 ul.menu li a.active-trail {
  background-position: 0 100%;
  color: #FFF;
  background-color: #ef6d00\9 !important; /* IE8+9  */;
}
#block-menu-block-1 ul.menu li.last a:hover,
#block-menu-block-1 ul.menu li.last a.active {
  background-color: transparent\9 !important; /* IE8+9  */;
}
#block-menu-block-1 ul.menu li a.active,
#block-menu-block-1 ul.menu li a.active-trail{}


/*Main menu lvl. 2*/
#block-menu-block-2 {display: inline-block; float: right; background-color: #f9c599; background: rgba(239, 109, 0, 0.4);}
#block-menu-block-2 ul.menu {list-style:none; text-align: right; margin-bottom: 0;}
#block-menu-block-2 ul.menu li{display:inline; margin: 0; padding: 0;}

#block-menu-block-2 ul.menu li a{font-size: 0.9em; padding: 0.07em 0.5em 0.1em; display:inline-block; text-decoration:none;color:#fff; -webkit-transition : border 500ms ease-out; -moz-transition : border 500ms ease-out; -o-transition : border 500ms ease-out;
  width: auto;
  height: auto;
}
#block-menu-block-2 ul.menu li a:hover,
#block-menu-block-2 ul.menu li a.active,
#block-menu-block-2 ul.menu li a.active-trail{color: #2a364c;}

#block-menu-block-3 {display: none !important;}


.mean-container .mean-bar {background: #fff; padding-bottom: 0; display: none\9 !important; /*IE8+9*/}
.mean-container a.meanmenu-reveal {color: #2a364c; padding:18px 18px 16px;}
.mean-container a.meanmenu-reveal span {background: #2a364c;}
.mean-container .mean-nav {margin-top: 52px; background: #fff;}
.mean-container .mean-nav ul li {margin-left: 0;}
.mean-container .mean-nav ul li.mean-last {display: none;}
.mean-container .mean-nav ul li a {text-transform: none;color: #2a364c;padding: 0.8em 3%; width: 94%;}
.mean-container .mean-nav ul li a.mean-expand {
  padding: 0.1em 0.2em 0em !important;
  width: 33px;
  height: 33px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  behavior: url(/sites/all/libraries/PIE/PIE.htc);
  margin: 11px !important;
  background: rgba(255, 255, 255, 0.3);
  border: 5px solid #ef6d00 !important;
  color: #ef6d00;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 100%;}
.mean-container .mean-nav ul li li a {padding: 0.5em 3em; width: 85%;}
.mean-container .mean-nav ul li li li a {padding: 0.5em 3em 0.5em 6em;}
.mean-container .mean-nav ul li a.mean-expand:hover {background: rgba(255,255,255,.5);}
.mean-container .mean-nav ul > li a {border-bottom: 2px solid #F3F3F3;}

.mean-container a.meanmenu-reveal.meanclose {padding-top: 24px; -webkit-transition: all 300ms ease-out;-moz-transition: all 300ms ease-out;-o-transition: all 300ms ease-out;}
.mean-container a.meanmenu-reveal.meanclose span:first-child {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
.mean-container a.meanmenu-reveal.meanclose span:last-child {margin-top: -0.15em; -webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-o-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg);}
.mean-container a.meanmenu-reveal.meanclose span:nth-child(2) {display: none;}


/* =============================================================================
 *  BLOCKS
 * ========================================================================== */
/* Tijdelijke melding */
#block-block-6, #block-block-7 {position:absolute;margin:8px 0px 0px 0px;color:#ef6d00;width:93%;text-align:right;font-weight:bold;}
#block-block-6 p, #block-block-7 p{font-size:0.7em;}
#block-block-6 p span, #block-block-7 p span{font-size:1.2em;}
/* Eind Tijdelijke melding */

#logo {
  margin-top: 1.7em;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.front #logo {margin-top: 0.8em;}

#logo img { width: 255px !important; /*!important is IE fix*/ max-width: none\9; /* IE8+9  */ }
.front #logo img { width: 364px !important; /*!important is IE fix*/}

#logo img:hover {}


/*responsive video blok*/
#block-block-VIDEOBLOCK {margin-top: 1.75em;}
#block-block-VIDEOBLOCK .iframe_wrapper {width:100%;height:auto;margin:0 auto;background: #EFEEE6; background: rgb(239,238,230);}
#block-block-VIDEOBLOCK .h_iframe {position:relative;}
#block-block-VIDEOBLOCK .h_iframe .ratio {display:block;width:100% !important;height:auto !important; /*!important for IE*/}
#block-block-VIDEOBLOCK .h_iframe embed {position:absolute;top:0;left:0;width:100%; height:100%;}


/*customerror (403/404)*/
.customerror{text-align: center}
.errorcode {
  background: #202020;
  background: rgba(0,0,0,0.9);
  color: #fff;
  font-size: 5em;
  display: block;
  width: 200px;
  text-align: center;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  behavior: url(/sites/all/libraries/PIE/PIE.htc);
  height: 200px;
  margin: 1em auto;
  line-height: 215%;
}


/*tweets new*/
#block-views-tweets-block-2 {
  position: absolute;
  top: 160px;
  display: block;
  width: 100%;
  pointer-events: none;
}

#block-views-tweets-block-2 .blokbuffer {
  height: auto;
  width: 80%;
  max-width: 1280px;
  margin: 0 auto;
}

#block-views-tweets-block-2 .blokkop.kop {
  background-color: #fff;
  background: rgba(255, 255, 255, 0.7);
  width: 30%;
  margin-left: 70%;
  border-top: 5px solid #fff;
  border-right: 5px solid #fff;
  padding: 10px 20px;
  pointer-events: all;
}
#block-views-tweets-block-2 .blokkop.kop h2 {
  font-size: 1em;
  color: #ef6d00;
  font-family: "effra-n7", "effra", sans-serif;
  font-weight: 700;
}
#block-views-tweets-block-2 .blokkop.kop h2:before {
  content: url('images/tw.png');
  vertical-align: middle;
}
#block-views-tweets-block-2 .bloklichaam.lichaam {
  font-family: "effra-n4", "effra", sans-serif;
  font-weight: 400;
  font-size: 1.2em;
  line-height: 1.167em;
  background-color: #fff;
  background: rgba(255, 255, 255, 0.7);
  width: 30% !important;
  margin-left: 70%;
  border-bottom: 5px solid #FFF;
  border-left: 5px solid #FFF;
  border-right: 5px solid #FFF;
  padding: 0px 20px 20px;
  pointer-events: all;
}

#block-views-tweets-block-2 .lichaam,
.view-tweets,
.view-tweets .view-content,
.views_slideshow_cycle_main,
.views-slideshow-cycle-main-frame,
.views_slideshow_slide {
  min-height: 0px;
  width: 100% !important;
  word-wrap: break-word;
  height: 160px !important;
  overflow: hidden;
}
#views-ticker-vTicker-list-tweets {
  width: 100%;
  word-wrap: break-word;
}

#views-ticker-vTicker-list-tweets li {
  height: auto !important;
  min-height: 50px !important;
}


/*journal browser home*/
#block-block-8 {
  clear: both;
  overflow: hidden;
  background: #3366cc;
  padding: 0.75em 0 0.75em;
}
#block-block-8 .kop {
  width: 300px;
  float: left;
}
#block-block-8 .lichaam {
  width: calc(100% - 300px);
  float: left;
}
#block-block-8 h2 {
  font-weight: 600;
  font-size: 1em;
  color: #fff;
  margin-bottom: 0.2em;
}
#block-block-8 input[type="text"] {
  width: 80%;
  width: calc(100% - 100px);
}
#block-block-8 input[type="submit"] {
  width: 20%;
  width: 100px;
  color: #fff;
  padding-bottom: 0;
}
#block-block-8 input[type="submit"]:hover {
  color: #ef6d00;
}
/*journal browser deals */
.context-journalbrowser #block-block-8 {
  padding: 0.75em 0.5em 0.75em;
}
.context-journalbrowser #block-block-8 .kop {
  width: 100%;
}
.context-journalbrowser #block-block-8 .lichaam {
  width: 100%;
}


/*news home*/
#block-views-nieuws-block {
  width: 100%;
  display: block;
  overflow: auto;
  margin-bottom: 5em;
  border-bottom: 3px solid #FFF;
  padding-bottom: 2em;
  clear: both;
}


#block-views-nieuws-block .views-row {
  width: 30%;
  margin-right: 3.33%;
  float: left;
}
#block-views-nieuws-block .views-row .field-name-body {margin-top: 1em;}
#block-views-nieuws-block .views-row p {margin: 0;}
#block-views-nieuws-block .blokkop.kop h2 {margin: 1.5em 0 0.5em;}

/*.logged-in #block-views-nieuws-block .views-row-3 { display: none; }
#block-views-nieuws-block .attachment { display: none; }
.logged-in #block-views-nieuws-block .attachment { display: block; }*/
#block-views-nieuws-block .attachment .blokkop.kop h2 { margin-top: -1.8em; }
#block-views-nieuws-block .attachment a,
#block-views-nieuws-block .attachment a:link { box-shadow: none; -webkit-box-shadow: none; color: #3366cc; }
#block-views-nieuws-block .attachment a:hover { color: #ef6d00; }

#block-views-nieuws-block .attachment .views-field {
  position: relative;
  margin-bottom: 10px;
  font-family: "effra", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  color: #2a364c;
}

#block-views-nieuws-block .attachment .views-label {
  width: 10%;
  margin-right: 10px;
  display: inline-block;
}

#block-views-nieuws-block .attachment .field-content {
  background-color: #ef6d00;
  color: #fff;
  display: inline-block;
  padding: 5px;
  padding-left: 10px;
}


.resultaten-attachement {
  margin-bottom: 30px;
}

.attachment-link {
  display: block;
  margin-top: 5px;
}




/*list (e.g. news list)*/
.not-front .node-lijst .group-left,
.not-front .node-lijst .group-middle,
.not-front .node-lijst .group-right{
  float: left;
}
.not-front .node-lijst .group-left {
  text-align: right;
}
.not-front .node-lijst .field-name-body {
  width: 100%;
  padding: 0;
  margin: 0;
}
.not-front .node-lijst .field-name-body p:last-child {
  margin-bottom: 0;
}
.not-front .node-lijst .field-type-taxonomy-term-reference {
  width: auto;
  padding: 0;
}
.node-lijst .view-nieuws .views-row {
  overflow: auto;
  margin-bottom: 1em;
}
.node-lijst .view-nieuws .views-row-last .group-middle {
  padding-bottom: 2em;
  border-bottom: 3px solid #84878d;
}

/*what does oa mean for you*/
#block-views-wat-betekent-oa-voor-u-block {margin-bottom: 1em;}
#block-views-wat-betekent-oa-voor-u-block .blokkop h2{margin: 1em 0 0.5em;}
#block-views-wat-betekent-oa-voor-u-block .views-row {
  width: 15%;
  margin: 0.75%;
  float: left;
  position: relative;
}
#block-views-wat-betekent-oa-voor-u-block .views-row:before {
  content: "";
  display: block;
  padding-top: 101.5%;  /* ratio of 1:1*/
}

#block-views-wat-betekent-oa-voor-u-block .view {
  display: block;
  margin-bottom: 3em;
  overflow-y: auto;
  overflow-x: hidden;
}

/*TIMELINE*/
#block-views-tijdlijn-block .blokkop h2,
#block-views-tijdlijn-block-2 .blokkop h2 {margin: 0.5em 0 1.5em;}


/*footer blocks*/
#block-block-2,
#block-block-5          {float: left; width: 33.33%; padding-right: 1em;}
#block-block-3          {float: left; width: 16.67%;}
#block-webform-client-block-331 {float: left; width: 50%;}
#block-block-4 {}
/*fix tooltip overflow in footer (fix)*/
#block-block-2 .bloklichaam div,
#block-block-5 .bloklichaam div {display: none;}

/*contact*/
#block-webform-client-block-331 {width: 50%; float: right;}
#block-webform-client-block-331 .blokkop {margin-left: 30%;}
#block-webform-client-block-331 label {width: 27%;display: inline-block;text-align: right; font-weight: 400;}
#block-webform-client-block-331 input,
#block-webform-client-block-331 textarea {background-color: #DEE0E3; background: rgba(255, 255, 255, 0.5);}
#block-webform-client-block-331 input,
#block-webform-client-block-331 .form-textarea-wrapper {width: 70%; float: right;}
#block-webform-client-block-331 input:hover,
#block-webform-client-block-331 input:focus,
#block-webform-client-block-331 textarea:hover,
#block-webform-client-block-331 textarea:focus {background: rgba(255, 255, 255, 0.7);}
#block-webform-client-block-331 input[type="submit"] {color: #3366cc; background: none; text-align: right;}
#block-webform-client-block-331 input[type="submit"]:hover {color: #ef6d00;}
#block-webform-client-block-331 .footer-textfield { display: none; }

/*testimonial home + embed*/
#block-views-wetenschappers-block-1 {}

.view-wetenschappers .views-row {margin-bottom: 1em; overflow: hidden; background: #F3F3F3;}
.front #block-views-wetenschappers-block-1 {margin: 5em 0 1em;}
.view-wetenschappers .box {overflow: hidden;}
.view-wetenschappers .group-left {width: 20%; float: left; padding-right: 1.5%;}
.view-wetenschappers .group-left img {width: 55%; float: right;}
.view-wetenschappers .group-right {background: transparent url('images/bg_border.png') no-repeat 0 80px; border: 3px solid #ef6d00; border-left: 0; width: 71.6%; margin-right: 8.4%;padding: 1% 3% 2% 0; float: left;}
.view-wetenschappers .group-right .field-collection-view .field-collection-item-field-naam > div {float: left; font-family: "effra-n7", "effra", sans-serif; font-weight: 700; font-style: normal; font-size: 0.800em; line-height: 120%; color: #3366cc;}
.view-wetenschappers .group-right .field-collection-view .field-collection-item-field-naam > div .field-item:after,
.view-wetenschappers .group-right .field-name-field-functie .field-item:after {content: '\0000a0';}
.view-wetenschappers .group-right .field-collection-container,
.view-wetenschappers .group-right .field-name-field-functie,
.view-wetenschappers .group-right .field-name-field-werkplek {float: left; display: inline-block;}
.field-name-field-functie,
.field-name-field-werkplek {font-family: "effra-n7", "effra", sans-serif; font-weight: 700; font-style: normal; font-size: 0.800em; line-height: 120%;}
.view-wetenschappers .group-right .field-name-field-quote {clear: both; font-family: "lexia-i3", "lexia", sans-serif;font-weight: 300;font-style: italic; font-size: 1.3em; line-height: 1.33em;; margin-left: 3%; margin-right: 0;}
.front .view-wetenschappers .group-right .field-name-field-quote {font-size: 1.8em;}
.view-wetenschappers .group-right .field-name-field-quote p {margin: 0;}

.view-wetenschappers .views-row-even .group-left {float: right; padding-left: 1.5%; padding-right: 0;}
.view-wetenschappers .views-row-even .group-left img {float: left;}
.view-wetenschappers .views-row-even .group-right {background: transparent url('images/bg_border.png') no-repeat right 80px; border: 3px solid #ef6d00; border-right: 0; width: 71%; margin-right: 0; margin-left: 9%; padding: 1% 3% 2% 0; float: left;}
.view-wetenschappers .views-row-even .group-right .field-collection-container {padding-left: 2%;}
.view-wetenschappers .views-row-even .group-right .field-name-field-functie {margin-left: 1em;}

/* =============================================================================
 *   FACETTEN
 * ========================================================================== */


/* =============================================================================
 *   NODE & FIELDS
 * ========================================================================== */
.front .title {display: none;}

/*mission statement*/
.front .node-homepage .field-name-body {
  background: url('images/bg_mission_v2.jpg') repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  font-family: "lexia-n7", "lexia", sans-serif;
  font-weight: 700;
  text-align: left;
  width: 100%;
  padding: 0;
  font-size: 2em;
  line-height: 1.25em;
}
.front .node-homepage .field.field-name-body .field-items {
  padding: 3% 30% 2% 0;
}

.front .node-homepage .field-name-body b,
.front .node-homepage .field-name-body strong {
  color: #fff;
  font-weight: 700;
}
.front #middenkolom .node-homepage .field-name-body a {
  color: #fff;
  font-weight: 700;
  -webkit-box-shadow: inset 0 -3px 0 #fff;
  -moz-box-shadow: inset 0 -3px 0 #fff;
  box-shadow: inset 0 -3px 0 #fff;
}
.front #middenkolom .node-homepage .field-name-body a:hover {
  -webkit-box-shadow: inset 0 -3px 0 transparent;
  -moz-box-shadow: inset 0 -3px 0 transparent;
  box-shadow: inset 0 -3px 0 transparent;
}
.front .node-homepage .field-name-body p {
  margin-bottom: 0.5em;
}
.front #block-system-main .node-homepage .field-name-body div>ol>li,
.front #block-system-main .node-homepage .field-name-body div>ul>li {
  margin-bottom: 0.25em;
}

/*post dates*/
.field-name-post-date {
  font-size: 0.700em;
  font-family: "effra-n9", "effra", sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  opacity: 0.5;
}
  .front .field-name-post-date {
    font-size: 0.600em;
    font-weight: 400;
    opacity: 1;
  }
  .ds-3col-stacked > .group-footer > .field-name-post-date {
    display: inline;
    float: left;
  }
  .ds-3col-stacked > .group-footer > .field-name-post-date .field-item:after {
    content: '\0000a0\0000a0'
  }

/*tags*/
.field-type-taxonomy-term-reference:not(.field-name-field-status-licentie) {
  font-size: 0.700em;
  font-family: "effra-n4", "effra", sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  color: #3366cc;
  width: 71%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 3%;
  /*margin-bottom: 8%;*/
}
  .ds-3col-stacked > .group-footer > .field-type-taxonomy-term-reference {
    display: inline;
    float: left;
    width: auto;
    padding-left: 0;
  }
.field-type-taxonomy-term-reference:not(.field-name-field-status-licentie) .field-item {
  float: left;
}
.field-type-taxonomy-term-reference:not(.field-name-field-status-licentie) .field-item:before {
  content: '#';
}
.field-type-taxonomy-term-reference:not(.field-name-field-status-licentie) .field-item:after {
  content: '\0000a0\0000a0';
}


/*caption*/
p.oww_bijschrift { font-style: italic; color: #84878d; margin-top: -1em;}

/*quotestyle*/
blockquote.oww_blockquote {}

/*ds suite general*/
.group-left,
.ds-3col > .group-left,
.ds-3col-stacked > .group-left { width: 16%; }
.group-right,
.ds-3col > .group-right,
.ds-3col-stacked > .group-right {width: 13%;}
.group-left:after,
.ds-3col > .group-left:after,
.ds-3col-stacked > .group-left:after,
.group-right:after,
.ds-3col > .group-right:after,
.ds-3col-stacked > .group-right:after {content: '.'; visibility: hidden;}
.group-middle,
.ds-3col-stacked > .group-middle,
.ds-3col > .group-middle { width: 68%; margin-left: 1.5%; margin-right: 1.5%; padding-left: 6.5%; padding-right: 9.5%; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.group-footer,
.ds-3col-stacked > .group-footer {width: 71%;margin-left: auto;margin-right: auto;padding-left: 3%;}

.ds-2col-fluid > .group-left {}
.ds-2col-fluid > .group-right {}


/*field collection*/
.field-collection-view,
.field-collection-container {padding: 0; margin: 0; border: 0;}
.field-collection-container .field-items .field-item {margin-bottom: 10px;}

.field-collection-container .field-items .field-item:last-child .field-collection-view .entity-field-collection-item.ds-3col > .group-middle {border-bottom: 3px solid #a5aab3;}

/*nieuws*/
.not-front.node-type-actueel .field-name-body {width: 100%; margin: 0; padding: 0;}
.ds-3col-stacked.node-actueel > .group-middle {border-bottom: 3px solid #A5AAB3; margin-bottom: 10px;}


/*PAGINA*/
.field-name-field-linkerkolom {border-top: 3px solid #ef6d00; padding: 0.5em 0; font-family: "effra-n3", "effra", sans-serif; font-size: 0.800em; line-height: 112.5%; text-align: right;}


.field-name-field-linkerkolom p {clear: both; display: inline-block;}

  /*first item is image*/
.field-name-field-linkerkolom > .field-items > .field-item > p:first-child > img {display: block;margin-top: -0.5em; margin-bottom: -0.5em;}




/*testimonial*/
.not-front.node-type-wetenschapper .field-name-body {width: 100%; padding: 0;}
.ds-3col-stacked.node-wetenschapper > .group-middle  {border-bottom: 3px solid #A5AAB3; margin-bottom: 10px;}

/*TIMELINE*/
.node-type-tijdlijn #lichaam {padding-bottom: 0;}
.node-type-tijdlijn .field-name-body {background: transparent url('images/bg_timeline_goal.png') no-repeat bottom left; padding-bottom: 150px; }

.node-type-tijdlijn .field-name-field-event > .field-items .field-item,
.view-tijdlijn .field-collection-container .field-items .field-item {margin: 0;}

.node-type-tijdlijn .ds-3col > .group-middle,
.view-tijdlijn .ds-3col > .group-middle { width: 68%; margin-left: 0; margin-right: 1.5%; padding-left: 150px; padding-right: 4%; padding-bottom: 1em; background: transparent url('images/bg_timeline.png') left top no-repeat; min-height: 200px; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.node-type-tijdlijn .ds-3col > .group-left,
.view-tijdlijn .ds-3col > .group-left {padding-top: 32px; text-align: right; font-family: "lexia-n9", "lexia", sans-serif; font-weight: 900;font-style: normal; line-height: 95%; color: #ef6d00;}

.node-type-tijdlijn .field-collection-container .field-items .field-item:last-child .field-collection-view .entity-field-collection-item.ds-3col > .group-middle {border-bottom: 0;}
.node-type-tijdlijn .ds-3col > .group-middle .field.field-name-field-tekst {padding: 3% 9.5% 6% 0;}
.node-type-tijdlijn .ds-3col > .group-middle .field-name-field-titel,
.view-tijdlijn .ds-3col > .group-middle {font-family: "effra-n4", "effra", sans-serif; font-weight: 400; font-style: normal; color: #3366cc; font-size: 2.500em; line-height: 1.040em; margin-top: -0.2em;}

.view-tijdlijn .ds-3col > .group-left,
.view-tijdlijn .ds-3col > .group-middle,
.view-tijdlijn .ds-3col > .group-right {float: left;}

.view-tijdlijn .more-link {position: relative; top: -3.5em; margin-bottom: -2.6em;}

/*taxonomy pages*/
.view-taxonomy-term {margin: 0 auto;}
.view-taxonomy-term .view-header h2 {font-family: "lexia-n3", "lexia", sans-serif; font-weight: 300; font-size: 1.8em; color: #2A364C; width: 66.5%; margin: 0 auto 1em;}
.view-taxonomy-term .views-row {margin-bottom: 1em;}
.view-taxonomy-term .views-row-last .ds-3col > .group-middle {border-bottom: 3px solid #A5AAB3; margin-bottom: 10px; padding-bottom: 20px;}
.view-taxonomy-term .field-name-body {width: 100%; margin: 0; padding: 0 !important;}
.view-taxonomy-term .field p,
.view-taxonomy-term .field-collection-container .field-items .field-item {margin-bottom: 0;}
/*block with taxonomy description*/
#block-views-a72752b33f40e8589d650ea30e14d1e8 {width: 52%;margin: 0 auto; font-weight: 700;}
.taxonomy-term-description {margin-bottom: 4em;}

/*uitgeversdealpagina*/
.node-type-uitgeversdeal .field-name-field-inleiding { font-weight: 700; }
.node-type-uitgeversdeal .node > .field {
  padding-right: 7%;
  padding-left: 7.5%;
  width: 66.5%;
  margin-left: auto;
  margin-right: auto;
}
.node-type-uitgeversdeal .node > .field-name-field-uitgever a { color: #3366cc; }
.node-type-uitgeversdeal .node > .field-name-field-uitgever a:hover { color: #ef6d00; }
.node-type-uitgeversdeal .node > .field-name-field-uitgever:before {
  display: block;
  font-family: "effra-n7", "effra", sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 1.8em;
  line-height: 100%;
  color: #3366cc;
  margin-top: 2.5em;
  margin-bottom: 0.5em;
}
.i18n-nl.node-type-uitgeversdeal .node > .field-name-field-uitgever:before {
  content: 'Gegevens licentie';
}
.i18n-en.node-type-uitgeversdeal .node > .field-name-field-uitgever:before {
  content: 'Licence data';
}
.node-type-uitgeversdeal .label-above { font-weight: 700; }
.node-type-uitgeversdeal .label-inline {
  float: left;
  min-width: 200px;
  font-weight: 700;
}
.node-type-uitgeversdeal .field-label {
  min-width: 200px;
}
.node-type-uitgeversdeal .node > .field-name-body { margin-top: 2em; }
.node-type-uitgeversdeal .node > .field-name-field-status-licentie:before {
  margin-left: -1.4em;
  margin-right: 0.4em;
}




/* =============================================================================
 *   SEARCH & FORMS
 * ========================================================================== */

.page-search #block-system-main {
  max-width: 870px;
  width: 85.3%;
  margin: 0 auto;
  border-bottom: 3px solid #A5AAB3;
  margin-bottom: 10px;
  overflow: auto;
  padding: 0 10%;
  padding-bottom: 2em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.search-form {overflow: auto;}
.search-results {padding-left: 0;}
.search-result {margin-left: 0;}
.search-results .search-snippet-info {padding-left: 0;}
.search-results .title {font-size: 1em;}

#search-api-page-search-form {text-align: center;}
#search-api-page-search-form .form-item-keys-1 {display: inline-block;}
#search-api-page-search-form .form-item-keys-1 label {display: none;}


textarea,
input[type="text"],
input[type="password"],
input[type="email"]
 {width: 100%; padding: 1%; border: 0;}
input[type="text"]:hover,
input[type="text"]:focus,
input[type="password"]:hover,
input[type="password"]:focus,
input[type="email"]:hover,
input[type="email"]:focus,
textarea:hover,
textarea:focus {-webkit-transition : all 300ms ease-out; -moz-transition : all 300ms ease-out; -o-transition : all 300ms ease-out;}
input[type="submit"] { background: none; float: right; border: 0; padding: 10px 0; color: #2a364c; text-decoration: none; font-weight: 700; font-size: 0.813em; line-height: 120%; display: block;  -webkit-transition : all 300ms ease-out; -moz-transition : all 300ms ease-out; -o-transition : all 300ms ease-out;}
input[type="submit"]:hover { color: #3366cc;}

#block-search-form .form-type-textfield,
#search-form .form-type-textfield {
  float: left;
  width: 100%;
  margin-right: -42px; /*size of search button image*/
}
#block-search-form #edit-actions,
#search-form #edit-actions {
  float: right;
  margin: 1em 0;
}

/*webform confirmation*/
.page-node-done #block-system-main {width: 49%; margin: 0 auto;}
.page-node-done #block-system-main .links { display: none;}




/*DASHBOARD*/

/*intro uitgeversnode*/
.node-type-uitgever #block-system-main .field-name-body { font-weight: 700; }
/*intro lijst node: dashboard + archief*/
.node-type-lijst.page-node-779 #block-system-main .field-name-body,
.node-type-lijst.page-node-644 #block-system-main .field-name-body,
.node-type-lijst.page-node-675 #block-system-main .field-name-body,
.node-type-lijst.page-node-942 #block-system-main .field-name-body,
.node-type-lijst.page-node-943 #block-system-main .field-name-body,
.node-type-lijst.page-node-662 #block-system-main .field-name-body,
.node-type-lijst.page-node-676 #block-system-main .field-name-body,
.field-name-field-tekst-onder-lijst { width: 66.5%; margin-left: auto; margin-right: auto; margin-top: 0.5em; padding-right: 7%; padding-left: 7.5%; margin-bottom: 5.5em; }

.node-type-lijst.page-node-662 #block-system-main .field-name-body,
.node-type-lijst.page-node-676 #block-system-main .field-name-body {font-weight:700;}


/*tekst + titel bij grafiek*/
.field-name-field-titel2,
.field-name-field-titel3 { font-family: "effra-n7", "effra", sans-serif; font-style: normal; font-weight: 700; font-size: 1.8em; line-height: 100%; color: #3366cc; margin-bottom: 0.5em; }
.field-name-field-tekst2,
.field-name-field-tekst3 { width: 66.5%; margin-left: auto; margin-right: auto; margin-top: 0.5em; padding-right: 7%; padding-left: 7.5%; margin-bottom: 5.5em;}


/* Grafiek 1 */
  #grafiek_1 {
    margin: 0em 0 2em;
    overflow: hidden;
    padding: 3.5em 3.5em 3.5em 2.5em;
    background: #eaeaea;
    background: #eaeaea url('/sites/all/themes/openaccess/logo.svg') no-repeat 90% 93%;
    background: #eaeaea url('/sites/all/themes/openaccess/logo.svg') no-repeat calc(100% - 3.5em) calc(100% - 2em);
    background-size: 15%;
  }

  #grafiek_1 .grafiek_inner {
    width: 75%;
    margin-right: 2%;
    float: left;
    overflow: hidden;
    margin-top: -0.5em;
    min-height: 300px;
  }

  .rij {
      width: 100%;
      position: relative;
      clear: both;
      /* height: 40px; */

      opacity: 0;
      transition: opacity 0.2s;
  }

  .hello .rij{
    opacity: 1;
  }

  .bye .rij{
    opacity: 0;
  }

  .uitgever {
      text-align: right;
      width: 40%;
      float: left;
      padding-right: 1em;
      font-family: "effra", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 17px;
      color: #2a364c;
      padding-top: 0.5em;
      border-right: 5px solid #ef6d00;
      margin-right: -5px;
      line-height: 19px;
      padding-bottom: 10px;
  }

  .publicaties{
      float: left;
      width: 60%;
      border-left: 5px solid #ef6d00;
      padding-left: 1em;
  }

  #grafiek_1 .publicaties .bar{
      text-align: left;
      color: #FFF;
      background-color: #36c;
      padding: 8px 4px;
      margin: 0.5em 0;
      font-family: "effra", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 22px;
      color: #eaeaea;
      display: inline-block;
      vertical-align: middle;
  }

  .bar-label {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    font-weight: bold;
    color: #3366cc;
  }

  #selectJaar {
    width: 23%;
    float: right;
    font-family: "lexia", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    color: #ef6d00;
  }

  .totaal_wrapper {
    width: 23%;
    float: right;
    margin: 7em 0 10em;
  }
  .totaal_wrapper h2 {
    font-family: "effra", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 26px;
    color: #2a364c;
    width: 150px;
    text-align: center;
    float: right;
    clear: both;
    padding-bottom: 0.75em;
  }

  .totaaltje {
    background: #fff;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    float: right;
    clear: both;
  }
  .totaaltje h3 {
    font-family: "effra", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 40px;
    color: #ef6d00;
    text-align: center;
    padding-top: 60px;
  }


  #grafiek_1 label,
  #grafiek_2 label {position:relative}
  #grafiek_1 label:after,
  #grafiek_2 label:after {
    content:"\e801";
    font-family: "fontello";
    font-size: 20px;
    color:#ef6d00;
    right:8px;
    top: 11px;
    padding: 0 0 2px;
    position:absolute;
    pointer-events:none;
  }
  #grafiek_1 label:before,
  #grafiek_2 label:before {
    content:'';
    right:4px; top:0px;
    width:23px; height:18px;
    background:#fff;
    position:absolute;
    pointer-events:none;
    display:block;
  }


/* Grafiek 2 */
  #grafiek_2 {
    position: relative;
    width: 100%;
    overflow: hidden;
    clear: both;
    margin: 0em 0 2em;
    background: #eaeaea;
    overflow: hidden;
    padding: 3.5em 3.5em 3.5em 2.5em;
    background: #eaeaea;
    background: #eaeaea url('/sites/all/themes/openaccess/logo.svg') no-repeat 90% 93%;
    background: #eaeaea url('/sites/all/themes/openaccess/logo.svg') no-repeat calc(100% - 3.5em) calc(100% - 2em);
    background-size: 15%;
  }

  #grafiek_2 .grafiek_inner {
    position: relative;
    height: 500px;
    width: 50%;
    margin-right: 2%;
    float: left;
  }

  #grafiek_2 .grafiek_inner .kolom{
    opacity: 0;
    transition: opacity 0.2s;
  }

  #grafiek_2 .grafiek_inner.hello .kolom{
    opacity: 1;
  }

  #grafiek_2 .grafiek_inner.bye .kolom{
    opacity: 0;
  }

  #procentpaal{
      position: absolute;
      left: 0px;
      bottom: 0px;
      height: 100%;
      width: 55px;
      padding-right: 20px;
  }
    .procent{
      position: relative;
      height: calc(100% / 5);
      text-align: right;
      font-family: "lexia", sans-serif;
      font-weight: 900;
      font-style: normal;
      color: #ef6d00;
    }
    .procent:first-child { margin-left: -1em; }
    .procent:first-child:after {
      content: '%';
    }

  #jarenPaal {
      position: absolute;
      bottom: -40px;
      left: 105px;
      width: 100%;
      height: 40px;
  }

    .jaar{
      text-align: center;
      position: relative;
      width: 60px;
      height: 100%;
      float: left;
      margin: 0 10px 0 0;
      font-family: "lexia", sans-serif;
      font-weight: 900;
      font-style: normal;
      color: #ef6d00;
    }

  #grafiekData{
    position: absolute;
    width: 100%;
    height: 100%;
    left: 50px;
    bottom: 0px;
    border-bottom: 5px solid #ef6d00;
    border-left: 5px solid #ef6d00;
    /*margin: 0 0 50px 0;*/
  }

  #grafiekData .kolom{
    position: relative;
    left: 50px;
    width: 60px;
    height: 100%;
    float: left;
    margin: 0 10px 0 0;
  }

  #grafiek_2 .bar{
    position: absolute;
    bottom:0px;
    width: 100%;
    color: #FFF;
    background-color: #2a364c;
    font-family: "effra", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: 22px;
    color: #eaeaea;
  }

  .kolomLabel{
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    padding-top: 5px;
  }

  #selectUitgevers {
    width: 32%;
    float: right;
    font-family: "lexia", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 20px;
    color: #ef6d00;
  }

  #block-views-uitgeversdeals-block-4,
  #block-views-uitgeversdeals-block-5 {
    display: none;
  }

  .grafiek_inner span.notfound {
    font-weight: 900;
    color: #ef6d00;
  }


/* Lijngrafiek */
/* assen */
.lijngrafiek_wrapper {
  background: #eaeaea url(/sites/all/themes/openaccess/logo.svg) no-repeat calc(100% - 3.5em) calc(100% - 2em);
  background-size: 15%;
  padding: 3.5em 3.5em 3.5em 2.5em;
  min-height: 800px;
}

.lijngrafiek {
  width: 50%;
  height: 600px;
}


.lijngrafiek .x-as line,
.lijngrafiek .y-as line {
  stroke: #ef6d00;
  stroke-width: 3px;
  stroke-linecap: square;
}

/* as labels */
.lijngrafiek .x-as text,
.lijngrafiek .y-as text {
  font-family: "lexia", sans-serif;
  font-weight: 900;
  font-style: normal;
  fill: #ef6d00;
  font-size: 16px;
}

/* lijnen */
.lijngrafiek .lijn polyline {
  stroke: #2a364c;
  stroke-width: 3px;
  stroke-linecap: round;

}

/* lijn punten */
.lijngrafiek .lijn circle {
  r: 3;
  fill: #29364c;
}

.lijngrafiek .lijn.actief polyline {
  cursor: pointer;
  stroke: #ef6d00;
}

.lijngrafiek .lijn.actief circle {
  r: 3;
  fill: #ef6d00;
  cursor: pointer;
}

.svg-ballon {
  background-color: #29364c;
  padding: 5px 10px;
  color: white;
  font-family: "effra", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 17px;
  margin-left: 10px;
  margin-top: -20px;
}




.grafiekfilters {
  max-width: 45%;
  float: right;
  width: 35%;

}

.grafiekfilters .item {
  font-family: "lexia", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 16px;
  padding: 1px 1px 1px 10px;
  margin-bottom: 5px;
  background: #fff;
  display: block;
  cursor: pointer;
  border: 2px solid #fff;
  border-radius: 2px;
}

.grafiekfilters .actief {
  border: 2px solid #ef6d00;
}

.grafiekfilters .item input[type=checkbox] {
  display: none;
}

.grafiekfilters .item input[type=checkbox] + label:before {
  content: "\2714";
  border-radius: 1em;
  display: inline-block;
  margin-right: .8em;
  vertical-align: middle;
  color: transparent;
  transition: .2s;
}

.grafiekfilters .item input[type=checkbox]:checked + label:before {
  border-color: #ef6d00;
  color: #29364c;
}


.grafiekfilters .item label{
  display: block;
  cursor: pointer;
  font-weight: 900;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  svg {
    width: 100%;
  }
}

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

  }

  .grafiekfilters .item {
    padding: 0 0 0 6px;
    font-size: 14px;
  }

  .lijngrafiek {
    width: 75%
  }
}

@media screen and (max-width: 900px) {
  .lijngrafiek {
    width: 50%
  }

  .grafiekfilters {
    width: 45%;
  }
}

/* mobile styling */

@media screen and (max-width: 800px) {
  .grafiekfilters,
  .lijngrafiek {
    width: 100%;
    display: block;
    float: none;
    max-width: none;
  }

  .grafiekfilters {
    margin-top: 70px;
    margin-bottom: 30px;
  }

  .lijngrafiek_wrapper {
    padding: 1.5em;
    background-image: none;
  }
}


/*TABEL */

ul.quicktabs-tabs {
  margin: 1em 0 0;
  border-bottom: 4px solid #ef6d00;
}
ul.quicktabs-tabs li {
  display: inline-block;
  margin: 0 3px 0 0;
  padding: 0;
}
ul.quicktabs-tabs li a {
  background: #bec2c9;
  box-shadow: none !important;
  padding: 7px 30px;
  color: #29364c;
  display: block;
  font-family: "effra", sans-serif;
}
ul.quicktabs-tabs li a:hover {
  color: #fff !important;
  background: #ef6d00;
}

ul.quicktabs-tabs li.active {}
ul.quicktabs-tabs li.active a { background: #ef6d00; color: #fff; }

.view-uitgeversdeals .view-empty { padding: 1em; }
.view-uitgeversdeals table { width: 100%; margin-bottom: 2em; }
.view-uitgeversdeals table thead { background-color: #2a364c; }
.view-uitgeversdeals table thead th { color: #fff; font-family: "effra", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; border-bottom: 4px solid #f7f7f7; padding: 0.3em 0.3em; }
.view-uitgeversdeals table thead th.views-field-title-1 {}
.view-uitgeversdeals table thead th.views-field-field-looptijd-deal { width: 200px; }
.view-uitgeversdeals table thead th.views-field-field-status-licentie { min-width: 190px; }
.view-uitgeversdeals table thead th.views-field-body {}
.view-uitgeversdeals table thead th.views-field-field-meer-informatie { min-width: 160px; }

.view-uitgeversdeals table tbody tr { border-top: 4px solid #f7f7f7; border-bottom: 0; }
.view-uitgeversdeals table tbody tr.odd + tr.odd,
.view-uitgeversdeals table tbody tr.even + tr.even { border-top: 0; }
.view-uitgeversdeals table tbody tr.odd + tr.odd td,
.view-uitgeversdeals table tbody tr.even + tr.even td { padding-top: 0; line-height: 0; }

.view-uitgeversdeals table tbody td { border-bottom: 0; padding: 12px 0.3em 0.3em; font-size: 16px; line-height: 160%; }
.view-uitgeversdeals table tbody td div { line-height: 160%; padding-bottom: 0.5em; }
.view-uitgeversdeals table tbody td p { font-size: 16px; line-height: 160%; margin-bottom: 0;}
.view-uitgeversdeals table tbody td a { color: #3366cc; border-bottom: 0; box-shadow: none !important; -webkit-box-shadow: none; }
.view-uitgeversdeals table tbody td.views-field-title-1 { width: 260px; }
.view-uitgeversdeals table tbody td.views-field-title-1 a { font-family: "effra", sans-serif; font-weight: 700; font-style: normal; line-height: 140%; color: #2a364c;}
.view-uitgeversdeals table tbody td.views-field-title-1 a:hover { color: #3366cc;}
.view-uitgeversdeals table tbody td.views-field-body { padding-top: 0.5em; }
.view-uitgeversdeals table tbody td.views-field-body p,
.view-uitgeversdeals table tbody td.views-field-body ul,
.view-uitgeversdeals table tbody td.views-field-field-meer-informatie p { font-size: 14px; font-weight: 400; opacity: 0.9; }
.view-uitgeversdeals table tbody td.views-field-field-looptijd-deal:before {
  content:"\e801";
  font-family: "fontello";
  float: right;
  color: #ef6d00;
  background: white;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  text-align: center;
  /*padding-top: 3px;*/
  box-sizing: border-box;
  margin: 0 7px 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.view-uitgeversdeals table tbody td.views-field-field-looptijd-deal.icon-up-open:before { content: '\e800' !important; }
.view-uitgeversdeals table tbody td[class*='views-field-field-20'] .field-name-field-groei-indicatie { display: none; }
.view-uitgeversdeals table tbody td[class*='views-field-field-20'] [class*='field-name-field-20'],
.view-uitgeversdeals table tbody td.views-field-field-status-licentie { padding-left: 0.8em; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference { font-size: inherit; font-family: inherit; color: inherit; text-transform: inherit; letter-spacing: inherit; width: auto; margin: auto; padding: inherit; }
.view-uitgeversdeals table tbody td[class*='views-field-field-20'] [class*='field-name-field-20']:before { margin-left: -0.8em; margin-top: 0.2em; float: left; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference:before { margin-left: -1.4em; margin-top: 0.2em; float: left; }
.view-uitgeversdeals table tbody td[class*='views-field-field-20'] [class*='field-name-field-20'].icon-up-open:before,
.view-uitgeversdeals table tbody td[class*='views-field-field-20'] [class*='field-name-field-20'].icon-down-open:before,
.view-uitgeversdeals table tbody td[class*='views-field-field-20'] [class*='field-name-field-20'].icon-minus:before { color: #ef6d00; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference.icon-clock:before { color: #e0be00; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference.icon-ok-circled:before { color: #0caf36; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference.icon-ok-circled.light:before { color: #5ADB14; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference.icon-block:before { color: #808080; }
.view-uitgeversdeals table tbody td.views-field-field-status-licentie .field-type-taxonomy-term-reference .field-item:hover { color:inherit; }

/*tabel*/
/*tabel archief*/
/*tabel mobiel*/
#block-views-uitgeversdeals-block-2 { width: 66.5%; margin-left: auto; margin-right: auto; margin-top: 3.5em; padding-right: 7%; padding-left: 7.5%; margin-bottom: 5.5em; }
#block-quicktabs-tabel-uitgeversdeals-mobiel-,
#block-views-uitgeversdeals-block-6 { display: none; }
#block-views-uitgeversdeals-block-2 .blokkop.kop h2,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .blokkop.kop h2,
#block-views-uitgeversdeals-block-6 .blokkop.kop h2,
#block-views-uitgeversdeals-block-1 .blokkop.kop h2,
#block-quicktabs-tabel-uitgeversdeals .blokkop.kop h2 { font-family: "effra-n7", "effra", sans-serif; font-style: normal; font-weight: 700; font-size: 1.8em; line-height: 100%; color: #3366cc; margin-bottom: 0.5em; }
#block-views-uitgeversdeals-block-2 .view-uitgeversdeals .views-row,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .view-uitgeversdeals .views-row,
#block-views-uitgeversdeals-block-6 .view-uitgeversdeals .views-row { margin: 1em 0; border-bottom: 4px solid #fff; padding-bottom: 1em; }
#block-views-uitgeversdeals-block-2 .views-field,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field,
#block-views-uitgeversdeals-block-6 .views-field { clear: both; overflow: hidden; }
#block-views-uitgeversdeals-block-2 .views-field p,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field p,
#block-views-uitgeversdeals-block-6 .views-field p { margin-bottom: 0; }
#block-views-uitgeversdeals-block-2 .views-field .views-label,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field .views-label,
#block-views-uitgeversdeals-block-6 .views-field .views-label { float: left; font-weight: 700; min-width: 200px;}
#block-views-uitgeversdeals-block-2 .views-field .field-content,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field .field-content,
#block-views-uitgeversdeals-block-6 .views-field .field-content { float: left; }
#block-views-uitgeversdeals-block-2 .views-field .field-content a,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field .field-content a,
#block-views-uitgeversdeals-block-6 .views-field .field-content a { color: #3366cc; border-bottom: 0; box-shadow: none; -webkit-box-shadow: none; }
#block-views-uitgeversdeals-block-2 .views-field .field-content a:hover,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field .field-content a:hover,
#block-views-uitgeversdeals-block-6 .views-field .field-content a:hover { color: #ef6d00; }
#block-views-uitgeversdeals-block-2 .views-field.views-field-body,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field.views-field-body,
#block-views-uitgeversdeals-block-6 .views-field.views-field-body { padding: 1em 0; }
#block-views-uitgeversdeals-block-2 .views-field.views-field-body .field-content,
#block-quicktabs-tabel-uitgeversdeals-mobiel- .views-field.views-field-body .field-content,
#block-views-uitgeversdeals-block-6 .views-field.views-field-body .field-content { clear: both; float: none; max-width: 80%; }
#block-views-uitgeversdeals-block-2 .views-field-field-meer-informatie a[href^="/nl/uitgever/"],
#block-views-uitgeversdeals-block-2 .views-field-field-meer-informatie a[href^="/en/publisher/"] { display: none; } /*hide link to publisher node when on publisher node*/
.node-uitgeversdeal.view-mode-full [class*='field-name-field-20'] .field-name-field-groei-indicatie,
[class*='views-field-field-20'] .field-name-field-groei-indicatie { display: none; }
.node-uitgeversdeal.view-mode-full [class*='field-name-field-20']:before,
[class*='views-field-field-20'] [class*='field-name-field-20']:before,
.views-field-field-status-licentie .field-content:before { margin-left: -1.4em; margin-top: 0.2em; float: left; }
.node-uitgeversdeal.view-mode-full [class*='field-name-field-20'].icon-up-open:before,
[class*='views-field-field-20'] [class*='field-name-field-20'].icon-up-open:before,
.node-uitgeversdeal.view-mode-full [class*='field-name-field-20'].icon-down-open:before,
[class*='views-field-field-20'] [class*='field-name-field-20'].icon-down-open:before,
.node-uitgeversdeal.view-mode-full [class*='field-name-field-20'].icon-minus:before,
[class*='views-field-field-20'] [class*='field-name-field-20'].icon-minus:before { color: #ef6d00; }
.icon-clock:before { color: #e0be00; }
.icon-ok-circled:before { color: #0caf36; }
.icon-block:before { color: #808080; }


.oww_widetable { width: 100%; background-color: #ffffff; margin-bottom: 1em; }
.oww_widetable tbody { border-top: 0px none transparent; }
.oww_widetable th { background-color: #2a364c; color: white; padding: 0.2em 0.7em; border-bottom: 0px none transparent; }
.oww_widetable td { padding: 0.2em 0.7em; }

.hybrid_gold_tabs li {
  margin-bottom: 0 !important;
}