/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/3051e8");


@font-face {font-family: 'Campton-SemiBold';src: url('../fmo/Fonts/3051E8_0_0.eot');src: url('../fmo/Fonts/3051E8_0_0.eot?#iefix') format('embedded-opentype'),url('../fmo/Fonts/3051E8_0_0.woff2') format('woff2'),url('../fmo/Fonts/3051E8_0_0.woff') format('woff'),url('../fmo/Fonts/3051E8_0_0.ttf') format('truetype');}


@font-face {font-family: 'Campton-Book';src: url('../fmo/Fonts/3051E8_1_0.eot');src: url('../fmo/Fonts/3051E8_1_0.eot?#iefix') format('embedded-opentype'),url('../fmo/Fonts/3051E8_1_0.woff2') format('woff2'),url('../fmo/Fonts/3051E8_1_0.woff') format('woff'),url('../fmo/Fonts/3051E8_1_0.ttf') format('truetype');}

/* Custom Publish CSS 2014. Author HH/EE */

/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Resets
:: Typography
:: Structure
:: General Rules
:: General Wraps
:: General Elements
:: Header
:: Menus & Search
:: - Searchfield
:: Forms
:: Listing
:: View
:: Sidebar
:: Footer
:: Misc
:: Media Queries
*/

/* -----------------------------------------
   Resets
----------------------------------------- */

ul.side-menu ul li.itemselectedcurrent a.menuitemselected {
	background-color: #89beea;
}

ul.side-menu ul.submenu li.menulevel3, ul.side-menu ul.submenu li.menulevel4 {
	padding-left: 1rem;
}


html, body, div, span, applet, object, iframe, img{
	margin: 0;
	padding: 0;
}
html{
	font-size: 62.5%; /* 1em = 10px / 1.3em = 13px */
	font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
	background-color: #ECECEC;
	background-attachment: fixed;
	color: #333;
	font-family: 'Campton-Book', Arial, "Liberation Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Sans, Sans-serif;
	font-size: 1.4em;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	overflow-x: hidden;
	overflow-y: scroll;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

/*  cf = clearfix, add this class to elements you need to clear  */
.cf:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.cf {
	display: inline-block;
}
html[xmlns] .cf {
	display: block;
}
* html .cf {
	height: 1%;
}

img{
	max-width: 100%;
	width: auto;
	height: auto !important;
	border: none;
}

#map_canvas img{
	max-width: inherit;
	height: auto;
}
a img,
map {
	border: none;
}

.body img[align="left"] {
	margin-right: 10px;
}
.body img[align="right"] {
	margin-left: 10px;
}
.forum {
	clear: both;
}

img[style*="float: left"]{
	padding: 0 .5em .5em 0;
}
img[style*="float: right"]{
	padding: 0 0 .5em .5em;
}

table.layout {
	margin: 0;
	padding: 0;
}
td.layout {
	padding: 0;
	text-align: left;
	vertical-align: top;
}
iframe{
	width: 100%;
	max-width: 100%;
}


/* -----------------------------------------
   Typography
----------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Campton-Book', Arial, "Liberation Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Sans, Sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 0;
    margin-bottom: 0;
    color: inherit;

    text-rendering: optimizeLegibility;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {

}
h1 {
	font-size: 2.6em;
}
h2 {
	font-size: 1.5em;
}
h3 {
	font-size: 1.4em;
}
h4 {
	font-size: 1.2em;
	font-weight: 400;
}
h5 {
	font-size: 1.3em;
}
h6 {
	font-size: 1.3em;
}
p {
	line-height: 1.8;
}
code,
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
b,
strong {
  font-weight: bold;
}
em{
	font-style: italic;
}
small {
  font-size: 80%;
}
blockquote {
	font-style: italic;
	font-family: Georgia, serif;
	position: relative;
	padding: 2em;
	color: #979797;
}
blockquote:before {
	content: "201C";
	display: inline-block;
	font-size: 3em;
	color: #e2e2e2;
	position: absolute;
	z-index: -1;
	margin-left: -10px;
	line-height: .1;
	font-family: Georgia, serif;
}
blockquote:after {
	content: "201D";
	display: inline-block;
	font-size: 3em;
	color: #e2e2e2;
	position: absolute;
	z-index: -1;
	left: 0;
	line-height: .7;
	font-family: Georgia, serif;
	line-height: .3;
}

a{ background: transparent; }
a:link {  }
a:visited {  }
a:hover {  }

a {
	color: #C50A15;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Linked headlines (normally inside LIST-sections) */
