.nav_support li.fa.fa-search.search_folder {display:none;visibility:hidden;}
/*
.dev section#search.search, .dev .nav_support li.fa-search {display:block;visibility:visible;}
*/

html, body, #container {overflow-x: hidden; margin:0 0 0 0;padding: 0 0 0 0;}

/* fonts */
body,
.summary strong,
.editorelement blockquote:before {
    font-family:'Open Sans', Arial, sans serif;
    font-weight: normal;
    font-style: normal;
}
b, mark,
.editorelement .font-weight_bold,
.editorelement table thead td,
.ipsform li label,
.search_form input.query,
.search_form label,
.module_search .query_info dd.query {
    font-weight: normal;
    font-style: normal;
}
em, blockquote, dfn,
.editorelement .caption {
    font-family:'Open Sans';
    font-weight: normal;
    font-style: italic;
}
strong em,
em strong {
    font-weight:600;
    font-style: italic;
}
strong, b {font-weight:600;}

.cycle_next,
.cycle_prev {
    font-weight:normal;
}

.section.map .summary a,
h5, h6,
.article .text,
.nav_breadcrumbs,
.article_carousel h2,
.nav_breadcrumbs .nav a,
.search_form input.button,
.section.map article .close,
.footer .nav_footer > li > ul > li > a,
.employees th {
    font-weight:400;
    font-style:normal;
}

h1, h2, h3 {
    font-weight:700;
    font-style:normal;
}

.noscript,
.old_browser,
.nav a,
.article_carousel strong,
.section.visit .summary h3,
.search_form .radio_buttons label {
    font-weight:300;
    font-style:normal;
}

/* CSS
 * Author: Heine Jensvold <heine@idium.no>
 * Mods 2013, 2014: Dag Hensten <dag.hensten@nasjonalmuseet.no>
 * Thanks to: HTML Boilerplate, Normalize.css, Nicolas Gallagher, Jonathan Neal and Kroc Camen
 */

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Force vertical scrollbar in non-IE
 * 3. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
 */
