@import "reset.css";

@import url(http://fonts.googleapis.com/css?family=Cantarell:400,700,400italic,700italic);

@import url(http://fonts.googleapis.com/css?family=Quattrocento+Sans:400,700&subset=latin,latin-ext);

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800);
/*
/* Drupal 7 Lannoo
--------------------------------------------------------------
[Table of contents]

 0. Reset
 1. External CSS
 2. Global
      Headers
    Paragraphs
    Links
    Lists
    Tables
    Etc
 3. Admin
 4. Layout
      Content
      Sidebars
 5. Common
      Header
      Navigation
      Nodes
      Comments
      Blocks
      Footer
 6. Specific - all custom theming

--------------------------------------------------------------

CSS SUPPORT

Built-in classes:
.clearfix                            | float clearing
.element-invisible                   | hide element visually
.element-invisible.element-focusable | allow element to be focusable when navigated to via keyboard
.element-hidden                      | hide element from all users

*/
/*---------------------------------------------------------------------------------------------------------------------- 0 --- RESET -------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------- 1 --- EXTERNAL CSS ------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------- 2 --- GLOBAL ------------------------------------------------------*/
body {
  background: #fff;
  color: #434343;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 150%;
  margin: 0;
  padding: 0;
}
/*-------------------------------------------------------------- HEADERS --------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  text-transform: uppercase;
}
h1 {
  line-height: 130%;
  margin-bottom: 10px;
}
h2 {
  line-height: 130%;
  margin-bottom: 10px;
}
h3 {
  line-height: 130%;
  margin-bottom: 10px;
}
h4 {
  line-height: 130%;
  margin-bottom: 10px;
}
h5 {
  line-height: 130%;
  margin-bottom: 5px;
}
h6 {
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 5px;
}
h1 img,
h2 img,
h3 img,
h4 img,
h5 img,
h6 img {
  margin: 0;
}
/*-------------------------------------------------------------- PARAGRAPHS --------------------------------------------*/
p {
  margin: 0 0 15px 0;
}
/*-------------------------------------------------------------- LISTS --------------------------------------------*/
li ul,
li ol {
  margin: 0;
}
ul,
ol {
  margin: 0 0 15px 0;
  padding-left: 40px;
}
ul {
  list-style-type: disc;
}
ol {
  list-style-type: decimal;
}
dl {
  margin: 0 0 15px 0;
}
dl dt {
  font-weight: bold;
}
dd {
  margin-left: 15px;
}
/*-------------------------------------------------------------- TABLES --------------------------------------------*/
table {
  margin-bottom: 15px;
  background-color: #FFF;
}
table th,
table tr.odd,
table tr.even,
table td {
  margin: 0;
  padding: 0;
  border: none;
  background: transparent none;
}
table td,
table th {
  padding: 7px 10px;
  vertical-align: top;
  text-align: left;
  border-bottom: solid 1px #DDD;
}
table .odd td {
  background-color: #F9F9F9;
}
table th {
  font-weight: normal;
  font-size: 11px;
  color: #999;
}
#wrapper table th a {
  color: #999;
  text-decoration: underline;
}
/*-------------------------------------------------------------- ETC --------------------------------------------*/
hr {
  background: #ccc;
  border: none;
  clear: both;
  float: none;
  height: 1px;
  margin: -1px 0 15px;
  width: 100%;
}
fieldset {
  border: 1px solid #ccc;
  margin: 0 0 15px;
  padding: 15px;
}
fieldset legend {
  padding: 0 10px;
  color: #666;
}
/*---------------------------------------------------------------------------------------------------------------------- 3 --- ADMIN ------------------------------------------------------*/
/*--------------------- BOOK EDIT --------------- */
body.page-admin-commerce-products- .group-category .field-type-taxonomy-term-reference {
  display: block;
  float:left;
  width:50%;
}
body.page-admin-commerce-products- .group-category .field-type-taxonomy-term-reference label {
  font-weight: bold;
}
body.page-admin-commerce-products- .group-category .field-type-taxonomy-term-reference .form-checkboxes label {
  font-weight: normal;
}
/*------------------------------------------------------------- MESSAGES --------------------------------------------*/
div.messages,
#block-system-help {
  margin: 0 0 15px 0;
  -moz-border-radius: 4px;
  /* FF1+ */

  -webkit-border-radius: 4px;
  /* Saf3-4, iOS 1+, Android 1.5+ */

  border-radius: 4px;
  /* Opera 10.5, IE9, Saf5, Chrome, FF4 */

  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 8px 14px 8px 14px;
  border: 1px solid #FBEED5;
  background-color: #FCF8E3;
  color: #C09853;
  background-image: none;
}
#wrapper div.messages a,
#block-system-help a {
  color: #000;
}
div.status {
  color: #468847;
  background-color: #DFF0D8;
  border-color: #D6E9C6;
}
.ok {
  color: #468847;
}
table tr.ok {
  background-color: #DFF0D8;
}
div.warning {
  color: #C09853;
  background-color: #FCF8E3;
  border: 1px solid #FBEED5;
}
.warning {
  color: #C09853;
}
table tr.warning {
  background-color: #FCF8E3;
}
div.error {
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #EED3D7;
}
.error,
div.error p.error {
  color: #B94A48;
}
table tr.error {
  background-color: #F2DEDE;
}
#block-system-help {
  color: #3A87AD;
  background-color: #D9EDF7;
  border-color: #BCE8F1;
}
/*------------------------------------------------------------- MENU --------------------------------------------*/
ul.menu {
  padding-left: 15px;
}
ul li.expanded {
  list-style-image: url(images/system/menu-expanded.png);
}
ul li.collapsed {
  list-style-image: url(images/system/menu-collapsed.png);
}
ul li.leaf {
  list-style-image: url(images/system/menu-leaf.png);
}
ul.menu li a {
  color: #999;
}
ul.menu li a.active-trail {
  color: #333;
}
ul.menu li a.active {
  color: #000;
}
/*------------------------------------------------------------- FORMS --------------------------------------------*/
#wrapper form .description {
  font-size: 12px;
  color: #888;
  line-height: 130%;
  margin-top: 3px;
  word-wrap: break-word;
  white-space: normal !important;
}
#wrapper form .description a {
  display: inline;
  word-wrap: break-word;
}
.field-type-text-long {
  margin-top: 1em;
}
.field-type-text-long .form-item {
  margin: 0;
}
/*--- FIELDSET ---*/
fieldset {
  background: #ffffff;
  border: 1px solid #DDD;
  margin-top: 10px;
  margin-bottom: 32px;
  padding: 0 0 10px;
  position: relative;
  top: 12px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
.fieldset-wrapper {
  margin-top: 25px;
}
fieldset .fieldset-wrapper {
  padding: 0 10px;
}
fieldset legend {
  background: #F9F9F9;
  border: 1px solid #DDD;
  border-bottom: none;
  color: #3b3b3b;
  display: block;
  height: 2em;
  left: -1px;
  /* LTR */

  line-height: 2;
  padding: 0;
  position: absolute;
  text-indent: 10px;
  top: -12px;
  width: 100%;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
fieldset.collapsed legend {
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
#wrapper fieldset legend a {
  color: #3b3b3b;
}
#wrapper fieldset legend a:hover,
#wrapper fieldset legend a:focus,
#wrapper fieldset legend a:active {
  color: #000;
  text-decoration: none;
}
/*--- LABEL ---*/
label {
  font-weight: normal;
}
/*--- TEXT INPUT ---*/
input.form-text,
textarea.form-textarea {
  background: #FFF;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  padding: 5px;
  font-size: 13px;
  border: 1px solid #CCC;
  color: #333;
}
textarea.form-textarea {
  height: 220px;
}
input.form-text:focus,
textarea.form-textarea:focus {
  color: #000;
  border: solid 1px #969696;
  outline: none;
}
/*--- ERROR ---*/
.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  border: 1px solid #F00;
}
/*--- AUTOCOMPLETE ---*/
html.js input.form-autocomplete {
  background-position: 100% 13px;
}
/*--- LINK ---*/
.field-type-link-field {
  margin-bottom: 1em;
}
.link-field-title input.form-text {
  width: 255px;
}
.field-type-link-field .form-item {
  margin: 3px 0 0 0;
}
.field-type-link-field .link-field-column label {
  color: #777;
}
/*--- TEXT INPUT FILTER ---*/
.filter-wrapper {
  top: 0;
  padding: 10px 0 0 0;
  border: none;
  font-size: 11px;
  color: #999;
}
.filter-wrapper .fieldset-wrapper {
  margin: 0;
}
.filter-wrapper .fieldset-wrapper,
.filter-wrapper .filter-help {
  padding: 0;
}
.filter-help a {
  color: #666;
}
.filter-wrapper .form-item label {
  margin-right: 10px;
  font-weight: normal;
}
.filter-wrapper .form-item {
  padding: 0;
  margin: 0;
}
.filter-guidelines {
  font-size: 11px;
  padding: 0;
  margin: 0;
}
.filter-guidelines ul {
  padding-left: 20px;
}
/*------------------------------------------------------------- BUTTONS --------------------------------------------*/
/*--- ALL ---*/
input.form-submit {
  border: solid 1px #D9D9D9;
  background: url(images/system/button-bg.png) repeat-x left top;
  padding: 6px 15px;
  color: #64605B;
  text-shadow: white 1px 1px 0;
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  position: relative;
}
input.field-formatter-settings-edit {
  min-width: inherit;
}
input.form-submit:hover,
input.form-submit:focus {
  color: #000;
}
input.form-submit:active {
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
  top: 2px;
}

