/* IE seems to have all containing elements inherit the shadow filter. This mixin is the easy way out */
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner {
  border: none; }

body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5em;
  padding: 0;
  margin: 0;
  width: 100%;
  min-width: 980px;
  background-color: #ebebeb; }

#main_content {
  width: 100%; }

#right_sidebar #main_content, #right_submenu #main_content {
  width: 684px;
  padding: 0 15px 30px 0;
  border-right: 1px solid #e0e0e0;
  float: left; }
#right_sidebar #sidebar, #right_submenu #sidebar {
  position: relative;
  width: 220px;
  float: right; }
  #right_sidebar #sidebar ul, #right_submenu #sidebar ul {
    padding: 0; }
    #right_sidebar #sidebar ul li, #right_submenu #sidebar ul li {
      padding: 10px 20px; }
  #right_sidebar #sidebar .sidebox, #right_submenu #sidebar .sidebox {
    padding-left: 19px; }
  #right_sidebar #sidebar #submenu_title li, #right_submenu #sidebar #submenu_title li {
    display: none; }
    #right_sidebar #sidebar #submenu_title li a, #right_submenu #sidebar #submenu_title li a {
      color: #f56b32;
      font-size: 22px;
      font-weight: bold;
      line-height: 1em; }
  #right_sidebar #sidebar #submenu_title li.nav-path-selected, #right_submenu #sidebar #submenu_title li.nav-path-selected {
    display: block; }
  #right_sidebar #sidebar #submenu li, #right_submenu #sidebar #submenu li {
    border-top: 1px solid #e0e0e0; }
    #right_sidebar #sidebar #submenu li a, #right_submenu #sidebar #submenu li a {
      color: #888888;
      font-weight: 400; }
      #right_sidebar #sidebar #submenu li a.nav-path-selected, #right_submenu #sidebar #submenu li a.nav-path-selected {
        color: #f56b32; }

.content_wrapper .central_column {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 980px;
  -webkit-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 8px 1px rgba(0, 0, 0, 0.3);
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=0, Direction=0, Color='#000000'); }
.content_wrapper #header {
  position: relative;
  width: 100%;
  z-index: 3; }
  .content_wrapper #header #logo {
    display: block;
    position: absolute;
    left: 30px;
    top: 15px;
    display: block;
    text-decoration: none; }
  .content_wrapper #header #header_bg {
    position: relative;
    width: 100%;
    min-height: 131px;
    left: 0;
    top: 0; }
  .content_wrapper #header #language_selector {
    position: absolute;
    top: 15px;
    right: 30px; }
  .content_wrapper #header #menu {
    position: relative;
    background-color: #e94c0b;
    background: -webkit-gradient(linear, left top, left bottom, from(#f56b32), to(#e94c0b));
    background: -moz-linear-gradient(top, #f56b32, #e94c0b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f56b32', endColorstr='#e94c0b');
    width: 100%;
    height: 44px; }
    .content_wrapper #header #menu .nav {
      width: 744px;
      padding: 0;
      margin: 0;
      position: relative;
      list-style: none outside none;
      float: left; }
      .content_wrapper #header #menu .nav li {
        float: left;
        text-align: center;
        border-left: 2px ridge #888888;
        padding: 0 25px;
        margin-top: 0.5em; }
        .content_wrapper #header #menu .nav li a, .content_wrapper #header #menu .nav li a:link, .content_wrapper #header #menu .nav li a:visited, .content_wrapper #header #menu .nav li a:active {
          display: block;
          line-height: 2em;
          font-weight: 300;
          text-decoration: none;
          color: white;
          text-align: center;
          text-transform: uppercase; }
          .content_wrapper #header #menu .nav li a:hover, .content_wrapper #header #menu .nav li a:link:hover, .content_wrapper #header #menu .nav li a:visited:hover, .content_wrapper #header #menu .nav li a:active:hover {
            cursor: pointer; }
          .content_wrapper #header #menu .nav li a.nav-path-selected, .content_wrapper #header #menu .nav li a:link.nav-path-selected, .content_wrapper #header #menu .nav li a:visited.nav-path-selected, .content_wrapper #header #menu .nav li a:active.nav-path-selected {
            font-weight: 600; }
      .content_wrapper #header #menu .nav li:first-child {
        border: none; }
    .content_wrapper #header #menu form.ccm-search-block-form {
      position: relative;
      float: right;
      width: 160px; }
      .content_wrapper #header #menu form.ccm-search-block-form label {
        position: absolute;
        top: 7px;
        left: 8px;
        color: #666666; }
      .content_wrapper #header #menu form.ccm-search-block-form input[type=text] {
        float: left;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 14px;
        padding: 7px 28px 7px 5px;
        width: 95px;
        height: 15px;
        margin-top: 5px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        background-color: transparent;
        border: 2px solid white;
        color: white; }
      .content_wrapper #header #menu form.ccm-search-block-form h3 {
        display: none; }
      .content_wrapper #header #menu form.ccm-search-block-form input[type=submit], .content_wrapper #header #menu form.ccm-search-block-form button[type=submit] {
        float: left;
        background: transparent url(http://gopo.nl/themes/gopo/images/icon_search_button.png) no-repeat center center;
        padding: 0;
        margin: 6px 4px 0 -31px;
        width: 29px;
        height: 29px;
        border: 0;
        cursor: pointer;
        outline: 0;
        filter: none;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0; }