html {
    font-size: 92%;
    overflow-y: scroll;
    /* -webkit-font-smoothing: subpixel-antialiased; */
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body { margin: 0; font-size: 62.5%; line-height: 1.4; }
button, input, select, textarea {
    font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
 */
::-moz-selection { background: #c30; color: #fff; text-shadow: none; }
::selection { background: #c30; color: #fff; text-shadow: none; }

/* Links */
a { color: #111; text-decoration: none; }
a:visited { color: #111; }
a:hover { text-decoration: underline; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

/* Typography */
abbr[title] { border-bottom: 1px dotted; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #222; text-decoration: none; }
mark { background: #ff0; color: #111; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Lists */
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol, .nav,
.search_form ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

/*----- Embedded content -----*/
/* 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/e  */
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
/* Correct overflow not hidden in IE9*/
svg:not(:root) { overflow: hidden; }

/* Figures, images */
figure { margin: 0; }

/*----- Forms -----*/
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
 */
legend { border: 0; *margin-left: -7px; padding: 0; }
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
 */
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
 * 2. Correct inner spacing displayed oddly in IE6/7
 */
button, input { line-height: normal; *overflow: visible; }
/* Reintroduce inner spacing in 'table' to avoid overlap and whitespace issues in IE6/7 */
table button, table input { *overflow: auto; }
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 */
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
/* Consistent box sizing and appearance */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
/* Remove inner padding and border in FF3/4: h5bp.com/l */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/* input placeholder */
::-webkit-input-placeholder { color:#333; }
:-moz-placeholder { color:#333; }
::-moz-placeholder { color:#333; }
:-ms-input-placeholder { color:#333; }
/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
 */
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid {}
input:invalid, textarea:invalid { background-color: #f0dddd; }

/* -----Tables----- */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

/* ----- IPS Editorelement -----*/
.content .editorelement a {
    text-decoration: underline;
    color: #000;
}
.content .editorelement a:hover { color:#222}
.content .editorelement img {
    /*  left: -18.5%; DAG */
    position: relative;
    margin-bottom: 4em;
    /*  max-width: 118.5%; DAG */
    max-width: 100%;
}
.content .editorelement p,
.content .editorelement ul,
.content .editorelement ol,
.content .editorelement blockquote,
.content .editorelement table,
.content .editorelement .user-box {
    margin-top:0;
    margin-bottom: 1em;
    font-size: 1.7em;
    line-height:150%;
}
.content .editorelement ul ul
 {
    margin-top:1em;
    margin-bottom: 1em;
    font-size: 1em;
}

.content .editorelement form p {
    font-size:1.1em;
}

.form_captcha {
    padding:1em;
    margin:2em 0 2em 0;
    background:#eee;
}
.form_captcha img {
    margin-bottom:1em !important;
}
.form_captcha p {
    font-size:1em !important;
    font-style:italic;
}

.content .editorelement td {
    font-size:9px;
    font-size:.9rem;
    line-height:140%;
}
.content .editorelement td h3,
.content .editorelement td h4 {
    font-size:12px;
    font-size:1.2rem;
    margin:1em 0 0 0;
    padding:0 0 0 0;
}
.content .editorelement th {
    font-weight:600;
    text-align:left;
    font-size:9px;
    font-size:.9rem;
    padding:.3em;
}

.content .editorelement li {
    margin: 0 0 0.5em;
}

.content .editorelement blockquote {
    position: relative;
    margin-bottom: 1em;
    margin-left:0px;
    font-size: 2em;
    font-weight:300;
    padding:10px 0 0 20px;
}
.content .editorelement blockquote:before {
    content: '\201C';
    font-size: 2.2em;
    position: absolute;
    top: -10px;
    line-height:1;
    left: 0px;
    font-weight:300;
}
.content .editorelement p blockquote,
.content .editorelement blockquote blockquote {
    font-size:1em; /* nested resize */
}
.content .editorelement h2,
.content .editorelement h3 {
    margin-bottom: 0.5em;
    font-size: 2.3em;
}

.content .editorelement h4,
.content .editorelement h5 {
    font-size:2.1em;
    margin:0 0 0.3em;
    font-weight:600;
}
h4 {font-weight:600;}

.content .editorelement .caption {
    padding: 0.3em 0.5em;
    margin: 0;
}
.content .editorelement .float_left {
    float: left;
    margin-right: 1em;
}
.content .editorelement .float_right {
    margin-left: 1em;
    float: right;
}
.content .editorelement .dir_rtl { direction: rtl; }
.content .editorelement .dir_ltr { direction: ltr; }
.content .editorelement .align_left,
.content .editorelement .text-align_left { text-align: left; }
.content .editorelement .align_right,
.content .editorelement .text-align_right { text-align: right; }
.content .editorelement .align_center,
.content .editorelement .text-align_center { text-align: center; }
.content .editorelement .align_justify,
.content .editorelement .text-align_justify { text-align: justify; }
.content .editorelement span.underlined,
.content .editorelement span.underline,
.content .editorelement .underline { text-decoration: underline; }
.content .editorelement .user-box {
    padding: 1em;
    background: #eaeade;
    border-radius: 5px;
}
.content .editorelement iframe { background: white; }
.content .editorelement a.file_object {
    padding: 0.5em;
    text-decoration: none;
}
.content .editorelement .file_object img,
.content .editorelement .file_object span { margin-right: 0.5em; }

  .youtube_wrapper {
   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px; height: 0; overflow: hidden;
   width: 100% !important;
   height: 100% !important;
 }
 .youtube_wrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
 }

/* Editorelement - Tables */
.content .editorelement table {
    border-collapse: collapse;
    float: none;
}
.content .editorelement table td {
    vertical-align: top;
    padding: 0.3em;
}
.content .editorelement table .valign_top,
.content .editorelement table .vertical-align_top { vertical-align: top; }
.content .editorelement table .valign_middle,
.content .editorelement table .vertical-align_middle { vertical-align: middle; }
.content .editorelement table .valign_bottom,
.content .editorelement table .vertical-align_bottom { vertical-align: bottom; }
.content .editorelement table .valign_baseline,
.content .editorelement table .vertical-align_baseline { vertical-align: baseline; }
.content .editorelement table.bordered-user-table {
    border: solid 1px #cccccc;
    border-bottom-width: 0;
    border-right-width: 0;
}
.content .editorelement table.bordered-user-table td {
    border: 1px solid #cccccc;
    border-top-width: 0;
    border-left-width: 0;
}
.content .timetable {width:100%;max-width:100%;}
.content .editorelement .timetable td {
   font-size:1em !important;
}
.content .editorelement .timetable td p {
   font-size: .8em !important;
}
.content .editorelement table.outlined-user-table { border: solid 1px #cccccc; }
.content .editorelement table.outlined-horizontal-user-table {
    border: solid 1px #cccccc;
    border-bottom: 0 none;
}
.content .editorelement table.outlined-vertical-user-table {
    border: solid 1px #cccccc;
    border-right: 0 none;
}
.content .editorelement table.vertical-user-table { border-left: solid 1px #cccccc; }
.content .editorelement table.outlined-horizontal-user-table td,
.content .editorelement table.horizontal-user-table td { border-bottom: solid 1px #cccccc; }
.content .editorelement table.outlined-vertical-user-table td,
.content .editorelement table.vertical-user-table td { border-right: solid 1px #cccccc; }

/*------ IPS forms -ipsform -----*/
.ipsform li.error {
    background: none;
    border: none;
    padding: 0;
    margin-bottom: 0;
}
.ipsform ul,
.ipsform ol {
    padding: 0;
    margin: 0;
    list-style: none;
}
.ipsform legend { visibility:hidden; position: absolute; left: -9999px; }
.ipsform span.required,
.ipsform span.mandatory,
.ipsform li.error, .ipsform li.error p,
.ipsform li label.error, .ipsform li p.error { color: #8a1f11; }
.ipsform li {
    position: relative;
    z-index: 1;
    clear: both;
}
.ipsform li.error input,
.ipsform li.error select,
.ipsform li.error textarea { background-color: #8a1f11; }
.ipsform li.separate { margin-bottom: 1.667em; }
.ipsform li.afterseparate { clear: both; }
.ipsform li.size_one_liner, .ipsform li.form_captcha {
    float: left;
    clear: none;
    width: 50%;
}
.ipsform li.form_password {
    float: left;
    clear: none;
    width: 50%;
    clear: both;
    margin-right: 50%;
}
.ipsform li.form_captcha,
.ipsform li.username {
    clear: both;
    margin-right: 50%;
}
.ipsform li.size_one_liner input,
.ipsform li.size_one_liner textarea { width: 90%; }
.ipsform li.form_password input,
.ipsform li.form_captcha input { width: 90%; }
.ipsform li label {
    display: block;
    margin-bottom: 0.167em;
    margin-right: 1.667em;
}
.ipsform li.form_text input {
    display: block;
    margin-bottom: 0.667em;
    margin-right: 1.667em;
    border: 1px solid #cccccc;
}
.ipsform li.form_fileinput input { margin-bottom: 0.667em; }
.ipsform li.form_checkbox {
    position: relative;
    z-index: 1;
}
.ipsform li.form_checkbox input { margin: 0.417em 0px 0.833em 0px; }
.ipsform li.form_checkbox label {
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 0.417em;
}
.ipsform li.form_radio_button_group input { margin: 3px 0.417em 3px 0px; }
.ipsform li input.submit {
    clear: both;
    margin-right: 0.417em;
    font-size:1.4em;
    background:#111;
    color:#fff;
    padding:.5em 1.5em .5em 1.5em;
    margin: 1em 0 0 0;
    border:0px;
    -webkit-border-radius: 1.2em;
    -moz-border-radius:1.2em;
    border-radius: 1.2em;
}
.ipsform li input.submit:hover {background:#333;}

.ipsform select, .ipsform .form_text input,
.ipsform .form_password input, .ipsform .form_captcha input {
    width: 98%;
    padding: 0.5em;
}
.ipsform select option { padding: 0 0.417em 0 0.25em; }
.ipsform textarea {
    width: 95%;
    margin-bottom: 0.667em;
}
.ipsform select { margin-bottom: 0.667em; }
.ipsform span.error {
    border-radius: 0.333em;
    display: block;
    background-color: white;
    border: 1px solid #8a1f11;
    position: absolute;
    z-index: 5;
    padding: 0.417em;
    top: -0.417em;
    right: 20px;
    width: 50%;
    font-size: 1em;
}

/* IPS module - Search Form */

/* header search */
.search_folder {
    position: relative;
}

.templatelabel_frontpage .search_folder {
    position: static;
}

.header .search_form .submit input {
    display:none;
}
.header .search_form,
.header_search_form {
    padding:.5em;
    position: absolute;
    top:43px;
    left:-64px;
}

.header .search_form {
    font-size:1.2rem;
    width:150px;
}

.header .search_form li.query {
    border:none;
}

.header .search_form .query input,
.menu_search_query {
    display: block;
    width:150px;
    font-size:.9em;
    padding:.25em;
    border:1px solid #222;
}

.search_form {
    margin-bottom: 2em;
    /*  background:rgba(255,255,255,0.8); */
    padding: 0 0 9px;
    border-radius: 3px;
    max-width:1250px;
    width: 80%;
    margin: 0 auto 10px;
    position: relative;
}
.search_form fieldset {


}
.search_form ol { width: 100%; border-radius: 3px; }
.search_form li.query {
    position: relative;
    height: 50px;
    margin-bottom: 12px;
    border-bottom: 1px solid rgba(0,0,0,0.2);
    background: #fff;
    border-radius:3px;
}
.search_form li.submit {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
}

.search_form .radio_buttons {
    padding: 0 15px;
}
.search_form .radio_buttons label {
    margin-right: 5px;
    font-size: 1.6em;
}
.search_form .radio_buttons input {
    margin-right: 15px;
}
.search_form label,
.search_form input { font-size:2em; }
.search_form input.query {
    padding:0;
    font-size: 2em;
    background: none;
    border: none;
    position: absolute;
    z-index: 2;
    top: 10px;
    left: 14px;
    right: 77px;
    bottom: 8px;
    width:90%;
}

.module_search dt.query {
    display:none;
}
.module_search .search_form input.query {
    clear:both;
    position:static;
    top:auto;
    left:auto;
    right:auto;
    bottom:auto;
}

.module_search .query_input {
    clear:both;
    width:100%;
}

.module_search li.query input {
    border:1px solid #ccc;
    width:89%;
    font-size:12px;
    font-size:1.2rem;
    padding:.5em 1em .5em 1em;
}

.module_search .search_form li.query {
    border:0;
}

.module_search li.submit input {
    font-size:12px;
    font-size:1.2rem;
    padding:0;
    box-shadow:none;
    border-radius:0;
    border:1px solid #000;
    padding:.5em 1em .5em 1em;
}

.module_search .search_form {
    margin:0;
}
/*.search_form input.query {
  padding:1em 0.6em 0em;
  font-size: 2em;
  background: #fff;
  border-radius:0.5em;
  _position: absolute;
  z-index: 2;
  top: 0;
  width: 95%;
  left: 0;
  right: 0;
  border: none;
  box-shadow:inset 0 0 3px #444;
  }*/
.search_form input:focus {
    outline: none;
}
.search_form input.button {
    padding: 0.9em 0.9em 0.5em;
    color: #fff;
    border: none;
    background: #222;
    border-radius:0 3px 3px 0;
    box-shadow:0 0 3px #444;
}
.search_form input.button:hover {
    background: #000;
    box-shadow:0 0 3px #000;
}

/* nav_main */
#nav_main {
    float: left;
    display: none;
} /* This need to be replaced */
.nav_main {
    margin-left: 10%;
    width: 100%;
}
.nav_main > li { margin: 0 10px; }
.nav_main li { float: left; }
.nav_main li.last { border: none; }
/**/
.fixed .nav_main a {
    color:#fff;
}
.nav_main a {
    display:block;
    font-weight:400;
    letter-spacing:-0.01em;
    color:#111;
}


/*.background--dark li  a,
.background--dark .nav_support li.fa:before,*/
.background--dark div.fa {
    color:#fff !important;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
}
/*.background--light li  a,
.background--light .nav_support li.fa:before,*/
.bacgrround--light div.fa  {
    color:#111 !important;
}
/*.background--complex li a,
.background--complex .nav_support li.fa:before,*/
.background--complex div  {
    color:#fff !important;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.2);
}
.nav_main > li > a {
    font-size: 2.1em;
    padding-top: 16px;
    font-weight:600;
}
.nav_main > li > a.navigated { color: #d3d3d3; }
.nav_main li li a.navigated { text-decoration: underline; }
/**/
.nav_main > li > ul {
    display: none;
    position: absolute;
    background: #222;
    margin: 0 auto;
    max-width: 1250px;
    top: 60px;
    right: 0;
    left: 0;
    line-height: normal;
    z-index: 9999;
    padding: 10px 10px 0;
    box-sizing: border-box;
    opacity:.9;
}

/* nav_main: lvl 2 */
.nav_main > li > ul > li {
    width: 28.5%;
    margin: 2.2%;
}
#nav_main .nav_main > li > ul > li > a,
#nav_main .nav_main > li > ul > li > span {
    margin-bottom: 15px;
    font-size: 2.1em;
    font-weight:700;
}
#nav_main .nav_main > li > ul > li  a,
#nav_main .nav_main > li > ul > li > span {
    color:#fff !important;
}
/* nav_main: lvl 2   */
.nav_main li li li {
    float: none;
    margin-bottom: .5em;
}
.nav_main li li li a { font-size: 1.7em; }

#nav_main .nav_main ul ul {padding-top:10px;}

/* quick hide, should be changed */
.nav_main li li li ul { display: none; }

a.menu_icon {
    position:relative;
    font-size:10px;
    color:#111;
    display: block;
    width:45px;
    height:52px;
    padding-top:8px;
    float:right;
    margin-top:0px;
    text-align:center;
    overflow:hidden;
    text-decoration:none;
}
a.menu_icon .fa-bars {
    position:relative;
  /*2017!!!  color:#fff; */
    font-size:3.2em;
    display:block;
    overflow:hidden;
    height:4em;
}

.background--light a.menu_icon .fa-bars {
    color:#111;
}

nav#nav_support_footer {
    /* display:none;*/
    background:#222;
}

.nav_support_footer .fa {
    font-family:'Open Sans', Arial, sans serif !important;
}

nav#nav_support_footer > ul > li {
    display:none;
}

nav#nav_support_footer > ul > li.parent {
    display:block;
}

nav#nav_main_footer {
    clear: both;
    /*margin: 14px 0 14px;*/
}
.templatelabel_gingerbreadpoll_en nav#nav_main_footer,
.templatelabel_gingerbreadpoll nav#nav_main_footer,
.templatelabel_master nav#nav_main_footer,
.templatelabel_masterEn nav#nav_main_footer, {
    margin: 0 -3.33%;
    /*padding:14px 0; */
}

.nav_main_footer {
    background:#222;
}

.nav_main_footer > li ul {
    display:none;
}

.nav_main_footer li.parent {
    border:0;
}

.nav_support_footer a,
.nav_support_footer span,
.nav_main_footer a,
.nav_main_footer span {
    color:#fff;
    font-size:2em;
    display:block;
    padding-left:5%;
    padding-top:2.5%;
    padding-bottom:2.5%;
    border-bottom:1px solid #545454;
}

.nav_support_footer span,
.nav_main_footer span {
    cursor:pointer;
}

.nav_support_footer > li > ul,
.nav_main_footer > li > ul {
    background: #3b3b3b;
}

.nav_support_footer > li > ul,
.nav_main_footer > li > ul {
    background: #3b3b3b;
}

/*.nav_main_footer > li.parent.navigated > ul {display:block;}*/

.nav_support_footer li > ul > li > a,
.nav_main_footer li > ul > li > a {
    padding-left:5%;
}

.nav_support_footer li > ul > li > ul > li > a,
.nav_main_footer li > ul > li > ul > li > a {
    padding-left:7.5%;
    color:#fff !important;
}

.nav_support_footer li > ul > li > ul > li > ul > li > a,
.nav_main_footer li > ul > li > ul > li > ul > li > a {
    padding-left:10%;
    color:#fff !important;
}

/* nav_sub */
.nav_sub {
    display: none;
    width: 20%;
    float: right;
}
.nav_sub li { }
.nav_sub a {
    font-size: 1.2em;
    padding:0.5em 0.5em 0.3em;
    display:block;
}
.nav_sub a:hover { opacity: 0.5; }

/* nav_support */
.nav_support {
    display:none;
    float: right;
    position: relative;
    top: 18px;
}
.nav_support > li {
    float: left;
    position: relative;
    line-height: 26px;
    height: 26px;
}
.nav_support a {
    color:#111;
    font-size: 1.5em;
    display:block;
    text-decoration: none;
}
.fixed .nav_support a {color:#fff;}

.nav_support > li > a { position: relative; }
/* Dropdown */
.nav_support > li > ul {
    display: none;
    background: #222;
    padding:16px 20px 14px;
    position: absolute;
    left: -20px;
    right: -33px;
    top: 42px;
}
.nav_support > li.fa > ul li a {
    color:#fff;
    position:relative;
}
.nav_support > li > ul a:hover { text-decoration: underline; }

/* nav_support: search */

.nav_support > li.fa > a {
    position:absolute;
    left:0px;
    top:0px;
    width:26px;
    height:26px;
    text-indent:-9999px;
    background:#111;
    opacity:0;
    filter: alpha(opacity=0);
}
.nav_support > li.fa.fa-angle-down > a {
    opacity:1;
    filter: alpha(opacity=100);
    background-color:transparent;
}
.nav_support li.fa:before a li a {color:#fff !important;}
.fixed .nav_support li.fa:before a li a {color:#111;}

/* nav_support: language */

.nav_support li.fa.fa-angle-down  {
    width:100px;
}
.nav_support li.fa.fa-angle-down a {
    text-indent:0px;
    width:110px;
    font-size:11px;
    font-size:1rem;
    font-weight:600;
    font-family: "Open Sans", Arial;
    text-indent:20px;
}

#header.fixed .nav_support li.fa.fa-angle-down ul li a {color:#fff !important;}

/* nav_support: social media icons */

.fixed .nav_support li.fa {color:#fff;}
.fixed .nav_support li.fa ul li a {color:#111 !important;}
.nav_support li.fa ul li a {color:#fff !important;}
.nav_support li.fa {
    color:#111;
    display:block;
    width:26px;
    height:26px;
    font-size:3em;
    font-weight:normal;
    margin-left:.15em;
}
.nav_support li.fa:hover {opacity:.7;}


/* nav_footer */
#nav_footer { display:none; }
.nav_footer li li {
    float: left;
    width: 25%;
}
.nav_footer li li ul { margin-top: 0.5em; }
.nav_footer li li li {
    float: none;
    margin-bottom: 0.5em;
    width: 100%;
}
.nav_footer li li li ul {
    display: none; /*replace, visuallyhhidden*/
}
.nav_footer > li > a { display: none; }
.nav_footer a {
    color: #fff;
    font-size: 2em;
}
.nav_footer li li li a { font-size: 1.6em; line-height: 1,2; }
/* nav_breadcrumbs */
.nav_breadcrumbs {
    margin: 0 0 0.5em;
    padding: 0 0 0.8em 0.1em;
    font-size: 1.3em;
}
.nav_breadcrumbs li,
.nav_breadcrumbs span {
    float: left;
    margin:0 0.5em 0 0;
}
.nav_breadcrumbs .first span { display: none; }
.nav_breadcrumbs,
.nav_breadcrumbs a { color: #222; }

/* no script */
.old_browser,
.noscript {
    position: absolute;
    text-align: center;
    top:50px;
    left:0;
    right:0;
    background:yellow;
    padding:1em;
    font-size:1.4em;
    border-bottom:1px solid black;
    z-index:99;
}

/* -------------------------------------------------------
## Primary styles / Mobile first
## Author:
## Changelog:
---------------------------------------------------------- */

iframe {border:0px;}

/* mobile size logo */
#header h1 a {
    background-size: 90% !important;
}

/* backgroundCheck logo */

.header h1 a {
    width:182px;
    height:20px;
    background:url(../GFX/logo.png) no-repeat;
}
.header.fixed h1 a {
    background:url(../GFX/logo_negativ.png) no-repeat;
}
/*.header .background--light h1 a {
    background:url(../GFX/logo.png) no-repeat;
}
.header .background--dark h1 a {
    background:url(../GFX/logo_negativ.png) no-repeat;
}*/

/* special menu items mobile */
#nav_main .respMenu {
    display:block !important;
    visibility: visible !important;
}

#transLogoHelper {
	position:absolute;
	display:block;
	width:106%;
        margin: 0 -3%;
	height:80px;
	z-index:1;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0.65+0,0+100;Neutral+Density */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}

.templatelabel_master #transLogoHelper,
.fixed #transLogoHelper {display:none;visibility:hidden;}

/* EVENTS FILTER */

.filters,
.activity_filters {
    margin:0 0 0 1%;
    padding: 0 0 20px 0;
    display:block !important;
    width:98%;
}
.filters:after,
.activity_filters:after {
    display:block;
    content:'';
    clear:both;
}

#ui-datepicker-div .ui-widget {
    font-size:1.3em !important;
    font-family:inherit !important;
}

.filters ul,
.filters li,
.activity_filters ul,
.activity_filters li {
    list-style-type:none;
    margin:0 0 0 0;
    padding: 0 0 0 0;
}

.filters li,
.activity_filters li {
    float:left;
    display:block;
    white-space: nowrap;
    margin: 0 5px 0 0;
    width:90%;
}

.filters li label,
.activity_filters li label
{
    display:block;
    width:100%;
    font-size:1.5em;
}

li.datepicker {
    position:relative;
}
.filters .hasDatepicker,
.activity_filters .hasDatepicker {
    width:6em;
    padding:4px 3px 4px 2em;
    float:left;
    position:relative;
    background:transparent;
    z-index:10;
}

.datepicker .fa {
    background:#fff;
    font-size:1.8em;
    padding:.3em;
    position:absolute;
    left:0px;
    width:6.1em;
    z-index:0;
}

.filters select,
.filters input,
.activity_filters select,
.activity_filters input {
    padding: 3px;
    font-size:1.5em;
    height:auto;
    border:0px;
}

.article_carousel .summary a:hover figure {
    opacity:1;
}
.summary a:hover figure {
    opacity:.8;
}
#main .summary a:hover {
    text-decoration:none !important;
}

.main li.submitwrapper .submit {
    position:relative;
    text-indent:-9999px;
    display:block;
    z-index:10;
    height: 30px;
    width: 40px;
    background-color:#111;
    opacity:0;
    filter: alpha(opacity=0);
}

#main li.submitwrapper {
    position:relative;
    margin-top:2em !important;
}

#main .submitwrapper .fa.fa-search {
    position:absolute;
    left:0px;
    top:0px;
    z-index:1;
    height:30px;
    width:40px;
}

#main .submitwrapper .fa.fa-search:before {
    font-size:2.8em;
    color:#111;
}

#main .next-wrapper {
    padding:1em;
    font-size:13px;
    font-size:1.3rem;
}


.nav_breadcrumbs {display:none;visibility:hidden;}

a.cta {
    background:#111;
    font-size:1.3em;
    color:#fff !important;
    font-weight:400;
    position:relative;
    display:inline-block;
    width:auto;
    padding:.5em 2em .5em 2em;
    -webkit-border-radius: 1.2em;
    -moz-border-radius:1.2em;
    border-radius: 1.2em;
    text-decoration:none !important;
    margin:.5em 0 .5em 0;
}
.next-wrapper a.cta {font-size:.9em;display:block;margin:0 0 0 0;padding:.3em 1.5em .3em 1.5em;}
.next-wrapper {display:block;float:left;}

a.cta:hover {background:#444;text-decoration:none !important;}

ul.grid3, ul.grid4 {
    margin: 0 -1% 0 -1%;
    padding: 0 0 0 0;
    list-style:none;
}

.content article.summary,
.grid3 li.summary {
    float: left;
    width: 100%;
    box-sizing:border-box;
    padding: 0 1% 5em 1%;
    position: relative;
    list-style:none;
    margin:0 0 5px 0;
}

.grid4 li.summary {
    float: left;
    width: 100%;
    box-sizing:border-box;
    padding: 0 1% 5em 1%;
    position: relative;
    list-style:none;
    margin:0 0 5px 0;
}

/* figureless */
#activities.grid4.figless li.summary figure {
    background-image: none !important;
    display:none;
    visibility:hidden;
}
#activities.grid4.figless li.summary {
    float:none;
    width:auto;
    margin:0 1% 0 1%;
    padding:.5em 1em 1em 1em;
    height:auto;
}

#activities.grid4.figless li.summary:nth-child(odd) {
    background:#f7f7ef;
}


#go-down {
    position:absolute;
    background:#222;
    width: 60px;
    height:45px;
    left: 50%;
    bottom:0px;
    margin: 0 0 0 -30px;
    padding:0 0 0 0;
    text-align:center;
    z-index:100;
    opacity:.7;
    overflow:hidden;
    visibility:hidden;
}
#go-down a {
    color:#fff;
    display:block;
    text-decoration:none;
    font-size:7em;
    line-height:.7em;
    padding:0 0 0 0;
    margin:0 0 0 0;
    cursor:pointer;
}
#go-down:hover {
    opacity:.9;
}

.content .article .article_image_wrap {
    margin:0 -3% 0 -3%;
    width:106%;
}

.noimg .content article.summary {
    height:auto !important;
}

.noimg .summary figure {
    display:none !important;
    visibility:hidden;
}

.templatelabel_frontpage html,
.templatelabel_frontpage body { height: 100%; }
body {
    color: #222;
    background: #fff;
}
body > img { display: none; }

/* typography */

.summary > a {
    display:block;
}

.section h2,
.content > h2 {
    font-size: 2em;
    line-height: 130%;
}
h3,
.summary h2 {
    font-size: 2em;
    line-height: 1.2;
    margin:0 0 0.1em;
}

.article_bottom h3 {
    margin-bottom:.5em;
}

.section > h2,
.section .content > h2,
.section > p,
.section .content > p  {
    margin: 0 0 1em 1%;
}

#activities .content > h2,
#exhibitions .content > h2
{margin: 0 0 .5em 1%;}

.section > h2,
.section .content > h2 {
    font-weight:400;
    font-size:3em;
}

.article_content > h2 {
    font-size:2.2em;
    line-height:125%;
    margin-top:0px;
    -webkit-margin-before:0px;
    padding-top:0px;
}

.article_bottom .summary h4 {
    font-size:1.5em;
    line-height:130%;
    font-weight: 700;
}

.article_aside h4 {
    font-size:2em;
    font-weight:600;
    -webkit-margin-before: .5em;
    -webkit-margin-after: .5em;
}

p, p.desc {
    font-size: 1.2em;
    margin: 0 0 .7em;
}

.gavemedlemskap p.desc, p.desc {
    font-weight:600;
}

.reciept {
    white-space: pre-line;
}

.section > p,
.section .content > p {
    margin-bottom: 2em;
    font-size: 1.8em;
}
.summary h3,
.summary p { word-wrap:break-word; }
.summary a:hover h3,
.summary a:hover h2 { text-decoration: underline; }

.section.search h2,
.section.search p,
.section.calendar > h2,
.section.calendar > p { color: #fff; }
.section.search h2,
.section.search p { text-shadow: 0 0 10px #222; }
.section.search h2 { margin-bottom: 1em; }
.section.search p { display: none; }

/* Summary */
.summary a { text-decoration: none; }
.content > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.content .summary {
    width: 100%;
    float: none;
}

/*.content .summary:nth-child(2n) { margin-left:0; }  */


.summary .date {
    font-size: 1.6em;
    margin-top: -8px;
    color: #666;
    list-style: none;
}
/* Article */

.image_gallery {
    width:106.4%;
    height:auto;
    padding:0 0 0 0;
    margin: 0 -3% 20px -3.2%;
}

#container .galleria-info-title {
    display:none !important;
    visibility:hidden;
}
.galleria-thumbnails-container {
    display:none;
    visibility:hidden;
}

.content .article.first .article_content {
    margin:30px 0 40px 0;
}

.content .article_content {
    width: 100%;
    position: relative;
}

.content .article_aside {
    width:99%;
    position: relative;
    padding: 0 0 10px 0;
    margin-top:30px;
      }

.content .article_aside a {
    text-decoration:underline;
    color:#000;
}
.content .article_aside a:hover {color:#222;text-decoration:underline;}

.content .article > h2 {
    margin: 0.2em 0 0.5em 0;
    font-size: 2.5em;
    line-height: 1.1;
}

.content .article p.text {
    font-size: 2em;
    font-weight: 600;
    line-height:135%;
    padding:.5em 0 0 0;
}
.content .article.first > figure { margin-bottom: 5em; }
.content .summary figure { margin-bottom: 1em; }
.templatelabel_frontpage .content .summary figure {margin-bottom: 0;}

.content .article figure figcaption {
    clear: both;
    position: absolute;
    top: 101%;
    left:3%;
    font-size: 1.4em;
    color:#333;
}

.content .article_aside .aside_info {
    padding:0 0 20px 0;
}

.aside_info td, .aside_info p {
    font-size:1.5em !important;
}
.aside_info p { padding:.5em 0 .5em 0;margin:0 0 0 0;}

.content .article_aside .aside_info ul,
.content .article_aside .aside_info ol {
    font-size:1.5em;
    padding: 0 0 0 2em;
}

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

/* 16:9 aspect ratio viewport magic */
.content .article figure,
.content .summary figure {
    display: inline-block;
    position: relative;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    background-position: center center;
    padding: 0;
}
.content .article figure:after,
.content .summary figure:after {
    padding-top: 56.25%; /* = 16:9 */
    display: block;
    content: '';
}
.content .article figure img,
.content .summary figure img { display: none; }
/**/

.article .social_media {
    list-style: none;
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: 1px solid #999;
}

.article .social_media li {
    margin:0 1em 0 0;
    float: left;
    width:32px;
    height:32px;
    display:block;
    position:relative;
}

.article .social_media li .fa:before {
    color:#111;
    position:absolute;
    left:0px;
    top:0px;
    text-indent:0px !important;
    font-size:38px;
}
.article .social_media li .fa:hover {opacity:.8;}
.article .social_media li .stButton {margin:0 0 0 0;z-index:10;}
.article .social_media li .stLarge {
    display:block;
    background-image:none !important;
    background-color:#000;
    opacity:0;
    filter: alpha(opacity=0);
}

*/

.byline {
    font-size: 1.8em;
    color: #222;
    border: 1px solid #999;
    border-width: 0 0 1px;
    margin:0 0 30px;
    padding: 0 0 30px;
    list-style: none;
}

.byline li {
    float: left;
    margin-right:1em;
}

.relations h3 {
    font-size: 2em;
    margin-bottom:0.2em;
}
.relations ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.relations li { margin-bottom: 1em; }
.relations a {
    font-size: 1.6em;
    text-decoration: underline;
    line-height: 1.4;
}
.relations a:hover { text-decoration: none; }

/* GINGERBREAD */
.templatelabel_gingerbreadpoll_en .section,
.templatelabel_gingerbreadpoll .section {
    padding:0;
}

.templatelabel_gingerbreadpoll_en ul.contest,
.templatelabel_gingerbreadpoll ul.contest {
    padding:0;
    margin: 0;
}

.templatelabel_gingerbreadpoll_en .contest li.summary h2,
.templatelabel_gingerbreadpoll .contest li.summary h2 {
    font-size: 2em;
}
.templatelabel_gingerbreadpoll_en .contest li.summary,
.templatelabel_gingerbreadpoll .contest li.summary {
    height: 620px;
}
.templatelabel_gingerbreadpoll_en .contest li.summary p,
.templatelabel_gingerbreadpoll .contest li.summary p {
    font-size: 1.3em;
}

.templatelabel_gingerbreadpoll_en .contest img,
.templatelabel_gingerbreadpoll .contest img {
    width:100%;
}

.templatelabel_gingerbreadpoll_en .vote,
.templatelabel_gingerbreadpoll .vote {
    display: block;
    background: black;
    color:white;
    padding: 0.5em 1em;
    font-size: 1.5em;
    width:34px;
}
/* containers */
.templatelabel_gingerbreadpoll_en .main,
.templatelabel_gingerbreadpoll .main,
.header .container,
.footer .container,
.section .container,
.templatelabel_master .main,
.templatelabel_http404 .main,
.templatelabel_masterEn .main {
    max-width: 1250px;
    margin: 0 auto;
}
.header .container { position: relative;overflow:hidden; z-index:2;}

.templatelabel_gingerbreadpoll_en .main,
.templatelabel_gingerbreadpoll .main,
.templatelabel_master .main,
.templatelabel_masterEn .main { padding:0 3% 40px 3%;}

/* header */
.header {
    z-index: 9999; /* in memory of... */
    padding:0 3%;
    height: 50px;
}

body.templatelabel_frontpage {background-color:#f7f7ef;}

.templatelabel_frontpage #header {
    position: absolute;
    left: 0;
    right: 0;
    top:0;
    margin:0;
}

.templatelabel_frontpage #header.fixed {
    position: fixed;
}

.templatelabel_frontpage #header {
    background:none !important;
}

#header.header.fixed .fa-bars {
    color:#111 !important;
}

/*2017!!!
.module_search #header.header,
.module_articles #header.header {
    background: #111;
}*/

#header.header.fixed h1 {
    display:none;
}

.header h1 {
    margin: 0;
    float: left;
    position: relative;
    top: 16px;
}
.header h1 a { display:block; }

/* footer */
.footer {
    background: #222;
    padding: 100px 3% 80px;
}
.footer,
.footer a { color: #fff; }
.footer p a { text-decoration: underline; }
.footer p a:hover { text-decoration: none; }
.footer nav {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.footer .nav_footer > li > a {
    font-size: 2em;
}
.footer .editorelement {
    clear: both;
    padding-top: 50px;
}
.footer .editorelement h2 {
    font-size: 2em;
    margin:0;
}
.footer .editorelement p {
    font-size: 1.6em;
}

.footer .social_media {
    width:auto;*/
margin-bottom: 55px;
}

.footer .social_media h2 {
    font-size: 1.8em;
    margin: 0 0 0.5em;
}
.footer .social_media ul {
    margin: 0;
    list-style: none;
    padding: 0;
}
.footer .social_media li {
    display:block;
    margin:0 2em 0 0;
    float: left;
    width: 32px;
    height: 36px;
    overflow: hidden;
}

.social_media a {
    display: block;
    font-size: 1.6em;
    line-height: 1;
    color:#fff;
}

.social_media a span.fa {
    color:#fff;
    font-size:2.5em;
    margin-right:8px;
}

/*--- Sections ---*/
.section {
    box-sizing:border-box;
    padding:80px 3% 80px;
}
.section .nav_section {
    margin: 0 auto;
    max-width: 680px;
}

.section .nav_section li:nth-child(2) {
    margin: 0;
}
.section .section_url,
.section .nav_section a {
    padding-top: 20px;
    color:#555;
    font-size: 3em;
    display: block;
    text-align: center;
    text-decoration: none;
}
.section.calendar .section_url { color: #fff; }
.section a:hover { text-decoration: underline; }
.section#news .nav_section a:after { content: ' \203A'; }

/* section: carousel */
.section.carousel {
    position: relative;
    width: 100%;
    margin:75px auto 0 auto !important;
    padding:0 0 0 0 !important;
    max-width:1250px;
    max-height:60%;
}
.section.carousel,
.article_carousel {
    padding:0;
    margin:0;
    overflow: hidden;
}
.article_carousel,
.article_carousel li,
.article_carousel a {
    height: 100%;
    width: 100%;
}
.article_carousel figure {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index:9;
}
.article_carousel .summary a:hover h2 { text-decoration: none; }

/* cycle pager and prev/next */

.cycle_pager {
    display:none;
    position: absolute;
    bottom: 1%;
    left: 0%;
    right: 0%;
    z-index: 999;
    text-align: center;
}
.cycle_pager span { font-size: 6em; opacity:.5;}
.cycle_pager .cycle-pager-active,
.cycle_pager span:hover { opacity:1; }

.cycle_pager span:hover,
.cycle_next:hover,
.cycle_prev:hover { cursor: pointer; }

.cycle_next,
.cycle_prev {
    opacity:.7;
    position: absolute;
    top: 45%;
    margin-top:-30px;
    z-index: 999;
    height: 60px;
    width: 45px;
    line-height: .9em !important;
    text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
    font-size: 7em;
    font-weight:normal;
    padding:top:0px;
    text-align:center;
}
.cycle_prev { left:0px; }
.cycle_next { right:0px; }
.cycle_next:hover,
.cycle_prev:hover { opacity:1; }

.cycle_prev {
}
.cycle_next {
}

/* section: carusel: summary */
.article_carousel figure {
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
}
.article_carousel img { display:none ; } /* should be visibillityhidden-class */
.article_carousel .summary_text_wrap {
    position: absolute;
    bottom: 0%;
    left: 0;
    right: 0;
    max-width: 1250px;
    box-sizing: border-box;
    margin: 0 auto;
    z-index: 999;
}

.article_carousel h2 {
    font-size: 1.5em;
    font-weight: 700 !important;
    line-height:130%;
}
.article_carousel p { line-height:130%; }

.article_carousel .summary_text_wrap {
    padding:1em 2em 1.5em 2em;
}

.article_carousel .summary_text_wrap {
    background-color: rgba(255,255,255,.6);
}

.article_carousel .summary_text_wrap h2,
.article_carousel .summary_text_wrap p {
    position:relative;
    color: #000;
}
.article_carousel .summary_text_wrap p strong {
    font-weight:normal;
}

/*FRONTPAGE NEWSLETTER */
.section-newsletter {
	width:1250px;
        max-width:90%;
	position:relative;
	display:block;
	margin:0 auto 40px auto;
	text-align:center;
}
.section-newsletter h2 {font-size:2.5em !important;margin:20px 0 0 0;}

#SubscriberForm.newsletter-front {
	position:relative;
	display:block;
	width:500px;
	height:40px;
	background:#fff;
	max-width:100%;
	border:1px solid #444;
	margin:0 auto;
}

#SubscriberForm.newsletter-front input {
	position:relative;
	float:left;
	border:none;
	display:block;
	height:40px;
        font-size:2em;
	background:none;
	padding:0 10px;
	outline:none;
	max-width:50%;
}

#SubscriberForm input.cta {
	position:relative;
	display:block;
	float:right;
        background:#111;
        color:#fff !important;
        font-weight:400;
        width:auto;
	height:40px;
        padding:5px 10px 5px 10px;
	margin: 0;
	border:none;
        text-decoration:none !important;
	box-shadow:none;
	max-width:40%;
}
#SubscriberForm input.cta:hover {background:#444;text-decoration:none !important;}

/* section: EVENTS */
.section#exhibitions,
.section#news,
.section#activities {
    background: #eaeade;
}

.templatelabel_frontpage .section#exhibitions {
    margin-bottom:0px;
    padding-bottom:0px;
}

.section#locations {
    background: #f7f7ef;
}

.section#exhibitions h3 {
    font-size:2.1em;
}
.section#activities h3 {
    font-size:1.8em;
}