.page-admin-commerce #edit-field-cover-und-0-upload-button {
  display: none;
}
/*--- SUBMIT ---*/
#content input#edit-submit:hover,
#content input#edit-submit:focus,
#content input#edit-save:hover,
#content input#edit-save:focus,
#content input#edit-actions-submit:hover,
#content input#edit-actions-submit:focus {
  color: #529214;
}
/*--- DELETE ---*/
#content input#edit-delete:hover,
#content input#edit-delete:focus {
  color: #C00;
}
/*---- EXCEPTION FOR VIEWS ---*/
#content #block-system-main .views-tabs input.form-submit {
  background-image: none;
  padding: 3px;
  margin: 2px 0;
  font-weight: normal;
  background-color: #EEEEEE;
  border: solid 1px #CCCCCC;
  color: #3B3B3B;
}
/*------------------------------------------------------------- UI --------------------------------------------*/
.node-unpublished {
  background: #FFCCCC;
}
.compact-link {
  text-align: right;
  font-size: 11px;
}
.compact-link a {
  color: #666;
}
/*--- ACTION LINKS ---*/
ul.action-links {
  list-style: none;
  margin: 20px 0;
  padding: 0;
}
ul.action-links li {
  display: inline-block;
  margin-right: 10px;
}
ul.action-links li a {
  border: solid 1px #D9D9D9;
  background: url(images/system/button-bg.png) repeat-x left top;
  padding: 6px 15px;
  color: #64605B;
  text-shadow: white 1px 1px 0;
  -moz-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  text-decoration: none;
}
ul.action-links li a:hover,
ul.action-links li a:focus {
  color: #000000;
  text-decoration: none;
}
/*--- TABS ---*/
.tabs-wrapper {
  margin-bottom: 20px;
}
.tabs-wrapper ul.primary {
  border-bottom: 1px solid #DDD;
  padding: 0 5px;
}
.tabs-wrapper ul.primary li {
  float: left;
  margin: 0 2px -1px 0;
}
.tabs-wrapper ul.primary li a {
  background: transparent;
  margin: 0;
  display: block;
  padding-right: 12px;
  padding-left: 12px;
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 18px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
}
.tabs-wrapper ul.primary li a:hover {
  text-decoration: none;
  background-color: #EEE;
  border-color: #EEE #EEE #DDD;
}
.tabs-wrapper ul.primary li.active a {
  color: #555;
  cursor: default;
  background-color: #FFFFFF;
  border: 1px solid #DDD;
  border-bottom-color: transparent;
}
.tabs-wrapper ul.secondary {
  border-bottom: none;
  padding: 0 5px;
  margin-top: 10px;
}
.tabs-wrapper ul.secondary li {
  display: block;
  float: left;
  border: none;
  padding: 0;
  margin-right: 5px;
}
.tabs-wrapper ul.secondary li a {
  display: block;
  padding: 8px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  line-height: 14px;
}
.tabs-wrapper ul.secondary li a:hover,
.tabs-wrapper ul.secondary li a:focus {
  text-decoration: none;
  background-color: #EEE;
}
.tabs-wrapper ul.secondary li a.active {
  color: #FFFFFF;
  background-color: #08C;
  border: none;
}
/*--- HORIZONTAL TABS ---*/
div .horizontal-tabs {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #CCCCCC;
}
div .horizontal-tabs ul.horizontal-tabs-list {
  padding: 10px 10px 0;
  display: block;
  width: auto;
  border: none;
  overflow: hidden;
}
div .horizontal-tabs ul.horizontal-tabs-list li.horizontal-tab-button {
  padding: 0;
  margin: 0 2px 0 0;
  min-width: 1em;
  border: none;
  background: #EEEEEE;
}
div .horizontal-tabs ul.horizontal-tabs-list li.selected {
  background: #FFF;
}
div .horizontal-tabs ul.horizontal-tabs-list li.first {
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -khtml-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
div .horizontal-tabs ul.horizontal-tabs-list li.last {
  -moz-border-radius: 0 5px 0 0;
  -webkit-border-radius: 0 5px 0 0;
  -khtml-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}
div .horizontal-tabs ul.horizontal-tabs-list li a,
div .horizontal-tabs ul.horizontal-tabs-list li.selected a {
  line-height: 35px;
  padding: 0 12px;
  color: #6E6E6E;
}
div .horizontal-tabs ul.horizontal-tabs-list li.selected a,
div .horizontal-tabs ul.horizontal-tabs-list li a:hover {
  color: #000;
  background: transparent;
}
div .horizontal-tabs fieldset.htab {
  margin: 0;
  top: auto;
  background: transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -khtml-border-radius: 0;
  border-radius: 0;
}
div .horizontal-tabs fieldset.htab .fieldset-wrapper {
  padding: 0;
  margin: 0;
}
div .horizontal-tabs fieldset.htab .fieldset-wrapper .fieldset-wrapper {
  padding: 0 10px;
  margin-top: 25px;
}
/*--- VERTICAL TABS ---*/
div .vertical-tabs {
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  -khtml-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0;
  background-color: #FFF;
}
.vertical-tabs ul.vertical-tabs-list {
  border: none;
}
.vertical-tabs ul.vertical-tabs-list li {
  border: solid 1px #CCCCCC;
  border-top: none;
  margin-left: 10px;
  background: #eeeeee;
}
.vertical-tabs ul.vertical-tabs-list li a {
  color: #6E6E6E;
}
.vertical-tabs ul.vertical-tabs-list li a:hover {
  color: #4E4E4E;
  outline: none;
}
.vertical-tabs ul.vertical-tabs-list li a:hover strong {
  color: #2E2E2E;
  text-decoration: none;
}
.vertical-tabs ul.vertical-tabs-list li a .summary {
  font-size: 11px;
  line-height: 130%;
}
.vertical-tabs ul.vertical-tabs-list li.selected {
  margin-left: 0;
  border-top: solid 1px #CCCCCC;
  margin-top: -1px;
  padding-right: 10px;
}
.vertical-tabs ul.vertical-tabs-list li.selected a {
  color: #3B3B3B;
  text-decoration: none;
}
.vertical-tabs ul.vertical-tabs-list li.selected a strong {
  color: #000;
  text-decoration: none;
}
.vertical-tabs ul.vertical-tabs-list li.first {
  border-top: solid 1px #CCCCCC;
  margin-top: 0;
  -moz-border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -khtml-border-radius: 5px 0 0 0;
  border-radius: 5px 0 0 0;
}
.vertical-tabs ul.vertical-tabs-list li.last {
  -moz-border-radius: 0 0 0 5px;
  -webkit-border-radius: 0 0 0 5px;
  -khtml-border-radius: 0 0 0 5px;
  border-radius: 0 0 0 5px;
}
.vertical-tabs ul.vertical-tabs-list li.selected {
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  -khtml-border-radius: 5px 0 0 5px;
  border-radius: 5px 0 0 5px;
}
.vertical-tabs-panes {
  padding-bottom: 12px;
}
.vertical-tabs-panes .fieldset-wrapper {
  margin: 0;
}
.vertical-tabs-panes .fieldset-wrapper .fieldset-wrapper {
  margin-top: 25px;
}
.vertical-tabs-panes .fieldset-wrapper .form-item {
  margin-top: 0;
}
.vertical-tabs-panes .fieldset-wrapper fieldset legend {
  display: block;
}
/*---------------------------------------------------------------------------------------------------------------------- 4 --- LAYOUT ------------------------------------------------------*/
.inner {
  margin: 0 auto;
}
/*-------------------------------------------------------------- CONTENT --------------------------------------------*/
/* 3 columns */
body.two-sidebars #content {
  float: left;
  margin: 0;
}
/* 2 columns: sidebar-first */
body.sidebar-first #content {
  float: right;
  margin: 0;
}
/* 2 columns: sidebar-second */
body.sidebar-second #content {
  float: left;
  margin: 0;
}
#content-footer {
  clear: both;
  margin: 0 0 35px 0;
}
/*-------------------------------------------------------------- SIDEBARS ----------------------------------------*/
#sidebar-first {
  float: left;
}
#sidebar-second {
  float: right;
}
/*---------------------------------------------------------------------------------------------------------------------- 5 --- COMMON ------------------------------------------------------*/
/*-------------------------------------------------------------- HEADER ----------------------------------------*/
#header {
  margin: 0;
  padding: 0;
  position: relative;
}
#header #site-name a {
  display: block;
  text-decoration: none;
}
#header #site-name a:hover {
  text-decoration: none;
}
/*-------------------------------------------------------------- NAVIGATION ----------------------------------------*/
#navigation .block-menu ul {
  margin: 0;
  padding: 0;
  list-style: none none;
  overflow: hidden;
}
#navigation .block-menu ul li {
  float: left;
}
#navigation .block-menu ul li a {
  display: block;
  float: left;
}
#skip-link {
  position: absolute;
}
#breadcrumb {
  margin-bottom: 15px;
}
/* menus and item lists */
.item-list ul,
.item-list ul li,
ul.menu,
ul.menu li {
  margin: 0;
  padding: 0;
  list-style: none none;
}
ul.inline {
  clear: both;
}
ul.inline li {
  margin: 0;
  padding: 0 1em 0 0;
}
/*-------------------------------------------------------------- COMMENTS ----------------------------------------*/
#comments {
  clear: both;
}
.comment {
  margin-bottom: 15px;
}
.comment .new {
  color: red;
  text-transform: capitalize;
}
/*-------------------------------------------------------------- FOOTER ----------------------------------------*/
#footer-inner {
  position: relative;
}
#footer a.feed-icon {
  position: absolute;
  right: 10px;
  top: 10px;
}
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------                ------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------- 6 --- SPECIFIC ------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------                ------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------- Documenteer en organiseer alle CSS die je schrijft. ---------------------------------------------*/
/*-------------------------------------------------------------------------------- Je CSS moet door anderen leesbaar en begrijpbaar zijn --------------------------------------------*/
/*-----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------ LAYOUT ----------------------------------------------*/
/*------------------------ alle CSS voor de breedte's van je layout te maken. Schrijf hier geen opmaakCSS voor kleuren ed, alleen breedte's en margins ---*/
.inner {
  margin: 0 auto;
  /* centreer de layout */

  width: 980px;
  /* breedte van de site */

}
/*--------------- CONTENT --------------*/
/* 3 columns */
body.two-sidebars #content {
  width: 510px;
  margin-left: 35px;
  margin-right: 35px;
}
/* 2 columns: sidebar-first */
body.sidebar-first #content {
  width: 745px;
  margin-left: 35px;
}
/* 2 columns: sidebar-second */
body.sidebar-second #content {
  width: 745px;
  margin-right: 35px;
}
/*--------------- SIDEBARS --------------*/
#sidebar-first {
  width: 200px;
}
#sidebar-second {
  width: 200px;
}
/*-------------------------------------------------------------- ELEMENTS --------------------------------------------*/
/*------------------------ alle CSS nodig om je headings en links vorm te geven. Zo generiek mogelijk! ---*/
/*--------------- HEADINGS --------------*/
h1.title {
  background-color: #000;
  color: #fff;
  font-size: 18px;
  line-height: 28px;
  padding: 0px 12px 2px 12px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
h1.title a {
  color: #fff;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}
h4 {
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
h6 {
  font-size: 10px;
}
/*--------------- LINK COLOR --------------*/
a:link,
a:visited {
  color: #00a0dc;
  text-decoration: none;
}
a:hover,
a:active {
  color: #00a0dc;
  text-decoration: none;
}
/*------------------------------------------------------------ HEADER ----------------------------------------------*/
/*------------------------ alle CSS die je nodig hebt om je header te stylen. Inclusief logo, menu, ... ---*/
#header-inner {
  height: 165px;
  position: relative;
}
/*--------------- LOGO --------------*/
#header #site-name {
  position: absolute;
  top: 38px;
  left: 0;
}
#header #site-name a {
  display: block;
  text-indent: -999px;
  overflow: hidden;
  background: url(logo.png) no-repeat left top;
  width: 317px;
  height: 92px;
}
body.domain-be-lannoo-local #header #site-name a,
body.domain-nl-lannoo-local #header #site-name a {
  background: url(logo_campus.png) no-repeat left top;
}
body.domain-editions-lannoo-local #header #site-name a {
  background: url(logo_racine.png) no-repeat left top;
}
body.domain-www-terralannoo-nl #header #site-name a {
  background: url(logo_terra.jpg) no-repeat left top;
}
.not-front #header #site-name a:hover {
  background-position: left bottom;
}
/*--------------- NAVIGATION --------------*/
#header #navigation {
  position: absolute;
  top: 10px;
  right: 0;
}
#header #navigation ul.menu li {
  line-height: 16px;
  padding: 0 10px;
  border-right: solid 1px #e3e3e3;
  font-size: 12px;
}
#header #navigation ul.menu li.last {
  border-right: 0;
  padding-right: 0;
}
#header #navigation ul.menu li a {
  color: #a6a6a6;
  text-decoration: none;
}
#header #navigation ul.menu li a:hover,
#header #navigation ul.menu li a:focus {
  color: #444444;
}
#header #navigation ul.menu li.active-trail a,
#header #navigation ul.menu li a.active {
  color: #111111;
}
/*--------------- SEARCH --------------*/
#header #block-wmcustom-wmcustom-searchblok {
  position: absolute;
  top: 52px;
  right: 0;
}
#header #block-wmcustom-wmcustom-searchblok .content {
  background: url(images/search-bg.png) no-repeat left top;
  width: 426px;
  height: 41px;
  position: relative;
}
#header #wmcustom-search-search-block #edit-submit,
#header #wmcustom-search-search-block #edit-submit--2 {
  position: absolute;
  top: 0;
  right: 0;
  height: 41px;
  width: 41px;
  background: transparent url(images/search-bg.png) no-repeat right top;
  border: none;
  padding: 0;
  text-indent: 1000px;
  line-height: 1px;
  overflow: hidden;
  cursor: pointer;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  font-size: 0px;
  vertical-align: bottom;
}
#header #wmcustom-search-search-block #edit-submit:hover,
#header #wmcustom-search-search-block #edit-submit--2:hover {
  background: transparent url(images/search-bg.png) no-repeat right bottom;
}
#header #wmcustom-search-search-block .form-text {
  position: absolute;
  top: 2px;
  left: 15px;
  display: block;
  padding: 0;
  border: none;
  font-size: 15px;
  color: #737373;
  padding: 10px 0 9px 0;
  margin: 0;
  width: 360px;
  box-shadow: none;
}
#header #wmcustom-search-search-block .content .container-inline .form-text-focus {
  color: #333333;
}
/*------------------------------------------------------------ SIDEBAR ----------------------------------------------*/
/*--------------------- alle CSS voor je blokken in de sidebar. Indien verschillende, organiseer per block ---*/
.sidebar .block {
  margin: 0 0 35px 0;
}