.headlinelink { color: #333; font-weight: 400; display: block; margin: 0 0 .25em 0; }
.headlinelink:visited { }
.headlinelink:hover { color: #2980B9; }

/* Linked headlines on listing pages */
.headline .headlinelink { text-decoration: none; }
.headline .headlinelink:visited { }
.headline .headlinelink:hover { }

/* -----------------------------------------
   Structure
----------------------------------------- */

.row { width:100%; display: block; }

.column, .columns {float:left; padding: 0em;} /* padding = gutter size */

.one.column			{ width: 8.333333333%; }
.two.columns		{ width: 16.666666666%; }
.three.columns		{ width: 24.999999999%; }
.four.columns		{ width: 33.333333332%; }
.five.columns		{ width: 41.666666665%; }
.six.columns		{ width: 50%; }
.seven.columns		{ width: 58.333333331%; }
.eight.columns		{ width: 66.666666664%; }
.nine.columns		{ width: 74.999999997%; }
.ten.columns		{ width: 83.333333333%; }
.eleven.columns 	{ width: 91.666666663%; }
.twelve.columns 	{ width: 100%; }

.column, .columns { margin-bottom:15px; }


/* -----------------------------------------
   	General Rules
----------------------------------------- */

.fl { float:left; }
.fr { float:right; }
.db { display:block; }
.dib { display: inline-block; }
.di { display: inline; }
.pr { position: relative; }
.pa { position: absolute; }
.formobile{ display: none; }
.fortablet{ display: none; }
.fordesktop{ display: block; }
.tal{ text-align: left; }
.tac{ text-align: center; }
.tar{ text-align: right; }
.donotshow{ display: none; visibility: hidden; }
.show{ display: block; visibility: visible; }
/* opacity white styling */
.op1 { background: url("/images/opacity/white/opacity10.png") repeat; }
.op2 { background: url("/images/opacity/white/opacity20.png") repeat; }
.op3 { background: url("/images/opacity/white/opacity30.png") repeat; }
.op5 { background: url("/images/opacity/white/opacity50.png") repeat; }
.op6 { background: url("/images/opacity/white/opacity60.png") repeat; }
.op7 { background: url("/images/opacity/white/opacity70.png") repeat; }
.op8 { background: url("/images/opacity/white/opacity80.png") repeat; }
.op9 { background: url("/images/opacity/white/opacity90.png") repeat; }
.op10 { background: #fff; }
/* opacity black styling */
.blackop1 { background: url("/images/opacity/black/opacity10.png") repeat; }
.blackop2 { background: url("/images/opacity/black/opacity20.png") repeat; }
.blackop3 { background: url("/images/opacity/black/opacity30.png") repeat; }
.blackop5 { background: url("/images/opacity/black/opacity50.png") repeat; }
.blackop6 { background: url("/images/opacity/black/opacity60.png") repeat; }
.blackop7 { background: url("/images/opacity/black/opacity70.png") repeat; }
.blackop8 { background: url("/images/opacity/black/opacity80.png") repeat; }
.blackop9 { background: url("/images/opacity/black/opacity90.png") repeat; }
.blackop10 { background: #000; }


/* -----------------------------------------
   	General Wraps
----------------------------------------- */

.wrap{
	max-width: 1280px; /*Page width*/
	width: 100%;
	margin: 0 auto; /*Centered page */
}
.module,
.module.columns,
.pgn_finnenansatt #main{
	padding: .25em;
	padding: .5em .5em 1em .5em;
	border-radius: 0px;
	/*-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 0px 5px 0px rgba(50, 50, 50, 0.2);*/
	/* background: rgba(255,255,255,.8); */
}
.box,
ul.side-menu.box,
.pgn_finnenansatt #contactlist{
	padding: 1em;
	margin: 0 0 .25em 0;
	background: #fff;
	border-radius:  2px;
	border-bottom:  1px solid #ccc;
	border-top: 	1px solid #eee;
	border-left:    1px solid #eee;
	border-right:   1px solid #eee;
}
.articleblock.box:last-child, .module > .box:last-child {
	margin: 0;
}
.box:nth-child(2) {
	border-radius: 0 0 2px 2px !important;
}
h3.caption{
	margin: 0;
	background: #DA291C;
	color: #fff;
	padding: .5em 1em .5em 1rem;
	font-weight: 600;
	border: 1px solid #eee;
	border-radius: 1px 1px 0 0;
	text-transform: uppercase;
	font-size: 1em;
	letter-spacing: .03em;
}

.my-day .caption			{ background: #fff url(https://img7.custompublish.com/getfile.php/2717180.2347.yscprafqpc/icon-myday.png) no-repeat; background-position: 7px 6px; }
/* .latest-news .caption		{ background: #fff url(https://img7.custompublish.com/getfile.php/2717203.2347.fyavfvrtrv/icon-news.png) no-repeat; background-position: 7px 6px; } */
.tavla-list .caption		{ background: #fff url(https://img7.custompublish.com/getfile.php/2717202.2347.vexdtbpqwt/icon-board.png) no-repeat; background-position: 7px 6px; }
.driftmsg .caption			{ background: #fff url(https://img7.custompublish.com/getfile.php/2717204.2347.epwcsuawqx/icon-notification.png) no-repeat; background-position: 7px 6px; }
/* .snarveier .caption			{ background: #fff url(https://img7.custompublish.com/getfile.php/2717205.2347.dfertdtwdu/icon-shortcut.png) no-repeat; background-position: 7px 6px; } */
.telefonkatalog .caption	{ background: #fff url(https://img7.custompublish.com/getfile.php/2745257.2347.wcswbxxwvq/icon-phonecall.png) no-repeat; background-position: 7px 6px; }
.most-clicked .caption		{ background: #fff url(https://img7.custompublish.com/getfile.php/2857047.2347.brwqvuyxvd/icon-topstar: .png;) no-repeat; background-position: 7px 6px; }

a.add-post,
a.see-all{
	text-decoration: none;
	color: #2574A9;
}
a.add-post:hover,
a.see-all:hover{
	color: #333;
}

.comments p{
	margin-bottom: 0;
	padding: 0;
	font-size: .8em;
	color: #999;
}

.viewareacontent fieldset{
	border: 0;
}
.viewareacontent fieldset > legend{
	display: none;
}

/* -----------------------------------------
   	General Elements
----------------------------------------- */

.skiplink a{
  position: absolute;
	top: -190px;
}
.skiplink a:focus, .skiplink a:hover  {
	position: static;
	left: 0;
	width: auto;
}

#main{ min-height: 500px; }

.mypage #main{
	background: #fff;
	border-radius: 10px;
	padding: 2em;
	margin-bottom: 2em;
}
.mypage .editmyinfomenu{
	list-style: none;
	margin: 0 0 1em 0;
	padding: 0;
}
.mypage .editmyinfomenu li a{
	display: block;
	width: 230px;
	background: #1E8BC3;
	color: #fff;
	padding: .5em;
	text-decoration: none;
	margin-bottom: .5em;
	border-radius: 5px;
}

.pagedescription{  }

.pagetitle{  }

#path,
.to-menu{
	margin: 0 0 1em 0;
	padding: .25em .5em;
	border-radius: 5px;
	background: #fff;
	border: 1px solid #eee;
	display: inline-block;
	clear: both;
}
#path a,
.to-menu a{
	color: #999;
	text-decoration: none;
	margin: 0 .5em;
}
#path a.activepath{
	color: #666;
}

.to-menu{
	margin-left: 2em;
}

/* -----------------------------------------
   	Header
----------------------------------------- */

.page-top{
	padding: 1.5em 0 0 0;
	margin: 0;
	background: #fff;
	-webkit-box-shadow: 0px 1px 5px 0px rgba(180, 180, 180, 0.75);
	-moz-box-shadow:    0px 1px 5px 0px rgba(180, 180, 180, 0.75);
	box-shadow:         0px 1px 5px 0px rgba(180, 180, 180, 0.75);
}

#header{ padding: .5em 0 1em 0; }

#header .columns{ margin: 0; }

.logo{ padding: 1em 0 0 0; }
.logo {
	display: flex;
}

.logo a{ color: #000; }

.logoimg{
	width: 50%;
}
.logo img {
	width: 100%;
	max-width: 10rem;
	height: auto;
}

.logo-text{
	padding: .5em 0 1em .5em;
	line-height: 1;
	font-size: 2em;
}
.logo-text-large{
	font-weight: 500;
}
ul.color-changer.menu{
	font-size: .9em;
	margin: .5em 0;
}
.color-changer span{
	padding: 0 .5em;
}
.color-changer a{
	font-weight: 700;
	padding: 0 .5em;
	margin-right: 0 .5em;
	color: #333;
}
a.logo-img-a{
	text-decoration: none;
}
#logolink {
	display: flex;
}
h1.intranett-logo{
	display: inline-block;
	padding-left: 1rem;
	font-weight: 100;
	font-size: 3.5rem;
	color: #D31B22;
	margin: 0;
}

/* -----------------------------------------
   	Menus & Search
----------------------------------------- */

#navigation{ }

.menu-bar-area{
	margin-bottom: 3em;
	border-top: 1px solid #ccc;
	background: #fff;
	background-size: cover;
	-webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow:    0px 2px 7px 0px rgba(0, 0, 0, 0.3);
	box-shadow:         0px 2px 7px 0px rgba(0, 0, 0, 0.3);
}

ul.menu, ul.submenu, ul.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.menu li, ul.submenu li {
	margin: 0;
	padding: 0;
}
ul.mainmenu{ width: 100% }
.mainmenu li{
	float: left;
	position: relative;
}
.mainmenu > li > a{
	display: block;
	padding: 1.5em 1em;
	font-size: 1.2em;
	font-weight: 700;
	color: #333;
	letter-spacing: .03em;
	border-left: 2px solid transparent;
	/* border-right: 1px solid transparent; */
}
.mainmenu > li > ul{
	position: absolute;
	text-align: left;
	background: #eee;
	margin: 0;
	padding: 0;
	border-radius: 10px;
	z-index: 9999999;
}
.mainmenu > li > ul > li a{
	color: #333;
	display: block;
	padding: .5em .5em;
	width: 230px;
	font-size: 14px;
	border-bottom: 1px solid #eee;
}

.mainmenu .sfHover a,
.mainmenu > li > a:hover{
	background: #fff;
	border-left: 2px solid #2574A9;
}

ul.snarveier-menu{ padding: .25em .25em 0 .25em; }
.snarveier a{
	font-size: 1.2em;
	font-weight: 300;
	-webkit-transition: all 200ms ease-out;module
	-moz-transition: 		all 200ms ease-out;
	-o-transition: 			all 200ms ease-out;
	transition: 				all 200ms ease-out;
	border-radius: 3px;
}

.snarveier a.box:hover{
	padding-left: 1.5em;
}

.side-menu ul.submenu{
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	margin-bottom: 1em;
	/* margin-top: -1em; */
}
.side-menu ul.submenu li a{
	padding: .5em;
	background: #f2f2f2;
	margin: 0;
	border-bottom: 1px solid #eee;
	color: #333;
	border-radius: 0;
}
.side-menu ul.submenu li a:hover{
	background: #ccc;
}

/* Standard navigation links */
.menu a:link { text-decoration: none; }
.menu a:visited { }
.menu a:hover,
a.loginadmin:hover {
	color: #333;
	text-decoration: underline;
}

.menu .menuselected:link { }
.menu .menuselected:visited { }
.menu .menuselected:hover { }

.usermenu li{
	float: left;
	margin-left: .65em !important;
}
.usermenu li a{
	color: #333;
	font-weight: bold;
}
.pubuser .user-name{
	font-weight: bold;
	padding-right: .5em;
}
a.loginadmin{
	text-decoration: none;
	margin-left: .67em;
	color: #333;
	font-weight: 700;
}

/* Searchform */
#searchform {
	background: #fff;
	border: 2px solid #1E8BC3;
	border-radius: 10px;
	padding: .5em;
}
.searchinput {
	vertical-align: middle;
	border: 0;
	font-size: 14px;
	width: 520px;
}
.searchsubmit {
	vertical-align: middle;
	cursor: pointer;
}

.mobilemenu .menubtn{
	display: none;
	color: #333;
	cursor: pointer;
	font-size: 1.3em;
	padding: 10px 5px 10px 25px;
	margin-left: 10px;
	background: url(https://img4.custompublish.com/getfile.php/2454337.2254.xsadsysrbq/mobilemenu.png) no-repeat center left;
	background-size: 15px;
}
#mainmenumobile{ display: none; }

/* -----------------------------------------
   	Forms
----------------------------------------- */
input:invalid { border:1px solid #FF3B30; }
.mandatory { color: #FF3B30; }

.cpsimpleform input[type="text"]:not([size]),
.cpsimpleform input[type="email"]:not([size]),
.cpsimpleform input[type="tel"]:not([size]) {
	max-width: 100%;
}

.cpsimpleform input[type="tel"]:not([size]),
.cpsimpleform .sfx-phone:not([size]) {
	color:inherit;
}

.cpsimpleform input[type="submit"] {
	display: block;
	margin-left: 0;
	margin-right: auto;
}

.cpsimpleform > .horizontal{
	width: auto;
	float: left;
}
.cpsimpleform > .vertical{
	display: block;
	width: 100%;
	clear: both;
}
.cpsimpleform > .cpselementcontainer{
	padding: 1em 0;
}
.cpsinput{
	font-size: 1.1em;
	background-color: #FFF;
	border: 1px solid #E3E3E3;
	border-radius: 4px;
	box-shadow: none;
	color: #444;
	min-height: 38px;
	padding: 6px 16px;
}

.katalog-form{
	background: #fafafa;
	border: 1px solid #ddd;
	border-radius: 5px;
	text-align: right;
}
.katalog-form input[type="text"]{
	width: 80%;
	border: 0;
	font-size: 1.2em;
	padding: .25em .5em;
	background: #fafafa;
	margin: 0;
}
.katalog-form input[type="submit"]{
	width: 15%;
	background: #2574A9;
	color: #fff;
	border-radius: 0 5px 5px 0;
	border: 0;
	font-size: 1.2em;
	padding: .5em 0;
	cursor: pointer;
	margin: 0;
}
.katalog-form input[type="submit"]:hover{
	background: #1E8BC3;
}

/* -----------------------------------------
   	Listing
----------------------------------------- */

.listingarea{  }

.articlelist .articleblock{ margin: 0 0 .25em 0; position: relative; }

.articlelist .ingress{ line-height: 1.2 }

.articlelist .articleblock .imgwrap{  }

.articlelist .articleblock .textwrap{  }

.listingarea hr, .hr /* Replacement for hr (easier to style in older browsers) */{
	-moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

.articlelink{  }

.articlelist .headline{
	line-height: 1.6;
	margin: 0 0 .47em 0;
	font-size: 1.8em;
}
.subheadline{
	line-height: 1.2;
	color: #737373;
	font-weight: 400;
	margin-top: 0;
	font-size: 1.15em;
}

div.pagebar{
	text-align: center;
}
.latest-news .articleblock{ overflow: hidden; position: relative; border-radius: 4px; }

.latest-news .box{ margin: 0 0 1em 0; padding: 0; }
.latest-news .box.nopicture{ padding: 1em; }

.latest-news .articleblock.picture .textwrap{
	/*width: 100%;
	float: none;*/
	padding: 1em;
	/*position: absolute;*/
	bottom: 0;
	left: 0;
	margin-bottom: 0;
}
.latest-news .articleblock.picture .textwrap h2,
h2.headline{
	margin-top: 0;
	margin-bottom: 0;
}

.latest-news .ingress{
	font-weight: 100;
}
.latest-news .date{
	color: #666;
	font-weight: 100;
	font-size: 10px;
	margin: 1em 0 0 0;
	display: block;
}
.latest-news .listingpic{
	margin: 0;
	z-index: 0;
}
.my-day{
	margin: 0 .5em 1em .5em;
}
.my-day .columns{
	margin-bottom: 1em;
}
.campaign{ padding: 0em; margin-bottom: 1em; background-color: rgba(255,255,255,.9); border-radius: 4px; }
.campaign .slideshow .columns{
	margin: 0;
}
.intrablogcontainer a{
	text-decoration: none;
	color: #3498DB;
}
.intrablogcontainer .bloghead{
	font-weight: 400;
	margin: .5em 0;
	display: block;
	border-top: 1px solid #eee;
	clear: both;
}

.list-byline{
	padding: .5em 0;
	margin: 0 0 .5em 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	color: #999;
	font-style: italic;
}

.list-byline .date,
.tavla-list .poster{
	font-size: 10px;
}
.tavla-list .headline{
	margin: .25em 0 .5em 0;
}

.emptypage-box{
	min-height: 450px;
}

.mestlestblock .headline{
	margin: 0;
}

/* -----------------------------------------
   	View
----------------------------------------- */

/* accordion style extended article
 * usage: check "Dynamic" on the article paragraphs
 */

.articleparagraphdynamic{
	background: #fefefe;
	border: 1px solid #e6e6e6;
	border-radius: 0;
	transition: all 0.25s ease-out;
}

.articleparagraphdynamic h2.paragraphheadline{
	display: block;
	padding: 1.25rem 1rem;
	line-height: 1;
	font-size: 1.5em;
	color: #C50A15;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 0;
	transition: all 0.2s ease-out;
}

.articleparagraphdynamic h2.paragraphheadline:hover,
.articleparagraphdynamic h2.paragraphheadline:focus{
	background-color: #e6e6e6;
	cursor: pointer;
}

:last-child > .articleparagraphdynamic h2.paragraphheadline{
	border-bottom-width: 0;
}

.articleparagraphdynamic h2.paragraphheadline::before{
	content: '+';
	position: absolute;
	right: 1rem;
	top: 50%;
	margin-top: -0.5rem;
}

.articleparagraphdynamic.is-active > h2.paragraphheadline::before{
	content: '–';
}

.articleparagraphdynamic .paragraphtext h3{
	font-size: 1.6rem;
}

.articleparagraphdynamic .paragraphtext h4{
	font-size: 1.5rem;
}

.articleparagraphdynamic .paragraphtext{
	padding: 1.25rem 1rem;
	display: none;
	border-bottom: 1px solid #e6e6e6;
}

.articleparagraphdynamic.is-active{
	background: #fafafa;
}

.articleparagraphdynamic.is-active .paragraphtext{
	display: block;
}

.articleparagraphdynamic:not(:last-of-type),
.articleparagraphdynamic .paragraphtext{
	border-bottom: 0;
}

.articleparagraphdynamic:last-child{
	margin-bottom: 1rem;
}



.notfrontpage:not(.page471969) #main,
.notfrontpage:not(.page471969) #mainsidebar,
.articleview #main,
.articleview #mainsidebar{
	float: left;
}
.notfrontpage:not(.page471969) #main,
.articleview #main{
	width: 75%;
	padding-right: 2em;
}
.notfrontpage:not(.page471969) #mainsidebar,
.articleview #mainsidebar{
	width: 25%;
}

@media all and (max-width: 700px) {
	.notfrontpage:not(.page471969) #main,
	.articleview #main{
		width: 100%;
		padding-right: 0em;
	}
	.notfrontpage:not(.page471969) #mainsidebar,
	.articleview #mainsidebar{
		width: 100%;
	}
}


.viewarea{ /*padding-right: 2em;*/ }

.viewareacontent{
	background-color: #fff;
	padding: 2rem;
	width: 100%;
}

.body{  }

.innerbody{  }

.innerbody p{  }

.ingressview p{
	font-weight: 100;
	margin: 1em 0;
	font-size: 1.4em;
	line-height: 1.2;
}
.byline{
	padding: 1em 0;
	color: #999;
	font-size: 80%;
}

.viewarea .listingpic{  }

.viewarea .articleparagraph{  }

.headlineview{
	color: #333;
	/* font-size: 1.8em; */
	/* font-weight: 100; */
}
.paragraphheadline{
	font-weight: 100;
	color: #3498DB;
	font-size: 1.2em;
}

.viewareacontent .subheadline{
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: 400;
	font-style: italic;
}

.viewareacontent .articlebody ul li{
	margin: 1.25rem 0rem 1.25rem;
}
.toptext,
.pgn_brukermanualer #main{
	background: #FFF;
	padding: 1em;
	border-radius: 3px;
	min-height: 450px;
}
.paragraphpictable{
	width: 25%;
	height: auto;
	float: right;
	padding: 0 0 .5em .5em;
}
.paragraphpictext{
	padding: .5em 0;
}
.viewarea img[align="left"] {
	margin: 0 10px 10px 0;
}
.viewarea img[align="right"] {
	margin: 0 0 10px 10px;
}
.viewarea img[align="middle"] {
	margin: 0 0 10px 0px;
}
.viewarea .articlemedia .articleimage {
	margin: 0 0 10px 0px;
}
.viewarea .articlemedia .articleimagedesc{
	text-align: center;
	font-style: italic;
}
table.ldapviewer{
	max-width: 100%;
}
.ldapviewer th.header,
#contactlisttable th{
	text-align: left;
	padding: 1em;
	background: #eee;
	border-right: 1px solid #ccc;
}
.ldapviewer th.header:hover,
#contactlisttable th:hover{
	background: #ccc;
}
.ldapviewer .departmentrow th{
	padding: .5em 1em;
	text-align: left;
	font-size: .8em;
}
.ldapviewer .departmentrow{
	background-color: #f2f2f2;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
.ldapviewerfield{
	padding: .25em .5em;
	border-bottom: 1px solid #eee;
}
#contactlisttable td{
	padding: 1em .5em;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #fafafa;
}
.ldapviewerfield:nth-child(odd),
#contactlisttable .mod0{
	background: #fafafa;
}
#contactlisttable tr:hover{
	background-color: #E4F1FE;
}
.pgn_finnenansatt #main form input[type="text"]{
	width: 90%;
	padding: 1em;
	font-size: 1.2em;
	border: 0;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.pgn_finnenansatt #main form input[type="submit"]{
	padding: 1em;
	font-size: 1.2em;
	border-radius: 5px;
	background: #3498DB;
	color: #fff;
	border: 0;
	cursor: pointer;
}
.pgn_finnenansatt #main form input[type="submit"]:hover{ background: #2980b9; }
#ldapviewercaption, #contactlisttable caption{ font-weight: 100; margin-bottom: .5em; text-transform: uppercase; }