.grid4 h4 {
    margin:0 0 0 0;
}

p.summary_text,
p.show_date {
    line-height:140%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size:1.5em;
    font-weight:400;
}
.article .grid4 p.summary_text,
.article .grid4 p.show_date {
    line-height:140%;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    font-size:1.45em;
    font-weight:400;
}
.article p.show_date {
    font-size:2em;
    font-weight:600;
}
p.show_date .fa {
    width:1.4em !important;
    opacity:.75;
}
.carousel p.show_date .fa {display:none; visibility:hidden;}

.grid4 .content, .grid3 .content {
    width:100%;
    display:block;
    overflow:visible;
    margin:0 0 0 0;
}

/* section: calendar */
.section.calendar {
    padding: 50px 0;
    background: #353433;
}
.section.calendar > h2 { margin: 0; }
/* section: visit */


/* section: search */
section.sub_search,
.section.search {
    background: #eaeade;
    padding:1.5em 0 0.5em 0;
 /*   border-bottom:1px solid #303030;*/
}
.section.search .caption {
    display:none;
}
/* search results */
.module_search h2 { margin-bottom: 0.1em; }
.module_search .query_info {
    margin: 0 0 2em;
    font-size: 1.8em;
}
.module_search .query_info dl,
.module_search .query_info dt,
.module_search .query_info dd {
    float: left;
    margin: 0 1em 0 0;
}
.module_search .query_info .sort_info,
.module_search .query_info .sort_info d { clear: both; }
.module_search .query_info .sort_info { margin: 0; }
.module_search .query_info .sort_info a {
    margin:0 0.8em 0 0;
    text-decoration: underline;
}
.module_search .query_info .sort_info a:hover { text-decoration: none; }
/* search results : summary list */
.module_search .result_list { clear: both; }
.module_search .summary,
.module_search .summary.even,
.module_search .summary.last {
    clear: both;
    margin: 0 0 30px;
    width: auto;
    list-style: none;
}
.module_search .summary figure {
    display: none;
}