#block-lannoo-docenten-lannoo-docenten-menu h2.title .docenttitle {
  background: #00a0dc;
  font-size: 14px;
  color: #FFF;
  padding: 4px 12px;
  line-height: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  font-weight: 600;
}

#block-menu-menu-social-campus-be h2.title,
.block-social h2.title,
#block-wmcustom-wmcustom-newsletter-full h2.title,
#block-lannoo-docenten-lannoo-docenten-menu h2.title .docentname{
  background: #a6a6a6;
  font-size: 14px;
  color: #FFF;
  padding: 4px 12px;
  line-height: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  margin: 0 0 5px 0;
  font-weight: 600;
}
.sidebar .block .content {
  background: #f2f2f2;
  padding: 12px;
}
/*-------- CATEGORIEEN -------*/
#block-menu-block-docenten-vakgebieden h2.title {
  background: #000000;
  margin: 0;
  font-size: 14px;
  color: #FFF;
  padding: 4px 12px;
  line-height: 22px;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-weight: 600;
}
.sidebar .block_category .content {
  background: transparent;
  font-size: 13px;
  line-height: 18px;
  text-transform: uppercase;
  font-weight: bold;
}
.sidebar .block_category .content li {
  margin-bottom: 8px;
}
.sidebar .block_category .content a {
  color: #353535;
  text-decoration: none;
  display: block;
  font-weight: 600;
  letter-spacing: 1.5px;
}
.sidebar .block_category .content a.active,
.sidebar .block_category .content .active-trail a {
  color: #a6a6a6;
}
.sidebar .block_category .content a:hover,
.sidebar .block_category .content a:focus {
  color: #00a0dc;
}
/*-------- SOCIAL -------*/
.sidebar .block-social {
  position: relative;
}
.sidebar .block-social h2.title {
  margin: 0;
}
.sidebar .block-social .content {
  position: absolute;
  top: 5px;
  right: 5px;
  padding: 0;
  background: transparent;
}
.sidebar .block-social .content ul {
  overflow: hidden;
}
.sidebar .block-social .content ul li {
  float: left;
  margin-left: 5px;
}
.sidebar .block-social .content ul li a {
  display: block;
  background-image: url(images/social.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: -999px;
}
.sidebar .block-social .content ul li.menu-facebook a {
  background-position: left top;
}
.sidebar .block-social .content ul li.menu-twitter a {
  background-position: right top;
}
.sidebar .block-social .content ul li a:hover,
.sidebar .block-social .content ul li a:focus {
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */

}
/*-------- RSS -------*/
.node-blog-lannoo.view-mode-teaser {
  font-size: 12px;
  line-height: 120%;
}
.node-blog-lannoo.view-mode-teaser .blog-title {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #000;
  margin-bottom: 3px;
  text-indent: 8px;
  background: url(images/bullet.png) no-repeat 0px 7px;
  letter-spacing: 0.4px;
  font-weight: 600;
  line-height: 140%;
}
.node-blog-lannoo.view-mode-teaser .blog-title a {
  color: #222;
}
.node-blog-lannoo.view-mode-teaser .blog-title a:hover,
.node-blog-lannoo.view-mode-teaser .blog-title a:focus {
  color: #000;
}
.node-blog-lannoo.view-mode-teaser .blog-body {
  margin-bottom: 20px;
  color: #737373;
  line-height: 140%;
  font-weight: 400;
  padding: 0.25em 0 0 0;
}
.node-blog-lannoo.view-mode-teaser .blog-body a {
  text-decoration: none;
  color: #737373;
}
.sidebar .view-blog-lannoo .view-footer p {
  margin: 0;
  text-align: right;
  overflow: hidden;
}
.sidebar .view-blog-lannoo .view-footer a {
  font-size: 12px;
  text-transform: uppercase;
  color: #737373;
  padding-right: 30px;
  background: url(images/arrow.png) no-repeat right bottom;
  line-height: 20px;
  display: block;
  float: right;
  text-decoration: none;
}
.sidebar .view-blog-lannoo .view-footer a:hover,
.sidebar .view-blog-lannoo .view-footer a:focus {
  color: #171717;
}
/*-------- BANNERS -------*/
.sidebar .front-sidebar-banners .content {
  padding: 0;
  background-color: transparent;
}
.sidebar .front-sidebar-banners .view-banners .views-row {
  margin-bottom: 35px;
}
.sidebar .front-sidebar-banners .view-banners .views-row a,
.sidebar .front-sidebar-banners .view-banners .views-row img {
  display: block;
  line-height: 100%;
}
.sidebar .front-sidebar-banners .view-banners .field-name-field-banner-title,
.sidebar .front-sidebar-banners .view-banners .field-name-field-banner-body {
  background-color: #f2f2f2;
  padding-left: 10px;
  padding-right: 10px;
}
.sidebar .front-sidebar-banners .view-banners .field-name-field-banner-title {
  padding-top: 10px;
  padding-bottom: 0px;
}
.sidebar .front-sidebar-banners .view-banners .field-name-field-banner-body {
  padding-top: 10px;
  padding-bottom: 20px;
}
.sidebar .front-sidebar-banners .view-banners .field-name-field-banner-title {
  text-transform: uppercase;
  color: #00a0dc;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 1.5px;
  font-weight: 600;
}
.sidebar .front-sidebar-banners .view-banners .field-name-field-banner-body p {
  margin: 0;
}
.sidebar .front-sidebar-banners .view-banners .views-row-last {
  margin-bottom: 0px;
}
/*-------- NEWSLETTER -------*/
#block-wmcustom-wmcustom-newsletter-full .content ul,
#block-wmcustom-wmcustom-newsletter-full .content ul li {
  margin: 0;
  padding: 0;
  list-style: none none;
}
#block-wmcustom-wmcustom-newsletter-full .content .mpErrorSummary {
  position: absolute;
  left: -9999px;
}
#block-wmcustom-wmcustom-newsletter-full .content .mpQuestionTable {
  margin: 0 0 10px 0;
}
#block-wmcustom-wmcustom-newsletter-full .content .mpFormLabel * {
  display: inline;
}
#block-wmcustom-wmcustom-newsletter-full .content .mpFormLabel label {
  font-weight: 300;
  letter-spacing: 0.2px;
}
#block-wmcustom-wmcustom-newsletter-full .content .form-text {
  margin: 0;
  max-width: 165px;
}
#block-wmcustom-wmcustom-newsletter-full #CNT2423 #field2423 li input,
#block-wmcustom-wmcustom-newsletter-full #CNT2423 #field2423 li label {
  display: inline;
}
/*------------------------------------------------------------ HIGHLIGHT ----------------------------------------------*/
.region-highlight {
  clear: both;
  margin-bottom: 20px;
}
#carousel {
  height: 298px;
  position: relative;
  background: url(images/highlight-shadow.png) no-repeat center bottom;
  padding-bottom: 15px;
}
#carousel ul,
#carousel ul li {
  margin: 0;
  padding: 0;
  list-style: none none;
}
/*------- FULL -------*/
#carousel #carousel-full {
  position: absolute;
  z-index: 20;
  top: 0;
  left: 0;
  width: 670px;
  height: 298px;
  overflow: hidden;
  background: #f2f2f2;
}
#carousel #carousel-full > .item-list > ul {
  width: 670px;
  position: absolute;
  top: 0;
  left: 0;
}
#carousel #carousel-full > .item-list > ul > li {
  width: 670px;
  height: 298px;
  overflow: hidden;
}
#carousel #carousel-full li.fullphoto a {
  display: block;
  width: 670px;
  height: 298px;
  overflow: hidden;
}
#carousel #carousel-full li.phototext {
  width: 650px;
  height: 278px;
  padding: 10px;
}
#carousel #carousel-full li.phototext a.left {
  line-height: 100%;
  display: block;
  width: 180px;
  max-height: 276px;
  border: solid 1px #88898c;
  overflow: hidden;
  float: left;
}
#carousel #carousel-full li.phototext a.left img {
  line-height: 100%;
  display: block;
}
#carousel #carousel-full li.phototext div.right {
  margin-left: 200px;
  padding-right: 30px;
  /*height: 240px;
  position: relative;
  padding-bottom: 38px;*/

}
#carousel #carousel-full li.phototext div.right h3 {
  font-size: 20px;
  line-height: 150%;
}
#carousel #carousel-full li.phototext div.right h3 a {
  color: #353535;
}
#carousel #carousel-full li.phototext div.right p {
  color: #737373;
  font-size: 12px;
}
#carousel #carousel-full li.phototext div.right em {
  font-style: italic;
  color: #595959;
}
#carousel #carousel-full li.phototext div.right > .item-list {
  padding-top: 15px;
  /*position: absolute;
  bottom: 0;
  left: 0;*/

}
#carousel #carousel-full li.phototext div.right .item-list ul {
  overflow: hidden;
}
#carousel #carousel-full li.phototext div.right .item-list ul li {
  float: left;
  margin-right: 5px;
}
#carousel #carousel-full li.phototext div.right .item-list ul li a {
  border: solid 1px #a2a2a2;
  height: 32px;
  width: 32px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  background-image: url(images/highlight-links.png);
  background-repeat: no-repeat;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */

}
#carousel #carousel-full li.phototext div.right ul li.link-info .field-label,
#carousel #carousel-full li.phototext div.right ul li.link-shop .field-label {
  display: none;
}
#carousel #carousel-full li.phototext div.right ul li.link-info a {
  background-position: left top;
}
#carousel #carousel-full li.phototext div.right ul li.link-shop a {
  background-position: right top;
}
#carousel #carousel-full li.phototext div.right ul li a:hover,
#carousel ul#carousel-full li.phototext div.right ul li a:focus {
  border: solid 1px #b8b8b8;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */

}
/*------- MINI -------*/
#carousel #carousel-mini {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  width: 325px;
  height: 298px;
  overflow: hidden;
  background: url(images/carousel-mini-bg.png) repeat-y right top;
}
#carousel #carousel-mini #carousel-active {
  position: absolute;
  z-index: 30;
  top: 0;
  right: 0;
  width: 325px;
  height: 74px;
  overflow: hidden;
  background: url(images/carousel-mini-active2.png) no-repeat left top;
}
#carousel #carousel-mini ul {
  position: relative;
  z-index: 40;
  margin-left: 15px;
  width: 310px;
  height: 298px;
}
#carousel #carousel-mini ul li {
  width: 310px;
  height: 74px;
  border-bottom: 1px solid #bebebe;
}
#carousel #carousel-mini ul li a {
  display: block;
  color: #666666;
  height: 65px;
  width: 280px;
  padding: 4px 10px 4px 20px;
  overflow: hidden;
  text-decoration: none;
}
#carousel #carousel-mini ul li a img {
  float: left;
}
#carousel #carousel-mini ul li a span {
  display: block;
  margin-left: 60px;
  color: #353535;
  font-size: 12px;
}
#carousel #carousel-mini ul li a span.title {
  text-transform: uppercase;
  font-weight: bold;
  font-weight: 600;
  letter-spacing: 1px;
}
#carousel #carousel-mini ul li.active a span {
  color: #fff;
}
/*------------------------------------------------------------ CONTENT FOOTER ----------------------------------------------*/
#block-wmcustom-wmcustom-tagcloud a.tagadelic {
  color: #69696a;
  font-family: "Times New Roman", Times, serif;
}
#block-wmcustom-wmcustom-tagcloud a.tagadelic:hover {
  color: #69696a;
  text-decoration: none;
}
#block-wmcustom-wmcustom-tagcloud .more-link {
  text-align: left;
}
/*------------------------------------------------------------ CONTENT ----------------------------------------------*/
/*--------------------- alle CSS voor alles in je content-gedeelte. Organiseer per content-type (nieuws overzicht - nieuws detail - contact) of per paginanaam (contact - wie zijn we) ---*/
#main #content {
  margin-bottom: 35px;
}
.label-inline {
  display: inline;
}
.field-collection-view {
  padding: 0;
  margin: 0;
  border: none;
}
/*---------- GENERIC: PAGER ------------*/
#content ul.pager {
  text-align: center;
  margin-top: 20px;
  text-transform: uppercase;
}
#content ul.pager li {
  display: inline;
  padding: 0;
}
#content ul.pager li a {
  display: inline;
  background: #F2F2F2;
  padding: 2px 5px;
  line-height: 26px;
  text-align: center;
  margin: 0 1px;
  color: #222;
}
#content ul.pager li a:hover,
#content ul.pager li a:focus {
  text-decoration: none;
  color: #00A0DC;
}
#content ul.pager li.pager-current {
  display: inline;
  background: #00A0DC;
  color: #FFFFFF;
  padding: 2px 5px;
  line-height: 26px;
  min-width: 16px;
  text-align: center;
  margin: 0 1px;
}
#content ul.pager li.pager-next,
#content ul.pager li.pager-last,
#content ul.pager li.pager-previous,
#content ul.pager li.pager-first {
  font-size: 11px;
  padding: 0 2px;
}
/*--------------- PAGES ------------------------------------------------*/
.node-type-page .field-name-field-page-image {
  margin-bottom: 10px;
  margin-top: -18px;
}
.node-type-page .group-footer .label-above {
  text-transform: uppercase;
  color: #666;
  font-size: 12px;
  margin-bottom: 10px;
}
.node-type-page .group-footer span.file {
  display: block;
  width: 100%;
  padding: 5px 0;
}
.field-name-field-page-intro-titles {
  margin: 20px 0 10px 0;
  background: #F2F2F2;
  padding: 4px 12px;
}
.page-addthis {
  padding: 10px 0 20px 0;
}
.node-type-page .field-collection-view {
  border-bottom: 1px dotted #CCC;
  padding: 0px 0;
  margin: 0 0 20px 0;
}
.node-type-page .field-collection-view .field-item {
  margin: 0;
  padding: 0;
}
.node-type-page .field-name-field-page-content-subtitel {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}
.node-type-page .field-collection-view .group-page-content-img-cont{
  float: right;
  margin: 0 0 5px 20px;
}
.node-type-page .field-collection-view .field-name-field-page-content-image {
  padding: 5px;
  border: 1px dotted #ccc;
}
/* ------- DS view modes ------- */
/* Book Display (vm-full) */
.node-book-display.view-mode-full .inner-wrap > .group-sidebar-left > .group-middle {
  margin-left: 290px;
}
.node-book-display.view-mode-full .inner-wrap > .group-left {
  width: 257px;
}
.node-book-display .group-header .title span:after {
  content: ', ';
}
.node-book-display .group-header .title span:last-child:after {
  content: '';
}
/* Author (vm-bookdetail) */
.node-author.view-mode-bookdetail_author .inner-wrap > .group-sidebar-left > .group-middle {
  margin-left: 120px;
}
.node-author .field-name-wmcustom-author-bio {
  margin-bottom: 20px;
}
.node-author.view-mode-bookdetail_author {
  margin-bottom: 15px;
}
/*.node-author.view-mode-bookdetail_author > .group-header {
  margin: 10px 0 25px 0;
  border-bottom: 1px solid #bcbcbc;
  padding-bottom: 10px;
  position: relative;
}*/
.node-author.view-mode-bookdetail_author .inner-wrap > .group-left {
  width: 150px;
  padding-top: 4px;
}
/* Author (vm-bookdetail) */
.node-book-display.view-mode-full .view-mode-auhor_name .inner-wrap > .group-no-sidebars > .group-middle {
  margin-left: 0;
}
/* Author (vm-full node) */
.node-author.view-mode-full {
  background: url(images/category-on-top-shadow.png) no-repeat right bottom;
  padding-bottom: 25px;
}
.node-author.view-mode-full .inner-wrap {
  background-color: #f2f2f2;
}
.node-author.view-mode-full .group-middle {
  padding: 0px 60px 20px 15px;
}
.node-author.view-mode-full .group-right {
  width: 220px;
  padding: 0 0 20px 0;
}
.node-author.view-mode-full .group-footer {
  padding: 20px;
}
/* Book-display */
.node-book-display.view-mode-full .view-mode-bookdetail_jcarroussel .inner-wrap > .group-no-sidebars > .group-middle {
  margin-left: 0;
}
/* view-mode category on top */
.page-taxonomy-term #content .view-book-on-top-of-category {
  background: url(images/category-on-top-shadow.png) no-repeat right bottom;
  padding-bottom: 25px;
}
.page-taxonomy-term #content .view-book-on-top-of-category .view-content {
  background-color: #f2f2f2;
  padding: 20px 15px;
}
.node-book-display.view-mode-book_category_ontop .inner-wrap > .group-sidebar-right > .group-middle {
  margin-right: 225px;
}
.node-book-display.view-mode-book_category_ontop .inner-wrap > .group-right {
  width: 195px;
  padding: 5px;
  margin-left: 20px;
  background-color: #fff;
}
.node-book-display.view-mode-book_category_ontop .book-subtitle {
  color: #000;
  font-style: italic;
  font-family: "Times New Roman", Times, serif;
  margin-bottom: 15px;
}
.node-book-display.view-mode-book_category_ontop .book-description {
  color: #000;
  font-style: normal;
  text-indent: 12px;
  background: url(images/paragraph-icon.png) no-repeat 0px 5px;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 25px;
}
.node-book-display.view-mode-book_category_ontop .group-links-wrap .book-link {
  float: left;
  margin-right: 5px;
}
.node-book-display.view-mode-book_category_ontop .group-links-wrap .book-link a {
  border: solid 1px #a2a2a2;
  height: 32px;
  width: 32px;
  display: block;
  overflow: hidden;
  text-indent: -999px;
  background-image: url(images/highlight-links.png);
  background-repeat: no-repeat;
  opacity: 0.5;
  filter: alpha(opacity=50);
  /* For IE8 and earlier */

}
.node-book-display.view-mode-book_category_ontop .group-links-wrap .book-link .label-above {
  display: none;
}
.node-book-display.view-mode-book_category_ontop .group-links-wrap .book-readmore a,
.node-book-display.view-mode-book_category_ontop .group-links-wrap .link-ebook a {
  background-position: left top;
}
.node-book-display.view-mode-book_category_ontop .group-links-wrap .link-ibookstore a {
  background-position: right top;
}
.node-book-display.view-mode-book_category_ontop .group-links-wrap .book-link a:hover,
.node-book-display.view-mode-book_category_ontop .group-links-wrap .book-link a:focus {
  border: solid 1px #b8b8b8;
  opacity: 1;
  filter: alpha(opacity=100);
  /* For IE8 and earlier */

}
.page-taxonomy-term #block-wmcustom-wmcustom-allbooks .content,
.page-docenten #content .docenten_morelink,
.node-book-display .docenten_morelink {
  margin-top: 20px;
  background: #F2F2F2;
  padding: 6px 8px 6px 12px;
}
.page-taxonomy-term #block-wmcustom-wmcustom-allbooks .content a,
.page-docenten #content .docenten_morelink a,
.node-book-display .docenten_morelink a {
  background: url(images/arrow.png) no-repeat right center;
  font-size: 14px;
  color: black;
  padding: 0 30px 0 0;
  line-height: 22px;
  text-transform: uppercase;
  display: block;
  text-align: right;
  font-weight: bold;
}
.page-taxonomy-term #block-wmcustom-wmcustom-allbooks .content a span,
.page-docenten #content .docenten_morelink a span,
.node-book-display .docenten_morelink a span {
  color: #00A0DC;
}
.page-taxonomy-term #block-wmcustom-wmcustom-allbooks .content a:hover,
.page-docenten #content .docenten_morelink a:hover,
.node-book-display .docenten_morelink a:hover {
  color: #00A0DC;
}
.page-taxonomy-term #block-wmcustom-wmcustom-allbooks .content a:hover span,
.page-docenten #content .docenten_morelink a:hover span,
.node-book-display .docenten_morelink a:hover span {
  color: #00A0DC;
}
/*--------------- CATEGORY PAGE & BOOKS UNDER A PAGE OR AUTHOR CONTENT TYPE ------------------------------------------------*/
.view-category-all-books .views-row,
.node-type- page .content .view-mode-full .field-name-field-page-titles .view-mode-in_de_kijker,
.node-type-author .node-book-display,
.view-carroussel-books-same-author .views-row,
.view-nur-paginas .views-row,
ul.book_title_list li {
  display: inline-block;
  vertical-align: top;
  width: 120px;
  min-height: 160px;
  font-size: 12px;
  margin: 7px 25px;
}
.view-category-all-books .views-row .teaser-book-title,
.node-type-author .node-book-display .teaser-book-title,
.node-type-page .content .view-mode-full .field-name-field-page-titles .view-mode-in_de_kijker .teaser-book-title,
.view-carroussel-books-same-author .views-row .teaser-book-title,
ul.book_title_list li .teaser-book-title {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}
.node-type-page .content .view-mode-full .field-name-field-page-titles .view-mode-in_de_kijker a,
.view-carroussel-books-same-author .views-row .teaser-book-title a,
ul.book_title_list li .teaser-book-title a {
  border: none;
}
.view-category-all-books .views-row .teaser-book-title a,
.node-type-author .node-book-display .teaser-book-title a,
.node-type-page .content .view-mode-full .field-name-field-page-titles .view-mode-in_de_kijker .teaser-book-title a,
.view-carroussel-books-same-author .views-row .teaser-book-title a,
ul.book_title_list .teaser-book-title a {
  color: black;
}
/*------------------------------------------------------------ CONTENT SPECIFIC --------------------------------------------*/
/*--------------- BOOK ------------------------------------------------*/
.node-book-display.view-mode-full .book-category h1 {
  background-color: #000;
  color: #fff;
  font-size: 24px;
  line-height: 30px;
  padding: 0px 12px;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.node-book-display.view-mode-full .book-category h1 a {
  color: #fff;
}
/*--- COVER ---*/
.node-book-display.view-mode-full .book-cover a {
  width: 245px;
  background-color: #fff;
  border: 1px solid #ccc;
  display: block;
  line-height: 100%;
}
.node-book-display.view-mode-full .book-cover a:hover {
  border: 1px solid #666666;
}
.node-book-display.view-mode-full .book-cover img {
  display: block;
  line-height: 100%;
}
/*--- TITLES above items on book detail ---*/
.node-book-display .field-name-field-attachment {
  margin: 35px 0 0 0;
  font-size: 90%;
}
.node-book-display .book-tags .label-above,
.node-book-display .field-name-field-attachment .label-above,
.node-book-display .book-details-wrap h3,
.book-description .label-above,
.view-mode-bookdetail_author .field-name-title,
.view-carroussel-books-same-author .other-books-title-wrap h3 {
  color: #010101;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}
/*--- ATTACHMENTS ---*/
.node-book-display .field-name-field-book-issuu {
  margin: 0;
  width: 247px;
  text-transform: uppercase;
}
.node-book-display .field-name-field-book-issuu a {
  display: block;
  background-image: url('images/boek-inkijken.png');
  background-position: 45px 5px;
  background-repeat: no-repeat;
  background-color: #A6A6A6;
  padding: 6px 0px 6px 75px;
  color: #FFF;
}
html:lang(fr) .node-book-display .field-name-field-book-issuu a {
  background-position: 25px 5px;
  padding: 6px 0px 6px 50px;
}
.node-book-display .field-name-field-book-issuu a:hover {
  background-color: #666;
  color: #fff;
}
.node-book-display .field-name-field-attachment .file {
  display: block;
}
/*--- TAGS ---*/
.node-book-display .book-tags {
  margin: 35px 0 0 0;
  font-size: 14px;
  line-height: 20px;
}
.node-book-display .book-tags .book-tag-item a {
  color: black;
  font-size: 12px;
}
.node-book-display .book-tags .book-tag-item a:hover {
  text-decoration: underline;
}
/*--- DETAILS ---*/
.node-book-display .book-details-wrap {
  margin: 20px 0 0 0;
  font-size: 90%;
}
.node-book-display .book-details-wrap a {
  color: #000;
}
.node-book-display .book-details-wrap a:hover {
  text-decoration: underline;
}
.node-book-display .book-details-wrap .commerce-product-sku-label {
  font-weight: normal;
}
.book-details-wrap .commerce-product-sku-label,
.book-details-wrap .book-detail .label {
  color: #a6a6a6;
  text-transform: uppercase;
}
.book-details-wrap .book-detail .nur-code,
.book-details-wrap .book-detail .nur-code * {
  display: inline;
  margin: 0;
}
.book-description {
  color: #737373;
}
/*--- TITLE SUBTITLE AUTHOR ---*/
.book-title {
  font-size: 21px;
  line-height: 26px;
}
.book-subtitle {
  color: #999;
  font-size: 16px;
  font-family: 'Quattrocento Sans', sans-serif;
  font-weight: 400;
}
.node-book-display .field-name-wmcustom-book-authorname {
  text-align: left;
  margin: 10px 0;
  font-family: 'Quattrocento Sans', sans-serif;
  font-size: 16px;
}
.node-book-display .field-name-wmcustom-book-authorname a {
  color: #333;
}
.node-book-display .field-name-wmcustom-book-authorname a:hover {
  text-decoration: underline;
}
/*--- ADDTHIS ---*/
.addthis_toolbox {
  margin-top: 10px;
}
.addthis_toolbox a > span {
  display: block;
  height: 24px;
  width: 24px;
  background: url(images/social-dark.png);
  background-repeat: no-repeat;
}
.addthis_toolbox a.addthis_button_facebook > span {
  background-position: left top;
}
.addthis_toolbox a.addthis_button_twitter > span {
  background-position: center top;
}
.addthis_toolbox a.addthis_button_email > span {
  background-position: right top;
}
/*--- PRICE ---*/
.node-type-book-display .book-price {
  float: left;
  margin-right: 20px;
}
.node-type-book-display #content .group-book-price-wrap {
  margin-top: 20px;
  overflow: hidden;
}
.node-type-book-display #content .group_book_price_wrap table,
.node-type-book-display #content .group_book_price_wrap tr,
.node-type-book-display #content .group_book_price_wrap td {
  border: none;
  margin: 0;
  padding: 0;
  background: transparent;
}
.node-type-book-display #content .group_book_price_wrap table {
  border: 1px solid #00a0dc;
}
.node-type-book-display #content .group_book_price_wrap table td.component-title {
  height: 34px;
  width: 34px;
  overflow: hidden;
  line-height: 34px;
  text-indent: -999px;
}
.node-type-book-display #content .group_book_price_wrap table td.component-title a {
  height: 34px;
  width: 34px;
  background: #00a0dc url('images/shoppingcart.png') no-repeat center center;
  display: block;
  overflow: hidden;
  line-height: 34px;
}
.node-type-book-display #content .group_book_price_wrap table td.component-total a {
  font-size: 17px;
  line-height: 34px;
  padding: 0 10px;
  color: #00a0dc;
  font-weight: bold;
  display: block;
}
.node-type-book-display #content .group_book_price_wrap table td.component-total a:hover {
  background-color: #00a0dc;
  color: #FFFFFF;
}
/*--- OOK VERKRIJGBAAR/DOWNLOADBAAR ---*/
.group_also_available {
  float: left;
  font-size: 13px;
  line-height: 140%;
}
.group_also_available a,
.field-name-wmcustom-book-handellink a {
  color: #999;
}
.group_also_available a:hover,
.field-name-wmcustom-book-handellink a:hover {
  text-decoration: underline;
}
/*--- HIGHLIGHTS ---*/
.field-name-wmcustom-highlights {
  margin-top: 30px;
}
.field-name-wmcustom-highlights .highlight {
  margin-bottom: 10px;
  color: #00A0DC;
  font-size: 16px;
}
/*--- DESCRIPTION ---*/
.node-type-book-display #content .book-description {
  margin-top: 30px;
}
/*--- AUTHORS ---*/
.book-authors {
  margin-top: 30px;
  color: #737373;
}
.book-authors .node-author .field-name-wmcustom-author-bio {
  margin-bottom: 20px;
}
.book-authors .other-books-title-wrap h3 {
  font-size: 14px;
}
.book-authors .label-above {
  color: #010101;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.view-mode-bookdetail_author .field-name-title * {
  display: inline;
}
.view-mode-bookdetail_author .field-name-title h3 {
  margin: 0;
  font-size: 14px;
}
.view-mode-bookdetail_author .field-name-title h3 a {
  color: #010101;
}
.view-mode-bookdetail_author .field-name-title h3 a:hover {
  text-decoration: underline;
}
.view-mode-bookdetail_author .group-no-sidebars .group-middle {
  margin: 0;
}
/*--- OTHER BOOKS ---*/
.view-carroussel-books-same-author .other-books-title-wrap {
  position: relative;
}
.jcarousel-skin-default .jcarousel-next,
.jcarousel-skin-default .jcarousel-prev {
  width: 25px;
  height: 25px;
  background-image: url(images/scroll-nav-btns.png);
  background-repeat: no-repeat;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-next,
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-prev {
  top: 70px;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-prev-horizontal {
  left: 0;
  background-position: left top;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-prev-horizontal:hover {
  background-position: left center;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-next-horizontal {
  right: 0;
  background-position: right top;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-next-horizontal:hover {
  background-position: right center;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-container-horizontal {
  margin: 0;
  padding: 0px 0 0px 0;
  left: -5px;
  height: auto;
}
.view-carroussel-books-same-author .jcarousel-skin-default ul,
.view-carroussel-books-same-author .jcarousel-skin-default ul li {
  list-style: none none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.view-carroussel-books-same-author .jcarousel-skin-default .jcarousel-item {
  height: auto;
  border: none;
  float: left;
}
view-carroussel-books-same-author .view-carroussel-books-same-author .other-books-title a {
  text-decoration: none;
  color: #434343;
}
.view-carroussel-books-same-author li:hover .other-books-title a {
  text-decoration: none;
  color: #00A0DC;
}
/*--- MEDIA ---*/
.book-media-wrap {
  padding-top: 45px;
  padding-bottom: 60px;
}
.book-media-wrap .field-name-field-book-mediatitel {
  background-color: #A6A6A6;
  color: #FFF;
  font-size: 14px;
  line-height: 22px;
  padding: 4px 12px;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-weight: bold;
}
.node-type-author .jcarousel-skin-default .jcarousel-next,
.node-type-author .jcarousel-skin-default .jcarousel-prev,
.book-media-wrap .jcarousel-skin-default .jcarousel-next,
.book-media-wrap .jcarousel-skin-default .jcarousel-prev {
  top: 65px;
}
.node-type-author .jcarousel-skin-default .jcarousel-prev-horizontal,
.book-media-wrap .jcarousel-skin-default .jcarousel-prev-horizontal {
  left: -5px;
  background-position: 0 0;
}
.node-type-author .jcarousel-skin-default .jcarousel-next-horizontal,
.book-media-wrap .jcarousel-skin-default .jcarousel-next-horizontal {
  right: -5px;
  background-position: -25px 0;
}
.node-type-author .jcarousel-skin-default .jcarousel-container-horizontal,
.book-media-wrap .jcarousel-skin-default .jcarousel-container-horizontal {
  margin: 0;
  padding: 0px 0 0px 0;
  left: 0;
  height: auto;
  width: 745px;
}
.node-type-author .jcarousel-skin-default .jcarousel-clip-horizontal,
.book-media-wrap .jcarousel-skin-default .jcarousel-clip-horizontal {
  width: 745px;
}
.node-type-author .jcarousel-skin-default ul,
.book-media-wrap .jcarousel-skin-default ul {
  list-style: none !important;
}
.node-type-author .jcarousel-skin-default .jcarousel-item,
.book-media-wrap .jcarousel-skin-default .jcarousel-item {
  margin: 0 20px 0 0;
  height: auto;
  border: none;
  float: left;
  list-style: none !important;
}
.node-type-author .jcarousel-skin-default .jcarousel-item a,
.book-media-wrap .jcarousel-skin-default .jcarousel-item a {
  position: relative;
  display: block;
  width: 230px;
  height: 150px;
}
.node-type-author .jcarousel-skin-default .jcarousel-item a .play,
.book-media-wrap .jcarousel-skin-default .jcarousel-item a .play {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: -40px 0 0 -40px;
  width: 80px;
  height: 80px;
  background: url(images/play-btn-bg.png) no-repeat;
  text-indent: -9999px;
  outline: none;
}
/*--------------- BANNERS IN CONTENT ------------------------------------------------*/
#content .node .field-name-field-col-banner-images {
  overflow: hidden;
}
#content .node .field-name-field-col-banner-images .entity-field-collection-item {
  float: left;
  margin-left: 10px;
}
#content .node .field-name-field-col-banner-images .entity-field-collection-item:first-child {
  margin-left: 0px;
}
#content .node .field-name-field-banner-image {
  background: url(images/cat_shaduw.jpg) no-repeat right bottom;
  padding-bottom: 25px;
  margin: 0px;
}
#content .node .items-2 .field-name-field-banner-image {
  padding-bottom: 23px;
  margin: 0 0 2px 0;
}
#content .node .items-3 .field-name-field-banner-image {
  padding-bottom: 20px;
  margin: 0 0 5px 0;
}
#content .node .field-name-field-banner-image a,
#content .node .field-name-field-banner-image img {
  display: block;
  line-height: 100%;
}
#content .node .field-name-field-banner-centerbody {
  margin: 0px;
  background: #F2F2F2;
  padding: 10px;
}
#content .node .items-1 .field-name-field-banner-centerbody {
  width: 490px;
}
#content .node .items-2 .field-name-field-banner-centerbody {
  width: 230px;
}
#content .node .items-3 .field-name-field-banner-centerbody {
  width: 143px;
}
#content .node .field-name-field-banner-centerbody p {
  margin: 0;
}
/*--- CATEGORY BANNERS ---*/
#block-views-banners-block-5 {
  margin-top: -18px;
}
/*--------------- SEARCH ------------------------------------------------*/
.page-search h1.title {
  margin-bottom: 0;
}
.page-search .view-search-api {
  margin-bottom: 35px;
  font-size: 12px;
}
.page-search .view-search-api .views-exposed-form {
  background: url(images/category-on-top-shadow.png) no-repeat right bottom;
  padding-bottom: 25px;
}
.page-search .view-search-api .views-exposed-form .views-exposed-widgets {
  background-color: #F2F2F2;
  margin-bottom: 0;
  padding: 20px 15px;
}
.page-search .view-search-api .views-exposed-widget {
  float: none;
  padding: 0;
}
.page-search .view-search-api .views-exposed-form .views-widget-sort-by,
.page-search .view-search-api .views-exposed-form .views-submit-button,
.page-search .view-search-api .views-exposed-form .form-item-query,
.page-search .view-search-api .views-exposed-form label,
.page-search .view-search-api .views-exposed-form .views-widget-sort-order {
  display: none;
}
.page-search .view-search-api .views-exposed-form #oneclickactions {
  overflow: hidden;
}
.page-search .view-search-api .views-exposed-form #oneclickactions a {
  color: #666666;
  display: inline-block;
  border: 1px solid #e0e0e0;
  padding: 2px 12px;
  float: none;
  margin-bottom: 5px;
}
.page-search .view-search-api .views-exposed-form #oneclickactions a:hover,
.page-search .view-search-api .views-exposed-form #oneclickactions a:focus {
  color: #222222;
}
.page-search .view-search-api .views-exposed-form #oneclickactions a.active {
  color: #000000;
  background: #fff;
}
.page-search .view-search-api .views-exposed-form #oneclickactions > div {
  float: left;
  margin: 0 20px 0 0;
}
/*------------------------------------------------------------ FRONTPAGE ----------------------------------------------*/
/*--------------------- alle CSS voor je frontpage. Organiseer per blok op je homepage (carousel - nieuws - over ons) ---*/
.front #content section {
  margin-bottom: 35px;
}
.page-taxonomy-term #content h2.title,
.front #content section h2.title,
.page-docenten #content h2.title {
  background: #a6a6a6;
  font-size: 14px;
  color: #FFF;
  padding: 4px 12px;
  line-height: 22px;
  text-transform: uppercase;
  width: 190px;
  font-weight: 600;
  letter-spacing: 1.5px;
}
/*--------------- IN DE KIJKER ------------------------------------------------*/
.page-search #content .view-search-api .view-content,
#content .teaser-swipe-wrap {
  margin: 0 12px;
  padding: 0 17px;
  border-left: 1px solid #e6e6e6;
  border-right: 1px solid #e6e6e6;
  font-size: 0;
  position: relative;
}
#content .teaser-swipe-wrap a.swipe-button {
  width: 25px;
  height: 25px;
  background-color: #FFF;
  background-image: url(images/scroll-nav-btns.png);
  background-repeat: no-repeat;
  border: 6px solid #FFFFFF;
  border-left: none;
  border-right: none;
  position: absolute;
  top: 50%;
  margin-top: -15px;
}
#content .teaser-swipe-wrap a.swipe-prev {
  background-position: left top;
  left: -13px;
}
#content .teaser-swipe-wrap a.swipe-prev:hover {
  background-position: left center;
}
#content .teaser-swipe-wrap a.swipe-next {
  background-position: right top;
  right: -13px;
}
#content .teaser-swipe-wrap a.swipe-next:hover {
  background-position: right center;
}
.page-taxonomy-term #content .teaser-swipe-wrap {
  padding: 0 19px 0 20px;
}
#content .teaser-swipe-container {
  width: 450px;
  overflow: hidden;
  position: relative;
}
#content .teasers-swipe-slide {
  width: 450px;
  float: left;
}
.page-taxonomy-term #content .teaser-swipe-container,
.page-taxonomy-term #content .teasers-swipe-slide {
  width: 680px;
  overflow: hidden;
}
.page-search #content .view-search-api .views-row,
#content .node-book-display.view-mode-in_de_kijker {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  vertical-align: top;
  margin: 7px 15px;
  width: 120px;
  min-height: 160px;
  font-size: 12px;
  overflow: hidden;
}
.page-taxonomy-term #content .node-book-display.view-mode-in_de_kijker {
  margin: 7px 25px;
}
.page-search #content .view-search-api .views-row {
  margin: 7px 16px 7px 17px;
}
.page-search #content .view-mode-search .search-teaser-title,
#content .node-book-display.view-mode-in_de_kijker .teaser-book-title {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 13px;
  font-size: 12px;
  margin-top: 5px;
  letter-spacing: 1px;
}
.page-search #content .view-mode-search .search-teaser-author {
  text-align: center;
  margin: 5px 0 0 0;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  line-height: 16px;
  font-size: 14px;
}
.page-search #content .view-mode-search .search-teaser-title a,
#content .node-book-display.view-mode-in_de_kijker .teaser-book-title a {
  color: #333;
}
.page-search #content .view-mode-search .search-teaser-title a:hover,
#content .node-book-display.view-mode-in_de_kijker .teaser-book-title a:hover {
  color: #000;
}
.page-search #content .view-mode-search .field-name-wmcustom-book-authorname,
#content .node-book-display.view-mode-in_de_kijker .field-name-wmcustom-book-authorname {
  text-align: center;
  margin: 5px 0 0 0;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  line-height: 16px;
  font-size: 14px;
}
.page-search #content .view-mode-search .field-name-wmcustom-book-authorname a,
#content .node-book-display.view-mode-in_de_kijker .field-name-wmcustom-book-authorname a {
  color: #333;
}
/*--------------- TOP 5 ------------------------------------------------*/
#block-wmcustom-wm-top-5 .content {
  padding: 0;
}
#block-wmcustom-wm-top-5 .view-mode-top5 {
  border-bottom: 1px solid #b3b3b3;
  padding: 10px;
}
#block-wmcustom-wm-top-5 .con .number {
  width: 26px;
  height: 40px;
  padding: 24px 6px 0 0;
  background: url(images/top5-number-bg.png) no-repeat left top;
  text-align: center;
  color: #fff;
  font-family: 'Cantarell', sans-serif;
  font-size: 15px;
  font-weight: 700;
  float: left;
  margin: 5px 10px 5px 0;
}
#block-wmcustom-wm-top-5 .commerce-product-title-label {
  display: none;
}
#block-wmcustom-wm-top-5 .teaser-top5-cover {
  text-align: center;
  margin-right: 32px;
  margin-bottom: 10px;
}
#block-wmcustom-wm-top-5 .commerce-product-title,
#block-wmcustom-wm-top-5 .field-name-title {
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 700;
  color: #000;
  margin-bottom: 5px;
  text-transform: uppercase;
}
#block-wmcustom-wm-top-5 .field-name-title a {
  font-family: 'Open Sans', sans-serif;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.9px;
  color: #000;
}
#block-wmcustom-wm-top-5 .teaser-top5-author {
  color: #000;
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  font-style: italic;
  line-height: 16px;
  margin: 5px 0 0;
  text-align: center;
}
/*------------------------------------------------------------ FOOTER ----------------------------------------------*/
#footer {
  background: #000000;
  color: #FFF;
  font-size: 14px;
  line-height: 19px;
}
#footer-inner {
  padding: 20px 0;
  overflow: hidden;
}
#footer .region {
  clear: both;
  overflow: hidden;
  margin-bottom: 30px;
}
#footer .block h2.title {
  font-size: 14px;
  color: #737373;
  margin: 0 0 15px 0;
  font-weight: 600;
  letter-spacing: 1.5px;
}
#footer a {
  color: #ffffff;
}
#footer a:hover,
#footer a:focus,
#footer a.active-trail {
  color: #00A0DC;
}
/*----- VOCABULARY ------*/
#footer .block-vocabulary {
  float: left;
  width: 420px;
}
#footer .block-vocabulary .content ul {
  overflow: hidden;
}
#footer .block-vocabulary .content ul li {
  float: left;
  width: 210px;
  margin-bottom: 10px;
}
#footer .block-vocabulary .content ul li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 1.25px;
}
/*----- MENU ------*/
#footer .block-mainmenu {
  float: left;
  width: 210px;
  margin-left: 140px;
}
#footer .block-mainmenu .content ul {
  overflow: hidden;
}
#footer .block-mainmenu .content ul li {
  margin-bottom: 10px;
}
#footer .block-mainmenu .content ul li a {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
#footer .block-mainmenu .content ul li a.active,
#footer .block-mainmenu .content ul li.active-trail a,
#footer .block-mainmenu .content ul li a:hover,
#footer .block-mainmenu .content ul li a:focus {
  color: #00a0dc;
}
/*----- CONTACT ------*/
#footer .block-contact {
  float: left;
  width: 200px;
}
#footer .block-contact .content h3 {
  background: url(images/footer-logo.png) no-repeat left top;
  width: 133px;
  height: 39px;
  overflow: hidden;
  text-indent: -999px;
}
.domain-be-lannoo-local #footer .block-contact .content h3,
.domain-nl-lannoo-local #footer .block-contact .content h3 {
  background-image: url(images/footer-logo-campus.png);
}
.domain-editions-lannoo-local #footer .block-contact .content h3 {
  background-image: url(images/footer-logo-racine.png);
}
.domain-www-terralannoo-nl #footer .block-contact .content h3 {
  background-image: url(images/footer-logo-terra.png);
}
/*----- SOCIAL ------*/
#footer .block-social {
  float: right;
  width: 200px;
}
#footer .block-social .content ul {
  overflow: hidden;
}
#footer .block-social .content ul li {
  float: left;
  margin-left: 5px;
}
#footer .block-social .content ul li a {
  display: block;
  background-image: url(images/social.png);
  background-repeat: no-repeat;
  height: 20px;
  width: 20px;
  overflow: hidden;
  text-indent: -999px;
  opacity: 0.3;
  filter: alpha(opacity=30);
  /* For IE8 and earlier */

}
#footer .block-social .content ul li.menu-facebook a {
  background-position: left top;
}
#footer .block-social .content ul li.menu-twitter a {
  background-position: right top;
}
#footer .block-social .content ul li a:hover,
.sidebar .block-social .content ul li a:focus {
  opacity: 0.6;
  filter: alpha(opacity=60);
  /* For IE8 and earlier */

}
/*----- SITES ------*/
#footer .block-sites {
  clear: both;
  float: left;
}
#footer .block-sites .content ul {
  overflow: hidden;
  font-size: 13px;
}
#footer .block-sites .content ul li {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: solid 1px #737373;
  line-height: 16px;
}
#footer .block-sites .content ul li.last {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

