/* - ++theme++nordforsk.theme/custom/css/style.css - */
/* https://www.nordforsk.org/portal_css/++theme++nordforsk.theme/custom/css/style.css?original=1 */
/* */
/* */
/* */
/* */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* */
html {
overflow-y: scroll; /* */
}
body {
font-size: 16px;
line-height: 23px;
}
@font-face{
font-family:"MarkWebPro-Book W01 Regular";
src:url("/++theme++nordforsk.theme/custom/fonts/1466008/c8d2735e-31d3-4ef3-afd6-fd90b2d676b5.eot?#iefix");
src:url("/++theme++nordforsk.theme/custom/fonts/1466008/c8d2735e-31d3-4ef3-afd6-fd90b2d676b5.eot?#iefix") format("eot"),url("/++theme++nordforsk.theme/custom/fonts/1466008/3aa6bb54-ca02-4151-b68b-6ff14032a915.woff2") format("woff2"),url("/++theme++nordforsk.theme/custom/fonts/1466008/402ed54f-43f7-485b-a00d-f040e9f745c8.woff") format("woff"),url("/++theme++nordforsk.theme/custom/fonts/1466008/2aeaf649-60fa-4de9-a492-17700d78dfc5.ttf") format("truetype");
}
@font-face{
font-family:"MarkWebPro-Light W01 Regular";
src:url("/++theme++nordforsk.theme/custom/fonts/1466044/facc6c7f-7ed1-4f2d-ba43-f3cf9a0c74fc.eot?#iefix");
src:url("/++theme++nordforsk.theme/custom/fonts/1466044/facc6c7f-7ed1-4f2d-ba43-f3cf9a0c74fc.eot?#iefix") format("eot"),url("/++theme++nordforsk.theme/custom/fonts/1466044/405c77e4-565d-4c0a-a587-997e21a69bfd.woff2") format("woff2"),url("/++theme++nordforsk.theme/custom/fonts/1466044/c06780df-78e9-4c65-9f9d-c5c193054ae0.woff") format("woff"),url("/++theme++nordforsk.theme/custom/fonts/1466044/75b8110b-7c69-427e-a341-ee1f7124317c.ttf") format("truetype");
}
select, input, textarea, button { font-size: 99%; }
pre, code, kbd, samp { font-family: monospace, sans-serif; }
body, select, input, textarea {
color: #454547;
font-family: "MarkWebPro-Light W01 Regular", Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
h1,h2,h3,h4,h5,h6 { font-weight: bold; clear: both; margin-bottom: .5em; }
h1 {
font: normal 42px/48px "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
}
h2 {
font: normal 22px/28px "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
margin: 15px 0 5px 0;
}
h3 {
font: normal 18px/22px "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
margin: 0 0 10px 0;
}
h4 {
margin: 0 0 10px 0;
}
p {
margin: 0 0 10px 0;
}
a:hover, a:active { outline: none; }
/* */
a, a:active, a:visited {
color: #006eb6;
border: none;
text-decoration: none;
}
a:hover {
color: #385988;
}
/* */
ul, ol {
margin-left: 22px;
color: #006eb6;
margin: 0 0 0 30px;
}
li {
margin: 0 0 10px 0;
}
ul li {
list-style-type: disc;
margin: 0 0 10px 0;
}
ol li {
list-style-type: decimal;
margin: 0 0 10px 0;
}
#content dt {
margin-top: 1em;
}
ul span, ol span {
color: #000;
}
small { font-size: 85%; }
strong, th, b { font-weight: bold; }
em, i { font-style: italic; }
td, td img { vertical-align: top; }
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre {
padding: 15px;
/* */
white-space: pre; /* */
white-space: pre-wrap; /* */
white-space: pre-line; /* */
word-wrap: break-word; /* */
}
.fact-box{
width: 40%;
float: right;
background-color: #ecedee;
border-left: 5px solid #fdcf41;
padding: 1em;
margin-left: 1em;
}
@media (max-width: 612px) {
.fact-box{
width: auto;
float: none;
margin-left: 0em;
}
}
div.fact-box h2, h3 {
margin-top: 0;
}
div.fact-box p, li {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
#content-core div.fact-box ul {
list-style-position: outside;
margin-left: 1.2em;
}
textarea { overflow: auto; } /* */
.ie6 legend, .ie7 legend { margin-left: -7px; }
/* */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
/* */
button, input, select, textarea { margin: 0; }
/* */
::-moz-selection{ background: #fdcf41; color:#fff; text-shadow: none; }
::selection { background: #fdcf41; color:#fff; text-shadow: none; }
/* */
a:link { -webkit-tap-highlight-color: #fdcf41; }
/* */
button {  width: auto; overflow: visible; }
/* */
.ie7 img { -ms-interpolation-mode: bicubic; }
/* */
.intro {
font: normal 21px/30px "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
}
/* */
#global, #header, #navigation, #main, #footer, #breadcrumbs {
width: 952px;
margin: 0 auto;
position: relative;
}
#footer-wrapper,
#global-wrapper {
padding-top: 1em;
padding-bottom: 1em;
background-color: #ecedee;
}
#footer-wrapper{
margin-top: 1em;
}
#navigation {
height: 40px;
}
#main {
min-height: 500px;
margin-top: 2em;
}
/* */
#primary {
float: left;
width: 617px;
}
/* */
#secondary {
float: left;
width: 300px;
margin-left: 35px;
}
#footer {
margin-top: 35px;
height: 125px;
padding-top: 20px;
}
#secondary .documentDescription{
font-weight: normal;
}
/* */
a.buttonlink {
background-color: #fff;
border: 1px solid #e4e4e4;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
font: bold 16px/1 "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
padding: 2px;
display: inline-block;
}
a.buttonlink span {
padding: 6px 25px;
display: block;
color: #0076be;
/* */
background: url(/++theme++nordforsk.theme/custom/img/button_span.png) repeat-x 0 100%;
cursor: pointer;
}
a.buttonlink em {
padding: 0 28px 0 0;
background: url(/++theme++nordforsk.theme/custom/img/button_pointer.png) no-repeat 100% 50%;
font-style: normal;
}
.ie8 a.buttonlink,
.ie8 a.buttonlink span,
.ie7 a.buttonlink,
.ie7 a.buttonlink span {
zoom: 1;
behavior: url(/++theme++nordforsk.theme/custom/css/_/behaviors/pie.htc);
}
/* */
form label {
display: none;
}
form input {
display: inline-block;
width: 172px;
padding: 5px;
}
.ie7 form input,
.ie8 form input {
padding: 4px 5px;
}
form input,
form button {
background-color: #fff;
border: 1px solid #c8cacc;
font: normal 12px "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
}
form button {
display: inline-block;
margin-left: 5px;
-webkit-box-shadow: #c8cacc 1px 1px 2px;
-moz-box-shadow: #c8cacc 1px 1px 2px;
box-shadow: #c8cacc 1px 1px 2px;
}
form button span {
padding: 4px;
display: block;
color: #385988;
white-space: nowrap;
}
/* */
#global form {
float: right;
}
#global ul {
list-style: none;
margin: 5px 20px 0 0;
padding: 0;
float: right;
}
#global ul li {
list-style-type: none;
float: left;
display: inline-block;
margin: 0 0 0 15px;
}
#global ul li a {
color: #385988;
text-decoration: none;
border: none;
font: normal 13px/1 "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
}
#global li.currentLanguage a{
border-bottom: 2px solid #385988;
background: transparent;
border-radius: 0px;
}
/* */
#header img{
width: 300px;
height: auto;
margin-top: 2.5em;
margin-bottom: 2.5em;
}
/* */
#navigation ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
font: normal 15px/1 "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
}
#navigation ul li {
list-style-type: none;
float: left;
flex-grow: 1;
margin-left: 30px;
}
#navigation ul li:first-child {
margin-left: 0;
}
#navigation ul li a {
color: #385988;
display: block;
text-align: center;
border: none;
border-bottom: 1ex solid #ecedee;
text-decoration: none;
overflow: hidden;
padding: 12px 0;
}
#navigation ul li a:hover {
border-color: #006eb6;
}
#navigation ul li.navTreeCurrentNode  > a,
#navigation ul li.selected > a {
border-color: #385988;
}
/* */
#primary ol,
#primary ul {
margin-left: 60px;
}
#primary li {
padding-left: 10px;
}
/* */
.topstory {
margin: 0 0 30px 0;
}
.topstory h1 {
font-size: 28px;
line-height: 34px;
}
.topstory .media {
margin: 0 0 10px 0;
}
.topstory .media a {
line-height: 1;
text-decoration: none;
border: none;
}
.topstory .text p {
font: normal 15px/27px "MarkWebPro-Book W01 Regular", Helvetica, Arial, sans-serif;
}
/* */
#primary ol.topics {
background-color: #f5f8fa;
border: 1px solid #e6ebec;
display: none;
padding: 15px 0;
margin: 0 0 25px 0;
font-size: 15px;
}
#primary ol.topics li {
float: left;
list-style: none;
border-right: 1px solid #e2eaec;
padding: 0;
margin: 0;
}
#primary ol.topics li.last,
#primary ol.topics li:last-child {
border-right: none;
}
.ie8 #primary li.last {
border-right: none;
}
#primary ol.topics li a {
display: block;
border-left: 1px solid #fff;
padding: 0 8px 0 15px;
}
#primary ol.topics li.first a {
border-left: none;
}
#primary ol.topics li.humanoria {
width: 147px;
}
#primary ol.topics li.naturvitenskap {
width: 162px;
}
#primary ol.topics li.helse {
width: 146px;
}
#primary ol.topics li.satsinger {
width: 157px;
}
/* */
.item {
}
.item .media {
width: 144px;
overflow: hidden;
float: left;
margin: 0;
}
.item .media a {
line-height: 1;
text-decoration: none;
border: none;
}
.item .text {
float: left;
width: 451px;
margin: 0 0 0 22px;
}
.item .date {
color: #828282;
margin-bottom: 3px;
font-size: 12px;
}
.item h3 {
margin-bottom: 0;
}
/* */
#primary .newsitems {
margin: 10px 0 0 0;
}
#primary .newsitems li {
list-style: none;
margin: 0 0 8px 0;
padding: 0;
}
#primary .newsitems li.header {
}
#primary .newsitems li.more {
font-weight: bold;
padding-left: 16px;
background: url(/++theme++nordforsk.theme/custom/img/li_arrow.png) no-repeat 1px 50%;
}
#primary .newsitems li a {
}
#primary .newsitems li a span {
color: #828282;
min-width: 90px;
}
#primary .breadcrumbs {
margin: 0 0 15px 0;
padding: 0;
}
.breadcrumbs li {
list-style: none;
float: left;
margin: 0 0 10px 0;
color: #727171;
}
.breadcrumbs li a {
background: url(/++theme++nordforsk.theme/custom/img/breadcrumb_arrow.png) no-repeat 0 50%;
min-height: 18px;
padding: 0 5px 0 15px;
}
#primary .breadcrumbs li.label {
color: #000;
padding-left: 0;
}
.breadcrumbs li.home {
margin: 0;
}
.breadcrumbs li.home a {
background-image: none;
padding-left: 5px;
}
.breadcrumbs li.active a{
color: #727171;
}
/* */
#secondary h2 {
margin: 5px 0;
}
#secondary h3 {
margin: 0 0 5px 0;
}
#secondary .intro {
margin: 0 0 20px 0;
}
.box {
border-top: 5px solid #fdcf41;
background-color: #f5f8fa;
margin: 0 0 30px 0;
}
.box .content {
border: 1px solid #ecedee;
border-width: 0 1px 1px 1px;
padding: 8px 10px 5px 10px;
}
.box .content.arrow {
padding-top: 15px;
padding-left: 55px;
background: url(/++theme++nordforsk.theme/custom/img/button_arrow.png) no-repeat 12px 16px;
}
.box .content.arrow p {
margin-bottom: 0;
}
.box .content ol,
.box .content ul {
margin: 0;
padding: 0;
color: #000;
}
.box .content ol li,
.box .content ul li {
list-style-type: none;
margin: 0;
}
.box .content ol.vacancies li {
list-style: none;
margin: 0;
border-top: 1px solid #e2eaec;
padding: 0 0 10px 0;
}
.box .content ol.vacancies li a {
display: block;
border-top: 1px solid #fff;
padding-top: 10px;
}
.box .content ol.vacancies li:first-child,
.box .content ol.vacancies li:first-child a,
.box .content ol.vacancies li.first,
.box .content ol.vacancies li.first a {
border-top: none;
}
.box .content ol.vacancies li:first-child a,
.box .content ol.vacancies li.first a {
padding-top: 0;
}
.box .content ol.vacancies a span.new {
text-transform: uppercase;
color: #fff;
background-color: #fdcf41;
font-weight: bold;
padding: 0 5px;
font-size: 90%;
}
.box .content ul.events {
color: #385988;
}
.box .content ul.events li {
list-style: disc;
margin: 0 0 5px 25px;
}
.box .content ul.events span {
color: #000;
}
.box .content ul.events a {
}
#newsletterform {
margin: 0 0 10px 0;
}
#newsletterform input {
width: 160px;
font-size: 14px;
background-color: #fff;
}
#newsletterform input,
#newsletterform button {
border: 1px solid #d0d0d0;
}
.ie8 #newsletterform input {
padding-bottom: 0;
}
#newsletterform button {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
position: relative;
top: -1px;
}
.ie8 #newsletterform button {
top: 0;
}
#newsletterform button span {
padding: 5px 4px;
}
/* */
#footer {
color: #5d5c5c;
font-size: 12px;
text-align: center;
}
/* */
.ie8 #global form input,
.ie8 form button,
.ie8 form button span,
.ie7 #global form input,
.ie7 form button,
.ie7 form button span {
zoom: 1;
behavior: url(/++theme++nordforsk.theme/custom/css/_/behaviors/pie.htc);
}
/* */
.breadcrumbs:before, .breadcrumbs:after, #global:before, #header:before, #navigation:before, #main:before, #footer:before, #global:after, #header:after, #navigation:after, #main:after, #footer:after, .group:before, .group:after {
content: "\0020"; display: block; height: 0; visibility: hidden;
}
.breadcrumbs:after, #global:after, #header:after, #navigation:after, #main:after, #footer:after, .group:after { clear: both; }
/* */
.breadcrumbs, #global, #header, #navigation, #main, #footer, .group { zoom: 1; }
#hamburger {
border: none;
border-radius: 3px 3px 3px 3px;
cursor: pointer;
display: block;
height: 24px;
padding: 3px 4px 3px;
margin: 0 16px 16px 16px;
position: relative;
float: right;
width: 25px;
background-color: transparent;
display: none;
}
#hamburger div {
background-color: #385988;
border: 1px solid transparent;
border-radius: 2px 2px 2px 2px;
height: 1px;
margin-top: 4px;
width: 90%;
}
/* */
@media print {
* { background: transparent !important; color: black !important; text-shadow: none !important; } /* */
a, a:visited { color: #000 !important;}
pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
thead { display: table-header-group; } /* */
tr, img { page-break-inside: avoid; }
@page { margin: 0.5cm; }
p, h2, h3 { orphans: 3; widows: 3; }
h2, h3{ page-break-after: avoid; }
/* */
#global,
#header,
#navigation,
#edit-bar,
.portalMessage,
#portal-personaltools-wrapper,
.managePortletsLink,
.managePortletsLinkFallback,
.breadcrumbs,
#plone-document-byline {
display: none !important;
}
.arrow {
background: transparent;
}
.arrow a {
padding-left: 0 !important;
}
.discussion .documentByLine {
display:block;
}
}
#toggle-faceted{
display: none
}
#navigation .navTreeLevel0{
display: none;
}
#rss-subscription{
display: none;
}
@media (max-width: 952px) {
#header img{
width: 200px;
height: auto;
margin: 1em 15px;
}
#hamburger{
display: block;
}
#portal-searchbox,
#navigation{
display: none;
}
body.openburger #portal-searchbox{
display: block;
position: fixed;
top: 70px;
width: 100%;
z-index: 11;
left: 0;
padding-left: 15px;
padding-top: 15px;
padding-bottom: 15px;
background-color: rgba(253, 207, 65,0.95);
}
body.openburger{
position:fixed;
overflow: hidden;
}
body.openburger #hamburger{
position: relative;
}
body.openburger #hamburger div:first-child{
transform: rotate(45deg);
position: relative;
top: 9px;
margin-top: 0;
}
body.openburger #hamburger div:nth-child(2){
display: none;
}
body.openburger #hamburger div:last-child{
transform: rotate(-45deg);
position: relative;
top: 6px;
margin-top: 0;
}
body.openburger #portal-searchbox form{
float: none;
}
body.openburger #header > a{
position: fixed;
top: 15px;
left: 13px;
overflow: hidden;
width: 50px;
transform: scale(0.8)
}
body.openburger #header > a img{
margin: 0;
}
body.openburger #portal-searchbox .LSBox{
text-align: left;
width: 100%;
}
body.openburger #navigation{
display: block;
position: fixed;
background: rgba(210, 210, 210, 0.95);
z-index: 10;
top: 75px;
padding: 80px 15px 0 15px;
left: 0;
bottom: 0;
right: 0;
height: auto;
overflow-y: scroll;
}
body.openburger #navigation .navTreeLevel0{
padding: 15px;
display: block;
}
#navigation ul{
display: block;
}
#navigation ul li{
width: calc(100% - 30px) !important;
padding: 0 !important;
margin-left: 0;
margin-top: 5px;
}
#navigation ul li:first-child {
margin-top: 0;
}
#navigation ul li a{
margin: 0 0 1px 0 !important;
border-bottom: 2px solid transparent;
display: inline-block;
text-align: left;
padding: 0 0 4px 0 !important;
font-size: 130%;
overflow: initial;
}
html,body
{
width: 100%;
margin: 0px;
padding: 0px;
overflow-x: hidden;
}
#global, #header, #navigation, #main, #footer {
width: 100%;
margin: 0 auto;
position: relative;
}
#primary {
width: 100%;
padding: 0;
}
#viewlet-above-content-title,
#viewlet-below-content-title,
#breadcrumbs,
#content h1,
#content .documentDescription,
#viewlet-above-content-body,
#viewlet-below-content-body,
#content-core
{
padding-left: 15px;
padding-right: 15px;
}
/* */
#secondary {
width: 100%;
padding: 0;
margin: 0;
}
.portlet-static-about{
display: none;
}
.right-area-js{
margin-right: 0 !important;
}
#right-area{
display: none;
}
#right-area.visible{
display: block;
max-width: 420px;
right: 15px;
background-color: white;
position: absolute;
padding: .25em;
border: 1px solid #A7A7A7;
}
#toggle-faceted{
display: block;
float: right;
padding: 5px;
}
}
@media (max-width: 612px) {
.media img{
width: 100%;
height: auto;
}
}
@media (max-width: 480px) {
#portal-searchbox{
display: none;
}
}