/* navigated search */

.g_search_form input[name=s] {
    width:69%;
    font-size: 2em;
    padding:1%;
    color:#666;
    border:1px solid #ccc;
}

.g_search_form {
    margin-bottom:3em;
}

.g_search_form input[name=s]:focus {
    border:1px solid #999;
    outline:none;
    color:#000;
}

.g_search_form input[name=submit_search] {
    font-size:2em;
    padding:1%;
    background:#000;
    border:1px solid #000;
    color:#fff;
    width:8%;
}

.gcse .search_results {
    padding: 0;
    list-style: none;
}

.gcse .search_results li {
    margin-bottom:3em;
}

.gcse h3 b {
    font-weight: bold;
    font-style: italic;
}

.gcse .summary_text b {
    font-weight: bold;
}

.module_search .pagelinks,
.gcse .pagelinks {
    list-style:none;
    padding:0;
    font-size:1.8em;
}

.module_search .pagelinks li,
.gcse .pagelinks li {
    float:left;
    padding:1em;
}

.module_search .pagelinks li > a,
.gcse .pagelinks li > a {
    width:100%;
}

.module_search .pagelinks li.active,
.gcse .pagelinks li.active {
    font-weight: bold;
    font-size: 1.5em;
    margin-top: -0.6em;
}