#footer .block-sites .content ul li a {
  color: #737373;
  text-decoration: none;
}
#footer .block-sites .content ul li a:hover,
#footer .block-sites .content ul li a:focus,
.domain-lannoo-local #footer .block-sites .content ul li.menu-lannoobe a,
.domain-be-lannoo-local #footer .block-sites .content ul li.menu-lannoocampusbe a {
  color: #FFF;
}

#footer #block-lannoo-global-made-by-wieni {
  margin-right: 0;
  padding-right: 0;
  float: right;
  border-right: none;
  font-size: 10px;
}

#footer #block-lannoo-global-made-by-wieni a {
  color: #737373;
}

#footer #block-lannoo-global-made-by-wieni a:hover {
  color: #fff;
}
/*----- NEWSLETTER BLOCK ------*/
#footer #block-wmcustom-wmcustom-newsletter {
  float: right;
  margin: 0 30px 30px 0;
}
#footer #block-wmcustom-wmcustom-newsletter .mpErrorSummary {
  position: absolute;
  left: -9999px;
}
#footer #block-wmcustom-wmcustom-newsletter .mpFormTable {
  position: relative;
}
#footer #block-wmcustom-wmcustom-newsletter .mpFormTable .mpErrorRow {
  position: absolute;
  bottom: -24px;
  background-color: #8b0101;
  color: #FFF;
  padding: 4px;
  line-height: 16px;
  white-space: nowrap;
  height: 16px;
  overflow: hidden;
}
#footer #block-wmcustom-wmcustom-newsletter .mpFormTable .mpErrorRow label {
  color: #FFF;
}
#footer #block-wmcustom-wmcustom-newsletter .content ul,
#footer #block-wmcustom-wmcustom-newsletter .content li {
  margin: 0px;
  padding: 0px;
  list-style: none none;
  float: left;
}
#footer #block-wmcustom-wmcustom-newsletter h2.title,
#footer #block-wmcustom-wmcustom-newsletter .content {
  float: left;
  line-height: 20px;
  margin: 0 0 0 10px;
}
#footer #block-wmcustom-wmcustom-newsletter h2.title {
  color: #FFFFFF;
}
#footer #block-wmcustom-wmcustom-newsletter .content .form-item {
  float: left;
  margin: 0;
}
#footer #block-wmcustom-wmcustom-newsletter .content .form-item * {
  float: left;
}
#footer #block-wmcustom-wmcustom-newsletter .content .form-text {
  margin: 0;
  padding: 2px 5px;
  border: none;
  color: #999;
}
#footer #block-wmcustom-wmcustom-newsletter .content .form-text-focus {
  color: #333;
}
#footer #block-wmcustom-wmcustom-newsletter .content .form-submit {
  width: 20px;
  height: 20px;
  background: transparent url(images/arrow.png) no-repeat right bottom;
  overflow: hidden;
  text-indent: -999px;
  border: none;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