.cpforumformwrapper{
	background: #fff;
	padding: 1em;
	margin-top: .5em;
	border-radius: 5px;
}
.cpforumformwrapper fieldset{
	border: 0;
}

#main .cpforum .forumpost{
	position: relative;
	margin-left: 20px;
	width: 90%;
	background: #E9F9FF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	border: 0;
}
#main .cpforum .forumpost:after{
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 7px 10px 7px 0;
	border-color: transparent #E9F9FF;
	display: block;
	width: 0;
	z-index: 1;
	left: -10px;
	top: 80%;
}
#main .cpforum .forumpost .subject{
	margin: 0 0 .67em 0;
	font-size: 1.3em;
}
#main .cpforum .forumpost .postingdate{
	color: #999;
	font-size: .8em;
	margin-bottom: 1em;
}
#main .cpforum .forumpost .replytolink{ color: #E9F9FF;  }
#main .cpforum .forumpost .replytolink a{
	display: inline-block;
	padding: .5em;
	background: #27ae60;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
}

.toptext > div[style*="border: 1px solid gray"]{
	background: #ECEFF5 !important;
	border-color: #E0E2EE !important;
	border-radius: 5px;
	padding: .5em 1em !important;
	margin: 0 0 1em 0 !important;
}
.toptext > div[style*="border: 1px solid gray"] a{
	display: inline-block;
	padding: .25em;
	border-radius: 5px;
	color: #fff !important;
	background: #2980b9;
	text-decoration: none;
}
.toptext > div[style*="border: 1px solid gray"] a:nth-child(2){
	background: #c0392b;
}