/**/
h2.employees {
    margin-top: -0.2em!important;
    margin-bottom: 0em!important;
}
table.employees {
    text-align: left;
    width: 100%;
    font-size: 2em;
}

.loader {
    background: url(../GFX/ajax-loader.gif) no-repeat top center;
    display:block;
    width:100%;
    height:35px;
    text-indent:-9999px;
}


/* Employee list */
#employee_list {
  margin:-10px -10px 30px;
  word-spacing:-10px;
}
#employee_list .mix {
  display:none;
  cursor:default;
  float:left;
  border-radius:10px;
  border:10px solid transparent;
  word-spacing:0;
  width:20%;
  box-sizing:border-box;
  /* TMP fix */
  /* width:99% !important; */
  height:90px;
  text-overflow:ellipsis;
}

#employee_list .mix.sectiontitle {
  width:100%;
  height:50px;
}
.mix.sectiontitle h3 {
  font-size:2.6em;
  font-weight:400;
}
.mix.sectiontitle.deptitle h3 {
  font-weight:700;
}

.mix h3 {font-size:1.9em;}

.mix .img {
/*  border-radius:10px 10px 0 0; */
  max-height:260px;
  overflow:hidden;
/*  border-bottom:1px solid rgba(0,0,0,0.3); */
}
.mix img {
  display:block;
  width:100%;
  /* TMP fix */
  display:none;
  visibility:hidden;
}
.mix .info {
  font-size:1.5em;
}
.mix .info span {
  font-weight:bold;
  margin-right:0.4em;
}
.mix h3,
.mix .email {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
#control_bar {
  margin:0;
  font-size:18px;
  clear:both;
  overflow:hidden;
}
#control_bar .group {
  float:left;
  margin:0 2.4em 0.6em 0;
}
#control_bar span.btn {
  display:inline-block;
  padding:4px 8px;
  background-color:rgba(0,0,0,0.5);
  color:#fff;
  margin:0 0 0.6em 0.6em;
  border-radius:10px;
  cursor:pointer;
}
#control_bar span.btn.active {background-color:#000;}
article.employee_article {
  margin:0;
}
#content article.employee_article p.text {margin:0; padding:0;}
#content article.employee_article .article_aside {display:none;}
#content article.employee_article .article_content {
  width:100%;
  float:none;
  margin-bottom:30px;
}