.content_wrapper #main {
  position: relative;
  background-color: white;
  padding: 0;
  width: 980px;
  z-index: 2; }
.content_wrapper #content {
  width: 920px;
  padding: 30px; }
.content_wrapper .paragraph_separator {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #e0e0e0;
  padding: 0.8em 0 0 0;
  margin: 0 0 1.6em 0; }
.content_wrapper #content_header_home {
  width: 100%;
  position: relative;
  height: 308px; }
  .content_wrapper #content_header_home #showcase_scroller {
    position: absolute;
    top: 0;
    left: 0;
    width: 980px;
    height: 308px;
    /*	root element for the scrollable.
     *	when scrolling occurs this element stays still. */ }
    .content_wrapper #content_header_home #showcase_scroller #showcase_content {
      width: 100%;
      height: 308px; }
      .content_wrapper #content_header_home #showcase_scroller #showcase_content img {
        position: relative;
        left: 0;
        top: 0; }
      .content_wrapper #content_header_home #showcase_scroller #showcase_content .alt_text, .content_wrapper #content_header_home #showcase_scroller #showcase_content .alt_text_overlay {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%; }
      .content_wrapper #content_header_home #showcase_scroller #showcase_content .alt_text {
        height: 42px;
        font-family: "Open Sans", Helvetica, Arial, sans-serif;
        font-weight: 400;
        font-size: 20px;
        padding: 10px 0 0 30px;
        color: white; }
      .content_wrapper #content_header_home #showcase_scroller #showcase_content .alt_text_overlay {
        height: 60px;
        -moz-opacity: 0.3;
        opacity: 0.3;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100*$level);
        /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        background-color: black; }
      .content_wrapper #content_header_home #showcase_scroller #showcase_content .text {
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        background-color: black;
        -moz-opacity: 0.75;
        opacity: 0.75;
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100*$level);
        /* For IE 8 (and 9, 10, 11?). Don't miss the added quotes */
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
        width: 100%;
        height: 60px; }
      .content_wrapper #content_header_home #showcase_scroller #showcase_content p {
        color: white;
        font-size: 18px;
        padding: 0.9em 30px; }
    .content_wrapper #content_header_home #showcase_scroller .navi {
      position: absolute;
      bottom: 22px;
      right: 30px;
      z-index: 10; }
      .content_wrapper #content_header_home #showcase_scroller .navi a {
        background: url(http://gopo.nl/themes/gopo/images/scroller_inactive.png) no-repeat left top;
        display: block;
        float: left;
        width: 13px;
        height: 13px;
        margin-right: 8px; }
      .content_wrapper #content_header_home #showcase_scroller .navi a.active {
        background: url(http://gopo.nl/themes/gopo/images/scroller_active.png) no-repeat left top; }
  .content_wrapper #content_header_home .scrollable {
    /* required settings */
    position: relative;
    overflow: hidden;
    /*	root element for scrollable items. Must be absolutely positioned
     *	and it should have a extremely large width to accommodate scrollable items.
     *	it's enough that you set width and height for the root element and
     *	not for this element. */ }
    .content_wrapper #content_header_home .scrollable .items {
      /* this cannot be too large */
      width: 20000em;
      position: absolute;
      /*	a single item. must be floated in horizontal scrolling.
       *	typically, this element is the one that *you* will style
       *	the most. */ }
      .content_wrapper #content_header_home .scrollable .items .item {
        position: relative;
        float: left;
        width: 980px;
        padding: 0; }