.pgn_reglementer #main{
	padding: .5em;
	margin: 0 0 2em 0;
	border-radius: 10px;
	background: rgb(255,255,255);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.2);
	background: rgba(255,255,255,.2);
}
.pgn_reglementer #main > table[width="98%"],
.pgn_powerpointmaler #main > table[width="98%"],
.pgn_finnenansatt .pagedescription{
	padding: 1em;
	/*margin: 0 0 1em 0;*/
	background: #fff;
	border-radius: 5px;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	width: 100%;
	overflow: hidden;
	display: block;
}
.pgn_reglementer h1.headline{
	text-align: left;
	color: #3498DB;
	font-weight: 100 !important;
}
.pgn_reglementer #main > table[width="98%"] tr a{
	margin-bottom: .5em;
	display: block;
	text-decoration: none;
	padding-left: .25em;
}
.pgn_reglementer #main > table[width="98%"] tr a:hover{
	text-decoration: underline;
}

.front-page-container{
	border-radius: 4px;
	overflow: hidden;
	background-color: rgba(255,255,255,.9);
	margin-bottom: 1em;
}

/* -----------------------------------------
   	Sidebar
----------------------------------------- */

#mainsidebar{  }



/* -----------------------------------------
   	Footer
----------------------------------------- */

/*#footer{ background: #fff; padding: 2em; border-radius: 5px 5px 0 0; }*/