.expanded_employee .article_content.expanded {
  width:100%;
  float:none;
}
.expanded_employee .images {
  float:left;
  width:350px;
  margin:0 20px 20px 0;
/* TMP fix */
  display:none;
  visibility:hidden;
}
.expanded_employee .article_content > h3 {text-transform:capitalize;margin-bottom:0.4em;}
.expanded_employee .article_content > h3,
.expanded_employee .editorelement {clear:both;}
.expanded_employee dl {
  font-size:16px;
}
.expanded_employee dl dt {
  float:left;
  font-weight:bold;
  width:160px;
}
.expanded_employee dt, 
.expanded_employee dd {padding-bottom:10px;}
.expanded_employee dt a {
  padding: 5px 10px;
  border: 1px solid;
  border-radius: 10px;
  display: inline-block;
}
.expanded_employee figure {
  margin:0 0 1px!important;
  width:100%!important;
  display:block!important;
  /* TMP fix */
  display:none;
  visibility:hidden;
}
.expanded_employee .thumb {
  float:left;
  display:block;
  width:25%;
  /*height:57px;*/
  overflow:hidden;
  cursor:pointer;
  box-sizing:border-box;
  border-right:1px solid transparent;
  opacity:0.75;
}
.expanded_employee .thumb:hover,
.expanded_employee .thumb.active {opacity:1;}
.expanded_employee .thumb:last-child {border:0;}
.expanded_employee .thumb img {width:100%;display:block;}
.expanded_employee .overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:2;
  background-color:rgba(0,0,0,0.5);
  display:none;
}
.expanded_employee .article_image_wrap:hover .overlay {display:block;}
.expanded_employee .overlay .links {
  position:absolute;
  top:38%;
  width:100%;
  left:0;
}
.expanded_employee .overlay a {
  display:block;
  text-align:center;
  color:#fff;
  margin:5px;
  font-size:16px;
}
.expanded_employee .publications {
  margin-top:3em;
  /* TMP fix */
  display:none;visibility:hidden;
}
.expanded_employee .publications ul {
  list-style:none;
  padding:0;
  margin:0;
}
.expanded_employee .publications li {margin:1.5em 0 0;}
.expanded_employee .publications h4 {
  font-size:18px;
  margin:0 0 2px;
}
.expanded_employee .publications p {margin:0; font-size:16px; opacity:0.8;}
.expanded_employee .aside_info {
  margin: 30px 0 0 0;
  float: right;
  width: 34%;
}
@media only screen and (max-width: 1024px) {
  #employee_list .mix {width:33.33%;}
  .expanded_employee dl dt {width:140px;}
  .expanded_employee .aside_info {
    float:none;
    width:100%;
  }

}
@media only screen and (max-width: 720px) {
  #employee_list .mix {width:50%;}
  .expanded_employee .article_content > h3 {margin-top:3em;}
  .expanded_employee .images {float:none; width:100%;}
}
@media only screen and (max-width: 400px) {
  #employee_list .mix {width:100%;} 
  .mix .img {max-height:none;} 
  #control_bar span.btn {margin:0 0.6em 0.6em 0;}
  #control_bar label {display:block; margin-bottom:0.3em;}
  #control_bar {margin-bottom:0.6em;}
}