.content_wrapper #tagline {
  position: absolute;
  right: 0;
  width: 220px; }
  .content_wrapper #tagline p {
    padding: 0.5em;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    text-align: center; }
.content_wrapper #content_header {
  width: 100%;
  min-height: 308px;
  position: relative; }
.content_wrapper #footer, .content_wrapper #sub_footer {
  position: relative;
  width: 100%;
  color: #bfbfbf; }
  .content_wrapper #footer .inner_footer, .content_wrapper #sub_footer .inner_footer {
    text-align: center;
    width: 920px;
    padding: 30px; }
    .content_wrapper #footer .inner_footer a, .content_wrapper #footer .inner_footer a:link, .content_wrapper #footer .inner_footer a:visited, .content_wrapper #footer .inner_footer a:active, .content_wrapper #sub_footer .inner_footer a, .content_wrapper #sub_footer .inner_footer a:link, .content_wrapper #sub_footer .inner_footer a:visited, .content_wrapper #sub_footer .inner_footer a:active {
      text-decoration: none;
      color: #bfbfbf;
      line-height: 2em; }
      .content_wrapper #footer .inner_footer a:hover, .content_wrapper #footer .inner_footer a:link:hover, .content_wrapper #footer .inner_footer a:visited:hover, .content_wrapper #footer .inner_footer a:active:hover, .content_wrapper #sub_footer .inner_footer a:hover, .content_wrapper #sub_footer .inner_footer a:link:hover, .content_wrapper #sub_footer .inner_footer a:visited:hover, .content_wrapper #sub_footer .inner_footer a:active:hover {
        cursor: pointer;
        text-decoration: underline; }
.content_wrapper #footer {
  background-color: #7f7f7f; }
.content_wrapper #sub_footer {
  background-color: #717171;
  margin-bottom: 30px; }
.content_wrapper .clear {
  clear: both; }

.edit_mode .items {
  width: 980px !important;
  position: relative !important; }
.edit_mode #showcase_content {
  height: auto !important;
  background: url(http://gopo.nl/themes/gopo/images/click_to_view_more_less.png) no-repeat left top; }
  .edit_mode #showcase_content:hover {
    cursor: pointer; }
.edit_mode #showcase_content.closed {
  height: 150px !important; }
.edit_mode #content_header_home {
  min-height: 400px; }
  .edit_mode #content_header_home #edit_mode_front_back {
    width: 30px;
    height: 212px;
    position: absolute;
    background: url(http://gopo.nl/themes/gopo/images/header_front_back.png) no-repeat 0 0;
    left: -30px; }
    .edit_mode #content_header_home #edit_mode_front_back:hover {
      cursor: pointer; }
  .edit_mode #content_header_home .scrollable {
    overflow: visible; }
.edit_mode #content_header_home.in_front {
  z-index: 3; }