@charset "UTF-8";
/* CSS Document */
    @import url(//fonts.googleapis.com/css?family=Merriweather:400,300,700,900);
    @import url(//fonts.googleapis.com/css?family=Lato:300,400,700);
	@import url("DesktopMenu/style.css");
    @import url("FooterMenu/style.css");

@font-face {
    font-family: 'Brandon Grotesque Bold';
    src: url('font/Brandon_blk-webfont.eot');
    src: url('font/Brandon_blk-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Brandon_blk-webfont.woff') format('woff'),
         url('font/Brandon_blk-webfont.ttf') format('truetype'),
         url('font/Brandon_blk-webfont.svg#BrandonGrotesqueBlackRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Brandon Grotesque';
    src: url('font/Brandon_reg-webfont.eot');
    src: url('font/Brandon_reg-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/Brandon_reg-webfont.woff') format('woff'),
         url('font/Brandon_reg-webfont.ttf') format('truetype'),
         url('font/Brandon_reg-webfont.svg#BrandonGrotesqueRegularRg') format('svg');
    font-weight: normal;
    font-style: normal;
}


html {height: 100%; margin-bottom: 1px;}
body{font-family: 'Lato', sans-serif;font-size:14px;color:#333;background:#eee;}
img{max-width:100%;}dnn_dnnSEARCH_pnlres
	
body > form #ControlBar_ControlPanel{z-index:2000 !important;}
#ControlBar, #ControlBar:before, #ControlBar:after {box-sizing: initial !important;}
/* Page Styles */
#header {background: #181a1b;position: relative;}
.menu__hero {-webkit-order: 1;-ms-flex-order: 1;order: 1;}
.hero {background-repeat: no-repeat;background-position: 50%;background-size: cover;-webkit-flex: 1;-ms-flex: 1;flex: 1;min-height: 200px;max-height: 320px;max-height: 70vh;position: relative;}
.aspect-16-9:before {content: '';display: block;height: 0;padding-bottom: 22.25%;position: relative;vertical-align: top;}
.credit {background: rgba(24,26,27,0.4);bottom: 2%;font-size: 10px;letter-spacing: 0.048em;padding: 1px 8px;right: 2%;text-transform: uppercase;}
.hide-visually {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px !important;}
.hero__callout {background: white;padding: 24px 8px;text-align: center;}
.hero__headline {color: #85754e;}
.type-display {font-size: 32px;font-size: 2rem;line-height: 1.25;word-wrap: break-word;}
.type-display, .type-headline, .wysiwyg h1, .wysiwyg h2, .wysiwyg blockquote {font-family: Merriweather, Garamond, Georgia, Times, serif;}
.btn-large {padding: 16px 40px;}
.btn, .btn-large, .btn-fill-tiger, .btn-fill-turtle, .btn-fill-grizzly {font-size: 14px;display: inline-block;letter-spacing: 0.04em;line-height: 16px;padding: 12px 32px;position: relative;transition: background-color 0.2s ease-in-out;z-index: 0;border-radius:7px;}
.btn:before, .btn-large:before, .btn-fill-tiger:before, .btn-fill-turtle:before, .btn-fill-grizzly:before {bottom: 0;content: "";left: 0;position: absolute;right: 0;top: 0;transition: -webkit-transform 0.2s;transition: transform 0.2s;z-index: -1;}
#control-box {text-transform: uppercase;font-family: 'Brandon Grotesque';font-size: 11px;}
#control-box .login_link{display:inline-block;margin-right:20px;color:#fff;position:relative;}
#control-box #dnn_dnnSEARCH_pnlres{display: inline-block;background: #4A4E51;padding: 2px 5px;border: #777 solid 1px;}
#control-box #dnn_dnnSEARCH_pnlres .search_txt,
#control-box #dnn_dnnSEARCH_pnlres .search_btn{display:inline-block;}
#control-box #dnn_dnnSEARCH_pnlres .search_btn{position: relative;top: 1px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;-webkit-font-smoothing: antialiased;}
#control-box #dnn_dnnSEARCH_pnlres .search_btn a {text-indent:-99999px;}
#control-box #dnn_dnnSEARCH_pnlres .search_btn a:before {  content: "\e003";text-indent: 0px!important;float: right;color:white;}

#control-box #dnn_dnnSEARCH_pnlres input[type=text]{background:none;border:0;width:120px;outline:none;color:#ddd;}
#control-box #dnn_dnnSEARCH_pnlres .search{display:inline-block;color:white;}
#control-box .language-object{display:inline-block;}
#control-box .language-object .LanguageSelected{display:none;}
#control-box .language-object .Language{display:inline-block;padding:0 2px;position:relative;}

#topheader{background-color:#181A1B;text-align:center;}
#mainBanner{text-align: center;z-index: 1;position: relative;background-color: #85754e;color: white;}

#dnn_dnnLOGO_hypLogo{display: inline-block;padding: 16px;text-align: center;}
#dnn_dnnLOGO_hypLogo img{height:63px;}



#mainContent:before {border-top: 8px solid;color: #015b5b;content: "";display: block;margin: 0 auto;width: 20px;}
.header_title{margin: 32px 16px;font-size: 60px;line-height:1.25;word-wrap:break-word;font-family:Merriweather;text-align:center;}
.header_title .title_prelude{color: #afada9;font-family: "Brandon Grotesque", Lato;text-transform: uppercase;letter-spacing: 0.2em;line-height: 24px;font-size:16px;display:block;margin-bottom: 16px;}

#mainFooter{background-color: #212426;color: #ae9f86;padding: 20px 0 30px;}
.f_links{text-align:center;}


.fill-paper{background-image: url(images/paper-278b8891c904c3760461638947489df6.png);}
.fill-cloud {background-color: #f7f8f8;}
.fill-callout {background-color: #e58a1f;color: white!important;}

/* Button Menu mobil */
.hamburger {outline: none;padding: 16px!important;z-index: 2;-webkit-appearance: button;background: transparent;border: 0;cursor: pointer;padding: 0;}
.hamburger__label {letter-spacing: 0;}
.hamburger__label, .hamburger__icon {-moz-transition: 0.9s transform, 0.3s color;-o-transition: 0.9s transform, 0.3s color;-webkit-transition: 0.9s transform, 0.3s color;transition: 0.9s transform, 0.3s color;}
.open .hamburger__label {display: none;}
.type-submenu, .arrow-toggle {font-size: 12px;letter-spacing: 0.12em;line-height: 16px;}
.arrow-toggle.open .arrow-toggle-icon {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-moz-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.hamburger__icon {  display: inline-block;height: 16px;-webkit-transform: translateY(-1px) scale(1);-ms-transform: translateY(-1px) scale(1);transform: translateY(-1px) scale(1);transition: 0.3s color;width: 24px;will-change: all;}
.open .hamburger__icon {-webkit-animation: 1.35s flip;animation: 1.35s flip;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;}
.hamburger__icon__top, .hamburger__icon__middle, .hamburger__icon__bottom {border-style: solid;border-width: 0 0 2px 0;left: 0;position: absolute;right: 0;top: 0;-webkit-transform: rotate(0);-ms-transform: rotate(0);-moz-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);-moz-transition: 0.45s all; -o-transition: 0.45s all; -webkit-transition: 0.45s all; transition: 0.45s all;will-change: transform;}
.hamburger__icon__middle {-webkit-transform: translate(0, 8px);-ms-transform: translate(0, 8px);-moz-transform: translate(0, 8px); -o-transform: translate(0, 8px); transform: translate(0, 8px);}
.hamburger__icon__bottom {-webkit-transform: translate(0, 16px);-ms-transform: translate(0, 16px);-moz-transform: translate(0, 16px); -o-transform: translate(0, 16px); transform: translate(0, 16px);}
.open .hamburger__icon__top, .open .hamburger__icon__middle, .open .hamburger__icon__bottom {-webkit-transform: translate(0, 8px);-ms-transform: translate(0, 8px);-moz-transform: translate(0, 8px); -o-transform: translate(0, 8px); transform: translate(0, 8px);}
.open .hamburger__icon__middle {-webkit-transform: translate(0, 8px) rotate(90deg);-ms-transform: translate(0, 8px) rotate(90deg);-moz-transform: translate(0, 8px) rotate(90deg);-o-transform: translate(0, 8px) rotate(90deg);transform: translate(0, 8px) rotate(90deg);-moz-transition: 0.45s transform 0.6s;-o-transition: 0.45s transform 0.6s;-webkit-transition: 0.45s transform 0.6s;transition: 0.45s -webkit-transform 0.6s;transition: 0.45s transform 0.6s;}

.skip-link{background: white;border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px !important;z-index: 2;}

/* BootStrap */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{}
.container{}
.row {}
.w_40{}
.w_50{}
.w_60{}

/* DotNetNuke Styles */
.dnnGrid td, .dnnGrid th {box-sizing: content-box!important;}
.dnnLabel {float:none;width:auto;}
.Admin .dnnLabel,
.Host .dnnLabel {float:left;width:25%;}

/*.dnnLabel {float:none;width:auto;}*/

.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active {height:auto!important;}

/* Panes */
.flex, .flex-column, .flex-middle, .ellipsis, .browser {display: -webkit-flex;display: -ms-flexbox;display: flex;}


.position-right {left: auto;right: 0;}
.position-top {top: 0;}
.fixed {position: fixed;}
.position-full {height: 100%;width: 100%;overflow:hidden;}
.absolute, .position-center, .credit {position: absolute;}
.relative {position: relative;}
.align-middle, .icon {vertical-align: middle;}
.color-polar, .credit {color: white;}
.align-center, .wysiwyg blockquote {text-align: center;}

.pad-1-right {padding-right: 8px;}
.pad-2 {padding: 16px;}
.pad-6-top {padding-top: 48px;}

.DNNEmptyPane {width: 0;padding:0 !important;margin:0 !important;}


/* Headers and Subheaders */
.Head {color: #0060FE;font-weight:bold;}
.SubHead {color: #666666;}


h1, h2, h3, h4, h5, h6 {color:#85754e;font-weight: normal;line-height: 1em;margin: 0;padding: 5px 0;}
h1 {font-size: 28px;}
.HeaderPane h1 span{color:#c1c1c1;}
h2 {font-size: 25px;}
h3 {font-size: 22px;}
h4 {font-size: 18px;}
h5 {color: #666666;font-size: 16px;}
h6 {color: #A5A4A4;font-size: 14px;margin: 0 0 7px;}


/* Social icons */
.social_links .social.facebook{background-position:-11px -6px;}
.social_links .social.twitter{background-position:-51px -6px;}
.social_links .social.google_plus{background-position:-91px -6px;}
.social_links .social.linked_in{background-position:-131px -6px;}
.social_links .social.e-mail{background-position:-211px -6px;}
.social_links .social.flickr{background-position:-11px -59px;}
.social_links .social.pinterest{background-position:-251px -59px;}
.social_links .social.instagram{background-position:-51px -59px;}


.social_links .social.facebook:hover{background-position:-11px -111px;}
.social_links .social.twitter:hover{background-position:-51px -111px;}
.social_links .social.google_plus:hover{background-position:-91px -111px;}
.social_links .social.linked_in:hover{background-position:-131px -111px;}
.social_links .social.e-mail:hover{background-position:-211px -111px;}
.social_links .social.flickr:hover{background-position:-11px -164px;}
.social_links .social.pinterest:hover{background-position:-251px -164px;}
.social_links .social.instagram:hover{background-position:-51px -164px;}


/* Links */
a, a:link, a:active, a:visited {color: #008484;}
a:hover {color: #009d9e;text-decoration:none!important;}

#secondary-menu ul{margin:8px;}
#secondary-menu ul li a, #secondary-menu ul li a:link, #secondary-menu ul li a:active, #secondary-menu ul li a:visited {font-size:11px;color: #ae9f86;line-height:16px;text-transform:uppercase;font-family:'Brandon Grotesque', Lato, Helvetica;}
#secondary-menu ul li a:hover{text-decoration: none;}

.menu__nav__secondary .list-links li{padding:0 15px;}

.list-links a:after,
#control-box .language-object .Language:after,
a.login_link:after {border-bottom: 1px solid;border-color: inherit;bottom: 15%;content: "";height: 0;left: 50%;margin-left: -15px;opacity: 0;position: absolute;
                     -moz-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21); -o-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21); -webkit-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21); transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21);
                     -webkit-transform: translateZ(0) scaleX(0);-moz-transform: translateZ(0) scaleX(0); -ms-transform: translateZ(0) scaleX(0); -o-transform: translateZ(0) scaleX(0); transform: translateZ(0) scaleX(0);will-change: transform;width: 30px;}
.list-links a:hover:after, .list-links a:focus:after,
#control-box .language-object .Language:hover:after, 
a.login_link:hover:after {opacity: 0.8;-webkit-transform: translateZ(0);-moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0);}


/* Font and Color Styles */

Body, .NormalTextBox, td, p, .Normal, .NormalDisabled, .NormalBold {color: #595959;font-size: 14px;font-family: 'Lato', Helvetica, Arial, sans-serif}


#mainFooter a, #mainFooter a:link, #mainFooter a:visited, #mainFooter a:active{color:#ae9f86;}
#mainFooter a:hover{color:#015b5b;}

.color-raccoon, .arrow-toggle {color: #706c65;}
.divided, .divided-after:after, .divided-slim {border: none;border-bottom: 1px solid;display: block;height: 0;margin-top: 0;margin-left: auto;margin-right: auto;width: 20px;margin-bottom:0;}
.color-menu {color: #ae9f86;}
.list-links{list-style: none;margin: 0;padding: 0;}
.list-links a {color: inherit;display: block;position: relative;}
.list-links a:after {border-bottom: 1px solid;border-color: inherit;bottom: 15%;content: "";height: 0;left: 50%;margin-left: -15px;opacity: 0;position: absolute;-moz-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21); -o-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21); -webkit-transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21); transition: 0.24s all cubic-bezier(0.48, -0.01, 0.27, 1.21);-webkit-transform: translateZ(0) scaleX(0);-moz-transform: translateZ(0) scaleX(0); -ms-transform: translateZ(0) scaleX(0); -o-transform: translateZ(0) scaleX(0); transform: translateZ(0) scaleX(0);will-change: transform;width: 30px;}


.type-menu {font-size: 14px;letter-spacing: 0.1em;line-height: 16px;}
.type-bold, .btn, .btn-large, .btn-fill-tiger, .btn-fill-turtle, .btn-fill-grizzly {font-weight: bold;}
.type-upper, .type-title, .wysiwyg h3, .type-menu, .type-submenu, .arrow-toggle, .type-caption, .wysiwyg h4, .type-caption-formal, .btn, .btn-large, .btn-fill-tiger, .btn-fill-turtle, .btn-fill-grizzly, .tile, .tile-social, .type-label, .type-strong, .wysiwyg strong {text-transform: uppercase;}
.type-title, .wysiwyg h3, .type-menu, .type-submenu, .arrow-toggle, .type-caption, .wysiwyg h4, .type-caption-formal, .btn, .btn-large, .btn-fill-tiger, .btn-fill-turtle, .btn-fill-grizzly, .tile, .tile-social, .type-label, .type-strong, .wysiwyg strong, .credit {font-family: "Brandon Grotesque", Lato, Helvetica, Arial, sans-serif;}
.type-bold, .btn, .btn-large, .btn-fill-tiger, .btn-fill-turtle, .btn-fill-grizzly, .type-display, .type-headline, .wysiwyg h1, .wysiwyg h2, .wysiwyg blockquote, .type-strong, .wysiwyg strong, .emergency {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}


p {margin: 5px 0;}

/* Lists */
ul, ol {}
li, ul li {}
ul.list-links{margin:0;}
ul.list-links li{display:inline-block;vertical-align:top;position:relative;list-style:none;}
ul.quicklinks li{padding:8px 20px;}


/* Buttons */
.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {color:White;}

.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}


/* Containers */

.c_DNN{margin-bottom:15px;}
.c_DNN_Header{}

.c_DNN_Header>h2.Title, .c_DNN_Header>h2.Title .TitleH2{font-size:26px;}



/*
    OVERWRITING MODULE STYLES
*/
.FileGrid_Container a, .FileGrid_Container a:link, .FileGrid_Container a:visited {
  color: #008484;
  text-decoration: none;
}
.FileGrid_Container a:hover, .FileGrid_Container a:active{
  color: #009d9e;
  text-decoration: none;
}

.NukeFeeds_ItemTitleDefault {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  font-size: 1.1em;
  padding: 10px 0px 5px;
}

.NukeFeeds_ItemContentDefault {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
}


/* -------
Media Queries
---------*/



@media screen and (min-width: 1279px)
{
    .type-display {font-size: 60px;font-size: 3.75rem;}
}

@media screen and (min-width: 1024px)
{
    .type-display {font-size: 48px;font-size: 3rem;}
    .menu__hero + #mainBanner {background: none;-webkit-order: initial;-ms-flex-order: initial;order: initial;padding-top: 32px;position: absolute;top: 0;width: 100%;}

    #header {padding-top: 32px;}
    #mainBanner {min-height: 104px;position: static;}
    #control-box{position:absolute;top:0;right:20px;padding:3px;}
    #control-box .login_link{color:#ae9f86;}
    #control-box .language-object,
    #control-box .language-object .Language{color:#ae9f86;}
}

@media screen and (max-width: 1023px) and (min-width: 768px){
    .menu__wcs-button {display: block;}
    #mainBanner.open {padding-top: 32px;}
    .menu__wcs-button.open {top: 48px;}
    #dnn_dnnLOGO_hypLogo img{height:90px;}
    #control-box{position:absolute;top:15px;right:20px;padding:3px;}
    .menu__inner.open #control-box{top:47px;}
    #control-box .login_link{color:#ae9f86;}
    #control-box .language-object{display:block;text-align: right;line-height: 32px;}
    #control-box .language-object,
    #control-box .language-object .Language{color:#ae9f86;}
}

@media screen and (max-width: 1023px) {
    #dnn_dnnLOGO_hypLogo {background: #181a1b;display: block;}
}



@media screen and (min-width: 768px){
    #mainBanner {padding-bottom: 16px;text-align: center;}
    .hamburger {display: none;}
    .type-submenu, .arrow-toggle {font-size: 11px;}
    .menu__hero {-webkit-order: 2;-ms-flex-order: 2;order: 2;}
    .hero {min-height: 320px;max-height: 70vh;}
    .hero:after {background-image: linear-gradient(rgba(0,0,0,0.75), rgba(0,0,0,0));content: "";height: 150px;left: 0;position: absolute;top: 0;width: 100%;}
    .type-display {font-size: 40px;font-size: 4.5em;}
}

@media screen and (max-width: 767px) {
    #dnn_dnnLOGO_hypLogo img{height:50px;}
    #control-box{position: absolute;top: 0;width: 100%;}
    #control-box #dnn_dnnSEARCH_pnlres .search {padding: 5px;}
    #control-box .login_link{color:#ae9f86;}
    #control-box .language-object,
    #control-box .language-object .Language{color:#ae9f86;padding: 16px 2px;}

}

@media screen and (min-aspect-ratio: 1/1) and (min-height: 600px)
{
    .hero {max-height: 420px;}
}

@media screen and (min-width: 480px){
    .hero__callout {background: none;bottom: 10%;padding: 0 15%;position: absolute;text-align: center;width: 100%;}
    .hero__headline {color: white;text-shadow: 0 1px 0 rgba(0,0,0,0.35);}
   
}
@media screen and (max-width: 480px) {
     #control-box .language-object{display:block;padding:0;}
    .menu__nav{padding-top:65px;}
}



/* Flip Effects */

@-webkit-keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }

    15% {
        opacity: 0.8;
        -webkit-transform: scale(0.8) rotateZ(0);
        transform: scale(0.8) rotateZ(0);
    }

    30% {
        -webkit-transform: scale(0.8) rotateZ(0);
        transform: scale(0.8) rotateZ(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotateZ(405deg);
        transform: scale(1) rotateZ(405deg);
    }
}

@keyframes flip {
    0% {
        opacity: 0;
        -webkit-transform: scale(1) rotateZ(0);
        transform: scale(1) rotateZ(0);
    }

    15% {
        opacity: 0.8;
        -webkit-transform: scale(0.8) rotateZ(0);
        transform: scale(0.8) rotateZ(0);
    }

    30% {
        -webkit-transform: scale(0.8) rotateZ(0);
        transform: scale(0.8) rotateZ(0);
    }

    100% {
        opacity: 1;
        -webkit-transform: scale(1) rotateZ(405deg);
        transform: scale(1) rotateZ(405deg);
    }
}
	


/* You can also use a <br class="clear" /> to clear columns */
.clear, .clr, .clear_float {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}