/* -------------------------------------------------------
## Media Queries for Responsive Design.
## These override the primary ('mobile first') styles
---------------------------------------------------------- */

@media only screen and (min-width: 480px) {

    .content li.summary {
        list-style:none;
        width: 48%;
        float:left;
        margin:0 1% 2em 1%;
        height:350px;
    }
    .module_search .content li.summary {
        height:auto;
    }
    .module_search .content li.summary:nth-child(odd) {
        margin:0 0 2em 0;
    }

    .grid4 .content, .grid3 .content {
        width:102%;
        display:block;
        overflow:visible;
        margin:0 -1% 0 -1%;
    }

    ul.grid3, ul.grid4 {
        margin: 0 0 0 -1%;
        padding: 0 0 0 0;
        list-style:none;
    }

    .content article.summary,
    .grid3 li.summary {
        float: left;
        width: 50%;
        box-sizing:border-box;
        padding: 0 1% 5em 1%;
        position: relative;
        height:350px;
        list-style:none;
        margin:0 0 0 0;
    }

    .content article.summary {
        width: 34.333333%;
        padding: 0 2% 5em 1%;
        margin: 0 0 0 -1%;
    }

    .grid4 li.summary {
        float: left;
        width: 50%;
        box-sizing:border-box;
        padding: 0 1% 5em 1%;
        position: relative;
        height:320px;
        list-style:none;
        margin:0 0 0 0;
    }

    /*.footer .social_media {
      float:none;
      width:auto;
    }*/

    .cycle_next,
    .cycle_prev {
        top: 44%;
    }

}

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

    .article_carousel .summary_text_wrap {
        bottom: 5%;
        left: 3%;
        right: 3%;
        width:94%;
    }

    .article_content > h2 {
        font-size:2.7em;
    }

    .galleria-thumbnails-container {
        display:block;
        visibility:visible;
    }

    #go-down {visibility:visible;}

    .article_bottom .summary h4 {
        font-size:1.5em;
    }

    .content .article > h2 {
        font-size: 2.5em;
    }

    ul.grid3, ul.grid4 {
        margin: 0 0 0 -1%;
        padding: 0 0 0 0;
        list-style:none;
    }

    .content article.summary,
    .grid3 li.summary {
        float: left;
        width: 33.333333%;
        box-sizing:border-box;
        padding: 0 1% 5em 1%;
        position: relative;
        height:370px;
        list-style:none;
        margin:0 0 0 0;
    }

    .content article.summary {
        width: 34.33333%;
        padding: 0 2% 5em 1%;
        margin: 0 0 0 -1%;
    }

    .grid4 li.summary {
        float: left;
        width: 33.33333%;
        box-sizing:border-box;
        padding: 0 1% 5em 1%;
        position: relative;
        height:320px;
        list-style:none;
        margin:0 0 0 0;
    }

    .section.search { /*min-height:800px;*/}
    .footer .social_media {

    }

    .filters li,
    .activity_filters li {
        width:auto;
    }

    #listToggle {
        position:relative;
        float:right;
    }

    .activity_filters li a.fa {
        position:relative;
        float:right;
        font-size:3em;
        display:block;
        font-weight:normal;
        cursor:pointer;
        opacity:.9;
    }

    .activity_filters li a.fa:hover {
        opacity:1;
        text-decoration:none;
    }

    /* typography */

    .article_carousel h2 {
        font-size: 2.2em;
        font-weight: normal;
    }
    .article_carousel p { font-size: 1.8em;max-width:700px; }

}