.cpcredits,
a.cp:link{
	font-size: .8em;
	text-decoration: none;
	color: #999;
}
a.cp:visited{ color: #999; }
a.cp:hover{ color: #fff; }
.companyname{ font-weight: 600; }


.contactinfobox div{
	float: left;
	margin-right: .5em;
}

/* -----------------------------------------
   	Misc
----------------------------------------- */

.errmsg {
	font-weight: bold;
	color: #AA0000;
	background: #FFD9D9;
	padding: .5em;
	border: 1px solid #AA0000;
}

/* weather forecast */
.weathertablefivedays { }

.weathertablefivedays td {
	padding: 5px;
}
.weathertablefivedays .weatherlocname {
	font-weight: bold;
}

/*  Calendar  */
.icalendardayhead { background-color: #333; }

.monthlycalendartable { width: 100%; }

.calendardate { color:#333; }

.dayheader { }

.calendarentry {  }

.caltime {
	margin-right: 15px;
}
.vevent {
	border: 1px solid #666666;
	background-color: #EEEEEE;
	padding: 5px;
}
.eventdate{ background: url("https://img4.custompublish.com/getfile.php/981155.1554.qccuvsrypc/date.png") no-repeat scroll 0 0 transparent; }
.calevent {
    margin: 0 0 .5em;
    padding: 0.5em;
}
.calevent .eventwhen {
	margin-right: 10px;
}

/*Effects of wide page classes*/

.widemain #main{ width: 100%; }

.widemain #mainsidebar{ display: none; }

.widefull #main { width: 100%; float: none; }

.widefull #mainsidebar{ display: none; }

.nostyle{ /* strip ul styles */
	list-style: none;
	margin: 0;
	padding: 0;
}

.scaletext .small { font-size: .8em; }
.scaletext .medium { font-size: 1em; }
.scaletext .large { font-size: 1.3em; }

/* Slideshow (slick slideshow) */

.slick-prev{
	left: 15px !important;
}
.slick-next{
	right: 15px !important;
}

.snarveier .green {
	font-weight: 500;
}

ul.snarveier-menu.box {
	border: none;
}

.blue{ background-color: #1E8BC3; color: #fff; }
.green:hover{ background-color: #e2e2e2; }
.green.menuitemselected{ background-color: #ccc; }
a.green:hover{ color: #333; }
.box.green{ border: 0; }
.green{ background: #eee; }
a.green{ color: #333; }

.module .box.slickslideshow{ margin: 0 auto; }

button.slick-next{ right: 35px !important; }
button.slick-prev{ left: 15px !important; }

button.slick-prev:before, button.slick-next:before{ color: #2574A9 !important; font-size: 40px !important; }

ul.slick-dots{
	position: relative;
	bottom: 0;
	margin: 0;
}
div.slick-list{
	width: 90%;
	margin: 0 auto;
}
.slick-slide span.cpeditlinks a img{
	display: inline;
}

/* Searchpage */

.searchpage .headline{
	font-size: 1.4em;
}

.hidebtn{
	cursor: pointer;
}

.frontpage .my-day.cf{ display: none !important; }

.articlearchive b{
	font-weight: 100;
	font-size: 1.2em;
	margin: 1em 0 .5em 0;
	padding-bottom: .25em;
	border-bottom: 1px solid #ccc;
	display: block;
}
/* .articlearchive .artarchivedate{
	width: 12%;
	float: left;
} */

.articlearchive .artarchiverow{
	margin-bottom: 0.5em;
}

body .artarchivetitle {
	float: none;
	width: auto;
}


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

@media all and (max-width: 1024px) {

	.fortablet{ display: block; }
	.fortablet.dib{ display: inline-block; }
	#main{ min-height: 0; }
	.page-top{ padding: .5em 0 0 0; }
	.hidebtn.fr, .add-post.fr{ float: right; }
	.logo-text.fl, .logoimg.fl{ float: left; }
	.my-day, .color-changer{ display: none !important; }
	.tavlablock .list-byline, .tavlablock .ingress{ display: none; }
	.searchinput{ width: 88%; }
	.logoimg{ display: inline; }
	.logo-text{ font-size: 1.6em; }
	.notfrontpage #main, .articleview #main, .notfrontpage #mainsidebar, .articleview #mainsidebar{ width: 100%; float:  none; }
	.viewarea, .pubuser .user-name{ padding: 0; }
	.pubuser .pubuser-delimiter{ display: none; }
	.topmenu{ text-align: center; margin-bottom: .5em; }
	a.loginadmin{ margin: 0; }

	.latest-news .textwrap,
	.latest-news .listingpic{
		float: left;
		width: auto;
	}
	.latest-news .listingpic{
		margin-right: 20px;
	}

	.latest-news.four,
	.tavla-list.four{
		width: 50%;
	}
	.last-column.four{
		width: 100%;
	}

	.last-column .most-clicked,
	.last-column .snarveier{
		width: 50%;
		float: left;
	}
	.logo.columns,
	.site-nav.columns{
		width: 50%;
		float: left;
		padding: 0 1em;
	}
	.searchinput{
		width: 300px;
	}
	.notfrontpage #main, .articleview #main{
		padding-right: 0;
	}

	.menu-bar-area{
		margin-bottom: 1em;
	}

}
@media all and (max-width: 1024px) and (min-width: 481px) {
	.latest-news .listingpic{
		float: left;
		width: 40%;
		margin-bottom: -1em;
	}
	.latest-news .textwrap{
		float: left;
	}
	.mainmenu > li > a{
		font-size: 1em;
		padding: 1.25em .7em;
	}
}
@media all and (max-width: 960px) {
	.mobilemenu .menubtn{ display: block; }
	.mainmenu li{ float: none; border-bottom: 1px solid #eee; }
	#mainmenu{
		display: none;
	}
}

@media all and (max-width: 480px) {

	.fl,
	.fr{
		float: none;
	}

	.formobile{ display: block; }
	.fordesktop{ display: none !important; }

	.row .column,
	.row .columns,
	.row .columns:first-child,
	.row .columns:last-child{
		width: 100% !important;
		float: none;
		padding-left: .5em !important;
		padding-right: .5em !important;
	}
	.campaign .imgwrap{ display: none; }
	.intranett-logo{ padding-left: 0; margin-bottom: 1em }
	.pubuser{ text-align: center; padding: 1em; }
	.usermenu.fr, .loginadmin.fr, .usermenu li{ display: inline; float: none; }
	#header .logo.five.columns{ text-align: center; }
	#header .logo.five.columns{ width: 86% !important; margin: 0 auto; }
	.viewarea .listingpic img{ display: block; }
	.viewarea .listingpic{ width: 100%; clear: both; display: block; }

	.pubuser{ clear: both; display: block; text-align: center; padding: 1em 0; }
	.latest-news .textwrap,
	.latest-news .listingpic{
		float: none;
		width: 100%;
	}
	.latest-news .listingpic{
		margin-right: 0;
	}
	
}
@media print {
	/* Printerfriendly */
	* {
		background-color: #FFFFFF !important;
		background-image: none !important;
		border-color: #666666 !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		font-size: 11pt;
		font-family: 'Campton-Book', Arial, "Liberation Sans", "Helvetica Neue", Helvetica, "Nimbus Sans L", Sans, Sans-serif !important;
	}
	#header, #topnav, #navigation, #subnavbar, #mainsidebar, #footer, #cp, #searchform, .corner, #taleweb, #talewebholder, #PAFTOOLBAR, #skiplink, .skiplink, .adminbar, .cpeditlinks {
		display: none !important;
	}
	#page, #main {
		border: none !important;
		min-width: 0 !important;
		float: none !important;
		width: auto !important;
	}
	.side {
		padding: 0;
	}
	.box, .articleblock {
		page-break-inside: avoid;
	}
	th {
		background-color: #CCCCCC !important;
		color: #000000 !important;
	}
	tr:nth-child(2n+1) {
		background-color: #DEDEDE !important;
	}
	tr:nth-child(2n+1) {
		background-color: transparent !important;
	}
	p,
	h2,
	h3 {
		orphans: 3;
	    widows: 3;
	}
}