@import url(http://fonts.googleapis.com/css?family=Open+Sans:600italic,600);
@import url(http://fonts.googleapis.com/css?family=Merriweather:400,700,700italic,400italic);
/**
 *
 * zunächst kein @import 'bootstrap' damit es nicht immer neu compiliert werden muss
 * final includen, damit nur noch eine CSS geladen wird. Aber bitte nicht vergessen das auch in der Config und der base.twig zu aendern
 *
 */
/* bootstrap */
/* no bootstrap */
/* fonts */
/* global */
.size_h1 {
  font-size: 30px;
}
.size_h2 {
  font-size: 20px;
}
.size_h3 {
  font-size: 16px;
}
.size_body {
  font-size: 15px;
}
.size_side {
  font-size: 18px;
}
/* GENERIC: */
/* 'from' & 'to' selectors generated by less mixin for animation keyframes: (ignore) */
.fadeStyleIn from {
  opacity: 0;
}
.fadeStyleIn to {
  opacity: 1;
}
.fadeStyleOut from {
  opacity: 1;
}
.fadeStyleOut to {
  opacity: 0;
}
/* FADE IN: */
@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-o-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-moz-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-o-keyframes fadeout {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*.font (@family, @size, @color) {
    font-family:
}*/
/* helper */
.bootstrap-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px \0;
  /*IE9 and below*/
}
.bootstrap-select > .btn {
  width: 100%;
  padding-right: 25px;
}
.error .bootstrap-select .btn {
  border: 1px solid #b94a48;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px;
}
.bootstrap-select .btn:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-search .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small,
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small,
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
  color: #64b1d8;
  color: rgba(100, 177, 216, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
  border-bottom-color: rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: #cccccc;
  border-top-color: rgba(204, 204, 204, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bs-searchbox,
.bs-actionsbox {
  padding: 4px 8px;
}
.bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
html {
  width: 990px;
  padding: 0 15px;
  margin: 0 auto;
}
body {
  width: 960px;
  margin: 0 auto 30px auto;
}
 > header,
 > footer,
section#main {
  width: 960px;
}
section.overflow970 {
  width: 975px;
  margin-left: -15px;
}
#main > .container {
  width: 960px;
}
#main > .container .row {
  margin-left: -11px;
  margin-right: -11px;
}
#main > .container .row .col-xs-1,
#main > .container .row .col-sm-1,
#main > .container .row .col-md-1,
#main > .container .row .col-lg-1,
#main > .container .row .col-xs-2,
#main > .container .row .col-sm-2,
#main > .container .row .col-md-2,
#main > .container .row .col-lg-2,
#main > .container .row .col-xs-3,
#main > .container .row .col-sm-3,
#main > .container .row .col-md-3,
#main > .container .row .col-lg-3,
#main > .container .row .col-xs-4,
#main > .container .row .col-sm-4,
#main > .container .row .col-md-4,
#main > .container .row .col-lg-4,
#main > .container .row .col-xs-5,
#main > .container .row .col-sm-5,
#main > .container .row .col-md-5,
#main > .container .row .col-lg-5,
#main > .container .row .col-xs-6,
#main > .container .row .col-sm-6,
#main > .container .row .col-md-6,
#main > .container .row .col-lg-6,
#main > .container .row .col-xs-7,
#main > .container .row .col-sm-7,
#main > .container .row .col-md-7,
#main > .container .row .col-lg-7,
#main > .container .row .col-xs-8,
#main > .container .row .col-sm-8,
#main > .container .row .col-md-8,
#main > .container .row .col-lg-8,
#main > .container .row .col-xs-9,
#main > .container .row .col-sm-9,
#main > .container .row .col-md-9,
#main > .container .row .col-lg-9,
#main > .container .row .col-xs-10,
#main > .container .row .col-sm-10,
#main > .container .row .col-md-10,
#main > .container .row .col-lg-10,
#main > .container .row .col-xs-11,
#main > .container .row .col-sm-11,
#main > .container .row .col-md-11,
#main > .container .row .col-lg-11,
#main > .container .row .col-xs-12,
#main > .container .row .col-sm-12,
#main > .container .row .col-md-12,
#main > .container .row .col-lg-12 {
  padding-left: 10px;
  padding-right: 10px;
}
.container .container {
  width: 100%;
  padding: 0;
}
/* breakers */
br.spacer,
div.spacer,
span.spacer,
hr.spacer {
  height: 30px;
}
/* text styles */
.fontBody {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
}
.merri {
  font-family: 'Merriweather', serif;
}
.openSans {
  font-family: 'Open Sans', sans-serif;
}
.fontH {
  font-family: 'Merriweather', serif;
}
.caps {
  text-transform: capitalize;
}
.uppers {
  text-transform: uppercase;
}
.norms {
  text-transform: none;
}
body,
p,
td,
th {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
}
p {
  padding: 0;
  margin: 22px 0;
  line-height: 26px;
}
#main li {
  line-height: 26px;
}
.mainCol h1,
.mainCol .h1 {
  font-family: 'Merriweather', serif;
  font-size: 30px;
}
.mainCol h2,
.mainCol .h2 {
  font-family: 'Merriweather', serif;
  font-size: 20px;
}
.mainCol h3,
.mainCol .h3 {
  font-family: 'Merriweather', serif;
  font-size: 16px;
}
#main > .breadcrumb + .container > h1 {
  font-family: 'Merriweather', serif;
  font-size: 30px;
}
.sidebar h1,
.sidebar .h1 {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
}
.sidebar h2,
.sidebar .h2 {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
}
.sidebar h3 {
  text-transform: uppercase;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
h1,
h2,
h3,
.h1,
.h2,
.h3 {
  line-height: 26px;
  font-weight: normal;
  padding: 0;
  margin: 30px 0;
  line-height: inherit;
}
.grau,
h1.grau,
h2.grau,
h3.grau {
  color: #999999 !important;
}
.sidebar h1,
.sidebar h2,
.sidebar h3 {
  font-size: 18px;
  letter-spacing: 100;
}
.stretchy {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
}
section > h2 {
  font-weight: bold;
}
p.cropped:after {
  content: "...  ";
}
.bold {
  font-weight: bold;
}
.unbold {
  font-weight: normal;
}
.block {
  display: block;
}
.inline {
  display: inline;
}
.inline-block,
.inlineBlock {
  display: inline-block;
}
.alignOldSkool {
  float: left;
  margin: 5px 20px 20px 0;
}
.img-responsive {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}
.captionStyle {
  font-size: 13px;
  margin-top: 10px;
  font-style: italic;
  color: #999999;
}
.imgContainer {
  margin: 22px 0;
}
.imgContainer figcaption {
  font-size: 13px;
  margin-top: 10px;
  font-style: italic;
  color: #999999;
}
.section1 .sectionColor,
.section1 .sectionColor > a,
.section1 .sectionColor > li > a {
  color: #ffd026 !important;
}
.section1 .sectionColor > a:hover,
.section1 .sectionColorMO > a:hover,
.section1 .sectionColor > li > a:hover,
.section1 .sectionColorMO > li > a:hover,
.section1 .sectionColorMO:hover {
  color: #ebc127 !important;
}
.section1 .sectionColor > li > a:before,
.section1 .sectionColor > a:before,
.section1 .sectionColor.more:before,
.section1 .sectionColor.preArr:before {
  color: #ffd026 !important;
}
.section1 .sectionColor > li > a:before:hover,
.section1 .sectionColor > a:before:hover,
.section1 .sectionColor.more:before:hover,
.section1 .sectionColor.preArr:before:hover {
  color: #ebc127 !important;
}
.section1 .list.sectionColor li a,
.section1 .sectionColor.more {
  border-color: #ffd026 !important;
}
.section1 .list.sectionColor li a:hover,
.section1 .sectionColor.more:hover {
  border-color: #ebc127 !important;
}
.section1 #main p a {
  color: #ffd026;
  border-bottom: 1px solid #ffd026;
}
.section1 #main p a:hover,
.section1 #main p a:visited {
  text-decoration: none;
  color: #ebc127;
  border-bottom: 1px solid #ebc127;
}
.section1 #main .sidebar button,
.section1 #main .sidebar .button,
.section1 #main a.button.sectionColor {
  background: #ffd026;
}
.section1 #main .sidebar button:hover,
.section1 #main .sidebar .button:hover,
.section1 #main a.button.button:hover {
  background: #ebc127;
}
.section1 input[type="submit"].sectionColor {
  background: #ffd026;
  color: #ffffff !important;
}
.section1 input[type="submit"].sectionColor:hover {
  background: #ebc127;
}
.section1 .filterForm legend,
.section1 #commentSubmit legend {
  color: #ffd026;
}
.section1 .accordion .trigger:after,
.section1 .accordion .trigger:before {
  color: #ffd026;
}
.section1 .sidebar h1,
.section1 .sidebar h2,
.section1 .sidebar h3,
.section1 .sidebar address:before {
  color: #ffd026;
}
.section1 ul.pagination.sectionColor {
  color: #999999 !important;
}
.section1 ul.pagination.sectionColor > li > a {
  color: #999999 !important;
}
.section1 ul.pagination.sectionColor > li.active > a {
  color: #ffd026 !important;
}
.section1 ul.pagination.sectionColor > li.active > a:hover {
  color: #ebc127 !important;
}
.section1 .sectionColorBorderBottom {
  border-bottom: 2px solid #ffd026 !important;
}
.section2 .sectionColor,
.section2 .sectionColor > a,
.section2 .sectionColor > li > a {
  color: #f0812b !important;
}
.section2 .sectionColor > a:hover,
.section2 .sectionColorMO > a:hover,
.section2 .sectionColor > li > a:hover,
.section2 .sectionColorMO > li > a:hover,
.section2 .sectionColorMO:hover {
  color: #d07121 !important;
}
.section2 .sectionColor > li > a:before,
.section2 .sectionColor > a:before,
.section2 .sectionColor.more:before,
.section2 .sectionColor.preArr:before {
  color: #f0812b !important;
}
.section2 .sectionColor > li > a:before:hover,
.section2 .sectionColor > a:before:hover,
.section2 .sectionColor.more:before:hover,
.section2 .sectionColor.preArr:before:hover {
  color: #d07121 !important;
}
.section2 .list.sectionColor li a,
.section2 .sectionColor.more {
  border-color: #f0812b !important;
}
.section2 .list.sectionColor li a:hover,
.section2 .sectionColor.more:hover {
  border-color: #d07121 !important;
}
.section2 #main p a {
  color: #f0812b;
  border-bottom: 1px solid #f0812b;
}
.section2 #main p a:hover,
.section2 #main p a:visited {
  text-decoration: none;
  color: #d07121;
  border-bottom: 1px solid #d07121;
}
.section2 #main .sidebar button,
.section2 #main .sidebar .button,
.section2 #main a.button.sectionColor {
  background: #f0812b;
}
.section2 #main .sidebar button:hover,
.section2 #main .sidebar .button:hover,
.section2 #main a.button.button:hover {
  background: #d07121;
}
.section2 input[type="submit"].sectionColor {
  background: #f0812b;
  color: #ffffff !important;
}
.section2 input[type="submit"].sectionColor:hover {
  background: #d07121;
}
.section2 .filterForm legend,
.section2 #commentSubmit legend {
  color: #f0812b;
}
.section2 .accordion .trigger:after,
.section2 .accordion .trigger:before {
  color: #f0812b;
}
.section2 .sidebar h1,
.section2 .sidebar h2,
.section2 .sidebar h3,
.section2 .sidebar address:before {
  color: #f0812b;
}
.section2 ul.pagination.sectionColor {
  color: #999999 !important;
}
.section2 ul.pagination.sectionColor > li > a {
  color: #999999 !important;
}
.section2 ul.pagination.sectionColor > li.active > a {
  color: #f0812b !important;
}
.section2 ul.pagination.sectionColor > li.active > a:hover {
  color: #d07121 !important;
}
.section2 .sectionColorBorderBottom {
  border-bottom: 2px solid #f0812b !important;
}
.section3 .sectionColor,
.section3 .sectionColor > a,
.section3 .sectionColor > li > a {
  color: #bdd24c !important;
}
.section3 .sectionColor > a:hover,
.section3 .sectionColorMO > a:hover,
.section3 .sectionColor > li > a:hover,
.section3 .sectionColorMO > li > a:hover,
.section3 .sectionColorMO:hover {
  color: #a7ba45 !important;
}
.section3 .sectionColor > li > a:before,
.section3 .sectionColor > a:before,
.section3 .sectionColor.more:before,
.section3 .sectionColor.preArr:before {
  color: #bdd24c !important;
}
.section3 .sectionColor > li > a:before:hover,
.section3 .sectionColor > a:before:hover,
.section3 .sectionColor.more:before:hover,
.section3 .sectionColor.preArr:before:hover {
  color: #a7ba45 !important;
}
.section3 .list.sectionColor li a,
.section3 .sectionColor.more {
  border-color: #bdd24c !important;
}
.section3 .list.sectionColor li a:hover,
.section3 .sectionColor.more:hover {
  border-color: #a7ba45 !important;
}
.section3 #main p a {
  color: #bdd24c;
  border-bottom: 1px solid #bdd24c;
}
.section3 #main p a:hover,
.section3 #main p a:visited {
  text-decoration: none;
  color: #a7ba45;
  border-bottom: 1px solid #a7ba45;
}
.section3 #main .sidebar button,
.section3 #main .sidebar .button,
.section3 #main a.button.sectionColor {
  background: #bdd24c;
}
.section3 #main .sidebar button:hover,
.section3 #main .sidebar .button:hover,
.section3 #main a.button.button:hover {
  background: #a7ba45;
}
.section3 input[type="submit"].sectionColor {
  background: #bdd24c;
  color: #ffffff !important;
}
.section3 input[type="submit"].sectionColor:hover {
  background: #a7ba45;
}
.section3 .filterForm legend,
.section3 #commentSubmit legend {
  color: #bdd24c;
}
.section3 .accordion .trigger:after,
.section3 .accordion .trigger:before {
  color: #bdd24c;
}
.section3 .sidebar h1,
.section3 .sidebar h2,
.section3 .sidebar h3,
.section3 .sidebar address:before {
  color: #bdd24c;
}
.section3 ul.pagination.sectionColor {
  color: #999999 !important;
}
.section3 ul.pagination.sectionColor > li > a {
  color: #999999 !important;
}
.section3 ul.pagination.sectionColor > li.active > a {
  color: #bdd24c !important;
}
.section3 ul.pagination.sectionColor > li.active > a:hover {
  color: #a7ba45 !important;
}
.section3 .sectionColorBorderBottom {
  border-bottom: 2px solid #bdd24c !important;
}
.section4 .sectionColor,
.section4 .sectionColor > a,
.section4 .sectionColor > li > a {
  color: #e11948 !important;
}
.section4 .sectionColor > a:hover,
.section4 .sectionColorMO > a:hover,
.section4 .sectionColor > li > a:hover,
.section4 .sectionColorMO > li > a:hover,
.section4 .sectionColorMO:hover {
  color: #c71940 !important;
}
.section4 .sectionColor > li > a:before,
.section4 .sectionColor > a:before,
.section4 .sectionColor.more:before,
.section4 .sectionColor.preArr:before {
  color: #e11948 !important;
}
.section4 .sectionColor > li > a:before:hover,
.section4 .sectionColor > a:before:hover,
.section4 .sectionColor.more:before:hover,
.section4 .sectionColor.preArr:before:hover {
  color: #c71940 !important;
}
.section4 .list.sectionColor li a,
.section4 .sectionColor.more {
  border-color: #e11948 !important;
}
.section4 .list.sectionColor li a:hover,
.section4 .sectionColor.more:hover {
  border-color: #c71940 !important;
}
.section4 #main p a {
  color: #e11948;
  border-bottom: 1px solid #e11948;
}
.section4 #main p a:hover,
.section4 #main p a:visited {
  text-decoration: none;
  color: #c71940;
  border-bottom: 1px solid #c71940;
}
.section4 #main .sidebar button,
.section4 #main .sidebar .button,
.section4 #main a.button.sectionColor {
  background: #e11948;
}
.section4 #main .sidebar button:hover,
.section4 #main .sidebar .button:hover,
.section4 #main a.button.button:hover {
  background: #c71940;
}
.section4 input[type="submit"].sectionColor {
  background: #e11948;
  color: #ffffff !important;
}
.section4 input[type="submit"].sectionColor:hover {
  background: #c71940;
}
.section4 .filterForm legend,
.section4 #commentSubmit legend {
  color: #e11948;
}
.section4 .accordion .trigger:after,
.section4 .accordion .trigger:before {
  color: #e11948;
}
.section4 .sidebar h1,
.section4 .sidebar h2,
.section4 .sidebar h3,
.section4 .sidebar address:before {
  color: #e11948;
}
.section4 ul.pagination.sectionColor {
  color: #999999 !important;
}
.section4 ul.pagination.sectionColor > li > a {
  color: #999999 !important;
}
.section4 ul.pagination.sectionColor > li.active > a {
  color: #e11948 !important;
}
.section4 ul.pagination.sectionColor > li.active > a:hover {
  color: #c71940 !important;
}
.section4 .sectionColorBorderBottom {
  border-bottom: 2px solid #e11948 !important;
}
.section5 .sectionColor,
.section5 .sectionColor > a,
.section5 .sectionColor > li > a {
  color: #4e2a4f !important;
}
.section5 .sectionColor > a:hover,
.section5 .sectionColorMO > a:hover,
.section5 .sectionColor > li > a:hover,
.section5 .sectionColorMO > li > a:hover,
.section5 .sectionColorMO:hover {
  color: #422141 !important;
}
.section5 .sectionColor > li > a:before,
.section5 .sectionColor > a:before,
.section5 .sectionColor.more:before,
.section5 .sectionColor.preArr:before {
  color: #4e2a4f !important;
}
.section5 .sectionColor > li > a:before:hover,
.section5 .sectionColor > a:before:hover,
.section5 .sectionColor.more:before:hover,
.section5 .sectionColor.preArr:before:hover {
  color: #422141 !important;
}
.section5 .list.sectionColor li a,
.section5 .sectionColor.more {
  border-color: #4e2a4f !important;
}
.section5 .list.sectionColor li a:hover,
.section5 .sectionColor.more:hover {
  border-color: #422141 !important;
}
.section5 #main p a {
  color: #4e2a4f;
  border-bottom: 1px solid #4e2a4f;
}
.section5 #main p a:hover,
.section5 #main p a:visited {
  text-decoration: none;
  color: #422141;
  border-bottom: 1px solid #422141;
}
.section5 #main .sidebar button,
.section5 #main .sidebar .button,
.section5 #main a.button.sectionColor {
  background: #4e2a4f;
}
.section5 #main .sidebar button:hover,
.section5 #main .sidebar .button:hover,
.section5 #main a.button.button:hover {
  background: #422141;
}
.section5 input[type="submit"].sectionColor {
  background: #4e2a4f;
  color: #ffffff !important;
}
.section5 input[type="submit"].sectionColor:hover {
  background: #422141;
}
.section5 .filterForm legend,
.section5 #commentSubmit legend {
  color: #4e2a4f;
}
.section5 .accordion .trigger:after,
.section5 .accordion .trigger:before {
  color: #4e2a4f;
}
.section5 .sidebar h1,
.section5 .sidebar h2,
.section5 .sidebar h3,
.section5 .sidebar address:before {
  color: #4e2a4f;
}
.section5 ul.pagination.sectionColor {
  color: #999999 !important;
}
.section5 ul.pagination.sectionColor > li > a {
  color: #999999 !important;
}
.section5 ul.pagination.sectionColor > li.active > a {
  color: #4e2a4f !important;
}
.section5 ul.pagination.sectionColor > li.active > a:hover {
  color: #422141 !important;
}
.section5 .sectionColorBorderBottom {
  border-bottom: 2px solid #4e2a4f !important;
}
h1.section1,
h2.section1,
h3.section1,
p.section1 {
  color: #ffd026;
}
h1.section2,
h2.section2,
h3.section2,
p.section2 {
  color: #f0812b;
}
h1.section3,
h2.section3,
h3.section3,
p.section3 {
  color: #bdd24c;
}
h1.section4,
h2.section4,
h3.section4,
p.section4 {
  color: #e11948;
}
h1.section5,
h2.section5,
h3.section5,
p.section5 {
  color: #4e2a4f;
}
a {
  cursor: pointer;
  color: #999999;
  border-bottom: 1px #999999 solid;
}
a:hover {
  color: #3c3c3c;
  border-bottom: 1px #3c3c3c solid;
  text-decoration: none;
}
a:focus {
  color: #3c3c3c;
  text-decoration: none;
}
a:focus,
a:hover {
  outline: none !important;
}
/*
.preArr:before, a.preArr:before {
	content: "> ";
	color:@grau999;
	text-decoration:underline;
    -moz-text-decoration-color: #fff !important;
    text-decoration-color: #fff !important;
}

.more a, a.more {
	.uppers;
	color:@grau999;
	text-decoration:underline;
	.stretchy;
	//border-bottom:solid 1px @grauHell;
	
	&:hover {
		color:@grauDunkel;
	}
}
*/
/* 
CROSS BROWSER SUPPORT NEEDED:  (currently only FF)
- possible to set border as underline (not working with FF)
- use a bg img for hover background? 
- or border-img
*/
/*
.preArr:before, a.preArr:before, a.more:before {
	text-decoration:none;
	border-bottom:none !important;
}

.more a, a.more {
	text-decoration:none;
	
	&:hover {
		box-sizing: border-box;
		border-bottom:solid red 1px;
	}
}
*/
a.boxer {
  color: #777777;
  display: inline-block;
  height: 0;
  padding-bottom: 100%;
  background: #e9e9e7;
  border: #e9e9e7 solid 5px;
}
a.boxer:hover {
  border: #999999 solid 5px;
}
.section1 > a.boxer:hover {
  border: #ebc127 solid 5px;
}
.section2 > a.boxer:hover {
  border: #d07121 solid 5px;
}
.section3 > a.boxer:hover {
  border: #a7ba45 solid 5px;
}
.section4 > a.boxer:hover {
  border: #c71940 solid 5px;
}
.section5 > a.boxer:hover {
  border: #422141 solid 5px;
}
/* ***** buttons ***** */
a.button {
  font-family: 'Open Sans', sans-serif;
}
a.button.sectionColor,
a.button.sectionColor:hover {
  color: #fff !important;
  text-decoration: none;
}
/* *** Lists: report list *** */
header.list {
  font-family: 'Merriweather', serif;
  font-size: 20px;
  padding: 0;
}
.list {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  padding: 30px 0;
}
.list li {
  margin-bottom: 11px;
}
.list li a {
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  border-bottom: solid 1px #999999;
}
.list li a:before,
.list li a a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.list li a:before,
.list li a a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.list li a:hover {
  color: #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
}
.list li a:before,
.list li a a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.list li a:hover {
  color: #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
}
.list li a:before,
.list li a a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.accordion a:not(.more),
.news-related-wrap a:not(.more),
.accordion a.sectionColor,
.news-related-wrap a.sectionColor {
  color: #999999 !important;
  border-bottom: 1px #999999 solid !important;
}
.accordion a:not(.more):hover,
.news-related-wrap a:not(.more):hover,
.accordion a.sectionColor:hover,
.news-related-wrap a.sectionColor:hover,
.accordion a:not(.more):focus,
.news-related-wrap a:not(.more):focus,
.accordion a.sectionColor:focus,
.news-related-wrap a.sectionColor:focus {
  color: #3c3c3c !important;
  border-bottom: 1px #3c3c3c solid !important;
  text-decoration: none !important;
}
.accordion a.button,
.news-related-wrap a.button,
.accordion a.button:hover,
.news-related-wrap a.button:hover,
.accordion a.button:focus a.sectionColor.button,
.news-related-wrap a.button:focus a.sectionColor.button,
.accordion a.sectionColor.button:hover,
.news-related-wrap a.sectionColor.button:hover,
.accordion a.sectionColor.button:focus,
.news-related-wrap a.sectionColor.button:focus {
  border: none !important;
  color: #ffffff !important;
}
.accordion a.email:before,
.news-related-wrap a.email:before,
.accordion a.mail:before,
.news-related-wrap a.mail:before {
  border-bottom: 2px solid #e9e9e7 !important;
}
.preArr:before,
.preArr a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.more,
.more a,
a.more {
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  border-bottom: solid 1px #999999;
}
.more:hover,
.more a:hover,
a.more:hover {
  color: #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
}
.more:before,
.more a:before,
a.more:before,
.more a.preArr:before,
.more a a.preArr:before,
a.more a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.preArr:before,
.preArr a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.more,
.more a,
a.more {
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  border-bottom: solid 1px #999999;
}
.more:hover,
.more a:hover,
a.more:hover {
  color: #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
}
.more:before,
.more a:before,
a.more:before,
.more a.preArr:before,
.more a a.preArr:before,
a.more a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
a.external-link-new-window,
a.external-link,
#main a.external-link-new-window,
#main a.external-link,
#main p a.external-link-new-window,
#main p a.external-link {
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  border-bottom: solid 1px #999999;
  color: #999999 !important;
  border-bottom: solid 1px #999999 !important;
}
a.external-link-new-window:hover,
a.external-link:hover,
#main a.external-link-new-window:hover,
#main a.external-link:hover,
#main p a.external-link-new-window:hover,
#main p a.external-link:hover {
  color: #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
}
a.external-link-new-window:before,
a.external-link:before,
#main a.external-link-new-window:before,
#main a.external-link:before,
#main p a.external-link-new-window:before,
#main p a.external-link:before,
a.external-link-new-window a.preArr:before,
a.external-link a.preArr:before,
#main a.external-link-new-window a.preArr:before,
#main a.external-link a.preArr:before,
#main p a.external-link-new-window a.preArr:before,
#main p a.external-link a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
a.external-link-new-window:hover,
a.external-link:hover,
#main a.external-link-new-window:hover,
#main a.external-link:hover,
#main p a.external-link-new-window:hover,
#main p a.external-link:hover {
  color: #3c3c3c !important;
  border-bottom: solid 1px #3c3c3c !important;
}
.preSectionColor {
  text-transform: uppercase;
  color: #999999;
  text-decoration: none;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  border-bottom: solid 1px #999999;
}
.preSectionColor:hover {
  color: #3c3c3c;
  border-bottom: solid 1px #3c3c3c;
}
.preSectionColor:before,
.preSectionColor a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
.accordion a.more:before {
  border-bottom: #e9e9e7 solid 2px !important;
}
.section1 .mainCol a.more:before {
  color: #ffd026;
}
.section2 .mainCol a.more:before {
  color: #f0812b;
}
.section3 .mainCol a.more:before {
  color: #bdd24c;
}
.section4 .mainCol a.more:before {
  color: #e11948;
}
.section5 .mainCol a.more:before {
  color: #4e2a4f;
}
/* ***** pagination ***** */
nav.pagination {
  margin: 30px 0;
}
ul.pagination > li > a {
  color: #999999;
  border-color: #cccccc;
}
ul.pagination > li > a:hover,
ul.pagination > li > a:focus,
ul.pagination > li > a:active {
  border-color: #cccccc;
  color: #3c3c3c;
  background: #e9e9e7;
  border: solid 1px #cccccc;
}
ul.pagination > li:last-child > a,
ul.pagination > li:first-child > a,
ul.pagination .pagination > li:first-child > span {
  border-radius: 0;
}
ul.pagination .disabled {
  display: none;
}
ul.pagination .disabled:first-child,
ul.pagination :not(.disabled) + .disabled {
  display: inline;
  visibility: hidden;
}
ul.pagination .disabled:first-child a,
ul.pagination :not(.disabled) + .disabled a {
  padding: 0;
  font-size: 0;
}
ul.pagination .disabled:before {
  content: ". . .";
  display: inline;
  visibility: visible;
  float: left;
  margin: 4px 10px 0 10px;
}
ul.pagination .disabled.prev:before,
ul.pagination .disabled.next:before {
  display: none;
}
ul.pagination li.active a {
  border-color: #cccccc;
  background: #e9e9e7;
  color: inherit;
}
ul.pagination li.active a:hover {
  border-color: #cccccc !important;
}
ul.pagination > .active > a,
ul.pagination .pagination > .active > span,
ul.pagination .pagination > .active > a:hover,
ul.pagination .pagination > .active > span:hover,
ul.pagination .pagination > .active > a:focus,
ul.pagination .pagination > .active > span:focus {
  background-color: #e9e9e7 !important;
  color: inherit !important;
}
blockquote {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  border: none;
  background: #e9e9e7;
  padding: 11px 22px;
  /*
	&:before {
		content: open-quote;
	}
	&:after {
		content: close-quote;
	}



	cite:before {
		content: close-quote;
		clear:both;
	}

	cite {
		margin-top:20px;
	}
	*/
}
blockquote p {
  display: inline;
  margin: 0;
}
blockquote p:after {
  content: "";
  display: block;
  height: 22px;
}
blockquote p:last-child:after {
  display: none;
}
blockquote footer {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  color: #777777;
  margin-top: 22px;
}
blockquote footer:before {
  content: "";
}
/* */
.elinet {
  margin: 20px 0 0;
}
.elinet a {
  display: block;
  width: 209px;
  height: 121px;
  text-indent: -9999px;
  background: url('../img/elinet_logo.png') no-repeat;
  border: none;
}
nav {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
}
nav ul li {
  list-style: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
nav ul li li {
  text-transform: capitalize;
}
nav ul li ul {
  font-size: 14px;
}
nav a {
  color: #999999;
  text-decoration: none;
  border: none;
}
nav a:hover {
  color: #777777;
  border: none;
}
/* **** META LINKS  **** */
/*
nav#meta_links {	
	position:absolute;
	top:22px;
	margin-left:670px; //with Facebook
	// margin-left: 705px;  //without Facebook
	width:300px;
	
	ul, li {
		margin:0;
		padding:0;
	}
	
	li {
		float:left;
		text-transform: capitalize;
		font-size:12px;
		margin:0 13px 0;
	}
	
	li.facebook, li.twitter {
		margin:-5px 0 0 0;
		width:27px;
		overflow:hidden;
	}
	//li.twitter {
	li.twitter {
		// *** if with facebook //
		//margin-left:30px;
		//margin-right:10px;
		
		// *** without facebook //
		margin-left:66px;
		
	}
	
	li.facebook a, li.twitter a {
		display:block;
//		width:26px;
//		height:26px;
		width:27px;
		height:27px;
		text-indent:-9999px;
		//background-size: 26px;
	}
	li.facebook a {
		background: url('../img/sprites.png') no-repeat -0 -41px;
	}
	li.twitter a {
		background: url('../img/sprites.png') no-repeat -35px -41px;
	}
}
*/
nav#meta_links {
  position: absolute;
  top: 22px;
  float: right;
  width: 960px;
}
nav#meta_links ul {
  float: right;
}
nav#meta_links ul,
nav#meta_links li {
  margin: 0;
  padding: 0;
}
nav#meta_links li {
  float: left;
  text-transform: capitalize;
  font-size: 12px;
  margin: 0 13px 0;
}
nav#meta_links li.facebook,
nav#meta_links li.twitter,
nav#meta_links li.linkedin {
  margin: -5px 0 0 0;
  width: 27px;
  overflow: hidden;
}
nav#meta_links li.twitter {
  margin-left: 30px;
}
nav#meta_links li.facebook {
  margin-left: 5px;
}
nav#meta_links li.linkedin {
  margin-left: 5px;
}
nav#meta_links li.facebook a,
nav#meta_links li.twitter a,
nav#meta_links li.linkedin a {
  display: block;
  width: 27px;
  height: 27px;
  text-indent: -9999px;
}
nav#meta_links li.facebook a {
  background: url('../img/sprites.png') no-repeat 0 -41px;
}
nav#meta_links li.twitter a {
  background: url('../img/sprites.png') no-repeat -35px -41px;
}
nav#meta_links li.linkedin a {
  background: url('../img/sprites.png') no-repeat -123px -41px;
}
/* **** MAIN LINKS  **** */
nav#mainNav {
  position: relative;
  z-index: 100;
  /*
	> ul > li > ul {
		.whiteOpacity();
		border: @grauBord 1px solid;
		//border-top:none;

		text-align: justify;
		position:absolute;
		width:960px !important;
		min-height:209px; // ?!? JS check the no. of sub links needed (set class in UL, this sets height needed) ?
		left:0;
		top:62px;
		z-index:1000;
		padding:20px;

		text-align: justify;
		-ms-text-justify: distribute-all-lines;
		text-justify: distribute-all-lines;
		
		> li {
			vertical-align: top;
			display: inline-block;
			*display: inline;
			zoom: 1;
			position:relative;
			margin:0;
			padding:0;
			
			// only top sub level links
			> a {
				border-bottom:solid @grauBord 1px;
				padding: 0 0 15px;
				color:@grauDunkel;
			}
		}
		> li:last-child:after {
			content: '';
			width: 100%;
			display: inline-block;
			font-size: 0;
			line-height: 0;
		}
		
		> li ul {
			position:absolute;
			left:0;
			top:0 ; 
			top: 40px; //see FF fix (end)
			
			a {
				display:block;
				padding: 7px 0;
				white-space: pre;
			}
		}
		
	}
	*/
  /*
	> ul > li:hover > ul, > ul > li:focus > ul {
		display:inline-block;
		
		> li {
			display: inline;
		}
		
		> li >ul {
			display: inline-block;
		}
	}
	*/
}
nav#mainNav a {
  font-family: 'Merriweather', serif;
  font-family: 'Open Sans', sans-serif;
  color: #3c3c3c;
  font-size: 16px;
  text-decoration: none;
  margin: 0;
  padding: 0;
  display: inline-block;
}
nav#mainNav li:hover > a,
nav#mainNav a:hover {
  color: #000000 !important;
}
nav#mainNav ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
}
nav#mainNav li {
  list-style: none;
  margin: 0;
  display: block;
  font-size: 0;
}
nav#mainNav li a {
  font-size: 14px;
}
nav#mainNav > ul {
  text-align: right;
  border-bottom: 1px solid #cccccc;
}
nav#mainNav > ul > li {
  display: inline-block;
  font-size: 0;
}
nav#mainNav > ul > li > a {
  font-size: 16px;
  height: 62px;
  line-height: 62px;
  vertical-align: middle;
  padding: 0 17px;
  margin-left: 1px;
  text-transform: uppercase;
}
nav#mainNav > ul > li > a a {
  font-size: 14px;
}
nav#mainNav > ul > li:hover > a,
nav#mainNav > ul > li.active > a {
  color: #ffffff !important;
}
nav#mainNav ul li ul,
nav#mainNav ul li .subContainer {
  display: none;
}
nav#mainNav ul li ul > ul,
nav#mainNav ul li .subContainer > ul {
  display: none;
}
nav#mainNav ul li .subContainer {
  background: rgba(255, 255, 255, 0.95);
  border: #cccccc 1px solid;
  text-align: left;
  position: absolute;
  width: 960px !important;
  min-height: 209px;
  padding: 5px 0 5px 20px;
  left: 0;
  top: 62px;
  z-index: 1000;
}
nav#mainNav ul li .subContainer > ul {
  float: left;
  margin: 0 20px 0 0;
}
nav#mainNav ul li .subContainer > ul li {
  border-bottom: 1px solid #cccccc;
}
nav#mainNav ul li .subContainer > ul li a {
  color: #3c3c3c;
  display: block;
  padding: 15px 0;
  min-width: 148px;
}
nav#mainNav ul li .subContainer > ul li:last-child {
  border-bottom: none;
}
nav#mainNav ul li .subContainer ul.subUL > li > a {
  font-size: 16px;
  text-transform: uppercase;
}
nav#mainNav ul li .subContainer ul.subUL > li li a {
  font-size: 14px;
  padding-bottom: 15px;
  text-transform: none;
}
nav#mainNav ul li .subContainer ul.subUL ul {
  margin-top: -15px;
}
nav#mainNav ul li .subContainer ul.subUL ul li {
  font-size: 14px;
}
nav#mainNav ul li .subContainer ul.subTeaser {
  padding: 20px 0 0;
  margin-right: 0;
  float: right;
  /*
			li:first-child {
				margin-left:0;
			}
			*/
}
nav#mainNav ul li .subContainer ul.subTeaser li {
  text-align: left;
  display: block;
  float: left;
  border-bottom: none;
  margin-top: 25px;
  max-width: 150px;
  margin-right: 28px;
}
nav#mainNav ul li .subContainer ul.subTeaser li a {
  display: inline-block;
  padding-bottom: 0;
  padding-top: 90px;
  font-size: 16px;
  text-transform: uppercase;
  font-size: 14px;
}
nav#mainNav ul li .subContainer ul.subTeaser li a:after {
  content: "";
  display: block;
  height: 120px;
  margin-top: -120px;
  position: absolute;
  width: 120px;
  z-index: -1;
  border-bottom: none !important;
}
nav#mainNav ul li .subContainer ul.subTeaser li {
  background: url('../img/sprites.png') no-repeat -2px -146px;
  height: 74px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="news"] {
  background: url('../img/sprites.png') no-repeat -3px -226px;
  height: 74px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="events"] {
  background: url('../img/sprites.png') no-repeat -10px -69px;
  height: 76px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="partners"] {
  background: url('../img/sprites.png') no-repeat -4px -405px;
  height: 84px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="case"],
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="practice"] {
  background: url('../img/sprites.png') no-repeat -23px -499px;
  height: 78px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="case-submit"],
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="practice-submit"] {
  background: url('../img/sprites.png') no-repeat -23px -310px;
  height: 86px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="indicators"] {
  background: url('../img/sprites.png') no-repeat -4px -587px;
  height: 75px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="resources"] {
  background: url('../img/sprites.png') no-repeat -10px -676px;
  height: 72px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="resources"] {
  background: url('../img/sprites.png') no-repeat -10px -676px;
  height: 72px;
}
nav#mainNav ul li .subContainer ul.subTeaser li[data-bg="frameword"] {
  background: url('../img/sprites.png') no-repeat -4px -587px;
  height: 75px;
}
nav#mainNav ul li:hover > .subContainer {
  display: inline-block;
}
nav#mainNav ul li:hover > .subContainer ul {
  display: inline-block;
}
nav#mainNav > ul {
  /* OLD:
		> li:nth-child(1):hover, > li:nth-child(1).active {
			.navSection(@color1, @color1MO);
		}
		> li:nth-child(2):hover, > li:nth-child(2).active {
			.navSection(@color2, @color2MO);
		}
		> li:nth-child(3):hover, > li:nth-child(3).active {
			.navSection(@color3, @color3MO);
		}
		> li:nth-child(4):hover, > li:nth-child(4).active {
			.navSection(@color4, @color4MO);
		}
		> li:nth-child(5):hover, > li:nth-child(5).active {
			.navSection(@color5, @color5MO);
		}
		*/
}
nav#mainNav > ul > li:nth-child(1):hover > a,
nav#mainNav > ul > li:nth-child(1).active > a {
  background: #00b2ee;
}
nav#mainNav > ul > li:nth-child(1):hover .subContainer,
nav#mainNav > ul > li:nth-child(1).active .subContainer,
nav#mainNav > ul > li:nth-child(1):hover > ul,
nav#mainNav > ul > li:nth-child(1).active > ul {
  border-bottom: #00b2ee 5px solid;
}
nav#mainNav > ul > li:nth-child(2):hover > a,
nav#mainNav > ul > li:nth-child(2).active > a {
  background: #4cb7a5;
}
nav#mainNav > ul > li:nth-child(2):hover .subContainer,
nav#mainNav > ul > li:nth-child(2).active .subContainer,
nav#mainNav > ul > li:nth-child(2):hover > ul,
nav#mainNav > ul > li:nth-child(2).active > ul {
  border-bottom: #4cb7a5 5px solid;
}
nav#mainNav > ul > li:nth-child(3):hover > a,
nav#mainNav > ul > li:nth-child(3).active > a {
  background: #ffd026;
}
nav#mainNav > ul > li:nth-child(3):hover .subContainer,
nav#mainNav > ul > li:nth-child(3).active .subContainer,
nav#mainNav > ul > li:nth-child(3):hover > ul,
nav#mainNav > ul > li:nth-child(3).active > ul {
  border-bottom: #ffd026 5px solid;
}
nav#mainNav > ul > li:nth-child(4):hover > a,
nav#mainNav > ul > li:nth-child(4).active > a {
  background: #f0812b;
}
nav#mainNav > ul > li:nth-child(4):hover .subContainer,
nav#mainNav > ul > li:nth-child(4).active .subContainer,
nav#mainNav > ul > li:nth-child(4):hover > ul,
nav#mainNav > ul > li:nth-child(4).active > ul {
  border-bottom: #f0812b 5px solid;
}
nav#mainNav > ul > li:nth-child(5):hover > a,
nav#mainNav > ul > li:nth-child(5).active > a {
  background: #bdd24c;
}
nav#mainNav > ul > li:nth-child(5):hover .subContainer,
nav#mainNav > ul > li:nth-child(5).active .subContainer,
nav#mainNav > ul > li:nth-child(5):hover > ul,
nav#mainNav > ul > li:nth-child(5).active > ul {
  border-bottom: #bdd24c 5px solid;
}
nav#mainNav > ul > li:nth-child(6):hover > a,
nav#mainNav > ul > li:nth-child(6).active > a {
  background: #e11948;
}
nav#mainNav > ul > li:nth-child(6):hover .subContainer,
nav#mainNav > ul > li:nth-child(6).active .subContainer,
nav#mainNav > ul > li:nth-child(6):hover > ul,
nav#mainNav > ul > li:nth-child(6).active > ul {
  border-bottom: #e11948 5px solid;
}
nav#mainNav > ul > li:nth-child(7):hover > a,
nav#mainNav > ul > li:nth-child(7).active > a {
  background: #4e2a4f;
}
nav#mainNav > ul > li:nth-child(7):hover .subContainer,
nav#mainNav > ul > li:nth-child(7).active .subContainer,
nav#mainNav > ul > li:nth-child(7):hover > ul,
nav#mainNav > ul > li:nth-child(7).active > ul {
  border-bottom: #4e2a4f 5px solid;
}
html.desktop.no-websqldatabase nav#mainNav > ul > li > ul > li > ul {
  top: 30px;
}
body.home nav#mainNav > ul {
  border-bottom: 1px solid #ffffff;
}
body.home nav#mainNav > ul:hover {
  border-bottom: 1px solid #cccccc;
}
.klf-justified > li:nth-child(1) {
  position: relative;
  left: -7px;
}
.klf-justified > li + li {
  margin-left: 4px;
}
.klf-justified > li.eng .subContainer ul.subTeaser li,
.klf-justified > li:nth-child(3) .subContainer ul.subTeaser li {
  margin-right: 10px;
}
nav#mainNav > ul {
  margin: 15px 0 0 0;
}
html:not(.no-ligatures) nav#mainNav > ul > li:nth-child(1) {
  position: relative;
  left: -7px;
}
html:not(.no-ligatures) nav#mainNav > ul > li + li {
  margin-left: 4px;
}
html:not(.no-ligatures) nav#mainNav > ul > li.eng .subContainer ul.subTeaser li,
html:not(.no-ligatures) nav#mainNav > ul > li:nth-child(3) .subContainer ul.subTeaser li {
  margin-right: 10px;
}
#login {
  display: none;
  background: #ffffff;
  border: solid 1px #cccccc;
  position: absolute;
  z-index: 1040;
  width: 314px;
  padding: 20px 20px 10px;
  top: 25px;
  margin-left: -32px;
}
#login input {
  width: 273px;
  height: 40px;
  line-height: 40px;
  vertical-align: middle;
  padding: 0 5px;
  margin-bottom: 10px;
  border: 1px solid #cccccc;
  outline: medium none;
}
#login input[type="submit"] {
  width: 136px;
  float: right;
  border: none;
}
#login:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  position: absolute;
  top: -8px;
  left: 39px;
}
#login:after {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid white;
  position: absolute;
  top: -7px;
  left: 39px;
}
#login p.error {
  margin: 0 0 10px;
  padding: 0;
  color: #cd111d;
}
form#search {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #777777;
  position: absolute;
  margin: 0 0 0 335px;
  top: 55px;
  padding: 0;
  width: 625px;
}
form#search select {
  display: none;
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: -6000px;
}
form#search .dropdown-menu {
  padding: 0;
}
form#search label {
  display: none;
}
form#search input {
  float: left;
  background: none;
  border: none;
}
form#search input[type="text"] {
  text-transform: uppercase;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: right;
  width: 570px;
  outline: none;
}
form#search input::-webkit-input-placeholder,
form#search input::-moz-placeholder,
form#search input:-ms-input-placeholder,
form#search input:-moz-placeholder {
  /* Firefox 18- */
  text-align: right !important;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  text-align: right;
  width: 570px;
  outline: none;
}
form#search .submitLabel {
  cursor: pointer;
  display: block;
  width: 40px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 8px 0 0 10px;
}
form#search input[type="submit"] {
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: #eaeaea url('../img/sprites.png') no-repeat -167px 0;
  width: 15px;
  height: 14px;
}
form#search fieldset {
  width: 585px;
  height: 30px;
}
form#search fieldset:first-child,
form#search fieldset:last-child {
  background: #eaeaea;
}
form#search fieldset:last-child {
  float: right;
  width: 40px;
  position: absolute;
  top: 0;
  right: 0;
}
form#search .bootstrap-select,
form.filterMini .bootstrap-select {
  width: auto;
  float: left;
}
form#search .dropdown-menu,
form.filterMini .dropdown-menu {
  margin: -1px 0 0;
  border-radius: 0;
  border: solid 1px #cccccc;
}
form#search .dropdown-menu.inner,
form.filterMini .dropdown-menu.inner {
  border: none;
}
form#search .selectpicker,
form.filterMini .selectpicker {
  font-size: 12px;
}
form#search button.selectpicker,
form.filterMini button.selectpicker {
  color: #777777;
  border: none;
  background: none;
  box-shadow: none;
  outline: none !important;
  overflow: visible;
  display: inline-block;
  width: auto !important;
  z-index: 1036;
  padding-left: 0;
  margin-right: 5px;
  text-transform: capitalize;
}
form#search button.selectpicker:focus,
form.filterMini button.selectpicker:focus {
  outline: none;
}
form#search button.selectpicker::-moz-focus-inner,
form.filterMini button.selectpicker::-moz-focus-inner {
  border: 0;
}
form#search button.selectpicker .filter-option,
form.filterMini button.selectpicker .filter-option {
  max-width: 125px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
form#search .bootstrap-select .dropdown-menu.inner.selectpicker,
form.filterMini .bootstrap-select .dropdown-menu.inner.selectpicker {
  border-top: #cccccc solid 1px !important;
}
form#search .bootstrap-select.open button:after,
form.filterMini .bootstrap-select.open button:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #ffffff;
  position: absolute;
  top: 25px;
  left: 21px;
  z-index: 1036;
}
form#search .bootstrap-select.open button:before,
form.filterMini .bootstrap-select.open button:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #cccccc;
  position: absolute;
  top: 23px;
  left: 20px;
}
.breadcrumb {
  font-size: 12px;
  background: none;
}
.breadcrumb > li + li:before {
  color: #999999;
  content: "> ";
}
.breadcrumb a {
  text-decoration: none;
  border: none;
}
.sidebar {
  padding-top: 6px;
  text-align: center;
}
.sidebar article {
  text-align: left;
}
.sidebar article p,
.sidebar article a,
.sidebar article span {
  font-size: 13px;
}
.sidebar h1,
.sidebar h2 {
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
}
.sidebar article.teaser {
  text-align: left;
  padding-top: 20px;
}
.sidebar aside {
  border-top: solid 1px #cccccc;
}
.sidebar aside > h1 {
  margin-bottom: 0;
}
.sidebar aside article.teaser:first-of-type {
  border: none;
  margin-top: 0;
}
.sidebar aside .aside-content {
  text-align: left;
}
.sidebar > aside:first-child {
  border-top: none;
}
.sidebar .more a,
.sidebar a.more,
.sidebar .stretchy {
  letter-spacing: 1px;
}
.sidebar > aside,
.sidebar > address {
  margin-bottom: 80px;
}
body > footer {
  font-family: 'Merriweather', serif;
  color: #e9e9e7;
}
body > footer a.up2top {
  display: block;
  border-bottom: 5px #3c3c3c solid;
  width: 100px;
  height: 60px;
  margin-left: 860px;
  margin-top: 30px;
}
body > footer a.up2top span {
  visibility: hidden;
}
body > footer a.up2top:before {
  content: " ";
  margin: 0px 30px 0;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #3c3c3c;
}
body > footer a.up2top:after {
  margin: -39px 30px 0;
  content: " ";
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #ffffff;
}
body > footer .copyright {
  margin-top: 30px;
  text-align: right;
  font-size: 14px;
  color: #777777;
}
body > footer .copyright img {
  float: left;
  margin: 4px 4px 30px 0;
}
body > footer nav {
  color: #e9e9e7;
  padding: 60px 22px 50px;
  background: #e9e9e7;
}
body > footer nav ul,
body > footer nav li {
  list-style: none;
  margin: 0;
  padding: 0;
}
body > footer nav > ul > li {
  color: #3c3c3c;
  float: left;
  width: 135px;
  margin-right: 22px;
  text-transform: uppercase;
}
body > footer nav > ul > li > ul {
  float: none;
  width: auto;
  margin: 11px 0 0;
}
body > footer nav > ul > li > ul > li {
  text-transform: capitalize;
  margin-bottom: 7px;
}
body > footer nav > ul > li:first-child {
  width: 214px;
}
body > footer nav > ul > li:last-child {
  margin-right: 0;
}
/* stuff */
article,
aside {
  margin: 30px 0 0;
  padding: 0;
}
article div,
aside div {
  color: #3c3c3c;
}
article h1,
aside h1,
article h2,
aside h2,
article h3,
aside h3 {
  margin: 30px 0;
  padding: 0;
}
article h2.title,
aside h2.title {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  font-size: 30px;
}
article .h3,
aside .h3,
article h1.h3,
aside h1.h3 {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  letter-spacing: 2px;
  text-transform: uppercase;
}
article .country,
aside .country,
article h1.country,
aside h1.country,
article h2.country,
aside h2.country,
article h3.country,
aside h3.country,
article .date,
aside .date,
article h1.date,
aside h1.date,
article h2.date,
aside h2.date,
article h2.date,
aside h2.date,
article .h3section,
aside .h3section,
article h1.h3section,
aside h1.h3section,
article h2.h3section,
aside h2.h3section,
article h2.h3section,
aside h2.h3section {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  font-weight: normal;
  font-size: 16px;
  font-style: italic;
  color: #999999;
  text-transform: capitalize;
}
article .country,
aside .country,
article h1.country,
aside h1.country,
article h2.country,
aside h2.country,
article h3.country,
aside h3.country,
article .date,
aside .date,
article h1.date,
aside h1.date,
article h2.date,
aside h2.date,
article h2.date,
aside h2.date {
  margin: 0 0 15px;
}
article time,
aside time {
  display: block;
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  font-weight: normal;
  font-size: 16px;
  font-style: italic;
  color: #999999;
  text-transform: capitalize;
  margin: 0 0 15px;
}
article .col-xs-3 time,
aside .col-xs-3 time {
  margin: 0;
}
aside > header,
aside > section {
  margin: 0;
  padding: 0;
}
article.item {
  text-align: center;
}
article.item .country {
  margin: 30px 0;
}
/* *** TEASER *** */
article.teaser {
  border-top: 1px solid #cccccc;
  text-align: center;
}
.col-xs-4 article.teaser {
  text-align: left;
  margin: 30px 0 50px 0;
}
.col-xs-4 article.teaser h1 {
  text-align: center;
}
.col-xs-4 article.teaser h2 {
  line-height: 32px;
  font-size: 20px;
}
.col-xs-4 article.teaser .teaser-text,
.col-xs-4 article.teaser p {
  text-align: left;
}
:not(.col-xs-4) > article.teaser p {
  display: inline;
}
:not(.col-xs-4) > article.teaser footer {
  display: inline;
}
:not(.col-xs-4) > article.teaser footer a {
  display: inline-block;
}
:not(.col-xs-4) > article.teaser header {
  margin: 30px 0;
}
:not(.col-xs-4) > article.teaser header h1,
:not(.col-xs-4) > article.teaser header h2,
:not(.col-xs-4) > article.teaser header h3,
:not(.col-xs-4) > article.teaser header time {
  margin: 0;
}
.sidebar article.teaser header {
  margin: 0;
}
.col-xs-4 article.teaser footer {
  text-align: center;
}
aside.tweets {
  border-top: 1px solid #cccccc;
  color: #2daae1;
  text-align: center;
}
aside footer,
article footer {
  margin: 30px 0;
  display: block;
  text-align: left;
}
aside footer p .button,
article footer p .button {
  margin-top: 0;
}
/* **** search **** */
.results article {
  text-align: left;
  border-top: 1px solid #cccccc;
}
.results article h2 {
  margin-bottom: 11px;
}
.results article:first-child {
  border-top: none;
}
.results article:last-of-type {
  padding-bottom: 30px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
}
/* *** NEWS *** */
article.news {
  padding: 1px 20px 20px;
  margin: 0;
}
article.news:nth-child(odd) {
  background: #e9e9e7;
  border-bottom: 1px solid #cccccc;
}
article.news:nth-child(odd) .more:before,
article.news:nth-child(odd) a.more:before,
article.news:nth-child(odd) .preArr:before,
article.news:nth-child(odd) a.preArr:before {
  border-bottom-color: #e9e9e7 !important;
}
article.news:nth-child(odd) .more:before,
article.news:nth-child(odd) a.more:before,
article.news:nth-child(odd) .preArr:before,
article.news:nth-child(odd) a.preArr:before {
  -moz-text-decoration-color: #e9e9e7 !important;
  text-decoration-color: #e9e9e7 !important;
}
article.news h1 {
  margin: 30px 0 5px 0;
}
article.news h1 img {
  float: left;
  margin: 0 20px 20px 0;
}
article.news p {
  clear: both;
}
article.news footer {
  margin: 0;
}
.mainCol > article + article:not(.accordion) {
  margin-top: 60px;
}
address.person:first-of-type:before {
  content: "Contact Person";
  display: block;
  font-weight: bold;
  padding: 0;
  margin: 0 0 30px 0;
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  letter-spacing: 2px;
}
address.person {
  font-family: 'Open Sans', sans-serif;
}
address.person p,
address.person a,
address.person span {
  font-family: 'Merriweather', serif;
}
address {
  text-align: center;
  color: #999999;
  margin: 30px 0;
}
address img {
  margin-bottom: 10px;
}
address .name {
  font-weight: bold;
  color: #3c3c3c;
}
address a {
  font-style: italic;
}
address a:hover:before {
  color: #999999 !important;
}
.tel:before {
  display: inline-block;
  content: "Tel ";
  margin-right: 5px;
}
a.email,
a.mail {
  text-decoration: none;
}
a.email:hover,
a.mail:hover {
  text-decoration: none;
}
a.email:before,
a.mail:before {
  display: inline;
  content: "Mail ";
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
  text-decoration: none;
}
a.email:before:hover,
a.mail:before:hover {
  color: #3c3c3c !important;
  border-bottom: 1px #999999 solid;
  text-decoration: none;
}
.btn-group.open .dropdown-toggle {
  box-shadow: none;
}
.dropdown-menu a {
  border: none !important;
}
.filterForm {
  margin-top: 30px;
  font-family: 'Open Sans', sans-serif;
}
.filterForm select {
  display: none;
}
.filterForm legend {
  text-transform: uppercase;
  font-size: 18px;
  border: none;
}
.filterForm label {
  display: block;
  font-size: 12px;
  color: #999999;
  margin: 30px 0 11px 0;
}
.filterForm label:first-child {
  margin-top: 0;
}
.filterForm .bootstrap-select {
  width: 100%;
}
.filterForm button.selectpicker {
  background: #e9e9e7 !important;
}
.filterForm button {
  width: 100%;
  font-size: 12px;
  background: #e9e9e7;
  margin: 0;
  padding: 0 0 0 11px;
  border-radius: 0;
  border: none;
  text-transform: none;
}
.filterForm button span {
  font-size: 12px;
  color: #999999;
  line-height: 30px;
  vertical-align: middle;
}
.filterForm button .filter-option {
  max-width: 170px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.filterForm .dropdown-menu {
  font-size: 12px;
  border-radius: 0;
  margin: 0;
  background: #f2f2f2;
}
.filterForm .dropdown-menu a {
  color: #999999;
}
.filterForm .dropdown-menu a:hover {
  background: #f2f2f2;
  color: #3c3c3c;
}
.filterForm input[type="submit"] {
  margin-top: 30px;
  padding: 11px 22px;
}
form#filterSide {
  border-top: 1px solid #cccccc;
  padding-top: 30px;
  text-align: center;
}
form#filterSide fieldset {
  width: 220px;
  margin: 0 auto;
}
form#filterSide label {
  text-align: left;
}
form#filterSide button[type="submit"] {
  text-transform: uppercase;
  font-size: 16px;
  margin-top: 30px;
}
button,
input,
input[type="submit"] {
  outline: 0;
  outline: none;
}
a:active,
:active {
  outline: 0;
  outline: none;
}
a:focus,
:focus {
  -moz-outline-style: none;
}
input,
textarea {
  -webkit-appearance: none;
  border-radius: 0;
}
.mainCol form {
  font-family: 'Open Sans', sans-serif;
  margin: 30px 0;
}
.mainCol form input,
.mainCol form textarea {
  font-size: 14px;
}
.mainCol form textarea {
  width: 100%;
  border: 1px solid #cccccc;
  height: 165px;
  min-height: 50px;
  outline: medium none;
  padding: 5px 10px;
  resize: vertical;
  margin: 11px 0;
}
.mainCol form input[type="text"] {
  width: 100%;
  border: 1px solid #cccccc;
  outline: medium none;
  padding: 5px 10px;
}
.mainCol form input[type="submit"] {
  margin-top: 11px;
  padding: 11px 22px;
}
form.submit label {
  display: none;
}
form.submit input,
form.submit textarea,
form.submit .captcha img {
  margin: 11px 0 0 0;
}
form.submit .filters button .filter-option {
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
  font-size: 14px !important;
}
form.submit .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
  margin: 11px 11px 0 0;
  font-size: 14px;
}
form.submit input[type="submit"] {
  margin-top: 30px;
}
.captcha {
  margin-top: 11px;
}
a.reloadlink {
  display: inline-block;
  border: none;
  width: 24px;
  height: 24px;
}
a.reloadlink img {
  width: 24px;
  height: 24px;
}
.error {
  color: #cd111d;
}
.ackbar {
  display: none;
}
form.more-info label {
  font-size: 16px;
  display: inline !important;
  position: absolute;
  right: 18px;
  top: 18px;
  text-align: left;
  cursor: pointer;
}
form.more-info label.align-right,
form.more-info label .detail.align-right {
  text-align: right;
}
form.more-info label .glyphicon-info-sign:hover .detail {
  display: block;
}
form.more-info label .detail {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  display: none;
  font-size: 14px;
  cursor: default;
  background: #fff;
  -webkit-box-shadow: 1px 3px 5px 0px rgba(50, 50, 50, 0.41);
  -moz-box-shadow: 1px 3px 5px 0px rgba(50, 50, 50, 0.41);
  box-shadow: 1px 3px 5px 0px rgba(50, 50, 50, 0.41);
  padding: 10px;
  border: #cccccc solid 1px;
  position: absolute;
  right: 0;
  z-index: 2000;
  line-height: normal;
  width: 350px;
  margin: 10px -18px 0 0;
}
form.more-info label .detail:after {
  content: " ";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #ffffff;
  position: absolute;
  top: -8px;
  right: 15px;
  z-index: 1036;
}
form.more-info label .detail:before {
  content: " ";
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #cccccc;
  position: absolute;
  top: -10px;
  right: 15px;
}
form.more-info .filters label .glyphicon-info-sign {
  display: none;
  z-index: 2000;
  top: 0;
}
form.more-info .filters:hover label .glyphicon-info-sign {
  display: inline;
}
.mainCol form input[type="text"].parsley-error,
.mainCol form textarea.parsley-error {
  border: 1px solid #cd111d;
  outline: 1px solid #cd111d;
}
.mainCol form input[type="text"].parsley-error::-webkit-input-placeholder:after,
.mainCol form textarea.parsley-error::-webkit-input-placeholder:after {
  content: " - REQUIRED";
  font-style: italic;
  color: #cd111d;
  font-weight: bold;
}
.mainCol form input[type="text"].parsley-error:-moz-placeholder:after,
.mainCol form textarea.parsley-error:-moz-placeholder:after {
  content: " - REQUIRED";
  font-style: italic;
  color: #cd111d;
  font-weight: bold;
}
.mainCol form input[type="text"].parsley-error:-ms-placeholder:after,
.mainCol form textarea.parsley-error:-ms-placeholder:after {
  content: " - REQUIRED";
  font-style: italic;
  color: #cd111d;
  font-weight: bold;
}
.mainCol form input[type="text"].parsley-error::-ms-input-placeholder:after,
.mainCol form textarea.parsley-error::-ms-input-placeholder:after {
  content: " - REQUIRED";
  font-style: italic;
  color: #cd111d;
  font-weight: bold;
}
.mainCol form input[type="text"].parsley-error:-ms-input-placeholder:after,
.mainCol form textarea.parsley-error:-ms-input-placeholder:after {
  content: " - REQUIRED";
  font-style: italic;
  color: #cd111d;
  font-weight: bold;
}
.mainCol form .parsley-errors-list {
  display: none;
}
.mainCol form .parsley-errors-list {
  color: #ffffff;
  list-style: none;
}
.mainCol form .parsley-errors-list {
  display: none;
}
.mainCol form #parsley-id-multiple-countrySelect.parsley-errors-list,
.mainCol form #parsley-id-multiple-audienceSelect.parsley-errors-list,
.mainCol form #parsley-id-multiple-beneficiarySelect.parsley-errors-list,
.mainCol form #parsley-id-multiple-objectiveSelect.parsley-errors-list,
.mainCol form #parsley-id-multiple-activitySelect.parsley-errors-list,
.mainCol form #parsley-id-multiple-organisationSelect.parsley-errors-list,
.mainCol form [id^="parsley-id-multiple-"].parsley-errors-list,
.mainCol form .bootstrap-select + [id^="parsley-id-"].parsley-errors-list {
  display: block;
  margin: 0;
  padding: 0;
}
.mainCol form #parsley-id-multiple-countrySelect.parsley-errors-list .parsley-required,
.mainCol form #parsley-id-multiple-audienceSelect.parsley-errors-list .parsley-required,
.mainCol form #parsley-id-multiple-beneficiarySelect.parsley-errors-list .parsley-required,
.mainCol form #parsley-id-multiple-objectiveSelect.parsley-errors-list .parsley-required,
.mainCol form #parsley-id-multiple-activitySelect.parsley-errors-list .parsley-required,
.mainCol form #parsley-id-multiple-organisationSelect.parsley-errors-list .parsley-required,
.mainCol form [id^="parsley-id-multiple-"].parsley-errors-list .parsley-required,
.mainCol form .bootstrap-select + [id^="parsley-id-"].parsley-errors-list .parsley-required {
  background: #cd111d;
  display: inline-block;
  padding: 3px;
  font-size: 12px !important;
}
.mainCol form #parsley-id-multiple-countrySelect.parsley-errors-list .parsley-required:before,
.mainCol form #parsley-id-multiple-audienceSelect.parsley-errors-list .parsley-required:before,
.mainCol form #parsley-id-multiple-beneficiarySelect.parsley-errors-list .parsley-required:before,
.mainCol form #parsley-id-multiple-objectiveSelect.parsley-errors-list .parsley-required:before,
.mainCol form #parsley-id-multiple-activitySelect.parsley-errors-list .parsley-required:before,
.mainCol form #parsley-id-multiple-organisationSelect.parsley-errors-list .parsley-required:before,
.mainCol form [id^="parsley-id-multiple-"].parsley-errors-list .parsley-required:before,
.mainCol form .bootstrap-select + [id^="parsley-id-"].parsley-errors-list .parsley-required:before {
  content: " ";
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-bottom: 4px solid #cd111d;
  display: inline-block;
  height: 0;
  margin-top: -7px;
  margin-left: -3px;
  vertical-align: middle;
  width: 0;
  position: absolute;
}
.mainCol form .parsley-errors-list.filled {
  opacity: 1;
}
/* *** COMTENTS *** */
.comments {
  margin-top: 60px;
  border-top: 1px solid #cccccc;
}
.comments > footer {
  margin-top: 30px;
}
article.comment.container {
  border: none;
  width: inherit;
  padding: 30px;
  margin: 0;
}
article.comment.container address {
  clear: left;
  margin: 0;
  text-align: left;
}
article.comment.container time {
  clear: right;
  text-align: right;
}
article.comment.container p:first-of-type {
  margin-top: 0;
}
article.comment.container article.comment {
  padding-left: 30px;
  border: none;
  font-style: italic;
}
article.comment.container footer {
  margin: 0;
}
article.comment.container footer p:first-of-type {
  margin-bottom: 0;
}
/*
article.comment:nth-child(odd) {
	background:#d4d4d4;
}
*/
article.comment:nth-child(even) {
  background: #e9e9e7;
  border-bottom: 1px solid #cccccc;
}
article.comment.reply {
  background: none !important;
  color: #777777;
}
article.comment.reply p {
  color: #777777;
}
article.comment.reply address:after {
  content: " [reply]";
  text-transform: lowercase;
  color: #3c3c3c;
  margin-left: 11px;
}
.ol ol > li,
ol.ol > li {
  margin-bottom: 11px;
}
.ol ol > li:before,
ol.ol > li:before {
  content: "#";
  margin-left: -37px;
  float: left;
}
.ol ol > li:nth-of-type(1):before,
ol.ol > li:nth-of-type(1):before,
.ol ol > li:nth-of-type(2):before,
ol.ol > li:nth-of-type(2):before,
.ol ol > li:nth-of-type(3):before,
ol.ol > li:nth-of-type(3):before,
.ol ol > li:nth-of-type(4):before,
ol.ol > li:nth-of-type(4):before,
.ol ol > li:nth-of-type(5):before,
ol.ol > li:nth-of-type(5):before,
.ol ol > li:nth-of-type(6):before,
ol.ol > li:nth-of-type(6):before,
.ol ol > li:nth-of-type(7):before,
ol.ol > li:nth-of-type(7):before,
.ol ol > li:nth-of-type(8):before,
ol.ol > li:nth-of-type(8):before,
.ol ol > li:nth-of-type(9):before,
ol.ol > li:nth-of-type(9):before {
  margin-left: -30px;
}
.ol ol > li:nth-of-type(20):before,
ol.ol > li:nth-of-type(20):before,
.ol ol > li:nth-of-type(24):before,
ol.ol > li:nth-of-type(24):before,
.ol ol > li:nth-of-type(28):before,
ol.ol > li:nth-of-type(28):before,
.ol ol > li:nth-of-type(29):before,
ol.ol > li:nth-of-type(29):before,
.ol ol > li:nth-of-type(30):before,
ol.ol > li:nth-of-type(30):before {
  margin-left: -39px;
}
article.ol ol {
  margin: 0;
}
article.ol li {
  font-size: 13px;
}
article.ol footer {
  margin: 0;
}
.sidebar article.ol footer {
  text-align: center;
}
#searchResults {
  /*
	// NOT AFFECTING ipad.1, safari.5
	input[type="text"]::-webkit-input-placeholder {
	}
	input[type="text"]::-moz-placeholder { 
	}
	input[type="text"]:-ms-input-placeholder {
	}
	input[type="text"]:-moz-placeholder {
	}
	*/
}
#searchResults fieldset {
  float: left;
  background: #e9e9e7;
  height: 55px;
}
#searchResults input {
  float: left;
  background: none;
  border: none;
  padding-right: 0;
}
#searchResults input[type="text"] {
  font-family: 'Open Sans', sans-serif;
  margin-left: 22px;
  text-transform: uppercase;
  height: 55px;
  line-height: 55px;
  vertical-align: middle;
  width: 500px;
  outline: none;
}
#searchResults .submitLabel {
  cursor: pointer;
  display: block;
  width: 55px;
  height: 30px;
  line-height: 30px;
  vertical-align: middle;
  padding: 18px;
}
#searchResults input[type="submit"] {
  text-indent: -9999px;
  background: url('../img/sprites.png') no-repeat -164px -22px;
  width: 18px;
  height: 18px;
  margin: 0;
}
.filtered {
  padding: 22px 0;
}
.share h1 {
  font-family: 'Merriweather', serif;
  color: #3c3c3c;
  margin: 0;
  font-size: 15px;
}
ul.share,
ul.share li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.share {
  margin-top: 10px;
}
ul.share li.twitter {
  background: url('../img/sprites.png') no-repeat -42px 0;
}
ul.share li.facebook {
  background: url('../img/sprites.png') no-repeat 0 0;
}
ul.share li.googlePlus {
  background: url('../img/sprites.png') no-repeat -84px 0;
}
ul.share li.mailto {
  background: url('../img/sprites.png') no-repeat -126px 0;
}
ul.share li.linkedin {
  background: url('../img/sprites.png') no-repeat -84px -36px;
}
ul.share li {
  display: inline-block;
  width: 32px;
  height: 33px;
  overflow: hidden !important;
  margin-right: 5px;
}
ul.share li a {
  display: block;
  text-indent: -9999px;
  color: transparent;
  width: 32px;
  height: 33px;
  border: none !important;
}
ul.share .twitter iframe,
ul.share .facebook iframe,
ul.share .googlePlus iframe {
  opacity: 0 !important;
}
ul.share .facebook iframe {
  height: 20px !important;
}
ul.share .twitter iframe {
  margin-top: 1px !important;
}
ul.share .googlePlus iframe {
  margin-top: 4px !important;
}
/* JS things */
.no-js .carousel figure + figure {
  display: none;
}
.carousel {
  margin-left: -15px;
  margin-top: -1px;
  width: 975px;
  text-align: right;
}
.slidesjs-previous,
.slidesjs-next,
.slidesjs-play,
.slidesjs-stop {
  display: none !important;
}
ul.slidesjs-pagination,
ul.slidesjs-pagination li {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.slidesjs-pagination {
  position: absolute;
  z-index: 20;
  right: 5px;
  bottom: 5px;
}
li.slidesjs-pagination-item {
  float: left;
  width: 92px;
}
li.slidesjs-pagination-item a {
  font-size: 0;
  height: 30px;
  display: block;
  border-bottom: 7px solid rgba(255, 255, 255, 0.7) !important;
  text-indent: -9999px;
  margin: 10px;
}
li.slidesjs-pagination-item a.active {
  border-bottom: 7px solid #ffffff !important;
}
#main .carousel figure,
#main .header-section figure {
  width: 975x;
  /*	  box-sizing:border-box;
	  -moz-box-sizing:border-box;
	  -webkit-box-sizing:border-box;
		border-left:10px solid @white;
		*/
}
#main .carousel figure img,
#main .header-section figure img {
  float: right;
}
#main .carousel figure figcaption,
#main .header-section figure figcaption {
  font-size: 30px;
  text-align: left;
  position: absolute;
  top: 75px;
  left: 0;
  z-index: 11;
}
#main .carousel figure figcaption ul,
#main .header-section figure figcaption ul,
#main .carousel figure figcaption li,
#main .header-section figure figcaption li {
  list-style: none;
  margin: 0;
  padding: 0;
}
#main .carousel figure figcaption li,
#main .header-section figure figcaption li {
  padding: 0 15px;
  margin-bottom: 3px;
  width: auto;
  line-height: inherit;
}
#main .carousel figure figcaption li,
#main .header-section figure figcaption li,
#main .carousel figure figcaption span,
#main .header-section figure figcaption span,
#main .carousel figure figcaption a,
#main .header-section figure figcaption a {
  float: left;
  clear: both;
}
#main .carousel figure figcaption span,
#main .header-section figure figcaption span {
  display: inline;
  padding: 0.45rem 15px;
  box-decoration-break: clone;
  /* Needs prefixing */
}
#main .carousel figure a,
#main .header-section figure a {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 18px;
  padding: 8px 15px;
  display: inline-block;
  margin-top: 35px;
  background: #ffffff;
  border-bottom: none !important;
}
#main .carousel figure a:before,
#main .header-section figure a:before,
#main .carousel figure a a.preArr:before,
#main .header-section figure a a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
#main .carousel figure a:before,
#main .header-section figure a:before,
#main .carousel figure a a.preArr:before,
#main .header-section figure a a.preArr:before {
  content: "> ";
  color: #999999;
  text-decoration: none;
  border-bottom: #fff solid 2px !important;
  overflow: hidden;
}
#main .header-section figure figcaption {
  top: 279px !important;
  left: inherit !important;
  margin-left: -15px;
}
.section1 figcaption span,
.section1 figcaption li {
  color: #ffffff;
  background: #ffd026;
}
.section1 figcaption a {
  color: #ffd026 !important;
}
.section1 figcaption a:hover {
  color: #ebc127 !important;
}
.section2 figcaption span,
.section2 figcaption li {
  color: #ffffff;
  background: #f0812b;
}
.section2 figcaption a {
  color: #f0812b !important;
}
.section2 figcaption a:hover {
  color: #d07121 !important;
}
.section3 figcaption span,
.section3 figcaption li {
  color: #ffffff;
  background: #bdd24c;
}
.section3 figcaption a {
  color: #bdd24c !important;
}
.section3 figcaption a:hover {
  color: #a7ba45 !important;
}
.section4 figcaption span,
.section4 figcaption li {
  color: #ffffff;
  background: #e11948;
}
.section4 figcaption a {
  color: #e11948 !important;
}
.section4 figcaption a:hover {
  color: #c71940 !important;
}
.section5 figcaption span,
.section5 figcaption li {
  color: #ffffff;
  background: #4e2a4f;
}
.section5 figcaption a {
  color: #4e2a4f !important;
}
.section5 figcaption a:hover {
  color: #422141 !important;
}
/*
@media screen and (max-width: 960px) {
	.carousel, .carousel figure {
		width:960px;
		margin:0;
	}
}
*/
/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item {
  float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}