/* SPECIFIC STYLES */
.quote {
  font-size: 16px;
  font-style: italic;
  line-height: 24px;
}
.blue {
  color: #00A0DC;
}

/** COOKIE CONTROL **/
div#ccc-icon button {
  background: url("images/cookie-control.png") repeat scroll 0 0 transparent !important;
}
.ccc-outer {
  border: 1px solid #333  !important;
  box-shadow: 0 0 5px rgba(0,0,0,0)  !important;
}
.ccc-inner h2, .ccc-expand {
  background-color: #333 !important;
}
.ccc-about a {
  color:#000 !important;
}
.ccc-inner h2,
.ccc-expand {
  background-color:#333;
}

/** lannoo_jeugdboeken **/
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-headerlink .content,
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-footerlink .content {
  margin-top: 20px;
  background: #FFE000;
  padding: 6px 8px 6px 12px;
}
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-headerlink .content {
  margin-bottom: 20px;
}
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-headerlink .content a,
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-footerlink .content a {
  background: url(images/arrow.png) no-repeat right center;
  font-size: 16px;
  color:#888;
  padding: 0 30px 0 0;
  line-height: 22px;
  text-transform: uppercase;
  display: block;
  text-align: right;
  font-weight: bold;
}
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-headerlink .content a span,
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-footerlink .content a span {
  color: #7C197F;
}
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-headerlink .content a:hover,
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-footerlink .content a:hover {
  color: #7C197F;
}
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-headerlink .content a:hover span,
#block-lannoo-jeugdboeken-lannoo-jeugdboeken-footerlink .content a:hover span {
  color: #7C197F;
}

