/* -- Default channel specific style -- */ /* -------------------------------------------------------------------------- */ /* 1. General HTML elements */ /* -------------------------------------------------------------------------- */ html { height: 100%; } body { height: 100%; } body.frontpage h2 { font-size: 3.4rem; } /* -------------------------------------------------------------------------- */ /* Container/placeholder positioning */ /* -------------------------------------------------------------------------- */ #container { max-width: 1300px; margin: 0px auto; max-width: 100%; font-size: 1.6rem; } #placeholder-top { border-bottom: 1px solid #ddd; background: url(images/web/placeholder-top.png) left top repeat-x; } #placeholder-top .tile-wrapper, #placeholder-bottom .tile-wrapper, .categorydisplay .header-section, .categorydisplay .section-inner-menu, .categorydisplay .categorydisplay-navigation-links, .categorydisplay #placeholder-tab-center-content-wrapper, .categorydisplay-menu .tile-content, #placeholder-top-content .subscribe-single-news .tile-content, body.frontpage #placeholder-top-content-no-right .tile-wrapper, body.frontpage #placeholder-top-content-additional .tile-wrapper { max-width: 940px; margin: 0px auto; overflow: hidden; } #placeholder-top .tile-wrapper { padding-bottom: 22px; } #placeholder-sub-top { overflow: hidden; margin-bottom: 20px; } body.frontpage #placeholder-sub-top { margin-bottom: 0px; } #placeholder-top-content-wrapper { overflow: hidden; } #placeholder-top-content-no-right { overflow: hidden; } body.not-frontpage #placeholder-top-content { float: left; width: 610px; margin-right: 30px; } body.not-frontpage #placeholder-top-content-additional { float: left; width: 300px; } body.frontpage #placeholder-top-content-additional { padding-top: 40px; } #placeholder-top-content-additional h3, #placeholder-top-content-additional h2 { font-size: 1.6rem; } #placeholder-tab-center-content { overflow: hidden; } body.site-not-found #placeholder-full-content-wrapper .inner-wrapper { max-width: 940px; margin: 0px auto; padding-bottom: 240px; background: url(images/default/404.png) right bottom no-repeat; } .categorydisplay.standalone-context #placeholder-tab-center-content-wrapper.two-columns { background: url(images/web/center-content-twocolumn.png) 430px center repeat-y; } #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left { float: left; } #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { float: right; } .categorydisplay.standalone-context #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left, .categorydisplay.standalone-context #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { width: 46%; } .categorydisplay.standalone-context #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left { width: 390px; } .categorydisplay.standalone-context #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { width: 430px; } .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left { width: 63.6667%; /*margin-right: 30px; */} .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { width: 30.3333%; position: relative; z-index: 1;} .categorydisplay.vertical-scroll-context .section-content.tax #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left { width: 47%; } .categorydisplay.vertical-scroll-context .section-content.tax #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { width: 47%; } .categorydisplay.vertical-scroll-context #placeholder-tab-content { overflow: hidden; } #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left .full-articledisplay { margin-bottom: 20px;} #placeholder-bottom {padding-bottom: 30px; } /* -------------------------------------------------------------------------- */ /* General tile */ /* -------------------------------------------------------------------------- */ body.not-frontpage #placeholder-top-content-wrapper, #placeholder-content .tile-common, #placeholder-top-content-no-right .tile-common, #placeholder-top-content-additional .tile-common, #placeholder-bottom .tile-common, .blogg-rss-reader .tile-content, #container .tile-common.shadow-layout .tile-content, #container .slide-articlelist .tile-content, #container .imagearchive .top-content, #container .imagearchive .folder-images, .categorydisplay.vertical-scroll-context #placeholder-tab-content { max-width: 940px; margin: 0px auto; padding-top: 5px; padding-bottom: 25px; } body.frontpage #placeholder-top-content-additional .tile-common { padding-bottom: 0px; } /* -------------------------------------------------------------------------- */ /* Non tile spesific common styles */ /* -------------------------------------------------------------------------- */ #container .rwd-web-content { display: block;} #placeholder-full-content-wrapper input[type='text'], #placeholder-full-content-wrapper input[type='email'], #placeholder-full-content-wrapper input[type='password'] { width: 13em;} /* CT Webform */ .ctwebform-element-validationerror { margin-left: 10px;} form.ctform textarea { float: left; } td.ctwebform-element { padding-bottom: 25px; /*padding-right: 42px; */} /* Common table design */ table.common-table-style th, table.common-table-style td { padding: 1px 25px 1px 25px; } /* -------------------------------------------------------------------------- */ /* Styling for spesific elements */ /* -------------------------------------------------------------------------- */ /* ----- Placeholder top ----- */ /* Horizontal Plain Menu */ #placeholder-top .horizontal-plain-menu { float: right; width: 100%; margin-bottom: 26px;} #placeholder-top .horizontal-plain-menu a { color: #727272; font-size: 1.4rem;} #placeholder-top .horizontal-plain-menu ul { float: right; border-left: 1px solid #ddd;} #placeholder-top .horizontal-plain-menu li { margin-left: 25px; /*display: inline-block;*/ height: 2.05em; line-height: 2.05em; float: left; } #placeholder-top .horizontal-plain-menu li.last { width: 10.3em; text-align: center; border-radius: 0px 0px 8px 8px; background: #539e1b;} #placeholder-top .horizontal-plain-menu li.last a { color: #fff; text-decoration: none; font-family: Arial; font-weight: bold; } #placeholder-top .horizontal-plain-menu li.last a:after { margin-left: 10px; font-style: normal; text-decoration: none; content: '\25B6'; font-family: 'fontello-entypo'; } /* Logo */ #placeholder-top .logo-tile { float: left; width: 90px; height: 60px; } /* Small search input */ #placeholder-top .small-searchinput { float: right; clear: right; margin-top: 23px; border-bottom: 1px solid #ccc; } #placeholder-top .small-searchinput .toggle-link-wrapper { display: none; } #placeholder-top .small-searchinput input { display: block; float: left; height: 26px; margin: 0px; padding: 0px; border: none; background: #eee; } #placeholder-top .small-searchinput input.textinput { font-size: 1.4rem; font-family: Arial; color: #868686; padding-left: 13px; width: 120px; border-right: 1px solid #ccc; } #placeholder-top .small-searchinput input.submit { font-size: 0px; width: 31px; height: 26px; background: #eee url(images/default/sprite.png) 7px 6px no-repeat;} /* Horizontal menu */ #placeholder-top .horizontal-menu { float: right; margin: 28px 10px 0px 0px; } #placeholder-top .horizontal-menu .toggle-link-wrapper { display: none;} #placeholder-top .horizontal-menu li { margin-right: 20px; padding-top: 5px; } #placeholder-top .horizontal-menu a { font-size: 1.5rem; } #placeholder-top .horizontal-menu li.active, #placeholder-top .horizontal-menu li.main-active { border-top: 2px solid #5BA422; } #placeholder-top .horizontal-menu li.level-number-4, #placeholder-top .horizontal-menu li.level-number-5 { display: none; } /* ----- Placeholder sub top ----- */ /* Site locator */ #placeholder-sub-top .sitelocator { margin: 7px auto 0px auto; max-width: 940px; } /* Video banner */ .video-banner { max-height: 610px; overflow: hidden; } .video-banner .links { position: absolute; left: 0px; width: 100%; bottom: 0px; background: rgba(0,0,0,0.3);} .video-banner .overlay-text { top: 150px; } .video-banner .overlay-text .content h1 { width: 345px;} .video-banner .overlay-text .content h1 span.header2 { font-size: 2.6rem; font-weight: normal;} .video-banner .overlay-text .content h1 span.header { font-size: 5rem; } .video-banner .button-links { margin-top: 20px;} .video-banner .button-links span { height: 5rem; line-height: 5rem; width: 170px; } .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 .links ul, .video-banner .overlay-text .content { max-width: 940px; margin: 0px auto; } .video-banner .links ul { list-style-type: none; padding: 0px; } .video-banner .links li { display: inline; margin-right: 160px;} .video-banner .links li:last-child { margin-right: 0px; } .video-banner .links li a { color: #fff; height: 55px; line-height: 55px; text-decoration: none; text-transform: uppercase; display: inline-block; border-top: 3px solid #009fda; padding-right: 25px; font-weight: bold; } .video-banner .links li a:after { content: "▶"; font-family: "fontello-entypo"; font-size: 0.75em; font-style: normal; margin-left: 5px; text-decoration: none; } /* Site locator */ #placeholder-sub-top .full-articledisplay { margin: 7px auto 0px auto; max-width: 940px; } /* ----- Placeholder top content additional ----- */ body.not-frontpage #placeholder-top-content-additional .tile-common { font-size: 0.9375em; padding: 18px 10px 15px 18px; overflow: hidden; margin-top: 42px; } body.news #placeholder-top-content-additional .tile-common { margin-top: 0px; margin-bottom: 25px;} #placeholder-top-content-additional .subscribe-single-news input[type="text"], #placeholder-top-content-additional .subscribe-single-news input[type="email"] { height: 23px; line-height: 23px; width: 167px; padding: 0px 3px 0px 5px; } #placeholder-top-content-additional .subscribe-single-news input[type="submit"] { height: 25px; line-height: 25px; width: 81px; padding: 0px; } /* Small article display */ #placeholder-top-content-additional .small-articledisplay .tile-content { margin-left: 20px; } #placeholder-top-content-additional .small-articledisplay.person .tile-content { margin-left: 0px; } #placeholder-top-content-additional .small-articledisplay .person-article .personal-info { width: 155px; } /* Vertical menu */ #placeholder-top-content-additional .vertical-menu { margin-top: 14px; } #placeholder-top-content-additional .vertical-menu li { margin-bottom: 5px; } /* ----- Placeholder bottom ----- */ #placeholder-bottom .tile-common { width: auto; padding-bottom: 0px; } /* Newsletter form */ #placeholder-bottom .newsletter-form, #placeholder-bottom .subscribe-single-news { float: left; width: 395px; margin: 19px 0px 0px 0px; } #placeholder-bottom .newsletter-form .tile-content, #placeholder-bottom .subscribe-single-news .tile-content { padding: 5px; } #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"] { height: 23px; line-height: 23px; margin-left: 3px; width: 179px; padding: 0px 3px 0px 5px; } #placeholder-bottom .newsletter-form input[type="submit"], #placeholder-bottom .subscribe-single-news input[type="submit"] { height: 25px; line-height: 25px; width: 81px; padding: 0px; } /* Horizontal menu */ #placeholder-bottom .horizontal-plain-menu { float: right; margin: 27px 0px 0px 0px; } body.english #placeholder-bottom .horizontal-plain-menu { width: 100%; text-align: right; } #placeholder-bottom .horizontal-plain-menu li { margin-left: 35px; } /* Small article display */ #placeholder-bottom .small-articledisplay { margin: 27px 0px 0px 0px; padding-top: 8px; margin-top: 26px; font-size: 1.4rem; width: 50%; box-sizing: border-box; -moz-box-sizing: border-box; overflow: visible; } #placeholder-bottom .small-articledisplay.gray { padding: 8px 0px 4px 0px; clear: left; float: left; text-align: right; } #placeholder-bottom .small-articledisplay.no-layout { padding-left: 20px; float: right; text-align: left; } #placeholder-bottom .small-articledisplay.no-layout a { display: inline-block; margin: -3px 20px 0px 0px; padding: 3px 19px 3px 20px; border-right: 1px solid #505050;border-left: 1px solid #505050; } #placeholder-bottom .small-articledisplay p { margin: 0px; } #placeholder-bottom .small-articledisplay img { width: 30px; height: 30px; } /* ----- Placeholder content ----- */ /* Full article display */ .full-articledisplay blockquote { margin: 1em 40px 1em 90px; width: 74.5%; } .full-articledisplay .cp-mmarchive-image-default { margin-left: 25px; margin-right: 25px; } .full-articledisplay .digest .cp-mmarchive-image-default { margin: 0px; } .full-articledisplay .cp-mmarchive-image-left { margin-right: 25px; } .full-articledisplay .cp-mmarchive-image-right { margin-left: 25px; } body.history #placeholder-top-content-no-right .full-articledisplay { max-width: 650px;} .full-articledisplay.keynumbers .text-content { padding-bottom: 23px; } /* Small article display with layout */ #placeholder-content .small-articledisplay.gray, #placeholder-content .small-articledisplay.blue { padding: 18px 10px 15px 18px;} #placeholder-top-content-no-right .small-articledisplay { max-width: 457px; float: left; margin-right: 25px; } #placeholder-top-content-no-right .small-articledisplay:last-child { margin-right: 0px; } #placeholder-content .small-articledisplay.gray .tile-content, #placeholder-content .small-articledisplay.blue .tile-content { margin-left: 20px;} #placeholder-tab-center-content-wrapper .full-articledisplay.keynumbers { margin-top: 15px; } #placeholder-tab-center-content-wrapper .full-articledisplay.keynumbers .datavalue span.term { font-size: 1.3125em; } #placeholder-tab-center-content-right .full-articledisplay.keynumbers .datavalue span.term { display: block; } /* Full article list */ .full-articlelist.threecolumns, .slide-articlelist { font-size: 1.4rem; } .full-articlelist.list-view h2, .slide-articlelist.list-view h2 { margin-bottom: 35px; } .full-articlelist.list-view.styled-header .default-article h3, .slide-articlelist.list-view.styled-header .default-article h3 { font-size: 1.6rem;} .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 { font-size: 1.8rem;} .full-articlelist.list-view.onecolumn h2 { margin-bottom: 15px; } .full-articlelist.list-view .bottomlink { margin-top: -25px; } #container .slide-articlelist .bottomlink { margin-top: 25px;} .full-articlelist.list-view li, .slide-articlelist.list-view li { margin-bottom: 25px; } .full-articlelist.onecolumn.list-view li { margin-bottom: 25px; } .full-articlelist.twocolumns li { width: 457px; float: left; } .full-articlelist.twocolumns li.first-on-row { margin-right: 25px; } .full-articlelist.threecolumns li, .slide-articlelist.threecolumns li { width: 290px; margin-right: 35px; } .full-articlelist.threecolumns li.last-on-row, .slide-articlelist.threecolumns li.last-on-row { margin-right: 0px; } .full-articlelist li.first-on-row, .slide-articlelist li.first-on-row { clear: left; margin-left: 0px; } /*.full-articlelist.list-view.styled-header .default-article h3, .slide-articlelist.list-view.styled-header .default-article h3 { font-size: 1.6rem; }*/ .full-articlelist.gray-white li.odd .thumbnail { float: left; } .full-articlelist.gray-white li.odd .full-articledisplay { float: right; } .full-articlelist.gray-white li.even .thumbnail { float: right;} .full-articlelist.gray-white li.even .full-articledisplay { float: left; } .full-articlelist.gray-white li .thumbnail { width: 450px; /*height is set in javascript to be able to vertical align image */ } #container .full-articlelist.gray-white li .full-articledisplay { max-width: 480px; margin-top: 40px; margin-bottom: 10px; } .full-articlelist.gray-white li .thumbnail img { width: auto; margin: 0px auto;} .full-articlelist.full-view.threecolumns li { float: left; width: 289px; min-height: 155px; border-right: 1px solid #ddd; } #placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view.threecolumns { } #placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view.threecolumns li { border: none; margin: 0px 3% 40px 0px; width: 31.333%; } #placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view.threecolumns li.last-on-row { margin-right: 0; } #placeholder-content .categorydisplay.vertical-scroll-context .full-articlelist.full-view.threecolumns li.first-on-row-sibling-last { margin-left: 17.2%; } .full-articlelist.full-view.threecolumns li.last { border-right: none; } #container .full-articlelist.full-view.threecolumns .full-articledisplay { padding-bottom: 0px; } /* Person display, both article display and list display */ .full-articledisplay.person .image-wrapper { float: left; margin-right: 20px; margin-bottom: 15px;} .full-articledisplay.person .image-wrapper .download-image { margin-top: 5px;} .full-articledisplay.person .image-wrapper .download-image:before { margin-right: 5px; font-weight: normal; font-style: normal; text-decoration: none; color: #bbb; font-family: 'fontello-entypo'; content: '\2B07'; } .full-articledisplay.person .header-info, .full-articledisplay.person .textual-info { width: 620px; float: right; } .full-articlelist.onecolumn .person-article .header-info { padding-right: 15px; } .full-articlelist .person-article .header-info h3, .slide-articlelist .person-article .header-info h3 { font-size: 1.6rem; } .full-articlelist.twocolumns .person-article .personal-info { width: 340px; } .full-articlelist.threecolumns .person-article .personal-info, .slide-articlelist.threecolumns .person-article .personal-info, .slide-articlelist.threecolumns .person-article .personal-info { width: 180px; } .full-articlelist .person-article .top-content, .slide-articlelist .person-article .top-content, .small-articledisplay .person-article .top-content { min-height: 100px; } #container .full-articlelist.gray-white { max-width: 100%; } #container .full-articlelist.gray-white .list-content { max-width: 940px; margin: 0px auto; } /* Slide article list */ /* NOTICE: This slide articlelist is not styled with responsive widths * All widths and margins is set in px instead of % - this is because of * the width of each li element must be correct. And the width of ul is set * with javascript, where the value is calculated from withs to all li elements * * This is only styled for web and tablet because this one is an ordinary one column articlelist * on mobile. It's the same tile and css class for mobil, even if it's styled different * * Styling for indicators are done with the slideshow section */ .slide-articlelist { overflow: hidden; } .slide-articlelist .tile-content { position: relative; } .slide-articlelist .tile-content .content-wrapper { overflow: hidden; } .slide-articlelist .slide-wrapper { overflow: hidden; margin-left: -35px; max-width: 975px; /* 940 + 35px, where 35 px are the value of minus margin*/ } /* Hack: make sure the width of ul doesn't cause li elements to wrape below each other before javascript for sliding is loaded */ .slide-articlelist .slide-wrapper ul { width: 500%; } /* All li elements must have the same width, marging and padding because of the behaviour of the javascript */ .slide-articlelist .slide-wrapper li { width: 290px; margin-right: 0px; overflow: hidden; clear: none; margin-left: 35px; } .slide-articlelist .indicators-wrapper { display: none; margin-top: -25px;} .slide-articlelist .indicators-wrapper ul {text-align: center; } .slide-articlelist .indicators-wrapper ul li { display: inline-block; margin: 0px 2px 0px 2px; width: auto; float: none; } .slide-articlelist .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; } .slide-articlelist .indicators-wrapper ul li.current a { background: #539E1B; } .slide-articlelist .swipe-navigation { width: 100%; display: block;} .slide-articlelist .swipe-navigation a { display: block; font-size: 5em; text-decoration: none; position: absolute; top: 30%;} .slide-articlelist .swipe-navigation a span { display: none; } .slide-articlelist .swipe-navigation a.slide-right { float: left; left: -1em; } .slide-articlelist .swipe-navigation a.slide-left { float: right; right: -1em; } .slide-articlelist .swipe-navigation a:before { font-weight: normal; font-style: normal; text-decoration: none; /*color: #e7e7e7;*/ font-family: 'fontello-entypo'; } .slide-articlelist .swipe-navigation a:hover { text-shadow: 2px 2px 8px #000000; } .slide-articlelist .swipe-navigation a.slide-right:before { content: '\E765'; } .slide-articlelist .swipe-navigation a.slide-left:before { content: '\E766'; } .slide-articlelist .swipe-navigation a.disabled { display: none; } /* Search result */ .search-result .search-menu { float: left; width: 24.66%; } .search-result .search-menu .toggle-link-wrapper { display: none; } .search-result .search-menu { float: left; width: 24.66%; } .search-result .search-menu .toggle-link-wrapper { display: none; } .search-result .search-menu h3 { color: #444; font-size: 1.15em; margin-bottom: 13px; } .search-result .search-menu li { margin-bottom: 3px; font-size: 0.9375em;} .search-result .search-menu li.first { margin-bottom: 15px; } .search-result .search-menu span.article-amount { color: #777; font-size: 0.9375em;} .search-result .search-menu li.active a { color: #444;} .search-result .search-main-content { float: right; width: 72.34%; } .search-result h2 { margin-bottom: 30px; } /* Image Archive */ .imagearchive .folder-images li { width: 290px; float: left; margin-right: 35px; } .imagearchive .folder-images li.first-on-row { clear: left; } .imagearchive .folder-images li.last-on-row { margin-right: 0px; } #container .imagearchive .folder-images li .image { height: 230px; line-height: 230px; } .imagearchive .image.portrait img { height: 100%; width: auto; } /* Horizontal menu in placeholder content, styled as articlelist with styled-header */ /* Make 3 columns style :) Assumes that there will not be more than 45 categories in each display */ #placeholder-content .horizontal-menu li { margin-left: 35px; margin-bottom: 20px; width: 290px; float: left; } #placeholder-content .horizontal-menu li.level-number-0, #placeholder-content .horizontal-menu li.level-number-3, #placeholder-content .horizontal-menu li.level-number-6, #placeholder-content .horizontal-menu li.level-number-9, #placeholder-content .horizontal-menu li.level-number-12, #placeholder-content .horizontal-menu li.level-number-15 { clear: left; margin-left: 0px; } /* Category display */ #placeholder-content .categorydisplay, #placeholder-content .categorydisplay-menu { max-width: 100%; position: relative; width: 100%; padding: 0px; } /* Category display */ #placeholder-content .categorydisplay.standalone-context { background: url(images/web/category-display-top.png) left top repeat-x; } #placeholder-content .categorydisplay .category-template-content, #placeholder-content .categorydisplay .tile-common .tile-common, #container #placeholder-content .categorydisplay .tile-common.shadow-layout, #container #placeholder-content .categorydisplay .full-articlelist.gray-white, #container .slide-articlelist { max-width: 100%; } #placeholder-content .categorydisplay .section-menu, #placeholder-content .categorydisplay .category-template-content > .tile-common, #placeholder-content .categorydisplay .ajaxstatus { margin: 0px auto; max-width: 940px; } #placeholder-content .categorydisplay ul { margin: 0; list-style-type: none; padding: 0; overflow: hidden; } #placeholder-content .categorydisplay.standalone-context .section-menu ul > li { float: left; margin-right: 50px; } #placeholder-content .categorydisplay.standalone-context .section-menu ul > li a { font-size: 1.4rem; display: block; text-transform: uppercase; height: 64px; line-height: 43px; outline: 0; } #placeholder-content .categorydisplay.standalone-context .section-menu ul > li a:focus { border: 1px dotted; outline-style:dotted; } #placeholder-content .categorydisplay.standalone-context .section-menu ul > li.last { margin-right: 0px;} #placeholder-content .categorydisplay.standalone-context .section-menu ul > li.active a { color: #444; background: url(images/default/category-display-active.png) center bottom no-repeat; } #placeholder-content .categorydisplay.standalone-context .section-content { padding-top: 52px; margin-top: -21px; } .categorydisplay-menu .full-articledisplay h1, .categorydisplay.vertical-scroll-context .header-section h1 { font-size: 3.75em; margin-bottom: 25px; } #container #placeholder-content .categorydisplay-menu { padding: 100px 0px 150px 0px; margin-top: -20px; } body.businessareas #container #placeholder-content .categorydisplay-menu { padding-bottom: 200px; } #placeholder-content .categorydisplay-menu, #placeholder-content .categorydisplay.vertical-scroll-context { padding-top: 53px;} #placeholder-content .categorydisplay.vertical-scroll-context { overflow: hidden; } #placeholder-content .categorydisplay.vertical-scroll-context { overflow: hidden; } #placeholder-content .categorydisplay-menu .scroll-menu ul li { margin: 0 0 2em 0; } #placeholder-content .categorydisplay-menu .scroll-menu ul a { font-size: 1.4em; } #placeholder-content .categorydisplay-menu .scroll-menu-simple { display: block; padding: 0px; position: fixed; right: 3px; top: 40%; z-index: 999; width: 16px; } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li { margin-bottom: 15px; } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li span { display: none; } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li a { position: relative; } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li a:hover { color: #333; } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li a:hover span { display: block; position: absolute; top: 0; right: 15px; padding: 5px 10px 5px 10px; background: #eee; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li a { display: block; height: 9px; width: 9px; margin: 0px auto 0px auto; border-radius: 2px; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.2); } #placeholder-content .categorydisplay-menu .scroll-menu-simple ul li.active a { height: 15px; width: 15px; margin-top: -3px; margin-bottom: -3px; } #placeholder-content .categorydisplay.vertical-scroll-context .section-content { float: left; overflow: hidden; } #placeholder-content .categorydisplay.vertical-scroll-context.parallex .section-content { margin-top: 22px; } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu { height: 44px; } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul { height: 44px; overflow: visible; float: left; background: #fff; box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.3); } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li { float: left; padding: 0; position: relative; } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li a { color: #444; display: block; float: left; line-height: 24px; padding: 10px 15px; text-decoration: none; transition-duration: 0.2s; transition-property: background-color; transition-timing-function: ease-out; } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li a:hover, #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li a:focus { color: #333; background-color: #eee; } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li.active a { background: #539e1b; color: #fff; position: relative; } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li.active a:before, #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li.active a:after { content: ""; display: block; height: 0; width: 0; position: absolute; right: 0; bottom: -6px; left: 0; margin-left: auto; margin-right: auto; border-top: 6px solid #539e1b; border-left: 6px solid rgba(0, 0, 0, 0); border-right: 6px solid rgba(0, 0, 0, 0); } #placeholder-content .categorydisplay.vertical-scroll-context .section-menu ul li.active a:before { right: -4px; bottom: -7px; border-top-color: rgba(0, 0, 0, 0.2); border-width: 7px 7px 0; } #placeholder-content .categorydisplay.vertical-scroll-context:nth-of-type(odd) .section-menu ul li.active a { background: #009fda; } #placeholder-content .categorydisplay.vertical-scroll-context:nth-of-type(odd) .section-menu ul li.active a:after { border-top-color: #009fda; } #container #placeholder-content .categorydisplay.climate { padding-bottom: 400px; } #placeholder-content .categorydisplay.parallex .section-inner-menu a:hover, #placeholder-content .categorydisplay.parallex .categorydisplay-navigation-links a:hover { text-decoration: underline; margin-left: 3px; } #placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.infobox { float: left; max-width: 800px; } #placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.infobox .key-values { overflow: hidden; margin: -10px; /*override padding */ } #placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.infobox .key-values .datavalue { float: left; border-left: 1px solid #ccc; padding: 10px; } #placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.infobox .key-values .datavalue:first-child { border: none; } #placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.no-layout .key-values .datavalue { float: left; margin: 0px 0px 40px 3%; width: 31.333%; } #placeholder-content .categorydisplay.vertical-scroll-context .small-articledisplay.no-layout .key-values .datavalue:first-child { margin: 0px; } #placeholder-content .categorydisplay.vertical-scroll-context #placeholder-tab-content .small-articledisplay.no-layout .article-body div { float: left; width: 13.6667%; margin-left: 3%; } #placeholder-content .categorydisplay.vertical-scroll-context #placeholder-tab-content .small-articledisplay.no-layout .article-body div:first-child { margin-left: 0px; } /* small articledisplay in category display */ .categorydisplay .small-articledisplay h3 { color: #444;} .small-articledisplay.blue h3, .small-articledisplay.blue h4, .small-articledisplay.blue a { color: #fff; } /* Easycruit Vacancies list */ .easycruit-vacancies-list li .list-content { margin: 14px 18px 20px 18px; } .easycruit-vacancies-list .text-info { width: 65%; } .easycruit-vacancies-list .application-deadline { margin-left: 5%; } /* Easycruit CV */ .easycruit-cv .login { width: 57.5%; } .easycruit-cv .login .group { float: left; margin-bottom: 32px; margin-right: 55px; } /* Organization chart */ .organization-chart {} .organization-chart li { display: block; padding-top: 25px; position: relative; } .organization-chart li a, .organization-chart li span { font-size: 1.5rem; } .organization-chart li.tree-level-0 { padding-top: 0px; } .organization-chart li.tree-level-0 span.item, .organization-chart li.tree-level-0 a { margin: 0px auto; } .organization-chart li.tree-level-1 a { float: right; } .organization-chart li.tree-level-1.collapsed a { float: none; } .organization-chart li.tree-level-1 { overflow: hidden; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ width: 50%; padding-right: 14px; padding-bottom: 25px;} .organization-chart li.tree-level-1.first { padding-bottom: 25px;} .organization-chart li.tree-level-1.collapsed { padding-right: 0px; float: left; width: 33.33%; } .organization-chart li.tree-level-1.collapsed.last { padding-right: 0px; } .organization-chart li.tree-level-2 { margin-left: 26.52%; padding-left: 29px; } .organization-chart li.tree-level-1:before, .organization-chart li.tree-level-2:before { content: ""; height: 55px; display: block; position: absolute; top: 0; border-bottom: 1px solid #bbb; } .organization-chart li.tree-level-1:before { right: 0; width: 14px; } .organization-chart li.tree-level-2:before { left: 0; width: 29px; } .organization-chart li.tree-level-1:after, .organization-chart li.tree-level-2:after { content: ""; width: 10px; height: 100%; display: block; position: absolute; } .organization-chart li.tree-level-1:after { top: 0; right: 0; border-right: 1px solid #bbb; } .organization-chart li.tree-level-2:after { bottom: 0; left: 0; border-left: 1px solid #bbb; } .organization-chart li.tree-level-2.last:after { bottom: 31px; } .organization-chart li.tree-level-1.collapsed:before { content: ""; width: 1px; height: 25px; display: block; border: none; border-left: 1px solid #bbb; position: absolute; left: 50%; top: 0; } .organization-chart li.tree-level-1.collapsed:after { width: 100%; height: 10px; display: block; border: none; border-top: 1px solid #bbb; position: absolute; top: 0; left: 0; } .organization-chart li.tree-level-1.collapsed.first-with-children:after { left: 50%; } .organization-chart li.tree-level-1.collapsed.last:after { left: auto; right: 50%; } .organization-chart li span.item, .organization-chart li a { display: block; height: 61px; line-height: 61px; text-align: center; color: #fff; text-decoration: none; width: 191px; } .organization-chart li.tree-level-0 span.item, .organization-chart li.tree-level-0 a { font-family: Arial; font-weight: bold; text-transform: uppercase; background: #024731;} .organization-chart li.tree-level-1 a, .organization-chart li.tree-level-1.collapsed li.tree-level-2 a, .organization-chart li.tree-level-2 a { font-family: Arial; color: #444; width: 150px; margin: 0px; text-transform: none; background: #ddd; } .organization-chart li.tree-level-1 a:hover, .organization-chart li.tree-level-1.collapsed li.tree-level-2 a:hover, .organization-chart li.tree-level-2 a:hover { background: #eee; } .organization-chart li.tree-level-1.collapsed span.item, .organization-chart li.tree-level-1.collapsed a { text-transform: uppercase; width: 191px; color: #fff; font-family: Arial; font-weight: bold; margin: 0px auto; background: #539e1b; } .organization-chart li.tree-level-1.collapsed li.tree-level-2 a { margin: 0px; } /* Slide show tile */ #placeholder-sub-top .slideshow.small-width { margin: 7px auto 0; max-width: 940px; } .slideshow .indicators-wrapper ul { bottom: 10px;} .slideshow .indicators-wrapper ul li { margin-right: 4px; margin-left: 4px; } .slideshow .indicators-wrapper ul li a { width: 10px; height: 10px;} .slideshow .swipe-navigation .button:before { font-size: 1.5em; } /* Search input (used for 404) */ #placeholder-content .small-searchinput input { float: left; } #placeholder-content .small-searchinput input[type="text"] { padding-left: 10px; width: 290px; margin-right: 30px; margin-top: 7px;} #placeholder-content .small-searchinput input[type="submit"] { width: 100px; height: 36px; line-height: 36px;} /* History Line */ .history-line li.year { padding-bottom: 30px; } .history-line li.year .articles-wrapper { padding: 50px 0px 30px 0px; } .history-line li.historybox { width: 38.1%; display: block; padding: 30px 30px 15px 30px; clear: both; } .history-line ul.articles { max-width: 940px; margin: 0px auto; } .history-line li.historybox.odd { margin-bottom: 50px; } .history-line li.historybox.even { margin-top: 50px; } .history-line li.historybox.left { float: left; clear: left; margin-left: 6px; } .history-line li.historybox.right { float: right; clear: right; margin-right: 5px; } .history-line li.historybox.right:before, .history-line li.historybox.left:after { content: ''; height: 30px; display: block; position: absolute; background: url(images/default/sprite.png) no-repeat; } .history-line li.historybox.left:after { top: 30px; right: -63px; width: 63px; background-position: -160px -140px; } .history-line li.historybox.right:before { left: -60px; top: 30px; width: 60px; background-position: -160px -100px; } .history-line li.period.first li.historybox.left:after, .history-line li.period.shadow-layout li.historybox.left:after { background-position: -160px -20px; } .history-line li.period.first li.historybox.right:before, .history-line li.period.shadow-layout li.historybox.right:before { background-position: -160px -60px; } /* Newsletter (unsubscribe) */ #placeholder-content .newsletter-form h3 { display: none; } #placeholder-content .newsletter-form label:after { content: ':'; } #placeholder-content .newsletter-form input[type="text"], #placeholder-content .newsletter-form input[type="email"] { margin-bottom: 25px; } /* Google maps */ #container .google-map { padding-top: 45px; margin-bottom: 10px; width: 100%; } .google-map h2, .google-map .text-content { float: left; clear: left; width: 300px; } .google-map .map-container{ float: right; height: 355px; width: 600px; } /* Chart tile */ #container .chart { padding-top: 35px;} .chart.with-tables .chart-main-content { margin-bottom: 45px; padding: 25px 35px 25px 0px;} .chart.with-tables .chart-main-content .chart-content { padding-left: 25px; padding-right: 25px; width: 570px; float: left;border-right: 1px solid #bbb;} .chart.with-tables .chart-main-content .chart-container { height: 345px;width: 570px; margin: 0px auto; } .chart.with-tables .chart-main-content .small-table { float: right;width: 250px;} .chart.with-tables .large-table { margin-bottom: 45px;} .chart.with-tables .large-table table td { width: 96px;} .chart.with-tables .large-table table td:first-child { width: 340px; } .chart.with-tables .large-table table th:last-child, .chart.with-tables .large-table table td:last-child { padding-right: 60px;} body.frontpage #container .chart.small, #placeholder-tab-center-content .chart.small { width: 350px; padding: 25px 5px 10px 15px; } #placeholder-tab-center-content .chart.small { margin-top: 72px;} .chart.small .chart-main-content .subtext { margin-right: 10px; width: auto; } body.frontpage #container .chart { margin-bottom: 55px; } body.frontpage #container .chart.large, #placeholder-tab-center-content .chart.large, #placeholder-tab-center-content .full-articledisplay { float: left; clear: left; } body.frontpage #container .chart.large, #placeholder-tab-center-content .chart.large { width: 570px; } #container .chart.filled-3d-pie .chart-main-content .chart-container { height: 400px; width: 600px;} #placeholder-tab-center-content .full-articledisplay { width: 535px; padding-right: 35px; } #placeholder-tab-center-content .chart.large .chart-container, body.frontpage #container .chart.large .chart-main-content .chart-container { width: 570px; margin: 0px auto;} #placeholder-tab-center-content .chart.large .chart-container { height: 280px; } body.frontpage #container .chart.large .chart-main-content .chart-container { height: 270px; } body.frontpage #container .chart.large .tile-bottom { width: 535px; height: 1px; border-bottom: 1px solid #ccc;} /* Blogg rss reader */ .blogg-rss-reader .main-blogg-article { float: left; padding-right: 15px; width: 688px; overflow: hidden; } .blogg-rss-reader .main-blogg-article .creator-image { float: left; margin-top: 10px; margin-right: 25px; margin-left: 10px;} .blogg-rss-reader .main-blogg-article h3, .blogg-rss-reader .main-blogg-article .article-content, .blogg-rss-reader .main-blogg-article .read-link { float: right; width: 492px; } #container .blogg-rss-reader .main-blogg-article .read-link a span { width: 213px; } .blogg-rss-reader .latest-articles { float: right; width: 210px; padding-left: 25px; border-left: 1px solid #ddd; } /* Sharing links */ body.news #placeholder-top-content .sharinglinks { margin-right: -28px; margin-top: 5px; float: right; } /* Subscribe single news */ #placeholder-top-content .subscribe-single-news { overflow: hidden; } #placeholder-top-content .subscribe-single-news label, #placeholder-top-content .subscribe-single-news input { float: left; } #placeholder-top-content .subscribe-single-news label { width: 503px; margin-top: 5px; font-size: 2.8rem;} #placeholder-top-content .subscribe-single-news input.textinput { width: 253px; margin-right: 17px; margin-top: 7px; } #placeholder-top-content .subscribe-single-news .button-wrapper { margin: 0px; } #placeholder-top-content .subscribe-single-news input[type="submit"] { width: 133px; } body #container #placeholder-top-content .subscribe-single-news .message span.header { font-size: 2.8rem; } body #container #placeholder-top-content .subscribe-single-news .message span.text { font-size: 2rem; font-weight: normal;} /* This is styling for portrait view of tablets and for width under 960px. This will not affect mobile size (which uses breakpoint 700px) because this section is nested in parent the media query set on the top of this file. */ @media only screen and (max-width: 1100px) { .slide-articlelist .indicators-wrapper { display: block; } body.default .slide-articlelist .swipe-navigation a { top: -10px; font-size: 4em; } body.default .slide-articlelist .swipe-navigation a.slide-right { right: 2.5em; left: auto; } body.default .slide-articlelist .swipe-navigation a.slide-left { right: 1em; } body.tablet .swipe-navigation { display: none; } #placeholder-bottom .newsletter-form, #placeholder-bottom .subscribe-single-news { width: 400px;} /* Video banner */ .video-banner .overlay-text { left: 20px; top: 35px; } .video-banner .links li { margin-left: 20px; margin-right: 110px;} .video-banner .button-links { margin-top: 0px;} } /*@media screen and (max-width: 960px), screen and (orientation: portrait) {*/ @media (max-width:960px) and (min-width: 700px) { #sc-page-debug-container { display: none;} #placeholder-top { background: none; } #placeholder-top .tile-wrapper, #container #placeholder-tab-center-content-wrapper, #container #placeholder-tab-center-content, #placeholder-full-content-wrapper, body.frontpage #placeholder-top-content-no-right .tile-wrapper { margin: 0px; padding-bottom: 20px; width: 100%; max-width: 100%; } body.site-not-found #placeholder-full-content-wrapper { padding-bottom: 0px; } #placeholder-top .horizontal-plain-menu { width: auto; padding-right: 20px; background: #fbfbfb;} #placeholder-top .small-searchinput { margin-right: 20px; margin-top: 36px;} #placeholder-top .horizontal-menu { float: left; clear: left; margin-left: 20px; margin-top: 0px;} #placeholder-top .logo-tile { margin: 20px 0px 20px 20px; } #placeholder-sub-top { margin-bottom: 10px;} #placeholder-tab-center-content-wrapper.two-columns { background-position: center; } #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left, #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { width: 45%;} #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-left { margin-left: 20px; } #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right { margin-right: 20px;} body.not-frontpage #placeholder-top-content { float: left; width: 100%; margin: 0px; } body.not-frontpage #placeholder-top-content .tile-common { margin-left: 20px; margin-right: 335px; } body.not-frontpage #placeholder-top-content .sharinglinks { margin-right: 307px; } body.not-frontpage #placeholder-top-content-additional { float: left; width: 300px; margin-left: -320px; } #placeholder-sub-top .tile-common, #placeholder-bottom .tile-wrapper, #placeholder-content .tile-common, #placeholder-top-content-no-right .tile-common, #placeholder-bottom .tile-common, placeholder-top-content-wrapper, #placeholder-content .tile-common, #placeholder-top-content-no-right .tile-common, #placeholder-bottom .tile-common, #container .tile-common.shadow-layout .tile-content, #container .slide-articlelist .tile-content, #placeholder-content .categorydisplay-menu, #placeholder-content .categorydisplay .section-menu, #placeholder-content .categorydisplay .header-section, #placeholder-content .categorydisplay .section-inner-menu, #placeholder-content .categorydisplay .categorydisplay-navigation-links, #placeholder-content .categorydisplay.vertical-scroll-context #placeholder-tab-center-content-wrapper .full-articledisplay, #placeholder-content .categorydisplay .category-template-content > .tile-common, #placeholder-content .categorydisplay .ajaxstatus, #container .tile-common.shadow-layout, #container .history-line li.period.shadow-layout, #container .imagearchive.tile-common, #container .chart.small, #container .chart.large, #placeholder-sub-top .full-articledisplay { margin: 0 20px; width: auto; } #placeholder-sub-top .sitelocator, #placeholder-top-content-no-right .tile-common, #placeholder-content .slide-articlelist, #placeholder-content .search-result, #placeholder-content .categorydisplay .section-menu, #placeholder-content .categorydisplay .header-section, #placeholder-content .categorydisplay .section-inner-menu, #placeholder-content .categorydisplay .categorydisplay-navigation-links, #placeholder-content .categorydisplay .category-template-content .tile-common, #placeholder-content .categorydisplay .ajaxstatus, #container .imagearchive .top-content, #container .imagearchive .bottom-content .folder-images, .cookies-banner .text-content, #placeholder-content .small-searchinput, .blogg-rss-reader, #placeholder-sub-top .full-articledisplay { margin: 0px 20px 0px 20px; } #placeholder-sub-top .full-articledisplay { margin-top: 10px;} #placeholder-sub-top .full-articledisplay .top-image { margin-left: -20px; margin-right: -20px; } #container #placeholder-content .categorydisplay-menu, #container .tile-common.shadow-layout, #placeholder-content .categorydisplay .category-template-content > .shadow-layout, #placeholder-content .categorydisplay .category-template-content .shadow-layout, #container .history-line li.period.shadow-layout { padding-left: 20px; padding-right: 20px; margin-left: 0px; margin-right: 0px; } #placeholder-sub-top .sitelocator { margin-top: 10px;} body.history #placeholder-top-content-no-right .full-articledisplay { max-width: 100%;} #placeholder-content .categorydisplay .section-content { overflow: hidden; } #placeholder-top .horizontal-menu li, #container #placeholder-content .categorydisplay.standalone-context ul.section-menu > li, #placeholder-content .categorydisplay.standalone-context .section-menu ul > li { margin-right: 8px; } #placeholder-content .horizontal-menu li, #container .imagearchive .folder-images li, #container .full-articlelist.twocolumns li.first-on-row, #container .full-articlelist.threecolumns li.first-on-row, #container .full-articlelist.twocolumns li.last-on-row, #container .full-articlelist.threecolumns li.last-on-row, #container .full-articlelist.twocolumns li, #container .full-articlelist.threecolumns li, #container .imagearchive .folder-images li, .full-articledisplay.keynumbers .key-values .datavalue { width: 49%; margin-left: 0px; margin-right: 0px; } #placeholder-content .horizontal-menu li.even, #container .imagearchive .folder-images li.odd, #container .full-articlelist.twocolumns li.odd, #container .full-articlelist.threecolumns li.odd, #container .imagearchive .folder-images li.odd, .full-articledisplay.keynumbers .key-values .datavalue.odd { float: left; clear: left; margin-right: 2%; } #placeholder-content .horizontal-menu li.odd, #container .imagearchive .folder-images li.even, #container .full-articlelist.twocolumns li.even, #container .full-articlelist.threecolumns li.even, #container .imagearchive .folder-images li.even, .full-articledisplay.keynumbers .key-values .datavalue.even { clear: right; margin-right: 0px; float: left; } #container .full-articlelist .person-article .personal-info { width: 65%; } #container .full-articlelist ul.links li { width: 100%;} #container .full-articlelist.gray-white, #placeholder-content .categorydisplay .full-articlelist.gray-white { margin-left: 0px; margin-right: 0px; } #container .full-articlelist.gray-white li { padding-left: 20px; padding-right: 20px; } #container .full-articlelist.gray-white li .thumbnail { width: 45%; } #container .full-articlelist.gray-white li .thumbnail img { width: 100%; height: auto; } #container .full-articlelist.gray-white li .full-articledisplay { width: 50%; max-width: 50%; margin: 0px; } #container .slide-articlelist .slide-wrapper { margin-left: -20px; max-width: 750px; } #container .slide-articlelist .slide-wrapper li { width: 354px; margin-left: 20px; } #container .slide-articlelist .person-article .personal-info { width: 244px; } body.frontpage #container .slide-articlelist .slide-wrapper { margin-left: -20px; width: 760px;} body.frontpage #container .slide-articlelist .slide-wrapper li { width: 230px; margin-left: 20px; } #container .full-articlelist.full-view.threecolumns li { width: 200px; margin-right: 2%; clear: none; float: left; } #container .full-articlelist.full-view.threecolumns li.first { width: 265px; } #container .full-articlelist.full-view.threecolumns li.last { margin-right: 0px; } #container .full-articlelist.full-view.threecolumns li .full-articledisplay { margin-left: 0px; margin-right: 10px; } #container .full-articledisplay.person { float: left; width: 100%; } #container .full-articledisplay.person .image-wrapper { float: left; width: 300px; margin-right: -300px; } #container .full-articledisplay.person .text-wrapper { width: 100%; } #container .full-articledisplay.person .text-wrapper .text-content { margin-left: 315px; float: left; margin-right: 20px; } #container .google-map .tile-content .article-list-items li { width: 290px; margin-right: 2%; clear: none; float: left; } #container .imagearchive .folder-menu li { width: 33%;} #container .imagearchive .folder-images li .image { height: 355px; line-height: 355px; overflow: hidden; } #container #placeholder-content .history-line ul.years { max-width: 760px; margin-left: auto; margin-right: auto; } .history-line li.historybox.right:before { width: 37px; left: -37px; } #container .history-line li.historybox.left:after { right: -41px; width: 41px; background-position: -181px -140px; } #container .history-line li.period.first li.historybox.left:after, #container .history-line li.period.shadow-layout li.historybox.left:after { background-position: -181px -20px; } #container .google-map { padding-top: 15px;} #container .google-map h2, #container .google-map .text-content { width: 100%; float: none; } #container .google-map .map-container { width: 100%; float: none; margin-bottom: 15px; } #placeholder-bottom { padding-top: 15px; } #placeholder-bottom .newsletter-form, #placeholder-bottom .subscribe-single-news { margin-left: 20px; } #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"] { width: 100px;} #placeholder-bottom .horizontal-plain-menu { margin-top: 8px; margin-right: 20px; } #placeholder-bottom .horizontal-plain-menu li { margin-left: 7px; } #container #placeholder-bottom .small-articledisplay { width: 50%; margin-top: 20px; } #container .chart, #container #placeholder-tab-center-content .full-articledisplay { margin-left: 20px; margin-right: 20px; } #container #placeholder-tab-center-content-right .chart { margin-left: 0px; margin-right: 0px;} #container .chart.with-tables .chart-main-content { padding: 0px; } #container .chart.with-tables .chart-main-content .chart-content { padding: 0px; margin: 25px 20px 30px 20px; float: none; width: 100%; border-right: 0px; border-bottom: 1px solid #bbb;} #container .chart.with-tables .chart-main-content .chart-container { margin: 0px auto; } #container .chart.with-tables .chart-main-content .small-table { float: none; width: 100%; margin-left: 20px; } #container .chart.with-tables .chart-main-content .small-table table, #container .chart.with-tables .chart-main-content .small-table .description { float: left; width: auto; } #container .chart.with-tables .chart-main-content .small-table .description { margin-left: 35px; width: 260px; } body.frontpage #container .chart { margin-bottom: 25px; } body.frontpage #container .chart.large, #placeholder-tab-center-content .chart.large, #container #placeholder-tab-center-content .full-articledisplay { width: 100%; } body.frontpage #container .chart.small, #container #placeholder-tab-center-content .chart.small { float: none; } body.frontpage #container .chart.small .chart-title, #container #placeholder-tab-center-content .chart.small .chart-title { width: 100%; text-align: center; } body.frontpage #container .chart.large .chart-title { width: 570px; margin: 0px auto;} #placeholder-tab-center-content-wrapper #placeholder-tab-center-content-right .chart .chart-container { width: 100%; } .full-articledisplay.keynumbers .key-values .datavalue { margin-bottom: 35px; } #placeholder-tab-center-content-wrapper .full-articledisplay.keynumbers .key-values .datavalue { width: 100%;} .full-articledisplay.keynumbers .text-content { padding-bottom: 0px;} body.frontpage .chart.small, body.frontpage #container .chart.large .tile-bottom, body.frontpage .full-articledisplay.keynumbers { display: none;} /* Blogg rss reader */ .blogg-rss-reader { } .blogg-rss-reader .main-blogg-article { width: 480px; padding-right: 0px; } .blogg-rss-reader .main-blogg-article .creator-image { width: 110px; height: 145px; margin-right: 5px; margin-left: 6px; } .blogg-rss-reader .main-blogg-article h3, .blogg-rss-reader .main-blogg-article .article-content, .blogg-rss-reader .main-blogg-article .read-link { margin-left: 5px; width: 350px; } /* Subscribe single news */ #placeholder-top-content .subscribe-single-news .tile-content { margin: 0px 20px; } #placeholder-top-content .subscribe-single-news label { width: 100%; } #placeholder-top-content .subscribe-single-news input.textinput { margin-left: 7px; width: 453px;} /* Video banner */ .video-banner .links li { margin-right: 30px;} }