.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
  cursor: url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl_carousel {
  margin-top: 40px;
  width: 930px;
  margin-left: 15px;
}
.owl_carousel .item {
  border: none;
  margin: 0;
  padding: 0;
  padding: 0 11px;
}
.owl_carousel .item a.boxer {
  height: auto;
  padding: 18px;
  min-height: 237px;
}
.owl_carousel .item a.boxer:hover {
  text-decoration: none;
}
.owl_carousel .owl-buttons {
  /*
		.arrow-left:before, 
		.arrow-left:after,
		.arrow-right:before, 
		.arrow-right:after {
			top:120px;
			cursor: pointer;
		}
		*/
}
.owl_carousel .owl-buttons .owl-prev,
.owl_carousel .owl-buttons .owl-next {
  position: absolute;
  height: 100%;
  background: #fff;
  top: 0;
  width: 10px;
  cursor: default;
}
.owl_carousel .owl-buttons .owl-next {
  margin-left: 920px;
}
.owl_carousel .owl-buttons .arrow-left,
.owl_carousel .owl-buttons .arrow-right {
  position: absolute;
  top: 100px;
  cursor: pointer;
}
.owl_carousel .owl-buttons .arrow-left {
  display: block;
  padding: 22px 30px 35px 22px;
  margin-left: -40px;
}
.owl_carousel .owl-buttons .arrow-right {
  display: block;
  padding: 22px 22px 35px 22px;
  margin-left: 1px;
}
.owl_carousel .owl-buttons .arrow-left:before {
  position: absolute;
  content: " ";
  margin: 0;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #3c3c3c;
}
.owl_carousel .owl-buttons .arrow-left:after {
  position: absolute;
  content: " ";
  margin-left: 2px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-right: 8px solid #ffffff;
}
.owl_carousel .owl-buttons .arrow-right:before {
  position: absolute;
  content: " ";
  margin: 0;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #3c3c3c;
}
.owl_carousel .owl-buttons .arrow-right:after {
  position: absolute;
  content: " ";
  margin-left: -2px;
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 8px solid #ffffff;
}
.funkyDiva {
  border-top: solid #3c3c3c 5px;
  margin: 60px 15px 0 15px;
  white-space: nowrap;
}
.funkyDiva h1 {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  min-width: 220px;
  white-space: nowrap;
  background: #3c3c3c;
  display: inline-block;
  font-size: 14px;
  position: absolute;
  padding: 9px 9px 7px 9px;
  margin: -24px 0 0 0;
  color: #ffffff;
}
@media screen and (max-width: 1015px) {
  /*
	.owl_carousel .owl-buttons {
		margin-left:0;
		width:945px;
		margin-left: -20px;
	}
	*/
  .owl_carousel .owl-buttons .arrow-left {
    margin-left: -22px;
    padding: 22px 0 30px 22px;
  }
  .owl_carousel .owl-buttons .arrow-right {
    padding: 22px 22px 30px 0;
  }
}
.accordion {
  background: #e9e9e7;
  padding: 20px;
}
.accordion .trigger {
  cursor: pointer;
  margin: 0 0 20px 0;
  line-height: 30px;
  padding-right: 30px;
}
.accordion .trigger:before {
  font-size: 30px;
  height: 30px;
  vertical-align: middle;
  display: inline-block;
  content: "-";
  position: absolute;
  right: 30px;
}
.accordion.open .item {
  display: none;
}
.accordion.closed .trigger {
  margin: 0;
}
.accordion.closed .trigger:before {
  content: "+";
}
.accordion.closed .item {
  display: none;
}
.accordion footer {
  margin-bottom: 0;
}
.accordion footer a.button {
  margin: 0 20px 0 0;
}
article.accordion article {
  margin-bottom: 40px;
}
article.accordion article h1.h3,
article.accordion article h3 {
  margin: 0;
}
article.accordion article p:first-of-type {
  margin-top: 15px;
}
article.accordion article:last-child {
  margin-bottom: 0;
}
.no-js .js-fluid-cols .row > * {
  float: left;
  width: 290px;
  margin-left: 10px;
  margin-right: 10px;
}
.news-related-wrap {
  background: #e9e9e7;
  margin-bottom: 30px;
}
.news-related-wrap:before,
.news-related-wrap:after {
  content: " ";
  display: table;
}
.news-related-wrap:after {
  clear: both;
}
.news-related-wrap .news-related-News,
.news-related-wrap .news-related-files,
.news-related-wrap .news-related-links {
  margin: 20px;
}
.news-related-wrap h1,
.news-related-wrap h4 {
  font-size: 20px;
  text-transform: capitalize;
  line-height: 26px;
  font-weight: normal;
  padding: 0;
  margin: 30px 0;
  line-height: inherit;
  margin-top: 0;
}
.news-related-wrap li {
  margin: 0;
  margin-bottom: 20px;
}
.news-related-wrap li span {
  display: block;
}
.news-related-wrap a,
.news-related-wrap a:hover {
  border: none;
}
#touch-menu-fix {
  display: none;
}
.touch nav#mainNav ul li:focus > .subContainer {
  display: inline-block;
}
.touch nav#mainNav ul li:focus > .subContainer ul {
  display: inline-block;
}
.touch #touch-menu-fix {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 5000px;
  z-index: 1;
}
/*	for IE9 */
.lt-ie10 .list li {
  width: 50%;
  float: left;
}
html.ie {
  /* style the 'X' delete */
}
html.ie ul.pagination .disabled:first-child,
html.ie :not(.disabled) + .disabled {
  visibility: visible;
}
html.ie form#searchResults input[type=text]:-ms-input-placeholder {
  margin-top: -3px;
  color: #777777;
}
html.ie form#searchResults input[type=text] {
  margin-top: 0;
}
html.ie input[type=text]::-ms-clear {
  display: none;
}
html.lt-ie10.ie .subContainer {
  background: #fff;
}
html.lt-ie10.ie form#search {
  /*
		input[type=submit] {display:none;}
		.submitLabel {
			padding-left:0;
			margin-left:-15px;
			line-height:normal;
			padding:0 5px;
			height:30px;
			line-height:30px;
			vertical-algin:middle;
			width:60px !important;
			text-align:center;
			
		}
		.submitLabel:after {
			content:"submit";
			display:inline;
			margin-top:-10px;
		}
		*/
}
html.lt-ie10.ie form#search input[type=text] {
  background: #e9e9e7;
}
html.lt-ie10.ie select {
  display: inline;
  visibility: visible;
  opacity: 1;
  position: inherit;
  top: inherit;
}
/*
html[data-useragent*='AppleWebKit/534'] + [data-useragent*='Version/5'] + [data-useragent*='Safari'] body {

		outline:red dashed 10px;
		padding:5px 0 0 5px;
	
}
*/
/* mixins for reset */
/* CSS Document */
/****************************************************************************************
# Default css file for content edited with htmlArea RTE
#
# Defines a few class selectors that can be simply taken as examples by anyone who needs to configure the RTE.
# This css file is referenced by property RTE.default.contentCSS in the default configuration of htmlArea RTE.
# ***************************************************************************************/
/* Left, center, right and justify alignment of text in block elements*/
p.align-left,
td.align-left,
th.align-left,
h1.align-left,
h2.align-left,
h3.align-left,
h4.align-left,
h5.align-left,
h6.align-left,
div.align-left,
address.align-left {
  text-align: left;
}
p.align-center,
td.align-center,
th.align-center,
h1.align-center,
h2.align-center,
h3.align-center,
h4.align-center,
h5.align-center,
h6.align-center,
div.align-center,
address.align-center {
  text-align: center;
}
p.align-right,
td.align-right,
th.align-right,
h1.align-right,
h2.align-right,
h3.align-right,
h4.align-right,
h5.align-right,
h6.align-right,
div.align-right,
address.align-right {
  text-align: right;
}
p.align-justify,
td.align-justify,
th.align-justify,
h1.align-justify,
h2.align-justify,
h3.align-justify,
h4.align-justify,
h5.align-justify,
h6.align-justify,
div.align-justify,
address.align-justify {
  text-align: justify;
}
/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1,
table.csc-frame-frame1 {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
p.csc-frame-frame2,
table.csc-frame-frame2 {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
/* Bullet styles for unordered lists.*/
ul.component-items {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
  list-style-type: circle;
}
ul.action-items {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
  /* list-style-image: url(img/red_arrow_bullet.gif); */
}
/* Numbering styles for ordered lists.*/
ol.component-items-ordered {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
  list-style-type: lower-roman;
}
ol.action-items-ordered {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
  list-style-type: lower-greek;
}
/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important {
  /* color: #8A0020; */
}
span.name-of-person {
  /* color: #10007B; */
}
span.detail {
  /* color: #186900;*/
}
/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {
  color: #999999;
  border-bottom: 1px #999999 solid;
}
a.external-link:hover {
  color: #3c3c3c;
  border-bottom: 1px #3c3c3c solid;
}
a.external-link-new-window {
  color: #999999;
  border-bottom: 1px #999999 solid;
}
a.external-link-new-window:hover {
  color: #3c3c3c;
  border-bottom: 1px #3c3c3c solid;
}
a.internal-link {
  color: #999999;
  border-bottom: 1px #999999 solid;
}
a.internal-link:hover {
  color: #3c3c3c;
  border-bottom: 1px #3c3c3c solid;
}
a.internal-link-new-window {
  color: #999999;
  border-bottom: 1px #999999 solid;
}
a.internal-link-new-window:hover {
  color: #3c3c3c;
  border-bottom: 1px #3c3c3c solid;
}
a.download {
  background: #999999;
  border: none;
  color: #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-appearance: none;
  display: block;
}
/* Default selector for indentation.*/
div.indent {
  margin-left: 2em;
}
/* OVERRIDE FUNKY STYLES FROM RICH TEXT EDITOR */
.rte h1,
.rte h2,
.rte h3,
.rte h4,
.rte h5,
.rte h6,
.rte h7 {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
.rte big {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
.rte small {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
.rte p {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
.rte table td,
.rte table td p {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
}
.rte table th,
.rte table th p {
  font-family: 'Merriweather', serif;
  font-size: 15px;
  color: #3c3c3c;
  font-weight: bold;
}
.rte ul,
.rte ol {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
.rte li {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  width: inherit;
  height: inherit;
  margin: inherit;
  padding: inherit;
  background-color: inherit;
}
.csc-textpic-imagewrap {
  margin-top: 22px;
}
ul.csc-uploads span.csc-uploads-fileName {
  text-decoration: none !important;
}
caption {
  font-size: 13px;
  margin-top: 10px;
  font-style: italic;
  color: #999999;
}
/* CSS not LESS */
@media print {
  #debug {
    display: none !important;
  }
  nav,
  form,
  .up2top,
  .carousel,
  iframe {
    display: none !important;
  }
  aside {
    display: none;
  }
  .elinet a {
    display: block;
  }
  #main:before {
    content: "European Literacy Policy Network (ELINET)";
    content: url("../img/elinet_logo.png") no-repeat;
    display: block;
    margin-bottom: 20px;
  }
  button,
  .button {
    border: 1px sold #ccc;
  }
  body *,
  body.section1 *,
  body.section2 *,
  body.section3 *,
  body.section4 *,
  body.section5 *,
  body *.sectionColor,
  body.section1 *.sectionColor,
  body.section2 *.sectionColor,
  body.section3 *.sectionColor,
  body.section4 *.sectionColor,
  body.section5 *.sectionColor,
  body *:before,
  body.section1 *:before,
  body.section2 *:before,
  body.section3 *:before,
  body.section4 *:before,
  body.section5 *:before,
  body *.sectionColor:before,
  body.section1 *.sectionColor:before,
  body.section2 *.sectionColor:before,
  body.section3 *.sectionColor:before,
  body.section4 *.sectionColor:before,
  body.section5 *.sectionColor:before {
    color: #000 !important;
  }
  body #main .container a,
  body.section1 #main .container a,
  body.section2 #main .container a,
  body.section3 #main .container a,
  body.section4 #main .container a,
  body.section5 #main .container a,
  body #main .container a.more,
  body.section1 #main .container a.more,
  body.section2 #main .container a.more,
  body.section3 #main .container a.more,
  body.section4 #main .container a.more,
  body.section5 #main .container a.more,
  body #main .container a.sectionColor,
  body.section1 #main .container a.sectionColor,
  body.section2 #main .container a.sectionColor,
  body.section3 #main .container a.sectionColor,
  body.section4 #main .container a.sectionColor,
  body.section5 #main .container a.sectionColor,
  body #main .container a.sectionColor.more,
  body.section1 #main .container a.sectionColor.more,
  body.section2 #main .container a.sectionColor.more,
  body.section3 #main .container a.sectionColor.more,
  body.section4 #main .container a.sectionColor.more,
  body.section5 #main .container a.sectionColor.more,
  body #main .container > li > a,
  body.section1 #main .container > li > a,
  body.section2 #main .container > li > a,
  body.section3 #main .container > li > a,
  body.section4 #main .container > li > a,
  body.section5 #main .container > li > a {
    text-decoration: underline !important;
    border: none !important;
    border-color: transparent !important;
    border-bottom: none;
  }
  body #main .container a:after,
  body.section1 #main .container a:after,
  body.section2 #main .container a:after,
  body.section3 #main .container a:after,
  body.section4 #main .container a:after,
  body.section5 #main .container a:after,
  body #main .container a.more:after,
  body.section1 #main .container a.more:after,
  body.section2 #main .container a.more:after,
  body.section3 #main .container a.more:after,
  body.section4 #main .container a.more:after,
  body.section5 #main .container a.more:after,
  body #main .container a.sectionColor:after,
  body.section1 #main .container a.sectionColor:after,
  body.section2 #main .container a.sectionColor:after,
  body.section3 #main .container a.sectionColor:after,
  body.section4 #main .container a.sectionColor:after,
  body.section5 #main .container a.sectionColor:after,
  body #main .container a.sectionColor.more:after,
  body.section1 #main .container a.sectionColor.more:after,
  body.section2 #main .container a.sectionColor.more:after,
  body.section3 #main .container a.sectionColor.more:after,
  body.section4 #main .container a.sectionColor.more:after,
  body.section5 #main .container a.sectionColor.more:after,
  body #main .container > li > a:after,
  body.section1 #main .container > li > a:after,
  body.section2 #main .container > li > a:after,
  body.section3 #main .container > li > a:after,
  body.section4 #main .container > li > a:after,
  body.section5 #main .container > li > a:after {
    font-size: small !important;
    font-style: italic;
    content: " [link]" !important;
  }
  body #main .container a.mail:after,
  body.section1 #main .container a.mail:after,
  body.section2 #main .container a.mail:after,
  body.section3 #main .container a.mail:after,
  body.section4 #main .container a.mail:after,
  body.section5 #main .container a.mail:after,
  body #main .container a.email:after,
  body.section1 #main .container a.email:after,
  body.section2 #main .container a.email:after,
  body.section3 #main .container a.email:after,
  body.section4 #main .container a.email:after,
  body.section5 #main .container a.email:after {
    content: "" !important;
  }
}
button,
.button,
input[type="submit"] {
  background: #999999;
  border: none;
  color: #ffffff;
  border-radius: 0;
  text-transform: uppercase;
  -webkit-appearance: none;
}
button:focus,
.bootstrap-select .btn:focus {
  outline: none !important;
}
input[type="submit"]:hover {
  background: #777777;
}
a.button {
  border: none;
  display: inline-block;
  margin-top: 30px;
  padding: 11px 22px;
}
button.noButton,
#main .sidebar button.noButton,
#main .sidebar button.noButton:hover {
  background: none;
  cursor: pointer;
  display: inline-block;
  width: auto;
}
#debug {
  position: fixed;
  z-index: 9999;
  left: 5%;
  top: 5%;
  background: #eea;
  font-size: 12px;
  line-height: 1.2;
  padding: 5px;
}
#debug ul {
  padding: 5px 12px;
  margin: 0;
}
#debug li {
  display: list-item;
  white-space: nowrap;
}
