/* ========    CtFrontendCssService:  CSS compression is disabled     ======== */

/* ========    CtFrontendCssService:  Inlining of @imports is enabled     ======== */

/* ========    CtFrontendCssService:  start of file style.css     ======== */
/* -- Common style -- */

/*
Font sizes, based on 16px:
14px: 0.75em
14px: 0.875em
18px: 1.75em
20px: 1.25em
21px: 1.3125em
24px: 1.5em
36px: 2.25em

*/

/* --------------------------------------------------------------------------- */
/* Fontello font definitions                                                   */
/* --------------------------------------------------------------------------- */
/*@font-face {
  font-family: 'fontello-websymbols';
  src: url("/fonts/fontello/websymbols.eot?39149752");
  src: url("/fonts/fontello/websymbols.eot?39149752#iefix") format('embedded-opentype'), url("/fonts/fontello/websymbols.woff?39149752") format('woff'), url("/fonts/fontello/websymbols.ttf?39149752") format('truetype'), url("/fonts/fontello/websymbols.svg?39149752#fontello") format('svg');
  font-weight: normal;
  font-style: normal;
}*/

@font-face {
    font-family: 'fontello-entypo';
    src: url("/fonts/fontello/entypo.eot?39149752");
    src: url("/fonts/fontello/entypo.eot?39149752#iefix") format('embedded-opentype'), url("/fonts/fontello/entypo.woff?39149752") format('woff'), url("/fonts/fontello/entypo.ttf?39149752") format('truetype'), url("/fonts/fontello/entypo.svg?39149752#fontello") format('svg');
    font-weight: normal;
    font-style: normal;
    /*Character map: http://www.entypo.com/characters/ */
}

body { font-family: Arial; color: #444; margin: 0; padding: 0;
}

html { font-size: 10px; }

h1,h2,h3,h4,h5 { margin: 0px; font-weight: normal; }