@media only screen and (min-width: 1152px) {

    section.sub_search {
        display:none;
    }

    /* special menu items mobile */
    #nav_main .respMenu {
        display:none !important;
        visibility: hidden !important;
    }

    #header a.menu_icon { display:none;visibility:hidden;}

    .article_content > h2 {
        font-size:3em;
    }

    .header {height: 60px;}
    #header h1 a {background-size:100% !important;}
    .header h1 { top: 20px;}
    .header .container { overflow:visible; }

    #header.header.fixed {
        background:rgba(20,20,20,.65) !important;
    }

    #header.header.fixed h1 {
        display:block;
    }

    .content .editorelement blockquote {
        font-size: 2.5em;
    }

    .templatelabel_gingerbreadpoll_en .main,
    .templatelabel_gingerbreadpoll .main,
    .templatelabel_master .main,
    .templatelabel_masterEn .main { padding:40px 3% 0px;}

    .content .article .article_image_wrap {
        margin:0 0 0 0;
        width:100%;
    }
    .content .article figure figcaption {left:0;}

    .nav_breadcrumbs {
        display:block;
        visibility:visible;
    }

    nav#nav_support_footer {
        display:none;
    }

    .image_gallery {
        width:100%;
        height:auto;
        padding:0 0 0 0;
        margin: 0 0 30px 0;
    }

    .content .article_content {
        float: left;
    }

    .content .article_aside {
        float:right;
        width: 33.33333%;
        clear: none;
        position: relative;
        padding: 0 0 20px 0;
    }

    .section > h2,
    .section .content > h2 {
        font-size:3em;
    }

    #nav_footer { display: block; }
    #nav_main_footer { display: none; }
    #nav_main { display: block; }


    #search {
        display:block;
 /*       height:800px;
        min-height:800px;
        overflow:visible; */
    }

    .section.search {
        position: relative;
        display:block;
 /*       background-size:cover; */
        padding-top: 50px;
        padding-bottom: 40px;
/*        background-position: center center; */
 /*       height:auto */
    }
    .section.search .caption {
        display:none !important;
        color: #fff;
        font-size: 2.3em;
        max-width: 1250px;
        width:80%;
        margin: 0 auto;
        text-shadow:2px 2px 5px rgba(0,0,0,0.8);
        display: block;
        text-align: left;
    }

    .footer .social_media {
        float: right;
        width: 100%;
    }

    .nav_support { display: block; }

    ul.grid3, ul.grid4 {
        margin: 0 0 0 -1%;
        padding: 0 0 0 0;
        list-style:none;
    }

    .content article.summary,
    .grid3 li.summary {
        float: left;
        width: 33.333333%;
        box-sizing:border-box;
        padding: 0 1% 5em 1%;
        position: relative;
        height:370px;
        list-style:none;
        margin:0 0 0 0;
    }

    .content article.summary {
        width: 34.33333%;
        padding: 0 2% 5em 1%;
        margin: 0 0 0 -1%;
    }

    .grid4 li.summary {
        float: left;
        width: 25%;
        box-sizing:border-box;
        padding: 0 1% 5em 1%;
        position: relative;
        height:320px;
        list-style:none;
        margin:0 0 0 0;
    }

    .section .nav_section li {
        float:left;
        margin-right: 15px;
    }

    .section .nav_section li:nth-child(2) {
        float: right;
    }


    /* typography */
    .section h2,
    .content > h2 {
        font-size: 2.8em;
        line-height:120%;
        margin: 0 0 1.5em;
    }
    h3,
    .summary h2 {
        font-size: 2.3em;
        line-height: 120%;
        margin:.2em 0 0.1em;
    }

    .content .article > h2 {
        font-size: 3em;
        line-height: 120%;
    }
    .content .article .text {
        font-size: 2em;
    }

    .article_carousel h2 {
        font-size:3em;
    }

    .article_carousel p { font-size: 2.2em; }

    .article_bottom {
        clear: both;
    }

    .article_bottom ul {
        list-style: none;
        padding:0;
    }

    .article_bottom ul li:first-child {
        margin-left:0;
    }

    .article_bottom .summary h4 {
        font-size:1.8em;
        font-weight: 700;
    }

    .content .article .article_bottom figure {
        margin-bottom:0;
    }

    .article_bottom h3 {
        margin-bottom:1em;
    }

    .content .article_content {
        width: 62.66666%;
        float: left;
        position: relative;
    }

    p {
        font-size: 1.8em;
        margin: 0 0 1em;
    }

    .section.carousel {
        max-height:780px;
        padding:0 0 75px 0 !important;
    }
    .cycle_pager {display:block;}

}

/* iOS WIDTH FIX */
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

    html,
    body{
        width:100%;
        overflow-x:hidden;
    }

}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */
/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }
/* IPS */
.quiet { color: #666666; }
.loud { color: #111111; }
.left { float: left; }
.right { float: right; }
/* Clearfix */
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -------------------------------------------------------
## Print styles
---------------------------------------------------------- */
@media print {
    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }

   nav, footer, .social_media, .grid4 li.summary figure,
   #search_form, .search_form, .image_gallery {display:none;visibility:hidden;}
   .grid4 li.summary {height:auto;}
   .grid4 li.summary figure {clear:both;padding:0 0 0 0;float:none;position:relative;left:0px;top:auto;margin:0 0 20px 0;width:100%}
   .image_gallery, .galleria-container, .galleria-stage, .galleria-frame, .galleria-layer, .galleria-images, .galleria-image {position:relative;left:0px;width:100%;}
   .content .article figure img {display:block;visibility:visible;width:100%;}
}