/* ALL STUF FOR DOCENTENMODULE */
.page-docenten #content h2.title {
  width:250px;
}
.page-docenten #content .docenten_morelink {
  margin-bottom: 20px;
  background: #f9f9f9;
}
.page-docenten #content .docenten_morelink a {
  font-size: 12px;
}
.node-book-display .docenten_morelink
.node-book-display .docenten_extra{
  width: 228px;
}
.node-book-display .docenten_morelink a {
  font-size: 11px;
  text-align: center
}
.node-book-display .docenten_extra {
  padding: 15px 0px;
}
.node-book-display .docenten_extra h3 {
  color: #010101;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
}
.node-book-display .docenten_extra .item-list ul,
.node-book-display .docenten_extra .item-list ul li {
  list-style: none;
}
.node-book-display .docenten_extra .item-list ul {
  margin-left:0;
}

.not-registered {
 font-weight: bold;
 font-size: 14px;
}

#block-lannoo-docenten-lannoo-docenten-login .fakebutton,
.form-actions a{
  border: 1px solid #D9D9D9;
  background: url('images/system/button-bg.png') repeat-x scroll left top transparent;
  padding: 6px 15px;
  text-shadow: 1px 1px 0px #FFF;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  font-size: 14px;
  border-radius: 4px;
  position: relative;
  vertical-align: middle;
  margin:10px 20px 0 20px;
  text-align: center;
}
#block-lannoo-docenten-lannoo-docenten-login .fakebutton a,
.form-actions a {
  color: #64605B;
}
#block-lannoo-docenten-lannoo-docenten-login .fakebutton a:hover,
.form-actions a:hover {
  color: #000;
}
.docenten_login_form {
  float:right;
  width:175px;
  background: none repeat scroll 0% 0% #F2F2F2;
  padding: 12px;
  margin: 10px 0 10px 10px;
}
#lannoo-docenten-score-form .group_docent_ob_scores .field-widget-options-select,
#lannoo-docenten-score-form .form-type-textarea .resizable-textarea,
#lannoo-docenten-score-form .field-widget-options-buttons .form-radios {
  margin-left:20px;
  overflow: hidden;
}
#lannoo-docenten-score-form .group_docent_ob_scores label {
  display:inline;
}
#lannoo-docenten-score-form .group_docent_ob_scores span.output {
  font-weight: 600;
}
#lannoo-docenten-score-form label,
#lannoo-docenten-score-form .group_docent_ob_scores .description {
  font-weight: 300;
  letter-spacing: 0.2px;
  padding:5px 0 10px;
  font-weight: 600;
  color:#000;
}
#lannoo-docenten-score-form .group_docent_ob_scores label,
#lannoo-docenten-score-form .field-widget-options-buttons .form-radios .form-item label {
  font-weight: normal;
}
#lannoo-docenten-score-form .form-type-textarea textarea {
  height:125px;
}
#lannoo-docenten-score-form .field-widget-options-buttons .form-radios {
  width:100px;
}
#lannoo-docenten-score-form .field-widget-options-buttons .form-radios .form-item {
  float:right;
}
#sliding-popup .popup-content #popup-buttons {
  padding-bottom: 5px;
}
#sliding-popup .popup-content #popup-text {
  padding-top:10px;
}
#sliding-popup .popup-content #popup-buttons button {
  border: 1px solid #D9D9D9;
  background: url('images/system/button-bg.png') repeat-x scroll left top transparent;
  padding: 6px 15px;
  color: #64605B;
  text-shadow: 1px 1px 0px #FFF;
  box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  font-size: 12px;
  border-radius: 4px;
  position: relative;
}

a.docent-register {
  text-decoration: underline;
}

.docenten_accountlist a {
  text-transform: uppercase;
  font-size: 13px;
  line-height: 26px;
  letter-spacing: 1.5px;
  font-weight: 600;
}
.mpForm .mpMultipleInput, .mpForm .mpMultipleInput + label
{
	display:inline-block;
	*display:inline;
	zoom:1;
}