h1 { font-family: Arial; font-weight: bold; font-size: 4rem; color: #539E1B;}

h2 { font-family: Arial; font-weight: bold; font-size: 2.8rem; color: #444444; }
.header2 h2 { font-size: 3.2rem;}

h3 { font-size: 2.2rem; color: #539E1B;}

h4 { font-family: Arial; font-weight: bold; font-size: 2rem; color: #444444;}
h5 { font-family: Arial; font-weight: bold; font-size: 1.6rem; color: #444444;}

h1 { margin-bottom: 10px; }

h2 { margin-bottom: 15px; }

h3 { margin-bottom: 5px; }

h4 { margin-bottom: 5px; }




p { margin-top: 0px;
    background-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==) /*hack to have full width for p on android tablets*/}

img { border: none; }

a { text-decoration: none; color: #0074B6; }

a:hover { text-decoration: underline; }

body #container a:focus {
}

form { margin: 0px; }


/* -------------------------------------------------------------------------- */
/* Container/placeholder positioning                                          */
/* -------------------------------------------------------------------------- */

body.history #placeholder-sub-top   { margin-bottom: 0px; padding-bottom: 20px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15) inset; background: #F3F3F3; }

body.frontpage #placeholder-top-content-no-right   { margin-bottom: 40px; }

body.history #placeholder-top-content-no-right   { background: #F3F3F3; }

#placeholder-bottom                 { background: #333; text-align: center; overflow: hidden;}

#content-link a         {  position: absolute; left: -2000px; top: 0px; }
#content-link a:focus   { left: 0px; color: #444; text-decoration: underline; }



/* -------------------------------------------------------------------------- */
/* General inline listing (eg. horizontal menu, linktoolbar, sitelocator)     */
/* -------------------------------------------------------------------------- */

.horizontal-menu ul,
.horizontal-plain-menu ul,
.linktoolbar ul,
.sitelocator ul,
.search-result .article-location ul,
.paging .links ul,
.sharinglinks ul                            { display: inline; margin: 0; list-style-type: none; padding: 0; }

.horizontal-menu li,
.horizontal-plain-menu li,
.linktoolbar li,
.sitelocator li,
.search-result .article-location li,
.paging .links li,
.sharinglinks li                            { display: inline; }


/* -------------------------------------------------------------------------- */
/* General bullet-less listing (eg. verical menu and small article list)      */
/* -------------------------------------------------------------------------- */

.full-articlelist ul,
.slide-articlelist ul,
.imagearchive ul,
.slideshow ul,
.search-result ul,
.small-articlelist ul,
.vertical-menu ul,
.history-line ul,
.small-articledisplay ul,
.google-map ul.article-list-items,
.blogg-rss-reader .latest-articles ul,
.categorydisplay-menu ul                { list-style-type: none; margin: 0; padding: 0; }


/* -------------------------------------------------------------------------- */
/* Non tile spesific common styles                                            */
/* -------------------------------------------------------------------------- */

#container .rwd-mobile-content,
#container .rwd-web-content         { display: none; }

input,textarea { -webkit-appearance: none; -webkit-border-radius:0;  border-radius:0; }


a.blue-button,
#placeholder-full-content-wrapper span.button-wrapper { padding: 6px; display: inline-block; margin-left: -6px;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15) inset; border-bottom: 1px solid #ececec; }

a.blue-button span,
#placeholder-full-content-wrapper span.button-wrapper a.blue-button-link,
#placeholder-full-content-wrapper input[type='submit'] { display: inline-block; color: #fff; text-decoration: none; font-size: 1.2em; text-align: center;
    width: 11.1em; height: 2.05em; line-height: 2.05em; background: #0092CA; border: none; -webkit-border-radius:0; }

input,
textinput { font-family: Arial; font-size: 16px; color: #767676; }

#placeholder-full-content-wrapper input[type='text'],
#placeholder-full-content-wrapper input[type='email'],
#placeholder-full-content-wrapper input[type='password'],
#placeholder-full-content-wrapper textarea                  { color: #7a7979; padding-left: 3px; padding-right: 3px; height: 2em; line-height: 2em; font-size: 1em;
    border: none; box-shadow: 0 0 0 1px #ccc, 0 0 0 6px #ececed; -webkit-box-shadow: 0 0 0 1px #ccc, 0 0 0 6px #ececed;/*margin: 6px; */ }

#placeholder-full-content-wrapper textarea                  { -webkit-border: 1px solid #ccc; }

#placeholder-full-content-wrapper label                     { display: block; font-weight: bold; margin-bottom: 10px; }


/* CT Webform */
.error,
.ctwebform-element-validationerror  { color: red; }

body #container .validation-error input[type='text'],
body #container .validation-error input[type='email'],
#container .ctwebform-element-container-validationerror input,
#container .ctwebform-element-container-validationerror textarea { border: 1px solid red; }

form.ctform h3.ctwebform-page-label { display: none; }

td.ctwebform-element-labeled br     { display: none;}

td.ctwebform-element                { padding-bottom: 25px; }

.message                            { color: #539E1B; font-weight: bold; }



/* Common table design */
table.common-table-style { border-collapse: collapse; border: none; border-bottom: 1px solid #ddd; }

table.common-table-style td,
table.common-table-style th                       { border-right: 1px solid #ddd;}

table.common-table-style .lastchild,
table.common-table-style th:last-child,
table.common-table-style td:last-child            { border-right: none;}

table.common-table-style th,
table.common-table-style td            { height: 40px; border-width: 1px; }

table.common-table-style th            { color: #539E1B; text-align: left;  }

#container table.common-table-style thead tr,
table.common-table-style tr:nth-child(even) {background: #fff; }

table.common-table-style tr:nth-child(odd) {background: #f1f9ee;}

#container table.common-table-style thead tr { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}

table.common-table-style tr:hover {background: #c8e5ab;}


/* -------------------------------------------------------------------------- */
/* General tile                                                               */
/* -------------------------------------------------------------------------- */

#placeholder-top h3 { display: none; }

body.frontpage #placeholder-top-content-additional,
#container .tile-common.shadow-layout,
#container .history-line li.period.shadow-layout,
#container .imagearchive .bottom-content             { box-sizing: border-box; -moz-box-sizing: border-box; width: 100%; max-width: 100%; padding-top: 40px; box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.15) inset;
    background: none repeat scroll 0 0 #F3F3F3; }

body.frontpage #placeholder-top-content .tile-common { margin-top: 0px; }

body.frontpage #placeholder-full-content-wrapper .tile-common { padding-top: 40px; }

body.frontpage #placeholder-top-content-additional .tile-common { padding-top: 0px; }

body.not-frontpage #placeholder-top-content-additional .tile-common.no-distance    { margin-top: 0!important; }

/* -------------------------------------------------------------------------- */
/* Styling for spesific elements                                              */
/* -------------------------------------------------------------------------- */

/* Menues */
.horizontal-menu .toggle-link-wrapper,
.horizontal-plain-menu .toggle-link-wrapper,
.vertical-menu .toggle-link-wrapper             { display: none; }

/* Small articledisplay and small article list*/
.small-articledisplay                           { overflow: hidden;}

.small-articledisplay .title                    { margin-bottom: 10px; }

.small-articledisplay h3                        { font-weight: normal; font-size: 1.25em; padding-bottom: 5px; font-family: Arial;}

.small-articledisplay.blue                      { background: #009fda; color: #fff; }

.small-articledisplay.blue h3,
.small-articledisplay.blue h4,
.small-articledisplay.blue a                    { color: #fff; }

.small-articledisplay.blue h3                   { border-bottom: 1px solid #4dbce5; }

.small-articledisplay.gray h3                   { border-bottom: 1px solid #ccc; }

.small-articledisplay.gray                      { background: #f5f5f5; }

.small-articledisplay table tr td:first-child   { padding-right: 5px; }

#placeholder-tab-center-content-right .small-articledisplay.infobox { margin: 0px;}

#container .small-articledisplay.infobox h3,
#container .small-articledisplay.infobox .tile-content{ padding: 10px 10px 10px 10px; border: 1px solid #cccccc; background: #fff; color: #444; overflow: hidden; }

#container .small-articledisplay.infobox h3{ border-bottom: none; font-size: 1em; font-weight: normal; margin: 0px;}

#container .small-articledisplay.infobox:before {
    display: block;
    width: 38px;
    height: 38px;
    line-height: 38px;
    content: '\2139'; font-family: 'fontello-entypo';
    background: #333;
    color: #fff;
    text-align: center;
    font-size: 1.25em;
}

#placeholder-content .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-right .small-articledisplay img              {
    max-width: 100%;
    height: auto;
}
#placeholder-content .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-right .small-articledisplay.no-layout              {
    text-align: center;
}

#placeholder-content .categorydisplay.climate .small-articledisplay.extra-styling .tile-content             {
    padding-bottom: 50px;
    background: #fff url(images/default/infobg-ship.png) no-repeat scroll right bottom;
}

#placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.infobox           {
    font-size: 0.875em;
}

#placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.infobox img           {
    margin: -10px; /* override padding on tile content */
}

.small-articledisplay .key-values .datavalue span { display: block;  }

.small-articledisplay .key-values .datavalue span.value { font-size: 1.97em;  font-family: Arial; font-weight: bold; line-height: 0.96em;}
.small-articledisplay .key-values .datavalue span.label,
.small-articledisplay .key-values .datavalue span.term { font-size: 0.875em; }

#placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay .key-values .datavalue span.value { font-size: 2.25em; line-height: 1em;}
#placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay .key-values .datavalue span.label,
#placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay .key-values .datavalue span.term { font-size: 1em; }

#placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.no-layout .key-values .datavalue {
    border-top: 5px solid #009fda;
    padding-top: 10px;
}

.small-articledisplay .key-values .datavalue span.label { margin-bottom: 4px;}

#placeholder-content .categorydisplay.vertical-scroll-context #placeholder-tab-content .small-articledisplay.no-layout .article-body div {
    text-align: center;
}

/* ----- Placeholder top ----- */

/* Horizontal Plain Menu */
#placeholder-top .horizontal-plain-menu a   { color: #737373;}

#placeholder-top .horizontal-plain-menu li.active a,
#placeholder-top .horizontal-plain-menu li.main-active a   { color: #444; }

/* Horizontal Menu */
#placeholder-top .horizontal-menu a         { font-family: Arial; font-weight: bold; color: #444; text-transform: uppercase; text-decoration: none; }

#placeholder-top .horizontal-menu a:hover   { color: #539E1B; }



/* ----- Placeholder sub top ----- */
#placeholder-sub-top p      { margin: 0px;}

#placeholder-sub-top img    { width: 100%; height: auto; display: block;}


/* Site locator */
#placeholder-sub-top .sitelocator                       { font-size: 1.3rem; font-style: italic; color: #858585; }

#placeholder-sub-top .sitelocator a                     { color: #858585; text-decoration: underline; }

#placeholder-sub-top .sitelocator a:hover               { color: #0074B6; }

#placeholder-sub-top .sitelocator li.first a            { text-decoration: none; }

#placeholder-sub-top .sitelocator li.first a:before     { font-style: normal; text-decoration: none; content: '\2302'; font-family: 'fontello-entypo'; }

#placeholder-sub-top .sitelocator li.first span.text    { display: none; }


/* Video banner */
.video-banner,
.video-banner .background                       { position: relative; }
.video-banner figure                            { margin: 0px; width: 100%; height: auto; display: block; }
.video-banner .background video                 { width: 100%; height: auto; }
.video-banner .overlay-text                     { position: absolute; top: 0px; left: 0px; width: 100%; }
.video-banner .button-links a                   { border: 0px; text-transform: uppercase;
    box-shadow: none; background: rgba(255,255,255,0.25); margin-left: 0px; }
.video-banner .button-links span:after          { content: "▶"; font-family: "fontello-entypo"; font-size: 1em; font-style: normal; margin-left: 15px; text-decoration: none; }
.video-banner .overlay-text .content h1         { color: #fff; text-transform: uppercase; }
.video-banner .overlay-text .content h1 span    { display: block; }


/* ----- Placeholder top content additional ----- */


#placeholder-top-content-additional h3,
#placeholder-top-content-additional h2              { color: #444; font-size: 1.6rem; font-family: Arial;}

body.frontpage #placeholder-top-content-additional h2 { font-size: 3.5rem; }

#placeholder-top-content-additional .small-articledisplay.blue h3 { color: #fff;}

#placeholder-top-content-additional h2 a,
#placeholder-top-content-additional h3 a             { color: #0074b6; }

/* Vertical menu */
#placeholder-top-content-additional .vertical-menu          { padding-top: 24px; margin-top: 0px; background: #f5f5f5;}

#placeholder-top-content-additional .vertical-menu h2,
#placeholder-top-content-additional .small-articlelist h2  { padding-bottom: 10px; margin-bottom: 14px; border-bottom: 1px solid #c5c5c5; }

#placeholder-top-content-additional .vertical-menu li.last  { margin-bottom: 0px; }

#placeholder-top-content-additional .vertical-menu a        { color: #444; }

#placeholder-top-content-additional .vertical-menu a:before { font-style: normal; text-decoration: none; content: '\25B8'; font-family: 'fontello-entypo'; margin-right: 11px; }

#placeholder-top-content-additional .vertical-menu a:hover  { color: #0074B6; text-decoration: none; }

/* Small articlelist and subsribe single news */

#placeholder-top-content-additional .small-articlelist,
#placeholder-top-content-additional .subscribe-single-news { background: #f5f5f5; }

#placeholder-top-content-additional .small-articlelist h2,
#placeholder-top-content-additional .subscribe-single-news label { font-size: 1.8rem; font-family: Arial; font-weight: bold; margin-bottom: 15px;}

#placeholder-top-content-additional .small-articlelist li { margin-bottom: 5px; }




#placeholder-top-content-additional .subscribe-single-news .notice-message              { margin-bottom: 5px; }

#placeholder-top-content-additional .subscribe-single-news .message              { font-weight: normal; font-size: 1em; color: #444; }

#placeholder-top-content-additional .subscribe-single-news .newsletter-input,
#placeholder-top-content-additional .subscribe-single-news .input-wrapper             { float: left; }

#placeholder-top-content-additional .subscribe-single-news .newsletter-input          { overflow: hidden; }

#placeholder-top-content-additional .subscribe-single-news input[type="email"],
#placeholder-top-content-additional .subscribe-single-news input[type="text"]         { color: #646363; font-size: 1.2rem; margin-right: 5px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) inset; border: 1px solid #ccc; }

#placeholder-top-content-additional .subscribe-single-news span.button-wrapper       { box-shadow: none; padding: 0px; margin: 0px; }

#placeholder-top-content-additional .subscribe-single-news input[type="submit"]       { text-transform: uppercase; color: #fff; font-family: Arial; font-weight: bold; border: none; background: #539e1b; font-size: 1.2rem;}


/* Subscribe single news */
body #container #placeholder-top-content .subscribe-single-news { padding-top: 30px; padding-bottom: 25px; background: #f3f3f3; }
body #container #placeholder-top-content .subscribe-single-news .tile-content { border-top: 1px solid #ccc; padding-top: 35px;}
body #container #placeholder-top-content .subscribe-single-news .message { text-align: center; color: #444;}
body #container #placeholder-top-content .subscribe-single-news .message span.header,
body #container #placeholder-top-content .subscribe-single-news .message span.text { display: block;}
#placeholder-top-content .subscribe-single-news input.textinput { height: 2.2em; line-height: 2.2em; padding-left: 10px; padding-right: 10px; box-shadow: 0 0 0 1px #cccccc, 0 0 0 7px #ececed;}



/* ----- Placeholder bottom ----- */

/* Newsletter form */

#placeholder-bottom .newsletter-form .tile-content,
#placeholder-bottom .subscribe-single-news .tile-content              { overflow: hidden; background: #444; }

#placeholder-bottom .newsletter-form .message,
#placeholder-bottom .subscribe-single-news .message              { color: #fff; font-size: 0.875em; font-weight: normal; }

#placeholder-bottom .newsletter-form h3,
#placeholder-bottom .newsletter-form .newsletter-input,
#placeholder-bottom .newsletter-form .input-wrapper,
#placeholder-bottom .subscribe-single-news label,
#placeholder-bottom .subscribe-single-news .newsletter-input,
#placeholder-bottom .subscribe-single-news .input-wrapper             { float: left; }

#placeholder-bottom .newsletter-form .newsletter-input,
#placeholder-bottom .subscribe-single-news .newsletter-input          { overflow: hidden; }

#placeholder-bottom .newsletter-form h3,
#placeholder-bottom .newsletter-form label,
#placeholder-bottom .subscribe-single-news h2,
#placeholder-bottom .subscribe-single-news label                      { font-size: 1.2rem; color: #fff; font-family: Arial; text-transform: uppercase; margin: 4px 0px 0px 0px; }

#placeholder-bottom .newsletter-form h3:after,
#placeholder-bottom .subscribe-single-news label:after                   { content: ':'; }

#placeholder-bottom .newsletter-form input[type="text"],
#placeholder-bottom .newsletter-form input[type="email"],
#placeholder-bottom .subscribe-single-news input[type="text"],
#placeholder-bottom .subscribe-single-news input[type="email"]         { color: #646363; font-size: 1.2rem; margin-right: 5px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15) inset; border: 1px solid #ccc; }

#placeholder-bottom .newsletter-form input[type="submit"],
#placeholder-bottom .subscribe-single-news input[type="submit"]       { text-transform: uppercase; font-family: Arial; font-weight: bold; color: #fff; border: none; background: #539e1b; font-size: 1.2rem;}


/* Horizontal menu */
#placeholder-bottom .horizontal-plain-menu h2               { display: none; }

#placeholder-bottom .horizontal-plain-menu li               { padding-top: 5px; }

#placeholder-bottom .horizontal-plain-menu a                { font-family: Arial; font-weight: bold; font-size: 1.4rem; color: #fff; text-transform: uppercase; text-decoration: none; }

#placeholder-bottom .horizontal-plain-menu a:hover          { color: #539E1B; }

#placeholder-bottom .horizontal-plain-menu li.active,
#placeholder-bottom .horizontal-plain-menu li.main-active   { border-top: 2px solid #5BA422; }


/* Small article display */
#placeholder-bottom .small-articledisplay           { background: none; }

#placeholder-bottom .small-articledisplay.gray      { color: #fff; }

#placeholder-bottom .small-articledisplay.no-layout,
#placeholder-bottom .small-articledisplay.no-layout a { color: #9a9a9a; }

#placeholder-bottom .small-articledisplay.no-layout a { text-decoration: underline;  }

#placeholder-bottom .small-articledisplay img       { float: right; margin-top: -6px; margin-left: 13px; }


/* ----- Placeholder content ----- */

/* Full articledisplay */
#container .full-articledisplay.center-content { text-align: center; overflow: hidden; font-size: 2rem; max-width: 900px;}
#container .full-articledisplay.center-content .digest { max-width: 860px;}
#container .full-articledisplay.center-content img { margin: 25px 0px 120px 0px; }

.full-articledisplay.center-content h1,
.full-articledisplay.center-content h2,
.full-articledisplay.center-content .digest { /*max-width: 880px; margin-left: auto; margin-right: auto;*/}

/*body.aboutlyse .full-articledisplay.center-content img { margin: 0px; max-width: 100%; height: auto;}*/

.full-articledisplay .digest,
.full-articledisplay h2.digest/*,
body.aboutlyse .full.articledisplay .digest,
body.aboutlyse .full.articledisplay h2.digest*/   { font-size: 2.4rem; color: #777; line-height: 1.25em;} /*Some articles sets the digest css class in wysiwyg*/

.categorydisplay .full-articledisplay           { overflow: hidden; }

.full-articledisplay .article-content .digest   { font-size: 2rem;}

.full-articledisplay img                        { max-width: 100%; height: auto; }

.full-articledisplay .top-image                 { margin-bottom: 10px; }

.full-articledisplay .image-text                { background: #F5F5F5; font-size: 0.9375em; padding: 4px 7px 4px 7px; clear: both; margin-bottom: 3px; }

.full-articledisplay .byline                    { color: #767676; font-size: 0.875em; padding: 15px 0px 15px 0px; margin-bottom: 25px;
    border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; }

.full-articledisplay h3                                                 { margin-bottom: 10px; }

.full-articledisplay a                                                  { text-decoration: underline; }

.full-articledisplay hr                                                 { border: 1px solid #ddd; margin: 2em 0px 2em 0px; }

.full-articledisplay ul                                                 { list-style-type: none; padding-left: 0px; }

.full-articledisplay blockquote                                         { color: #539E1B; font-style: italic; font-size: 1.5em; line-height: 1.16em; overflow: hidden; }

.full-articledisplay blockquote p                                       { float: left; width: 92%; }

.full-articledisplay blockquote:before                                  { font-style: normal; font-family: 'fontello-entypo'; content: '\275E'; color: #ccc;
    font-size: 1.6em; line-height: 0.9em; float: left; width: 6.5%; }

#container .full-articledisplay .article-content ul li,
#container .small-articledisplay ul li                                  { margin-left: 15px; }

.full-articledisplay .article-content ul li:before,
.small-articledisplay ul li:before                                      { font-size: 1.3em; content: '\25CF'; font-family: 'fontello-entypo';
    color: #c0c0c0; margin-right: 8px; }

.full-articledisplay .cp-mmarchive-image-left                           { float: left; }

.full-articledisplay .cp-mmarchive-image-right                          { float: right; }

body #container .full-articledisplay .cp-image img                      { margin: 0px; display: block;}

.full-articledisplay table .cp-mmarchive-image-default                  { margin-left: 0px; margin-right: 10px; margin-bottom: 0px;}



#container #placeholder-tab-center-content-left .full-articledisplay    { padding-bottom: 0px;}

.full-articledisplay.keynumbers .text-content,
.full-articledisplay.keynumbers .datavalue span.label                   { color: #858585; }

.full-articledisplay.keynumbers .text-content                           { text-align: center; }

.full-articledisplay.keynumbers .key-values                             { overflow: hidden; margin-bottom: 20px; clear: both; }

.full-articledisplay.keynumbers .key-values .datavalue                  { margin-left: 21px; float: left; border-bottom: 1px solid #ccc; }

.full-articledisplay.keynumbers .key-values .datavalue:first-child      { margin-left: 0px; }

.full-articledisplay.keynumbers .datavalue span.label                   { display: block; }

.full-articledisplay.keynumbers .datavalue span.value                   { font-size: 3em; font-family: Arial; font-weight: bold; line-height: 1.3em; }

.full-articledisplay.keynumbers .datavalue span.term                    { color: #539E1B; font-size: 1.875em; }



#placeholder-tab-center-content .full-articledisplay table                      { font-size: 0.875em;  border-collapse: collapse; width: 100%; }
#placeholder-tab-center-content .full-articledisplay table tr                   {height: 1.57em;}
#placeholder-tab-center-content .full-articledisplay table tr:nth-child(odd)    {background: #e3e3e3;}
#placeholder-tab-center-content .full-articledisplay table td:first-child       {padding-left: 13px;}


/* Used for videos added in articles (must have wrapper div set in wysiwyg) so that width is repsonsive */
.video              { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }

.video iframe,
.video object,
.video embed        { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


body.history #placeholder-top-content-no-right .full-articledisplay     { text-align: center; }

/* Category display */

#placeholder-content .categorydisplay .ajaxstatus.loading                   { text-align: center; padding-top: 25px; background: url(images/spinner.gif) center top no-repeat;}

#placeholder-content .categorydisplay .section-content                      { width: 100%; clear: both; /*min-height: 50px; */}

#placeholder-content .categorydisplay.standalone-context .section-content   { min-height: 50px; box-shadow: inset 0px 3px 5px rgba(0,0,0,0.15); background: #f3f3f3; }





/*Some category displays has css class set as metadata relation in corepublish to be able to set different background colors */
#placeholder-content .categorydisplay.telecommunications                { background: #285dad; }
#placeholder-content .categorydisplay.telecommunications a                { color: #fff; }

#placeholder-content .categorydisplay.expertise,
#placeholder-content .categorydisplay.infrastructure,
#placeholder-content .categorydisplay.spine,
#placeholder-content .categorydisplay.community-infrastructure,
#placeholder-content .categorydisplay.corporate-responsibility          { background: #f2f2f2; }

#container #placeholder-content .categorydisplay.climate          { background: #d9e5f7; }

#placeholder-content .categorydisplay.profit a                   { color: #b2e2f4; }

#placeholder-content .categorydisplay.climate h1                   { color: #14688f; }
#placeholder-content .categorydisplay.climate a                   { color: #14688f; }

#placeholder-content .categorydisplay.profit                    { background: #14497d; }

#placeholder-content .categorydisplay-menu.parallex,
#placeholder-content .categorydisplay.parallex                          { overflow: hidden; position: relative; }

#placeholder-content .categorydisplay-menu.top-shadow:before,
#placeholder-content .categorydisplay-menu.bottom-shadow:after,
#placeholder-content .categorydisplay.top-shadow:before,
#placeholder-content .categorydisplay.bottom-shadow:after               { content:''; display: block; height: 11px; width: 100%; position: absolute; z-index: 2;
    background: url(images/default/horizontal-shadows.png) repeat-x; }

#placeholder-content .categorydisplay-menu.top-shadow:before,
#placeholder-content .categorydisplay.top-shadow:before                 { top: 0; background-position: 0px 0px; }

#placeholder-content .categorydisplay-menu.bottom-shadow:after,
#placeholder-content .categorydisplay.bottom-shadow:after               { bottom: 0; background-position: 0px -11px; }

#placeholder-content .categorydisplay.top-shadow,
#placeholder-content .categorydisplay.bottom-shadow {
    position: relative;
}

#placeholder-content .categorydisplay-menu.parallex .tile-content,
#placeholder-content .categorydisplay-menu.parallex .scroll-menu,
#placeholder-content .categorydisplay.parallex #placeholder-tab-center-content-left,
#placeholder-content .categorydisplay.parallex #placeholder-tab-center-content-right,
#placeholder-content .categorydisplay.parallex #placeholder-tab-content,
#placeholder-content .categorydisplay.parallex .tile-content .header-section,
#placeholder-content .categorydisplay.parallex .tile-content .section-menu,
#placeholder-content .categorydisplay.parallex .tile-content .section-inner-menu,
#placeholder-content .categorydisplay.parallex .tile-content .categorydisplay-navigation-links   { position: relative; z-index: 1; }

#placeholder-content .categorydisplay-menu.parallex .tile-background,
#placeholder-content .categorydisplay.parallex .tile-background                 { /* background image is set as inline style since it's a relation value on the category obj*/
    position: absolute; right: 0px; bottom: 0px; min-width: 800px; width: 100%;
    z-index: 0; background-position: right bottom; background-repeat: no-repeat;
    background-size: 100% auto;
    /* Setting min height higher than properbly height on wrapper div
    This is to make sure this backgroun div doesn't get cut when placed below wrapper on scoll */
    min-height: 2000px; }

.categorydisplay.vertical-scroll-context.parallex:nth-of-type(odd),
.categorydisplay.vertical-scroll-context.parallex:nth-of-type(odd) h1,
.categorydisplay.vertical-scroll-context.parallex:nth-of-type(odd) h2,
.categorydisplay.vertical-scroll-context.parallex:nth-of-type(odd) .digest      { color: #fff; }

#container #placeholder-content .categorydisplay.climate,
#container #placeholder-content .categorydisplay.climate .digest,
.categorydisplay.vertical-scroll-context.parallex:nth-of-type(even) .digest      { color: #444; }

.categorydisplay.vertical-scroll-context.parallex:nth-of-type(even) a       { color: #539e1b; }

#placeholder-content .categorydisplay.parallex .section-inner-menu a,
#placeholder-content .categorydisplay.parallex .categorydisplay-navigation-links a             { text-decoration: none; transition-duration: 0.2s; transition-property:
        margin-left; transition-timing-function: ease-out; }

#placeholder-content .categorydisplay.parallex .section-inner-menu a:after,
#placeholder-content .categorydisplay.parallex .categorydisplay-navigation-links a:after       { content: ' >'; font-size: 0.8em; }

.categorydisplay-menu p,
.categorydisplay.vertical-scroll-context p       { line-height: 1.5em; }

.categorydisplay-menu .full-articledisplay h1,
.categorydisplay.vertical-scroll-context .header-section h1                     { font-family: Arial;}

.categorydisplay.vertical-scroll-context #placeholder-tab-content .full-articledisplay .tile-content          { max-width: 800px; }
.categorydisplay.vertical-scroll-context .full-articledisplay .digest           { font-weight: bold; font-size: 1em; }

.categorydisplay.vertical-scroll-context h2                                     { font-size: 1.5em; margin-bottom: 10px; }

#container #placeholder-content .categorydisplay-menu                           { background: #fafaf2; }
body.community #container #placeholder-content .categorydisplay-menu            { background: #f2f2f2; }
body.businessareas #container #placeholder-content .categorydisplay-menu        { background: #8397b4;}
body.businessareas #container #placeholder-content .categorydisplay-menu h1,
body.businessareas #container #placeholder-content .categorydisplay-menu a      { color: #fff;}

#container #placeholder-content .categorydisplay-menu,
#container #placeholder-content .categorydisplay.vertical-scroll-context        { padding-bottom: 140px; }

#container #placeholder-content .categorydisplay.profit                        { padding-bottom: 400px; }


#placeholder-content .categorydisplay-menu .scroll-menu ul span.prefix           { display: block; font-size: 0.75em;}

#placeholder-content .categorydisplay-menu .scroll-menu ul a            { color: #444; line-height: 1.5em; padding-bottom: 0; text-decoration: none;
    border-bottom: 3px solid #69be28; }

#placeholder-content .categorydisplay-menu .scroll-menu ul a:hover      { color: #000; border-bottom: 4px solid #539e1b; }



#placeholder-content .categorydisplay.parallex {
    -webkit-transition: height 0.2s ease-in-out;
    -moz-transition: height 0.2s ease-in-out;
    -o-transition: height 0.2s ease-in-out;
    transition: height 0.2s ease-in-out;
}



/* Full articlelist */
.full-articlelist,
.slide-articlelist,                                               { overflow: hidden; }

#container .categorydisplay .full-articlelist,
#container .categorydisplay .slide-articlelist                   { padding-bottom: 0px;}

.full-articlelist.list-view h2.small,
.slide-articlelist.list-view h2.small                            { font-size: 1.428em; }

.full-articlelist h2.center,
.slide-articlelist h2.center                                     { width: 100%; text-align: center; }

#placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist h2.center { color: #539e1b; font-size: 1.6em; margin-bottom: 25px; padding: 10px 0px 10px 0px;
    border-top: 1px dashed #539e1b; border-bottom: 1px dashed #539e1b;}


#placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view li { text-align: center;}
#placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view li h3 { color: #444; font-weight: bold; font-size: 1.2em; }
#placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view.threecolumns li p { margin: 0px; }


.full-articlelist.list-view h3,
.slide-articlelist.list-view h3                                  { text-transform: uppercase; display: block; color: #444;}

.full-articlelist.list-view.styled-header .default-article h3,
.slide-articlelist.list-view.styled-header .default-article h3  { text-transform: uppercase; display: block; padding: 7px 0px 5px 0px;
    margin-bottom: 12px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.full-articlelist.list-view.simple-header h3,
.slide-articlelist.list-view.simple-header h3                    { margin: 0px; color: #444; font-size: 1.6rem; text-transform: none;}

.full-articlelist.list-view.styled-header a h3,
.full-articlelist.list-view.styled-header h3 a,
.slide-articlelist.list-view.styled-header a h3,
.slide-articlelist.list-view.styled-header h3 a                  { color: #0074b6;  }

.full-articlelist.list-view.simple-header a h3,
.full-articlelist.list-view.simple-header h3 a,
.slide-articlelist.list-view.simple-header a h3,
.slide-articlelist.list-view.simple-header h3 a                  { color: #0074b6; text-decoraton: none; }

.full-articlelist.list-view a h3:after,
.full-articlelist.list-view h3 a:after,
.slide-articlelist.list-view a h3:after,
.slide-articlelist.list-view h3 a:after                           { margin-left: 5px; font-style: normal; text-decoration: none; font-size: 0.75em; color: #0074b6;
    content: '\25B6'; font-family: 'fontello-entypo'; }

.full-articlelist.list-view a:hover,
.slide-articlelist.list-view a:hover                         { text-decoration: none; }

.full-articlelist.list-view .byline,
.slide-articlelist.list-view .byline                             { font-size: 0.86em; color: #666; }

.full-articlelist.list-view .bottomlink a,
.slide-articlelist.list-view .bottomlink a                       { text-decoration: underline;}

.full-articlelist.list-view ul,
.slide-articlelist.list-view ul                                  { overflow: hidden; }

.full-articlelist.list-view li,
.slide-articlelist.list-view li                                  { float: left; width: 100%; overflow: hidden; }

.full-articlelist.list-view li .digest,
.full-articlelist.list-view li .digest p,
.full-articlelist.list-view li .internal-link,
.slide-articlelist.list-view li .digest,
.slide-articlelist.list-view li .digest p,
.slide-articlelist.list-view li .internal-link                   { display: inline;}

.full-articlelist li .internal-link a,
.slide-articlelist li .internal-link a                           { text-decoration: underline; }

#container .full-articlelist li .digest + ul.links,
#container .slide-articlelist li .digest + ul.links              { margin-top: 1em; }

#container .full-articlelist li ul.links li:before,
#container .slide-articlelist li ul.links li:before              { margin-right: 8px; font-size: 0.75em; color: #0074b6;
    content: '\25B6'; font-family: 'fontello-entypo'; }

#container .full-articlelist li ul.links li .file-info { color: #666; font-size: 0.9375em; }


.full-articlelist .thumbnail,
.slide-articlelist .thumbnail                                   { margin-bottom: 8px; border: 1px solid #ccc; }

.full-articlelist .thumbnail img,
.slide-articlelist .thumbnail img                                { display: block; width: 100%; height:auto; }


/*.full-articlelist .thumbnail {
    margin-bottom: 8px;
    border: 1px solid #ccc;
}
.slide-articlelist .thumbnail {
    margin-bottom: 8px;
}

.full-articlelist .thumbnail img {
    display: block;
    width: 100%;
    height:auto;
}*/
/*.slide-articlelist .thumbnail img                                { display: block; width: 100%; height:auto; }*/

.full-articlelist .person-article .thumbnail.list-thumbnail-left,
.slide-articlelist .person-article .thumbnail.list-thumbnail-left,
.small-articledisplay .person-article .thumbnail.list-thumbnail-left { float: left; margin-right: 8px;}

.full-articlelist.list-view p,
.slide-articlelist.list-view p           { margin-bottom: 0px;}

.full-articlelist.list-view ul.links li,
.slide-articlelist.list-view ul.links li { margin: 0px; }


.full-articlelist.gray-white li         { overflow: hidden; }

.full-articlelist.gray-white li.odd     { background: #f3f3f3; }

.full-articlelist.gray-white li.even    { background: #fff; }

.full-articlelist.gray-white li .thumbnail       { text-align: center; /*height and width is set in javascript to be able to vertical align image */ border: none; margin-bottom: 0px; }
.full-articlelist.gray-white li .thumbnail:after { content: "."; visibility: hidden; }
.full-articlelist.gray-white li .thumbnail img   { vertical-align: middle; display: inline;}

.full-articlelist.gray-banner li { text-align: center; font-size: 1.6rem; padding: 14px 0px 6px 0px; background: #eee; }
#container .full-articlelist.gray-banner li .full-articledisplay { padding-bottom: 0px; }
#container .full-articlelist.gray-banner li .full-articledisplay img { max-width: 100%; height: auto; }

#container .full-articlelist.gray-banner li .full-articledisplay a  {
    border-bottom: 1px solid #0074b6;
    text-decoration: none;
    position: relative;
}
#container .full-articlelist.gray-banner li .full-articledisplay a:after {
    color: #0074b6;
    content: "▶";
    font-family: "fontello-entypo";
    font-size: 0.75em;
    font-style: normal;
    text-decoration: none;
    border: none;
    position: absolute;
    right: -1em;
    top: 0.25em;
}

/* Person display, both article display and list display */
.full-articledisplay.person .email span.value:before,
.full-articlelist .person-article .email span.value:before,
.slide-articlelist .person-article .email span.value:before,
    /*.small-articledisplay .person-article .email span.value:before  { float: left; margin-right: 4px; font-size: 1.3em; font-style: normal;
                                                                    text-decoration: none; color: #bbb; content: '\2709'; font-family: 'fontello-entypo'; }*/

.full-articledisplay.person .textual-info,
.full-articlelist .person-article .personal-info,
.slide-articlelist .person-article .personal-info,
.small-articledisplay .person-article .personal-info            { float: left; }

.full-articledisplay.person .header-info .text-content,
.full-articlelist .person-article .header-info,
.slide-articlelist .person-article .header-info,
.small-articledisplay .person-article .header-info              { padding: 7px 0px 6px 0px; margin-bottom: 1em; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

.full-articledisplay.person .header-info h1,
.full-articlelist .person-article .header-info h3,
.slide-articlelist .person-article .header-info h3,
.small-articledisplay .person-article .header-info h3           { text-transform: uppercase; }

.full-articledisplay.person .header-info h1                     { margin: 0px; font-size: 1.873em;}

.full-articledisplay.person .header-info .job-title             { font-size: 1.375em; color: #444;}

.full-articledisplay.person .responsibilities,
.full-articlelist .person-article .responsibilities,
.slide-articlelist .person-article .responsibilities,
.small-articledisplay .person-article .responsibilities         { padding-bottom: 1em; }

.full-articledisplay.person .email span.value:before            { font-size: 1.1em; }

.full-articledisplay.person                                     { overflow: hidden; }

.full-articledisplay.person .person-image img                   { display: block; width: 100%; }

/* Employee Persentation */

.employee-row {
    height: 100%;
    width: 100%;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}
/*
.employee-row:after {
    content: "";
    display: table;
    clear: both;
}
*/

.employee-col-4 {
    width: 24%;
    display: flex;
}

@media (max-width: 700px) {
    .employee-col-4 {
        width: 49%;
    }
    .employee-col-4:nth-child(odd) {
        clear: left;
    }
}

.employee-row .employee-article                                     { padding-bottom: 30px }

.employee-article .thumbnail {
    border: none;
}

.employee-row .employee-article .thumbnail img,
.employee-article .thumbnail img {
    display: block;
    margin: 0 auto;
    width: auto;
}
.employee-article .personal-info,
.employee-row .employee-article .personal-info,
.employee-row .employee-article .personal-info .contact-info,
.employee-row .employee-article .personal-info .contact-info div {
    font-family: "Arial", "sans-serif";
    font-size: 16px;
    font-weight: normal;
    padding-top: 5px;
}

.slide-element .employee-article .personal-info .contact-info,
.slide-element .employee-article .personal-info .contact-info div {
    padding-left: 35px;
}
.employee-article .personal-info h3,
.employee-row .employee-article .personal-info h3                   { font-family: "Arial", "sans-serif"; font-size: 16px; font-weight: bold; color: #0074b6; text-align: center; }
.employee-article .personal-info .job-title,
.employee-row .employee-article .personal-info .job-title           { font-family: "Arial", "sans-serif"; font-size: 16px; font-weight: normal; color: #2c2c2d; text-align: center; }
.employee-article .personal-info .contact-info span a,
.employee-row .employee-article .personal-info .contact-info span a {
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-wrap: break-all;
    word-break: break-all;

    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

span.employee-icon {
    display: inline-block;
    width: 20px;
    padding-right: 2px;
}
span.employee-icon img {
    vertical-align: center;
    max-height: 16px;
}


/* Frontpage style full articlelist and full article display*/
body.frontpage .full-articlelist h2,
body.frontpage .slide-articlelist h2,
body.frontpage .full-articledisplay .header2                       { width: 100%; text-align: center; }


/* Small article list */
.small-articlelist                                              { font-size: 0.9375em; }

#placeholder-full-content-wrapper .small-articlelist  ul        { max-width: 480px; margin: 0px; }

#placeholder-full-content-wrapper .small-articlelist li         { position: relative; padding-left: 1.2em; margin-bottom: 5px;}

#placeholder-full-content-wrapper .small-articlelist li:before { margin-right: 8px; font-size: 0.75em; color: #0074b6;
    content: '\25B6'; font-family: 'fontello-entypo';}

/* Search result */
.search-result                                              { overflow: hidden; }

.search-result h2 span.search-word                          { color: #539E1B; }

.search-result .search-main-content li                      { padding-bottom: 25px;  margin-bottom: 24px; border-bottom: 1px solid #ddd;}

.search-result .search-main-content li h3                   { font-size: 1.15em; }

.search-result .search-main-content ul.articles li h3       { color: #0074B6; font-size: 1.25em; font-family: Arial; font-weight: bold; }

.search-result .search-main-content ul.articles li a                { color: #444; }

.search-result .search-main-content ul.articles li a:hover h3,
.search-result .search-main-content ul.articles li a:hover          { color: #0074B6; }

.search-result .search-main-content .digest em                      { font-style: normal; }

.search-result .search-main-content .digest b i                     { font-weight: normal; }

.search-result .search-main-content .article-location               { color: #777; margin-top: 5px; font-size: 0.9375em; }

.search-result .search-main-content ul.articles .article-location a { color: #0074B6; }

.search-result .search-main-content .links li,
.search-result .search-main-content .article-location li            { padding: 0px; margin: 0px; border: none; }



#container .paging                                     { color: #666; font-size: 0.9375em; }

#container .paging .links                              { overflow: hidden; }

#container .paging .links ul.pages li                  { float: left; min-width: auto; width: auto; margin: 0px; border-right: 1px solid #ddd; }

#container .paging .links a,
#container .paging .links span                         { display: block; float: left; height: 20px; line-height: 20px; padding: 0px 15px 0px 15px; }

#container .paging .links a.previous,
#container .paging .links li.first span,
#container .paging .links ul.pages li:first-child a    { padding-left: 0px; }

#container .paging .status                             { margin-top: 10px; display: block;}


/* Image Archive */
#container .tile-common.imagearchive        { overflow: hidden; width: 100%; max-width: 100%; padding-bottom: 0px; }

.imagearchive .folder-menu li               { display: inline-block; width: 235px; margin-right: 0px; }

.imagearchive .folder-menu li:before        { font-size: 1.3em; content: '\25CF'; font-family: 'fontello-entypo';
    color: #c0c0c0; margin-right: 8px; }

.imagearchive .folder-menu li a             { color: #444; }

.imagearchive .folder-menu li.selected a    { font-weight: bold; }

.imagearchive .folder-images                { overflow: hidden;}

.imagearchive .folder-images li             { margin-bottom: 30px; }

.imagearchive .folder-images .image         { margin-bottom: 8px; text-align: center; border: 1px solid #ccc; line-height: 0.5em; background: #fff; }

.imagearchive .folder-images .image img     {  height: auto; display: inline-block; max-width: 100%; max-height: 100%; display: inline;  vertical-align: middle; }

.imagearchive .folder-images .filename      {  font-weight: bold; }



/* Horizontal menu in placeholder content, styled as articlelist with styled-header */
#container #placeholder-content .horizontal-menu            { font-size: 0.875em; overflow: hidden; margin-top: 30px; margin-bottom: 64px; }

#placeholder-content .horizontal-menu h2                    { width: 100%; text-align: center; font-family: Arial; font-weight: bold;
    margin-bottom: 35px; color: #444; font-size: 3.4rem; }

#placeholder-content .horizontal-menu li a.header           { font-size: 1.6rem; /*font-weight: bold;*/ text-transform: uppercase; display: block;
    padding: 5px 0px 3px 0px; margin-bottom: 12px;
    border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#placeholder-content .horizontal-menu li a.header:after     { margin-left: 5px; font-style: normal; text-decoration: none; font-size: 0.75em; color: #0074b6;
    content: '\25B6'; font-family: 'fontello-entypo'; }

#placeholder-content .horizontal-menu li .thumbnail         { border: 1px solid #CCCCCC; margin-bottom: 8px; }

#placeholder-content .horizontal-menu li .thumbnail img     { display: block; width: 100%; height: auto; }


/* Easycruit Vacancies list  */
.easycruit-vacancies-list li                                        { width: 100%; overflow: hidden; }

.easycruit-vacancies-list li .list-content                          { overflow: hidden; }

.easycruit-vacancies-list li.odd                                    { background: #eee; }
.easycruit-vacancies-list .text-info,

.easycruit-vacancies-list .application-deadline                     { float: left; }

.easycruit-vacancies-list .text-info .description p                 { margin: 0px; }

.easycruit-vacancies-list .text-info .description strong            { font-weight: normal; }

.easycruit-vacancies-list .application-deadline span                { display: block; font-size: 0.9375em; text-align: center; }

.easycruit-vacancies-list .application-deadline span.deadline-label { color: #666; }

.easycruit-vacancies-list .vacancy-url a                            { float: right; box-shadow: none; padding: 0px; border: 4px solid #ddd; }

.easycruit-vacancies-list .vacancy-url a span                       { width: 5.25em; height: 1.92em; line-height: 1.92em;}


/* Easycruit CV  */
.easycruit-cv                       { overflow: hidden; }

.easycruit-cv .description          { font-size: 1.2em; }

.easycruit-cv .add-cv               { margin-bottom: 22px; }

.easycruit-cv .login                { padding-top: 22px; margin-top: 25px;
    border-top: 1px solid #ddd; }

.easycruit-cv .login .description   { margin-bottom: 25px; }


/* Organization chart

    Organization chart has no common style, even if some parts of this looks the same on both web and mobile
    Styling is seperated because of very complex styling.
*/



/* Slide show tile */
.slideshow                                              { position: relative; margin: 0px auto; }

.slideshow h3                                           { display: none;  }

.slideshow .image                                       { width: 100%; }

.slideshow .slide-wrapper                               { width: 100%; overflow: hidden; }

.slideshow li                                           { float: left; margin: 0px; width: 100%; }

.slideshow img                                          { width: 100%; height: auto; display: block; margin: 0 auto;
    /*Must be here to make swiping work on tablets, for some strange reason!! :/ */
    margin-bottom: 1px; }

.slideshow .pager,
.slideshow ul.thumbnails,
.slideshow .indicators-wrapper ul                       { position: absolute; left:0; right:0; margin: 0 auto; width: 78%; max-width: 1014px; }

.slideshow .pager                                       { top: 50%; z-index: 500; margin-top: -37px; }

.slideshow .swipe-navigation .button,
.slideshow .pager .button                               { display: inline-block; text-decoration: none; width: 41px; height: 77px; line-height: 77px; text-align: center; z-index: 500;
    background-color: rgba(0, 0, 0, 0.1); }

.slideshow .swipe-navigation .button span,
.slideshow .pager .button span                          { display: none; }

.slideshow .swipe-navigation .button                    { position: absolute; top: 50%; z-index: 500; margin-top: -37px; }

.slideshow .swipe-navigation .previous                  { left: 3%; }

.slideshow .swipe-navigation .button.next               { right: 3%; }

.slideshow .pager .button.previous                      { float: left; }

.slideshow .pager .button.next                          { float: right; }

.slideshow .swipe-navigation .button:before,
.slideshow .pager .button:before                        { font-weight: bold; font-style: normal; text-decoration: none; color: #fff; font-size: 2.5em; font-family: 'fontello-entypo';}

.slideshow .swipe-navigation .button.previous:before,
.slideshow .pager .button.previous:before               { content: '\E765';  }

.slideshow .swipe-navigation .button.next:before,
.slideshow .pager .button.next:before                   { content: '\E766';  }

.slideshow ul.thumbnails,
.slideshow .indicators-wrapper ul                       { bottom: 15px; padding: 0px; text-align: center; z-index: 500;}

.slideshow ul.thumbnails li,
.slideshow .indicators-wrapper ul li                    { display: inline-block; margin-right: 2px; margin-left: 2px; width: auto; float: none; }

.slideshow ul.thumbnails li a,
.slideshow .indicators-wrapper ul li a                  { display: inline-block; width: 12px; height: 12px; border-radius: 5px;
    background: #eeeeee; box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.15) inset; }

.slideshow ul.thumbnails li.current a,
.slideshow .indicators-wrapper ul li.current a          { background: #539E1B; }

.slideshow .slide-navigation a.disabled                 { display: none;}

.slideshow ul.imagetexts                                { position: absolute; bottom: 0px; width: 100%; }

.slideshow .image-text                                  { background: #F5F5F5; font-size: 0.9375em; padding: 4px 7px 4px 7px; clear: both; margin-bottom: 3px; }

/* Sitemap */

.sitemap .tile-content{ width: 450px; }

.sitemap a { color: #444; }

.sitemap a:hover { color: #0074B6; }

.sitemap ul {list-style-type: none; margin-bottom: 15px; padding-left: 0px;}

.sitemap .tile-content > ul > li > a { text-transform: uppercase; display: block; height: 2em; line-height: 2em; margin-bottom: 5px; padding: 0px 0px 0px 10px; background: #f1f9ee; }

.sitemap ul ul ul ul { margin-bottom: 0px; }

.sitemap ul ul { margin-left: 25px; }

.sitemap .tile-content > ul > li.last { display: none; }


/* Search input (used for 404) */

#container #placeholder-content .small-searchinput { padding-bottom: 50px; }

#container #placeholder-content .small-searchinput label { display: none; }

#placeholder-content .small-searchinput h3 { display: none;}



/* History Line */
#container #placeholder-content .history-line                      { padding-top: 0px; width: 100%; max-width: 100%; }

#placeholder-content .history-line h3                   { font-weight: normal; margin-bottom: 10px;}

#container .history-line li.period,
#container .history-line li.period.shadow-layout        { background-image: url(images/default/history-line.png); background-position:  center top; background-repeat:  repeat-y; }

.history-line li.period                                 { background-color: #fff; }

.history-line li.period.first                           { background-color: #F3F3F3; }

#container .history-line li.period.shadow-layout        { padding-top: 0px; }

.history-line li.year                                   { position: relative; }

.history-line li.year .year-header                      { position: absolute; top: -15px; left: 0px; width: 100%; }

.history-line li.year .year-header h2                 { display: block; font-size: 1.25em; color: #fff; width: 6em; height: 1.5em; line-height: 1.5em; font-weight: normal;
    font-family: Arial; text-align: center; margin: 0px auto; background: #5BA422; }

.history-line li.year .articles-wrapper                 { overflow: hidden; }

.history-line li.historybox                             { box-shadow: 3px 3px 3px 0px #ccc; }

.history-line li.historybox.first                       { margin-top: 0px; }

.history-line li.period li.historybox                   { color: #444; background: #eee; position: relative; }

.history-line li.period.first li.historybox,
.history-line li.period.shadow-layout li.historybox     { background: #fff; }

.history-line li.historybox img                         { max-width: 100%; height: auto; margin-bottom: 5px;}

.history-line .tile-bottom                              { width: 148px; height: 300px; margin: 0px auto;
    background: url(images/default/sprite.png) 2px -20px no-repeat; }

/* Google maps */
#container .google-map  { overflow: hidden; border-top: 1px solid #ddd; }

.google-map .tile-content .article-list-items li { overflow: hidden; }

.google-map .tile-content .article-list-items .thumbnail { margin-top: 2px; margin-right: 15px; float: left; }

.google-map .tile-content .article-list-items .thumbnail img { width: 100%; height: auto; }

.google-map .tile-content .article-list-items .article-content{ float: left; clear: none; }


/* Chart tile */

#container .chart                                       { overflow: hidden; border-top: 1px solid #ccc; }

#container .chart:first-child                           { border: none; padding-top: 0px;}

#container .chart h3                                    { font-size: 1.15em; font-family: Arial; color: #444; }

.chart .chart-title                                     { margin-bottom: 15px; }

.chart .chart-main-content                              { overflow: hidden;}

.chart.small .chart-main-content .subtext               { border-top: 1px solid #ddd; padding-top: 7px; }

.chart.small .chart-main-content .chart-container       { height: 260px; width: 350px; margin: 0 auto; }

.chart.with-tables .chart-main-content                  { background: #ededed; }

.chart .chart-content .subtext,
.chart.with-tables .small-table .description            {color: #858585; font-size: 0.875em;}

.chart .chart-content .subtext                          { width: 100%; text-align: center; }

.chart.with-tables table                                { font-size: 0.875em;  border-collapse: collapse; }

.chart.with-tables table tr                             {height: 1.57em;}

.chart.with-tables table th,
.chart.with-tables table td                             {text-align: right;}

.chart.with-tables table th:first-child                 { text-align: left;}

.chart.with-tables table td:first-child,
.chart.with-tables table td:nth-child(2)                {text-align: left;}

.chart.with-tables .small-table h3                      {margin-bottom: 20px;}

.chart.with-tables .small-table table                   { margin-bottom: 23px; }

.chart.with-tables .small-table table td                {padding-right: 3px;}

.chart.with-tables .small-table table td:first-child    {width: 130px; padding-right: 10px; padding-left: 13px;}

.chart.with-tables .small-table table td:last-child     {padding-right: 13px;}


.chart.with-tables .large-table table tr:first-child    { height: 40px;}

.chart.with-tables .large-table table tr.even           {background: #ebebeb;}

.chart.with-tables .large-table table th:first-child    {font-size: 1.4285em;}

.chart.with-tables .large-table table td:first-child    {padding-right: 10px;padding-left: 6px;}

#container .chart.with-tables .chart-main-content table tr.odd {background: #e3e3e3;}


body.frontpage #container .chart,
#placeholder-tab-center-content .chart                  {border: none;}

body.frontpage #container .chart,
#container #placeholder-tab-center-content .chart.large {padding-top: 0px;padding-left: 0px;}

body.frontpage #container .chart.small,
#placeholder-tab-center-content .chart.small            { background: #e8e8e8;}

body.frontpage #container .chart.small .table-content,
#placeholder-tab-center-content .chart.small .table-content { width: 350px; margin: 0px auto; }

body.frontpage #container .chart.large,
#placeholder-tab-center-content .chart.large            {padding: 0px;}



#container #placeholder-tab-center-content-right .chart {padding-top: 5px; border-bottom: 1px solid #ccc; }

#placeholder-tab-center-content-right .chart .chart-main-content .chart-container {width: 439px; height: 270px;  }

body.frontpage #container .chart.small .chart-main-content .chart-container {height: 210px;width: 350px; margin: 0px auto; }

#container .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-right .chart {padding: 0px; border-bottom: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1);
}

#container .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-right .chart-container {
    width: 95%;
}

#container .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-right .chart .chart-container {
    background: none;
}

#container .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-right .chart.small .chart-main-content .subtext { border: none; }

#container .categorydisplay.vertical-scroll-context .section-content.tax #placeholder-tab-center-content-right .chart .chart-title h3 { color: #fff; width: 95%; margin: 0px auto; padding-top: 20px;}


/* Cookies banner info */
.cookies-banner { width: 100%; padding: 18px 0px 20px 0px; color: #ccc; position: fixed; bottom: 0; left: 0; background: #333; opacity: 0.9; }
.cookies-banner .text-content { max-width: 940px; margin: 0px auto; text-align: center;}


/* Old browser banner info, used for IE8 or below */
.old-browser-banner { width: 100%; font-size: 0.9375em; padding-top: 20px; overflow: hidden; background: #e5f5fc; }

.old-browser-banner .content-wrapper { position: relative; padding-left: 70px; max-width: 870px; margin: 0px auto;}

.old-browser-banner .content-wrapper .close-link { position: absolute; top: 0; right: 0;
}
.old-browser-banner .content-wrapper .close-link a { color: #333; text-decoration: none; font-size: 1.5em;  }



/* Blogg rss reader */
#container .blogg-rss-reader                            { overflow: hidden; margin-bottom: 45px; }

.blogg-rss-reader h2                                    { width: 100%; text-align: center; }

.blogg-rss-reader .main-blogg-article h3                { color: #444; margin-bottom: 0px; font-family: Arial; font-size: 3rem;}

.blogg-rss-reader .main-blogg-article .byline           { font-size: 0.875em; }

.blogg-rss-reader .main-blogg-article .byline .comments a { text-decoration: underline; }

.blogg-rss-reader .main-blogg-article .creator-image    { width: 150px; height: 195px; padding: 7px 7px 0px 7px; background: #fff; border: 1px solid #ddd;
    box-sizing: border-box; -moz-box-sizing: border-box;
    /* Rotate div */
    transform:rotate(-5deg);
    -ms-transform:rotate(-5deg); /* IE 9 */
    -webkit-transform:rotate(-5deg); /* Safari and Chrome */ }

.blogg-rss-reader .main-blogg-article .creator-image img { width: 100%; height: auto; }

.blogg-rss-reader .description                          { margin-top: 19px; margin-bottom: 23px; font-size: 1.1em; color: #777; line-height: 1.25em;}

#container .blogg-rss-reader .main-blogg-article .read-link a span { height: 1.92em; line-height: 1.92em; /*width: 213px;*/ }

/*.blogg-rss-reader .latest-articles                      { float: right; width: 210px; padding-left: 25px; border-left: 1px solid #ddd; }*/

.blogg-rss-reader .latest-articles h4                   { font-size: 1.125em; }

.blogg-rss-reader .latest-articles ul                   { margin-bottom: 25px;}

.blogg-rss-reader .latest-articles .goto-url a          { font-size: 0.9375em; text-decoration: underline; }

.blogg-rss-reader .latest-articles ul li { margin-bottom: 5px;
    position: relative;
    display: list-item;
    padding-left: 14px;
}



.blogg-rss-reader .latest-articles ul li:before { font-size: 0.75em; color: #0074b6;  content: '\25B6'; font-family: 'fontello-entypo';


    left: 0;
    position: absolute;
    top: 3px;
}

.blogg-rss-reader .latest-articles ul li a { font-size: 0.9375em; }

/* Sharing links */

#placeholder-content .sharinglinks  {  border-top: 1px solid #ddd; }

body.news #placeholder-top-content .sharinglinks { overflow: hidden; }

.sharinglinks .tile-content { margin-top: 10px; padding-bottom: 10px;}


.sharinglinks li { margin-right: 20px; float: left; }

.sharinglinks li:last-child { margin-right: 0px; }

.tile-content.about-group-list-item a:hover,
.sponsorships__item {
    text-decoration: none;
}

.tile-content.about-group-list-item a:link .header2 h2,
.tile-content.about-group-list-item a:visited .header2 h2 {
    transition: all .2s ease-out;
}
.tile-content.about-group-list-item a:hover .header2 h2,
.sponsorships__item a:hover .header2 h2{
    background: rgba(255,255,255,1);
    color: #5BA422;
}

.tile-content.about-group-list-item .header2 h2,
.sponsorships__item .header2 h2{
    margin-top: -60px;
    text-align: center;
    background: rgba(255,255,255,0.7);
    z-index:9999;
    position: relative;
    padding: 10px;
    height: 40px;
    line-height: 40px;
}

.row {
    text-align: justify;
}
.row img {
    max-width: 100%;
}
.row:after {
    content: "";
    display: inline-block;
    width: 100%;
}

.col-md-4,
.col-md-6 {
    display:inline-block;
    margin-top: 10px;
}

.col-md-6 {
    width: 49%;
}
.col-md-4 {
    width: 32%;
}

.col-md-6 .header2 h2 {
    font-size: 2.6rem;
}

.col-md-4 .header2 h2 {
    font-size: 2rem;
}

.col-md-4 img {
    object-fit: cover;
    width: 100%;
    height: 160px;
}

@media screen and (min-width: 701px) {
    .header2 h2 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    /*.col-md-6 img,
    .col-md-12 img {
        object-fit: cover;
        width: 100%;
    }

    .col-md-6 {
        height: 240px;
    }*/

}
@media screen and (max-width: 700px) {
    .col-md-6 {
        width: 100%;
    }

    .header2 h2 {
        font-size: 2rem !important;
    }

    .col-md-4 .header2 h2 {
        font-size: 1.1rem !important;
        word-wrap: break-word;
        background: transparent !important;
        height: auto;
        line-height: normal;
        margin-top: 0 !important;
        padding: 0 !important;
    }
}


.button-menu {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.button-menu__item {
    text-align: center;
    width: 25%;
    padding-bottom: 20px;
}

.button-menu__item svg {
    width: 80%;
    margin-bottom: 1em;
}

.button-menu__item-link {
    display: block;
    color: #444;
    font-weight: bold;
}

.button-menu__item-link:hover svg * {
    fill: #444;
}

@media screen and (max-width: 700px) {
    .button-menu__item {
        width: 50%;

    }
}

.sponsorships__item {
    position: relative;
}

.sponsorships__item img {
    object-fit: cover;
    width: 100%;
    height: 240px;
}


.sponsorships__heart {
    position: absolute;
    left: 10px;
    bottom: 25px;
    z-index: 10000;
    text-transform: uppercase;
    color: #444;
    font-weight: bold;
    text-align: center;
}

.sponsorships__heart:before {
    content: url('images/default/sponsorship-heart.svg');
    display: block;
    width: 50px;
    height: 50px;

    -webkit-animation: heartbeat 1s infinite;
    animation: heartbeat 1s infinite;
    margin: 0 auto;
}

@-webkit-keyframes heartbeat
{
    0%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
    20%
    {
        -webkit-transform: scale( 1 );
        transform: scale( 1 );
    }
    40%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
    60%
    {
        -webkit-transform: scale( 1 );
        transform: scale( 1 );
    }
    80%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
    100%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
}

@keyframes heartbeat
{
    0%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
    20%
    {
        -webkit-transform: scale( 1 );
        transform: scale( 1 );
    }
    40%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
    60%
    {
        -webkit-transform: scale( 1 );
        transform: scale( 1 );
    }
    80%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
    100%
    {
        -webkit-transform: scale( .75 );
        transform: scale( .75 );
    }
}
/* ========    CtFrontendCssService:  end of file style.css     ======== */

/* ========    CtFrontendCssService:  start of css from php script     ======== */
/* 
    Document   : lyse-banner
    Created on : 03.okt.2013, 15:30:21
    Author     : Odin
    Description:
        Purpose of the stylesheet follows.
*/

.svg-banner-tile .tile-content {
    position: relative;
}
.svg-banner-tile .tile-content .banner-container.svg {
    height: 441px;
}


/* aspect ration full size 0,2325 */
/*@media screen and (max-width: 1900px) and (orientation: portrait) {
    .svg-banner-tile .tile-content .banner-container.svg {
        height: 441px;
    }
}*/
@media screen and (max-width: 1600px) /*and (orientation: portrait)*/ {
    .svg-banner-tile .tile-content .banner-container.svg {
        height: 372px;
    }
}
/* if lower than 1600 multiply with height with 0,3333 */
@media screen and (max-width: 1100px) /*and (orientation: portrait)*/ {
    .svg-banner-tile .tile-content .banner-container.svg {
        height: 319px;
    }
}
@media screen and (max-width: 960px) /*and (orientation: portrait)*/ {
    .svg-banner-tile .tile-content .banner-container.svg {
        height: 233px;
    }
}

@media screen and (max-width: 700px) /*and (orientation: portrait)*/ {
    .svg-banner-tile .tile-content .banner-container.svg {
        height: 160px;
    }
}

.svg-banner-tile .banner-container.fallback{
    position: relative;
}
.svg-banner-tile .banner-container svg,
.svg-banner-tile .banner-container object{
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}
.svg-banner-tile .banner-container .banner-background, 
.svg-banner-tile .banner-container.fallback img{
    position: relative;
    width: 100%;
}
.svg-banner-tile .banner-container.fallback .frames li {                
    position: absolute; 
    top:0;
    left:0;
    margin: 0;
    padding: 0;
    width: 100%;
}
.svg-banner-tile .banner-container.fallback .frames li {     
    opacity: 0;
    transition: opacity 1s ease-in-out;
    display: none;
}
.svg-banner-tile .banner-container.fallback .frames li.active{ 
    opacity: 1;
    display: inline;
}


/* ========    CtFrontendCssService:  end of css from php script     ======== */

/* ========    CtFrontendCssService:  start of css from design editor     ======== */

/* -- Design Editor generated style -- */

body {
        
}

.full-articledisplay .header h1 {
    }

.full-articledisplay .digest {
    }

.full-articledisplay .article-content {
    }

.full-articlelist h3 {
    }

.full-articlelist p {
    }

.vertical-menu ul li {
    }

.vertical-menu ul li a {
}

.vertical-menu ul li li {
    }

.vertical-menu ul li li li {
    }

.small-articledisplay h3 {
    }

.small-articledisplay .tile-content p {
        }

.back-button a {
}

.home-button a {
}

#placeholder-top {
    }

#placeholder-content {
    }

#placeholder-bottom {
    }

/* ========    CtFrontendCssService:  end of css from design editor     ======== */

/* CtPageCache: cached at 2018-06-22 12:46:33, expires at 2018-06-23 12:46:33 */

/* CtPageCache.outputCacheFile(): Cachefile was used for device [_e_5_0] from store [CtFileCacheStore]  on host [atlantia.coretrek.no] */