/**
 * Custom Publish CSS 2014. Author EE - Reviewed for 2016 & HTML5
 *
 * CONTENTS
 *
 * Basics........................... Basic and global layout settings
 * Typography....................... Settings for fonts and typography
 * Structure........................ Grid system
 * General Rules.................... OOCSS classes so you don't repeat yourself
 * General Wraps.................... Wrapper classes - page wrapper
 * General Elements................. For elements on all pages
 * Header........................... This is for your header classes
 * Menus & Search................... Styling for menu and search field
 * Forms............................ Styling for forms. Do not alter defautlt sizing
 * Listing.......................... For listing elements
 * View............................. For view elements
 * Sidebar.......................... Sidebar related classes and general box-styling
 * Footer........................... This is for you footer classes
 * Misc............................. Misc CustomPublish elements styles
 * For administrators............... For elements visible when logged into admin
 * Media Queries.................... Stying for mobiles and tablets
 *
 * To quickly jump to section: cmd/ctrl+f and search for #<section title>
 *
 */


/*COLOR SCHEMA*/
/* Base Color: #BB2E28 - Red | AA = 5.94 on #fff */
/* Secondary Color: #E03229 | AA = 4.51 on #fff */


/*
== Custom Stord kommune
 */
.page427765 .service-menu-container a {text-decoration: none;}
.page427765 .service-menu-container a:hover {text-decoration: underline;}
.page427765 .service-menu-container {
	margin-bottom: 2rem;
}

.page427765 .service-menu-container h2 {
	text-align: center;
	margin: 2rem 0 1rem 0;
	display: block;
	padding: 1rem 0;
	border-bottom: 1px solid #ccc;
	font-weight: 600;
}

.page427765 .service-menu ul {
	display: block;
}

.page427765 .service-menu ul li {
	display: inline-block;
	width: 33%;
}
@supports (display: grid) {
	.page427765 .service-menu ul {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap: 1rem;
	}
	.page427765 .service-menu ul li {width: 100%;}
}

@media all and (max-width: 640px) {
	.page427765 .service-menu ul {
		grid-template-columns: 1fr;
	}
	.page427765 .service-menu ul li {
		width: 100%;
	}
}

.page427765 .service-menu ul li {
	text-align: center;
	border: 1px solid #ccc;
}

.page427765 .service-menu ul li a {
	padding: 7rem 1rem 1rem 1rem;
	display: block;
}

.page427765 .service-menu ul li:hover {
	border-color: #333;
}

.page427765 .service-menu.two ul li a {
	-webkit-background-size: 30%;
	background-size: 30%;
	background-position: center 35%;
	background-repeat: no-repeat;
}

.page427765 .service-menu.one ul li a {
	-webkit-background-size: 20%;
	background-size: 20%;
	background-position: center 35%;
	background-repeat: no-repeat;
}

/* Lokale tjenester */
.page427765 .service-menu.one ul li:nth-child(1) a {background-image: url('https://img8.custompublish.com/getfile.php/4191428.2498.sllntmpsbjitbu/classroom.png');}
.page427765 .service-menu.one ul li:nth-child(2) a {background-image: url('https://img8.custompublish.com/getfile.php/4191432.2498.btqbn7qmau7ius/child.png');}
.page427765 .service-menu.one ul li:nth-child(3) a {background-image: url('https://img8.custompublish.com/getfile.php/4191431.2498.jjjapzkwlnzlzq/document.png');}
.page427765 .service-menu.one ul li:nth-child(4) a {background-image: url('https://img8.custompublish.com/getfile.php/4191430.2498.wmnqpqznammmab/export-file.png');}
.page427765 .service-menu.one ul li:nth-child(5) a {background-image: url('https://img8.custompublish.com/getfile.php/4191429.2498.wwqppkquwuuqsk/mailbox.png');}

/* Offentlige tjenester */
.page427765 .service-menu.two ul li:nth-child(1) a {background-image: url('https://img8.custompublish.com/getfile.php/4182446.2498.nkbswwuuikpnbu/altinn.png');}
.page427765 .service-menu.two ul li:nth-child(2) a {background-image: url('https://img8.custompublish.com/getfile.php/4182473.2498.wkjijltlqqjtsk/nav_pos_logo_RGB.jpg');}
.page427765 .service-menu.two ul li:nth-child(3) a {background-image: url('https://img8.custompublish.com/getfile.php/4191415.2498.iitptptnqqtpba/helsenorgelogo_sort_ny.png');}
.page427765 .service-menu.two ul li:nth-child(4) a {background-image: url('https://img8.custompublish.com/getfile.php/4182447.2498.pmnbbjmwibjmta/husbanken.png');}
.page427765 .service-menu.two ul li:nth-child(5) a {background-image: url('https://img8.custompublish.com/getfile.php/4182447.2498.pmnbbjmwibjmta/husbanken.png');}
.page427765 .service-menu.two ul li:nth-child(6) a {background-image: url('https://img8.custompublish.com/getfile.php/4182474.2498.mtzqamupimqnpk/idporten.png');}
.page427765 .service-menu.two ul li:nth-child(7) a {background-image: url('https://img8.custompublish.com/getfile.php/4182476.2498.swj77qsjltuqss/Vegvesen_LOGO_farger_pos_RGB.png');}
.page427765 .service-menu.two ul li:nth-child(8) a {background-image: url('https://img8.custompublish.com/getfile.php/4182477.2498.sqptuanppjztbl/helsevest.png');}


.departmentrow th {
	padding: 2rem !important;
}

.frontpage #main {
	width: 100%;
}

#main {
	padding-right: 0px;
	/*overflow: hidden;*/
}

#echatcontainer {
	position: fixed;
    bottom: 10vh;
    right: 0;
    background-color: #fff;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
    height: 3rem;
    z-index: 999;
}
#echatcontainer img {
	max-height: 2rem;
	width: auto;
}

#echatcontainer > img {
	padding-top: 0.6rem;
}

#echatcontainer a {
	position: relative;
	display: inline-block;
	cursor: pointer;
	width: 4rem;
	transition: 0.3s ease all;
	padding-top: 0.6rem;
}

#echatcontainer a::after {
	position: absolute;
	content: 'Nettprat';
	color: #333;
	font-size: 1.4rem;
}

#echatcontainer a:hover {
	width: 10rem;
}

ul.azlist {
	list-style: none;
}

.livesearchcontainer{
	padding: 1rem;
	border-radius: 3px;
	border: 1px solid #ccc;
	background-color: #fff;
	margin-bottom: 1rem;
}

#listlivesearch{
	max-width: 230px;
	display: inline-block;
	vertical-align: middle;
}

.listlivesearchbox input[type="submit"],
.listlivesearchbox button{
	margin: 0;
	padding: 0.75em 1em;
}

.livesearchresults h3{
	display: none;
	margin-top: 1rem;
	font-size: 1.2em;
	border-top: 1px solid #ccc;
}

.topbar {
	/* height: 1.8rem; */
	width: 100%;
	background-color: #ECECEC;
}
.topbar .english {
	padding-right: 1rem;
	padding-top: 0.2rem;
}
.topbar .english img {
	max-height: 1rem;
	width: auto;
}

#header .logo .logoimg {
	/*max-height: 6rem;
	width: 6rem;*/
}

#header {
	border-bottom: 5px solid #2d4062;
}

.notfrontpage #content {
	margin-top: 2rem;
}

.logo__title {
	color: #333;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.5rem 0;
}

.topbar-search input[type="text"] {
	width: 100%;
	max-width: 200px;
	height: 100%;
	font-size: 0.8rem;
	padding: 0.1rem;
	display: inline-block;
}

.topbar-search input[type="submit"] {
	padding: 0.2rem 1rem;
	margin: 0;
	font-size: 0.8rem;
}

/* Login */
.login-btn {
	display: none;
	position: relative;
	margin-right: 1rem;
    position: relative;
    background: #436F89;
    padding: 0.5rem 1rem;
    width: 100%;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 1rem;
    color: #fff;
}
.right-content .login-btn i {
	transform: translateY(0.5rem);
}
.ppt425582 .login-btn {
	display: inline-block;
}
.ppt425582.ppt433454 .login-btn,
.ppt425582.ppt433454 .ist.icon-link {
	display: none;
}
.right-content .login-btn img {
	max-width: 1.2rem;
}
.right-content .login-btn .options {
	position: absolute;
	top: 3.5rem;
	background-color: #eee;
	width: 18rem;
	left: 2rem;
	display: none;
	padding: 0.5rem 0;
	text-align: center;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	z-index: 9999;
}

.arrow-up {
	position: absolute;
	left: 50%;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #eee;
}
.right-content .login-btn .options a {
	color: #fff;
	text-decoration: none;
	display: block;
	margin: 1rem 2rem;
	padding: 0.2rem;
	background-color: #2e4061;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	border-radius: 3px;
	transition: 0.1s ease all;
}
.right-content .login-btn .options a:hover {
	box-shadow: 0 3px 6px rgba(0,0,0,0.36);
	background-color: #435F8E;
}

.right-content .login-btn:hover {
	cursor: pointer;
}

.right-content .login-btn p {
	font-weight: 600;
	transform: translateY(10%);
	margin: 0;
}

.editlink span.cpeditlinks a {
	float: left;
	background-color: #fff;
	padding: 0.7rem;
}

.editlink {
	margin-bottom: 0.1rem;
}

/*
== Navigation (top)
 */
#navigation {
	padding-top: 1rem;
}

/* accessible tabs */

.accessibletabs .current-info,
.accessibletabs .accessibletabsanchor,
.accessibletabs .tabhead{
    position: absolute;
    left: -999em;
}

.accessibletabs .tabs-list{
    list-style: none;
    margin: 0 0 2rem 0;
    padding: 0;
}

.accessibletabs .tabs-list > li{
    display: inline-block;
}

.accessibletabs .tabs-list > li a,
.moteyear a,
a.artarchiveeyearlink{
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    min-width: 64px;
    height: 36px;
    margin: 0 1rem 0 0;
    padding: 0 16px;
    cursor: pointer;
    transition: background .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    text-align: center;
    vertical-align: middle;
    text-decoration: none;
    letter-spacing: 0;
    text-transform: uppercase;
    border: none;
    outline: none;
    background: 0 0;
    will-change: background;
    transition: box-shadow .2s cubic-bezier(.4,0,1,1),background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
    color: rgba(255, 255, 255, .8);
    border-radius: 2px;
    background: rgba(52,152,219,1);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    will-change: box-shadow;
}

.accessibletabs .tabs-list > li a:hover,
.accessibletabs .tabs-list > li.current a,
.moteyear a:hover,
a.artarchiveeyearlink:hover{
    background-color: rgb(26, 67, 95);
}


/*
== Searchfield
*/
.sok_background {
	height: 25rem;
	/*background: url('https://img1.custompublish.com/getfile.php/3734333.181.seyesbfcte/utsikt1.jpg') no-repeat center center;*/
	background-size: cover;
	/*Fallbacks*/
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 70%;
	background-repeat: no-repeat;
}

.sok_background .outer {
	position: relative;
	height: 25rem;
	display: flex;
}

.sok_background .search {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	align-self: flex-end;
	margin-bottom: 2rem;
	position: relative;
}

.sok_background .search ul.shortcuts {
	/*position: absolute;
	top: 0;
	right: 0;*/
	text-align: right;
	max-width: 90%;
    width: 50rem;
    margin: 0 auto;
    margin-bottom: 1rem;
}

.sok_background .search ul.shortcuts > li {
	display: inline-block;
	transition: 0.2s ease all;
}

.sok_background .search ul.shortcuts > li a {
	padding: 0.8rem;
	background-color: #253350;
	color: #fff;
	text-decoration: none;
	border-radius: 5px;
	transition: 0.2s ease all;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	display: block;
	margin-bottom: 0.2rem;
}
.sok_background .search ul.shortcuts > li:hover {
	transform: translateY(-1px);
}
.sok_background .search ul.shortcuts > li a:hover {
	background-color: #2d4062;
}

.search input {
	opacity: 1;
	transition: all 0.1s ease;
}

.search input.searchsubmit:hover {
	opacity: 1;
	/*transform: scale(1.3);*/
}

/*
== Boxes // Shortcuts on frontpage //
 */

/*Header*/
.divider__header h3 {
	width: 100%;
	text-align: center;
	border-bottom: 1px solid rgba(0,0,0,0.2);
	line-height: 0.1em;
	margin: 1rem 0;
}

.divider__header span {
	background: #fff;
	padding: 0 10px;
}

/*Divider*/
.divider {
	padding: 3rem 0;
}

.divider--shortcut {
	background-color: #fff;
}

.divider--snarveier {
	padding: 0 0 3rem;
	/*background-color: #ededed;*/
}

.shortcuts-container .shortcut-items {
	position: relative;
	margin: 0 1rem;
}

.shortcuts-container .shortcut-items > li {
	display:  block;
	margin: 1rem 0;
	transition: all 0.15s ease;
}

.shortcuts-container .shortcut-items--tjenester > li > a:hover {
	background-color: #253450;
}

.shortcuts-container .shortcut-items--snarveier > li > a:hover {
	background-color: #36568C;
}

.shortcuts-container .shortcut-items--tjenester > li > a {
	display: block;
	padding:  2rem;
	background-color: #2d4062;
	border-radius: 1rem;
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
}

.shortcuts-container .shortcut-items--snarveier a {
	display: block;
	padding: 0.8rem;
	background-color: #436193;
	border-radius: 1rem;
	color: #fff;
	text-decoration: none;
	font-size: 1.2rem;
}

/* Hover both "Tjenester & Snartveier" */
.shortcuts-container .shortcut-items li:hover {
	/*transform: scale(1.02);*/
}

/* Hide submenu */
.shortcuts-container .shortcut-items li .submenu {
	display:  none;
	position: absolute;
	background-color: #2d4062;
	width: 100%;
	padding: 1rem;
	margin-top: 1rem;
	border-radius: 1rem;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	z-index: 1;
	box-shadow: 3px 10px 8px rgba(0,0,0,0.5);
}

.shortcuts-container .shortcut-items li .submenu a {
	color: #fafafa;
	text-decoration: none;
	display: block;
	padding: 0.5rem 0;
}

.shortcuts-container .shortcut-items li .submenu a:hover {
	text-decoration: underline;
}

/*The Arrow*/
.shortcuts-container .shortcut-items li .submenu:before {
	content: ' ';
    width: 0;
    height: 0;
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1rem solid #2d4062;
    position: absolute;
    margin-top: -2rem;
    left: 2rem;
}

/*Adjust the arrow created in :before*/
.shortcuts-container .shortcut-items > li:nth-child(1) > .submenu:before {left: 15%;}
.shortcuts-container .shortcut-items > li:nth-child(2) > .submenu:before {left: 49%;}
.shortcuts-container .shortcut-items > li:nth-child(3) > .submenu:before {left: 82%;}
.shortcuts-container .shortcut-items > li:nth-child(4) > .submenu:before {left: 15%;}
.shortcuts-container .shortcut-items > li:nth-child(5) > .submenu:before {left: 49%;}
.shortcuts-container .shortcut-items > li:nth-child(6) > .submenu:before {left: 82%;}


/*------------------------------------*\
	#FP-MENU
\*------------------------------------*/
.fp-menu-wrapper {
	/* background-color: #f5f5f5; */
	margin-bottom: 2rem;
	margin-top: 1rem;
}

ul.fp-menu {
	list-style: none;
	position: relative;
	height: 6rem;
	margin: 0;
}

ul.fp-menu a {
	text-decoration: none;
}

ul.fp-menu > li {
	padding: 1rem;
	text-align: center;
	background-color: transparent;
	display: grid;
	/* transition: 0.1s ease all; */
	background-color: #f8f8f8;
}

ul.fp-menu > li > a {
	align-self: center;
	font-size: 1.2rem;
	display: block;
	line-height: 1.2;
}

ul.fp-menu > li:nth-child(6) {
	border: none;
}


ul.fp-menu > li > ul {
	display: none;
	position: relative;
}

ul.fp-menu > li.active > ul {
	display: inline-block;
}

ul.fp-menu > li > ul a {
	padding: 0.2rem 1rem;
	display: block;
	text-align: left;
	/* background-color: #eee; */
	/* color: #333; */
	color: #fff;
	margin: 0.5rem 0;
}

ul.fp-menu > li > ul > li {
	float: left;
	width: 50%;
}

ul.fp-menu li.active {
	background-color: #2d4062;
	/* background-color: #3c4554; */
	/* background-color: #3c4554; */
}
ul.fp-menu li.active > a {
	color: #fff;
}
ul.fp-menu a.active{
	color: #fff;
}

.right-content {
	margin-top: 2rem;
}
@media screen and (min-width: 40em) {
	.right-content {
		margin-top: 0;
	}
}

@media screen and (min-width: 40em) {
	.fp-menu-wrapper.row {
		margin-left: 1rem;
		margin-right: 1rem;
		margin: 0 auto;
	}

	ul.fp-menu > li {
		border-right: 2px solid #fff;
		height: 6rem;
		box-shadow: 0 2px 6px rgba(0,0,0,0.16);
	}

	ul.fp-menu > li:hover {
		background-color: #2d4062;
	}
	ul.fp-menu > li:hover a {
		color: #fff;
	}

	ul.fp-menu > li > ul a:hover {
		background-color: #262b40;
	}

	ul.fp-menu > li > ul {
		position: absolute;
		display: grid;
		display: none;
		left: 0;
	    right: 0;
	    background: #2d4062;
	    top: 6rem;
	    /* border-bottom-right-radius: 10px;
	    border-bottom-left-radius: 10px; */
	    padding: 1rem 0;
	    box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	}

	ul.fp-menu > li > ul > li {
		float: left;
		width: 20%;
	}

	@supports (display: grid) {
		ul.fp-menu > li.active > ul {
			display: grid !important;
			grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
		}
		ul.fp-menu > li > ul > li {
			width: auto;
		}
	}

	/* ul.fp-menu > li.active {
		background-image: url('https://img8.custompublish.com/getfile.php/3990587.2498.bnqbj7taimunpa/arrows.png');
		background-position: 50% bottom;
		-webkit-background-size: 2rem;
		background-size: 2rem;
		background-repeat: no-repeat;
	} */

	/* ul.fp-menu > li:nth-child(1) {border-top-left-radius: 10px;}
	ul.fp-menu > li:nth-child(6) {border-top-right-radius: 10px;} */
}


/*------------------------------------*\
	#NEWS
\*------------------------------------*/
.divider--news {
	background-color: #F7F7F7;
}
.news__header, .calendar__header {
	font-size: 1.2rem;
	/* padding-left: 1rem; */
}

.news__item {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	transition: all 0.15s ease;
}

.news__item .textwrap {
	max-width: 80%;
	min-height: 5rem;
}

.news__item__img {
	max-width: 20%;
	padding-top: 0.5rem;
}

.news__item__img img {
	max-width: none;
}

.news__headline {
	font-size: 1rem;
	line-height: 1.5;
}

h2.news__headline {
	font-size: 1.2rem;
}

.ledigstilling {
	border-bottom: 1px solid rgba(0,0,0,0.2);
	padding:  1rem 0;
}

.news__headline a {
	color: #454545;
	display: block;
}

.news__item .ingress p {
	margin: 0;
	font-size: 0.8rem;
}

.news__item .ingress a {
	color: #666666;
	text-decoration: none;
}

.news__item--date {
	color: #919191;
	font-size: 0.8rem;
}

.news__header--rest {
	border-bottom: 4px solid #436193;
}

.news__item:hover {
	background-color: #ededed;
}

/* Sigle News item */
.news__item__single {
	overflow: hidden;
}

.news__header--first {
	border-bottom: 4px solid #436193;
}

.news__single {
	box-shadow: 0 3px 6px rgba(0,0,0, 0.1);
	transition: all 0.3s ease;
}

.news__single:hover {
	/*background-color: rgba(62,132,132,0.4);*/
	background-color: rgba(67,97,147,0.4);
	transform: scale(1.03);
}

.news__single .textwrap {
	background-color: rgba(0,0,0,0.7);
	top: 150px;
	max-height: 100px;
	padding: 0 0 0 1rem;
}

.news__single__headline a {
	color: #fff;
}

.news__single__headline a:hover {
	color: #fff;
	text-decoration: none;
}
/*------------------------------------*\
  #KUNNGJØRINGER
\*------------------------------------*/
.announcement .textwrap {
	background-color: #fff;
	text-align: center;
	padding: 3rem 1rem;
}

.announcement .textwrap time {
	opacity:  0.6;
	font-size: 0.8rem;
}

.announcement .textwrap a {
	font-size: 1.4rem;
	display: block;
	color:  #007cc0;
}

/*------------------------------------*\
  #SKOLERUTA
\*------------------------------------*/
body.notfrontpage.ppt428354 .left-content,
body.notfrontpage.ppt428353 .left-content {
	width: 100%;
}

.cpcalendaryearwrap caption{
  background-color: #C0392B;
  color: #fff;
  border-radius: 3px 3px 0 0;
  font-weight: 400;
}

.cpcalendaryearwrap td.calendar-day-head{
  background-color: #fff;
  font-weight: 400;
  font-size: 1rem;
  color: #707070;
  border-color: #ececec;
  border-right: 0;
  border-bottom: 2px solid #ececec;
}

.cpcalendaryearwrap td.calendar-day,
.cpcalendaryearwrap td.calendar-day-np{
  border-color: #ececec;
  vertical-align: top;
}

.cpcalendaryearwrap .current-week td.calendar-day,
.cpcalendaryearwrap .current-week td.calendar-day-np{
  border-color: #ccc;
}

.cpcalendaryearwrap table tbody tr:nth-child(even){
  background-color: #fff;
}

.cpcalendaryearwrap td.calendar-day{
  height: 75px;
}

.cpcalendaryearwrap td.calendar-day.calendar-week-number {
  width: 3%;
  /* padding: 0; */
  padding-left: 0;
  padding-right: 0;
  background-color: #f2f2f2;
}

.cpcalendaryearwrap div.day-number.week-number {
  float: none;
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
}

.cpcalendaryearwrap td.calendar-day:hover{
  background-color: transparent;
}

.cpcalendaryearwrap td.calendar-day-hasevent{
  background-color: transparent;
}

.cpcalendaryearwrap td.calendar-day-hasevent div.day-number{
  color: #333;
}

.cpcalendaryearwrap td.calendar-day-hasevent a {
  color: #333;
  display: inline-block;
  padding: 0.5rem;
  width: 100%;
  font-size: 0.8rem;
  background-color: #DEDEDE;
  margin-bottom: 1px;
  text-decoration: none;
}

.cpcalendaryearwrap td.calendar-day-hasevent:hover{
  /* background-color: #1BBC9B; */
}

.cpcalendaryearwrap .cpcalendarwrapper tr {
  transition: 0.1s ease all;
}
.cpcalendaryearwrap .cpcalendarwrapper tr:hover {
  background-color: #f2f2f2;
}

.cpcalendaryearwrap td.calendar-day-hasevent a:hover {
  color: #333;
  text-decoration: underline !important;
  font-weight: 600;
}

/* .cpcalendaryearwrap td.calendar-day-hasevent a {
  background-color: #20498c;
  color: #fff;
} */

.cpcalendaryearwrap td.calendar-day-hasevent a[data-caleventcategory="All-School"] {
  background-color: #d08231;
  color: #fff;
}

.cpcalendaryearwrap table.cpcalendar tr.current-week td {
  background-color: #f2f2f2 !important;
  border-color: #ececec;
}


.cpcalendaryearwrap div.day-number{
  margin: 0;
  width: auto;
  background-color: transparent;
  color: #333;
  font-weight: 400;
  font-size: 1rem;
  vertical-align: top;
  float: none;
  text-align: left;
}

.cpcalendarbuttonbar input:nth-child(3),
.cpcalendarbuttonbar input:nth-child(4) {
  display: none;
}

/*------------------------------------*\
  #NOTIFICATION BAR
\*------------------------------------*/
.notificationblock {
    padding: .5rem 0;
    color: #fff;
    border-bottom: 1px solid #3d5871;
    background-color: #22313f;
}

.notificationblock.arttype15 {
    background-color: #bd1a15;
}

.notificationblock .closebtn {
    top: .5rem;
    right: .5rem;
}

.notificationblock .closebtn i {
    color: rgba(255, 255, 255, .5);
}

.notificationblock .closebtn i:hover {
    color: rgba(255, 255, 255, .9);
}

.notificationblock .notification {
    font-size: 18px;
    margin-right: 1rem;
    vertical-align: middle;
}

.notificationblock .columns,
.notificationblock p {
    margin: 0;
}

.notificationblock .notification-headline {
    font-size: 1em;
    font-weight: 700;
    line-height: 1.4;
    margin: 0;
}

.notificationblock .notification-datetime {
    font-size: .813em;
    font-weight: 600;
}

.notificationblock a.morebtn {
	color: #fff;
	text-decoration: none;
	border: 1px solid #fff;
	border-radius: 4px;
	padding: 0.2rem 0.5rem;
}

/*------------------------------------*\
  #FOOTER
\*------------------------------------*/

#footer{
	background:
	radial-gradient(circle, transparent 20%, #2d4062 20%, #2d4062 80%, transparent 80%, transparent),
	radial-gradient(circle, transparent 20%, #2d4062 20%, #2d4062 80%, transparent 80%, transparent) 50px 50px,
	linear-gradient(#696969 8px, transparent 8px) 0 -4px,
	linear-gradient(90deg, #696969 8px, transparent 8px) -4px 0;
	background-color: #2d4062;
	background-size:75px 75px, 75px 75px, 50px 50px, 50px 50px;
	color: #fff;
	font-size: 1.1rem;
}

#footer a {
	color: #fff;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer h3 {
	font-size: 1.4rem;
	font-weight: 600;
}

#footer address{
	font-style: normal;
}

.footercontent {
	padding: 4rem 0 0 0;
}

.cpcredits{
	font-size: 0.8em;
	text-decoration: none;
	color: #f2f2f2;
}

#copyright{
	font-size: 0.8em;
}

/* Bootom footer */
.bottom-footer {
	margin-top: 1rem;
	padding: 2rem 0 4rem 0;
}

.bottom-footer__social img {
	width: 2.2rem;
	margin-bottom: 1rem;
	padding: 0 0.1rem;
}

@media screen and (min-width: 40em) {

}

@media screen and (min-width: 64em) {

}

/*------------------------------------*\
	#GOV-ITEM LISTING
\*------------------------------------*/
.gov-item-list {}

.gov-item {
	width: 100%;
	padding: 1rem;
	position: relative;
}

.gov-item .headline a {
	padding: 1rem;
	background-color: rgba(237,237,237,0.7);
	display: block;
	position: relative;
}

.gov-item .headline a:after {
	content: '';
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #436F89;
}

.gov-item:hover a {
	background-color: rgba(237,237,237,1);
}

.gov-item .headlinelink:hover {
	text-decoration: none;
}

.gov-item a[target="_blank"]:after,
.listingarea.emptypage ul.menu.empty-page-menu-menu > li > a[target="_blank"]:after {
	content: '';
	position: absolute;
	width: 1.2rem;
	height: 1.2rem;
	/*background-image: url('https://img8.custompublish.com/getfile.php/3889596.2498.zapuw7jzsbwunb/003-external-link-symbol.png');*/
	background-image: url('https://img8.custompublish.com/getfile.php/3889594.2498.7qupsnmwz77jqs/001-external.png');
	-webkit-background-size: cover;
	background-size: cover;
	margin-left: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
}

.listingarea.emptypage ul.menu.empty-page-menu-menu > li > a[target="_blank"]:after {
	right: 1rem;
}

.listingarea.emptypage ul.empty-page-menu-menu > li > a {
	position: relative;
	display: block;
}

/*------------------------------------*\
	#LOS-TABS
\*------------------------------------*/
.lostabs{
  margin-bottom: 2rem;
}

.lostabs ul.tabs-list{
  margin: 0;
}

.lostabs ul.tabs-list > li{
  display: inline-block;
  margin-right: 0.25rem;
}

.lostabs ul.tabs-list a{
  display: block;
  padding: 1rem 1rem 0.25rem 1rem;
  border-bottom: 3px solid #eaeaea;
  font-weight: 600;
  text-decoration: none;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;
  -webkit-transition: all 200ms ease-out;
  -o-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.lostabs ul.tabs-list .current a,
.lostabs ul.tabs-list a:hover{
  text-decoration: none;
  border-bottom-color: #3d5871;
}

.lostabs .current-info,
.lostabs .accessibletabsanchor,
.lostabs .tabhead{
  position: absolute;
  left: -999em;
}

.lostabs .content{
  clear: both;
  padding: 1rem;
  background-color: #fff;
}

/*------------------------------------*\
	#BASICS
\*------------------------------------*/

html, body {
	font-size: 100%;
	box-sizing: border-box;
	height: 100%;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	margin: 0;
	padding: 0;
	font-family: 'PT Sans', sans-serif;
	font-weight: normal;
	line-height: 1.5;
	color: #0a0a0a;
	color: rgba(0, 0, 0, 0.8);
	background-color: #ffffff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

img:not([class="cboxPhoto"]) {
	max-width: 100%;
	height: auto;
	-ms-interpolation-mode: bicubic;
	display: inline-block;
	vertical-align: middle;
}

.body img[align="left"],
.body img[style*="float: left"]{
	margin-right: 1rem;
	margin-bottom: 1rem;
}

.body img[align="right"],
.body img[style*="float: right"]{
	margin-left: 0.5em;
}

.googlemapcontainer{
	margin: 1rem 0;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
	max-width: none !important;
}

/*  cf = clearfix, add this class to elements you need to clear  */

.cf::before,
.cf::after{
  content: ' ';
  display: table;
}

.cf::after{
  clear: both;
}

.clearfix,
.cpsoptionsclear,
.cpsclear {
	clear: both;
	font-size: 1px;
	height: 0;
}

.show-for-sr,
.show-on-focus{
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
}

.show-on-focus:active,
.show-on-focus:focus{
	position: static !important;
	height: auto;
	width: auto;
	overflow: visible;
	clip: auto;
}


/*------------------------------------*\
	#TYPOGRAPHY
\*------------------------------------*/

div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td{
	margin: 0;
	padding: 0;
}

p{
	font-size: inherit;
	line-height: 1.6;
	margin-bottom: 1rem;
	text-rendering: optimizeLegibility;
}

em,
i{
	font-style: italic;
	line-height: inherit;
}

strong,
b{
	font-weight: bold;
	line-height: inherit;
}

small{
	font-size: 80%;
	line-height: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6{
	/*font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;*/
	font-family: 'PT Sans', sans-serif;
	font-weight: 500;
	font-style: normal;
	color: inherit;
	text-rendering: optimizeLegibility;
	margin-top: 0;
	margin-bottom: 0.5rem;
	line-height: 1.2;
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small{
	font-size: 80%;
	/* color: #767676; */
	color: #000000;
	line-height: 0;
}

h1{ font-size: 1.4rem; }
h2{ font-size: 1.3rem; }
h3{ font-size: 1.1rem; }
h4{ font-size: 1.05rem; }
h5{ font-size: 1rem; }
h6{ font-size: 1rem; }

h1 time,
h2 time{
	color: #000000;
	line-height: 0;
}

h1 time{ font-size: 60%; }
h2 time{ font-size: 70%; }

@media screen and (min-width: 40em) {
	h1{ font-size: 2rem; }
	h2{ font-size: 1.5rem; }
	h3{ font-size: 1.4rem; }
	h4{ font-size: 1.15rem; }
	h5{ font-size: 1rem; }
	h6{ font-size: 1rem; }
}

code,
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}

blockquote:after {
	position: absolute;
	left: 0;
	display: inline-block;
	z-index: -1;
	content: "\201D";
	font-family: Georgia, serif;
	font-size: 3em;
	line-height: 0.3;
	color: #e2e2e2;
}

a{
	/*color: #007cc0;*/
	color: #436193;
	text-decoration: underline;
	line-height: inherit;
	cursor: pointer;
}

a:hover, a:focus{
	/*color: #1585cf;*/
	color: #36568C;
	text-decoration: none;
}

a img{ border: 0; }

body #main .ui-widget{
	font-size: 0.813em;
}

.headlinelink{ text-decoration: none; }
.headlinelink:hover{ text-decoration: underline; }

ul,
ol,
dl{
	line-height: 1.6;
	margin-bottom: 1rem;
	list-style-position: outside;
}

li{
	font-size: inherit;
}

ul{
	list-style-type: disc;
	margin-left: 1.25rem;
}

ol{
	margin-left: 1.25rem;
}

ul ul,
ol ul,
ul ol,
ol ol{
	margin-left: 1.25rem;
	margin-bottom: 0;
	list-style-type: inherit;
}

dl{
	margin-bottom: 1rem;
}

dl dt{
	margin-bottom: 0.3rem;
	font-weight: bold;
}

blockquote{
	margin: 0 0 1rem;
	padding: 0.5625rem 1.25rem 0 1.1875rem;
	border-left: 1px solid #cacaca;
}

blockquote, blockquote p{
	line-height: 1.6;
	color: #8a8a8a;
}

cite{
	display: block;
	font-size: 0.8125rem;
	color: #8a8a8a;
}

cite:before{
	content: '\2014 \0020';
}

abbr{
	color: inherit;
	cursor: help;
	border-bottom: 1px dotted #0a0a0a;
}

code,
pre{
	font-family: Consolas, "Liberation Mono", Courier, monospace;
	font-weight: normal;
	color: #0a0a0a;
	background-color: #e6e6e6;
	border: 1px solid #cacaca;
	padding: 0.125rem 0.3125rem 0.0625rem;
}

kbd{
	padding: 0.125rem 0.25rem 0;
	margin: 0;
	background-color: #e6e6e6;
	color: #0a0a0a;
	font-family: Consolas, "Liberation Mono", Courier, monospace;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable){
	margin-bottom: 1rem;
	border-radius: 0;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) thead,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tbody,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tfoot{
	border: 1px solid #f1f1f1;
	background-color: #fefefe;
}

caption{
	font-weight: bold;
	padding: 0.5rem 0.625rem 0.625rem;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) thead,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tfoot{
	background: #f8f8f8;
	color: #0a0a0a;
	border-bottom: 1px solid black;
}

thead tr,
tfoot tr{
	background: transparent;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) thead th,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) thead td,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tfoot th,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tfoot td{
	padding: 0.5rem 0.625rem 0.625rem;
	font-weight: bold;
	text-align: left;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tbody tr:nth-child(even){
	background-color: #f1f1f1;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tbody th,
table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable) tbody td{
	padding: 0.5rem 0.625rem 0.625rem;
}

table tr th{
	text-align: left;
}

@media screen and (max-width: 63.9375em) {
	table.stack thead{
		display: none;
	}

	table.stack tfoot{
		display: none;
	}

	table.stack tr,
	table.stack th,
	table.stack td{
		display: block;
	}

	table.stack td{
		border-top: 0;
	}
}

table.scroll{
	display: block;
	width: 100%;
	overflow-y: scroll;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable):hover tr:hover{
	background-color: #f9f9f9;
}

table:not(.checkouttable):not(.ui-datepicker-calendar):not(.paragraphpictable):hover tr:nth-of-type(even):hover{
	background-color: #ececec;
}




/*------------------------------------*\
	#STRUCTURE
\*------------------------------------*/

/* new row container element, does not need extra cf class */

.row,
body.maingeneral #main,
.listingarea.emptypage{
	max-width: 75rem;
	margin-left: auto;
	margin-right: auto;
}

body.maingeneral #main,
.listingarea.emptypage{
	/* max-width: 50rem; */
	padding: 2rem 0;
}

.row::before,
.row::after,
body.maingeneral #main::before,
body.maingeneral #main::after{
	content: ' ';
	display: table;
}

.row::after,
body.maingeneral #main:after{
	clear: both;
}

/* collapse class = no padding on columns, align improved */

.row.collapse > .column,
.row.collapse > .columns{
	padding-left: 0;
	padding-right: 0;
}

.row .row{
	margin-left: -0.9375rem;
	margin-right: -0.9375rem;
}

.row .row.collapse{
	margin-left: 0;
	margin-right: 0;
}

.row.small-collapse > .column, .row.small-collapse > .columns{
	padding-left: 0;
	padding-right: 0;
}

.row.small-uncollapse > .column, .row.small-uncollapse > .columns{
	padding-left: 30px;
	padding-right: 30px;
}

@media screen and (min-width: 40em) {
	.row.medium-collapse > .column, .row.medium-collapse > .columns{
		padding-left: 0;
		padding-right: 0;
	}

	.row.medium-uncollapse > .column, .row.medium-uncollapse > .columns{
		padding-left: 30px;
		padding-right: 30px;
	}
}

@media screen and (min-width: 64em) {
	.row.large-collapse > .column, .row.large-collapse > .columns{
		padding-left: 0;
		padding-right: 0;
	}

	.row.large-uncollapse > .column, .row.large-uncollapse > .columns{
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* expanded = full width rows */

.row.expanded{
	max-width: none;
}

/**
 * Padding = gutter size
 */

.column,
.columns{
	width: 100%;
	float: left;
	padding-left: 0.9375rem;
	padding-right: 0.9375rem;
}

.column:last-child:not(:first-child),
.columns:last-child:not(:first-child){
	float: right;
}

.column.end:last-child:last-child,
.end.columns:last-child:last-child{
	float: left;
}

.small-1{ width: 8.33333%; }

.small-push-1{
	position: relative;
	left: 8.33333%;
}

.small-pull-1 {
	position: relative;
	left: -8.33333%;
}

.small-offset-0{ margin-left: 0%; }

.small-2{ width: 16.66667%; }

.small-push-2{
	position: relative;
	left: 16.66667%;
}

.small-pull-2{
	position: relative;
	left: -16.66667%;
}

.small-offset-1{ margin-left: 8.33333%; }

.small-3{ width: 25%; }

.small-push-3{
	position: relative;
	left: 25%;
}

.small-pull-3 {
	position: relative;
	left: -25%;
}

.small-offset-2{ margin-left: 16.66667%; }

.small-4{ width: 33.33333%; }

.small-push-4{
	position: relative;
	left: 33.33333%;
}

.small-pull-4{
	position: relative;
	left: -33.33333%;
}

.small-offset-3{ margin-left: 25%; }

.small-5{ width: 41.66667%; }

.small-push-5{
	position: relative;
	left: 41.66667%;
}

.small-pull-5{
	position: relative;
	left: -41.66667%;
}

.small-offset-4{ margin-left: 33.33333%; }

.small-6{ width: 50%; }

.small-push-6{
	position: relative;
	left: 50%;
}

.small-pull-6{
	position: relative;
	left: -50%;
}

.small-offset-5{ margin-left: 41.66667%; }

.small-7{ width: 58.33333%; }

.small-push-7{
	position: relative;
	left: 58.33333%;
}

.small-pull-7{
	position: relative;
	left: -58.33333%;
}

.small-offset-6{ margin-left: 50%; }

.small-8{ width: 66.66667%; }

.small-push-8{
	position: relative;
	left: 66.66667%;
}

.small-pull-8{
	position: relative;
	left: -66.66667%;
}

.small-offset-7{ margin-left: 58.33333%; }

.small-9{ width: 75%; }

.small-push-9{
	position: relative;
	left: 75%;
}

.small-pull-9{
	position: relative;
	left: -75%;
}

.small-offset-8{ margin-left: 66.66667%; }

.small-10{ width: 83.33333%; }

.small-push-10{
	position: relative;
	left: 83.33333%;
}

.small-pull-10{
	position: relative;
	left: -83.33333%;
}

.small-offset-9{ margin-left: 75%; }

.small-11{ width: 91.66667%; }

.small-push-11{
	position: relative;
	left: 91.66667%;
}

.small-pull-11{
	position: relative;
	left: -91.66667%;
}

.small-offset-10{ margin-left: 83.33333%; }

.small-12{ width: 100%; }

.small-offset-11{ margin-left: 91.66667%; }

.small-up-1 > .column, .small-up-1 > .columns{
	width: 100%;
	float: left;
}
.small-up-1 > .column:nth-of-type(1n), .small-up-1 > .columns:nth-of-type(1n){ clear: none; }
.small-up-1 > .column:nth-of-type(1n+1), .small-up-1 > .columns:nth-of-type(1n+1){ clear: both; }
.small-up-1 > .column:last-child, .small-up-1 > .columns:last-child{ float: left; }

.small-up-2 > .column, .small-up-2 > .columns{
	width: 50%;
	float: left;
}
.small-up-2 > .column:nth-of-type(1n), .small-up-2 > .columns:nth-of-type(1n){ clear: none; }
.small-up-2 > .column:nth-of-type(2n+1), .small-up-2 > .columns:nth-of-type(2n+1){ clear: both; }
.small-up-2 > .column:last-child, .small-up-2 > .columns:last-child{ float: left; }

.small-up-3 > .column, .small-up-3 > .columns{
	width: 33.33333%;
	float: left;
}
.small-up-3 > .column:nth-of-type(1n), .small-up-3 > .columns:nth-of-type(1n){ clear: none; }
.small-up-3 > .column:nth-of-type(3n+1), .small-up-3 > .columns:nth-of-type(3n+1){ clear: both; }
.small-up-3 > .column:last-child, .small-up-3 > .columns:last-child{ float: left; }

.small-up-4 > .column, .small-up-4 > .columns{
	width: 25%;
	float: left;
}
.small-up-4 > .column:nth-of-type(1n), .small-up-4 > .columns:nth-of-type(1n) { clear: none; }
.small-up-4 > .column:nth-of-type(4n+1), .small-up-4 > .columns:nth-of-type(4n+1) { clear: both; }
.small-up-4 > .column:last-child, .small-up-4 > .columns:last-child { float: left; }

.small-up-5 > .column, .small-up-5 > .columns{
	width: 20%;
	float: left;
}
.small-up-5 > .column:nth-of-type(1n), .small-up-5 > .columns:nth-of-type(1n){ clear: none; }
.small-up-5 > .column:nth-of-type(5n+1), .small-up-5 > .columns:nth-of-type(5n+1){ clear: both; }
.small-up-5 > .column:last-child, .small-up-5 > .columns:last-child{ float: left; }

.small-up-6 > .column, .small-up-6 > .columns{
	width: 16.66667%;
	float: left;
}
.small-up-6 > .column:nth-of-type(1n), .small-up-6 > .columns:nth-of-type(1n){ clear: none; }
.small-up-6 > .column:nth-of-type(6n+1), .small-up-6 > .columns:nth-of-type(6n+1){ clear: both; }
.small-up-6 > .column:last-child, .small-up-6 > .columns:last-child{ float: left; }

.small-up-7 > .column, .small-up-7 > .columns{
	width: 14.28571%;
	float: left;
}
.small-up-7 > .column:nth-of-type(1n), .small-up-7 > .columns:nth-of-type(1n){ clear: none; }
.small-up-7 > .column:nth-of-type(7n+1), .small-up-7 > .columns:nth-of-type(7n+1){ clear: both; }
.small-up-7 > .column:last-child, .small-up-7 > .columns:last-child{ float: left; }

.small-up-8 > .column, .small-up-8 > .columns{
	width: 12.5%;
	float: left;
}
.small-up-8 > .column:nth-of-type(1n), .small-up-8 > .columns:nth-of-type(1n){ clear: none; }
.small-up-8 > .column:nth-of-type(8n+1), .small-up-8 > .columns:nth-of-type(8n+1){ clear: both; }
.small-up-8 > .column:last-child, .small-up-8 > .columns:last-child{ float: left; }

.column.small-centered, .small-centered.columns{
	float: none;
	margin-left: auto;
	margin-right: auto;
}

.small-uncenter,
.small-push-0,
.small-pull-0{
	position: static;
	margin-left: 0;
	margin-right: 0;
}

@media screen and (min-width: 40em) {

	.medium-1{
		width: 8.33333%;
	}

	.medium-push-1{
		position: relative;
		left: 8.33333%;
	}

	.medium-pull-1{
		position: relative;
		left: -8.33333%;
	}

	.medium-offset-0{
		margin-left: 0%;
	}

	.medium-2{
		width: 16.66667%;
	}

	.medium-push-2{
		position: relative;
		left: 16.66667%;
	}

	.medium-pull-2{
		position: relative;
		left: -16.66667%;
	}

	.medium-offset-1{
		margin-left: 8.33333%;
	}

	.medium-3{
		width: 25%;
	}

	.medium-push-3{
		position: relative;
		left: 25%;
	}

	.medium-pull-3{
		position: relative;
		left: -25%;
	}

	.medium-offset-2{
		margin-left: 16.66667%;
	}

	.medium-4{
		width: 33.33333%;
	}

	.medium-push-4{
		position: relative;
		left: 33.33333%;
	}

	.medium-pull-4{
		position: relative;
		left: -33.33333%;
	}

	.medium-offset-3{
		margin-left: 25%;
	}

	.medium-5{
		width: 41.66667%;
	}

	.medium-push-5{
		position: relative;
		left: 41.66667%;
	}

	.medium-pull-5{
		position: relative;
		left: -41.66667%;
	}

	.medium-offset-4{
		margin-left: 33.33333%;
	}

	.medium-6{
		width: 50%;
	}

	.medium-push-6{
		position: relative;
		left: 50%;
	}

	.medium-pull-6{
		position: relative;
		left: -50%;
	}

	.medium-offset-5{
		margin-left: 41.66667%;
	}

	.medium-7{
		width: 58.33333%;
	}

	.medium-push-7{
		position: relative;
		left: 58.33333%;
	}

	.medium-pull-7{
		position: relative;
		left: -58.33333%;
	}

	.medium-offset-6{
		margin-left: 50%;
	}

	.medium-8{
		width: 66.66667%;
	}

	.medium-push-8{
		position: relative;
		left: 66.66667%;
	}

	.medium-pull-8{
		position: relative;
		left: -66.66667%;
	}

	.medium-offset-7{
		margin-left: 58.33333%;
	}

	.medium-9{
		width: 75%;
	}

	.medium-push-9{
		position: relative;
		left: 75%;
	}

	.medium-pull-9{
		position: relative;
		left: -75%;
	}

	.medium-offset-8{
		margin-left: 66.66667%;
	}

	.medium-10{
		width: 83.33333%;
	}

	.medium-push-10{
		position: relative;
		left: 83.33333%;
	}

	.medium-pull-10{
		position: relative;
		left: -83.33333%;
	}

	.medium-offset-9{
		margin-left: 75%;
	}

	.medium-11{
		width: 91.66667%;
	}

	.medium-push-11{
		position: relative;
		left: 91.66667%;
	}

	.medium-pull-11{
		position: relative;
		left: -91.66667%;
	}

	.medium-offset-10{
		margin-left: 83.33333%;
	}

	.medium-12{
		width: 100%;
	}

	.medium-offset-11{
		margin-left: 91.66667%;
	}

	.medium-up-1 > .column, .medium-up-1 > .columns{
		width: 100%;
		float: left;
	}
	.medium-up-1 > .column:nth-of-type(1n), .medium-up-1 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-1 > .column:nth-of-type(1n+1), .medium-up-1 > .columns:nth-of-type(1n+1){ clear: both; }
	.medium-up-1 > .column:last-child, .medium-up-1 > .columns:last-child{ float: left; }

	.medium-up-2 > .column, .medium-up-2 > .columns{
		width: 50%;
		float: left;
	}
	.medium-up-2 > .column:nth-of-type(1n), .medium-up-2 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-2 > .column:nth-of-type(2n+1), .medium-up-2 > .columns:nth-of-type(2n+1){ clear: both; }
	.medium-up-2 > .column:last-child, .medium-up-2 > .columns:last-child{ float: left; }

	.medium-up-3 > .column, .medium-up-3 > .columns{
		width: 33.33333%;
		float: left;
	}
	.medium-up-3 > .column:nth-of-type(1n), .medium-up-3 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-3 > .column:nth-of-type(3n+1), .medium-up-3 > .columns:nth-of-type(3n+1){ clear: both; }
	.medium-up-3 > .column:last-child, .medium-up-3 > .columns:last-child{ float: left; }

	.medium-up-4 > .column, .medium-up-4 > .columns{
		width: 25%;
		float: left;
	}
	.medium-up-4 > .column:nth-of-type(1n), .medium-up-4 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-4 > .column:nth-of-type(4n+1), .medium-up-4 > .columns:nth-of-type(4n+1){ clear: both; }
	.medium-up-4 > .column:last-child, .medium-up-4 > .columns:last-child{ float: left; }

	.medium-up-5 > .column, .medium-up-5 > .columns{
		width: 20%;
		float: left;
	}
	.medium-up-5 > .column:nth-of-type(1n), .medium-up-5 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-5 > .column:nth-of-type(5n+1), .medium-up-5 > .columns:nth-of-type(5n+1){ clear: both; }
	.medium-up-5 > .column:last-child, .medium-up-5 > .columns:last-child{ float: left; }

	.medium-up-6 > .column, .medium-up-6 > .columns{
		width: 16.66667%;
		float: left;
	}
	.medium-up-6 > .column:nth-of-type(1n), .medium-up-6 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-6 > .column:nth-of-type(6n+1), .medium-up-6 > .columns:nth-of-type(6n+1){ clear: both; }
	.medium-up-6 > .column:last-child, .medium-up-6 > .columns:last-child{ float: left; }

	.medium-up-7 > .column, .medium-up-7 > .columns{
		width: 14.28571%;
		float: left;
	}
	.medium-up-7 > .column:nth-of-type(1n), .medium-up-7 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-7 > .column:nth-of-type(7n+1), .medium-up-7 > .columns:nth-of-type(7n+1){ clear: both; }
	.medium-up-7 > .column:last-child, .medium-up-7 > .columns:last-child{ float: left; }

	.medium-up-8 > .column, .medium-up-8 > .columns{
		width: 12.5%;
		float: left;
	}
	.medium-up-8 > .column:nth-of-type(1n), .medium-up-8 > .columns:nth-of-type(1n){ clear: none; }
	.medium-up-8 > .column:nth-of-type(8n+1), .medium-up-8 > .columns:nth-of-type(8n+1){ clear: both; }
	.medium-up-8 > .column:last-child, .medium-up-8 > .columns:last-child{ float: left; }

	.column.medium-centered,
	.medium-centered.columns{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.medium-uncenter,
	.medium-push-0,
	.medium-pull-0 {
		position: static;
		margin-left: 0;
		margin-right: 0;
	}
}

@media screen and (min-width: 64em) {

	.pagemodule_tct #main
	{
		width:50%;
	}

	.large-1{
		width: 8.33333%;
	}

	.large-push-1{
		position: relative;
		left: 8.33333%;
	}

	.large-pull-1{
		position: relative;
		left: -8.33333%;
	}

	.large-offset-0{
		margin-left: 0%;
	}

	.large-2{
		width: 16.66667%;
	}

	.large-push-2{
		position: relative;
		left: 16.66667%;
	}

	.large-pull-2{
		position: relative;
		left: -16.66667%;
	}

	.large-offset-1{
		margin-left: 8.33333%;
	}

	.large-3{
		width: 25%;
	}

	.large-push-3{
		position: relative;
		left: 25%;
	}

	.large-pull-3{
		position: relative;
		left: -25%;
	}

	.large-offset-2{
		margin-left: 16.66667%;
	}

	.large-4{
		width: 33.33333%;
	}

	.large-push-4{
		position: relative;
		left: 33.33333%;
	}

	.large-pull-4{
		position: relative;
		left: -33.33333%;
	}

	.large-offset-3{
		margin-left: 25%;
	}

	.large-5{
		width: 41.66667%;
	}

	.large-push-5{
		position: relative;
		left: 41.66667%;
	}

	.large-pull-5{
		position: relative;
		left: -41.66667%;
	}

	.large-offset-4{
		margin-left: 33.33333%;
	}

	.large-6{
		width: 50%;
	}

	.large-push-6{
		position: relative;
		left: 50%;
	}

	.large-pull-6{
		position: relative;
		left: -50%;
	}

	.large-offset-5{
		margin-left: 41.66667%;
	}

	.large-7{
		width: 58.33333%;
	}

	.large-push-7{
		position: relative;
		left: 58.33333%;
	}

	.large-pull-7{
		position: relative;
		left: -58.33333%;
	}

	.large-offset-6{
		margin-left: 50%;
	}

	.large-8{
		width: 66.66667%;
	}

	.large-push-8{
		position: relative;
		left: 66.66667%;
	}

	.large-pull-8{
		position: relative;
		left: -66.66667%;
	}

	.large-offset-7{
		margin-left: 58.33333%;
	}

	.large-9{
		width: 75%;
	}

	.large-push-9{
		position: relative;
		left: 75%;
	}

	.large-pull-9{
		position: relative;
		left: -75%;
	}

	.large-offset-8{
		margin-left: 66.66667%;
	}

	.large-10{
		width: 83.33333%;
	}

	.large-push-10{
		position: relative;
		left: 83.33333%;
	}

	.large-pull-10{
		position: relative;
		left: -83.33333%;
	}

	.large-offset-9{
		margin-left: 75%;
	}

	.large-11{
		width: 91.66667%;
	}

	.large-push-11{
		position: relative;
		left: 91.66667%;
	}

	.large-pull-11{
		position: relative;
		left: -91.66667%;
	}

	.large-offset-10{
		margin-left: 83.33333%;
	}

	.large-12{
		width: 100%;
	}

	.large-offset-11{
		margin-left: 91.66667%;
	}

	.large-up-1 > .column, .large-up-1 > .columns{
		width: 100%;
		float: left;
	}
	.large-up-1 > .column:nth-of-type(1n), .large-up-1 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-1 > .column:nth-of-type(1n+1), .large-up-1 > .columns:nth-of-type(1n+1){ clear: both; }
	.large-up-1 > .column:last-child, .large-up-1 > .columns:last-child{ float: left; }

	.large-up-2 > .column, .large-up-2 > .columns{
		width: 50%;
		float: left;
	}
	.large-up-2 > .column:nth-of-type(1n), .large-up-2 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-2 > .column:nth-of-type(2n+1), .large-up-2 > .columns:nth-of-type(2n+1){ clear: both; }
	.large-up-2 > .column:last-child, .large-up-2 > .columns:last-child{ float: left; }

	.large-up-3 > .column, .large-up-3 > .columns{
		width: 33.33333%;
		float: left;
	}
	.large-up-3 > .column:nth-of-type(1n), .large-up-3 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-3 > .column:nth-of-type(3n+1), .large-up-3 > .columns:nth-of-type(3n+1){ clear: both; }
	.large-up-3 > .column:last-child, .large-up-3 > .columns:last-child{ float: left; }

	.large-up-4 > .column, .large-up-4 > .columns{
		width: 25%;
		float: left;
	}
	.large-up-4 > .column:nth-of-type(1n), .large-up-4 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-4 > .column:nth-of-type(4n+1), .large-up-4 > .columns:nth-of-type(4n+1){ clear: both; }
	.large-up-4 > .column:last-child, .large-up-4 > .columns:last-child{ float: left; }

	.large-up-5 > .column, .large-up-5 > .columns{
		width: 20%;
		float: left;
	}
	.large-up-5 > .column:nth-of-type(1n), .large-up-5 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-5 > .column:nth-of-type(5n+1), .large-up-5 > .columns:nth-of-type(5n+1){ clear: both; }
	.large-up-5 > .column:last-child, .large-up-5 > .columns:last-child{ float: left; }

	.large-up-6 > .column, .large-up-6 > .columns{
		width: 16.66667%;
		float: left;
	}
	.large-up-6 > .column:nth-of-type(1n), .large-up-6 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-6 > .column:nth-of-type(6n+1), .large-up-6 > .columns:nth-of-type(6n+1){ clear: both; }
	.large-up-6 > .column:last-child, .large-up-6 > .columns:last-child{ float: left; }

	.large-up-7 > .column, .large-up-7 > .columns{
		width: 14.28571%;
		float: left;
	}
	.large-up-7 > .column:nth-of-type(1n), .large-up-7 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-7 > .column:nth-of-type(7n+1), .large-up-7 > .columns:nth-of-type(7n+1){ clear: both; }
	.large-up-7 > .column:last-child, .large-up-7 > .columns:last-child{ float: left; }

	.large-up-8 > .column, .large-up-8 > .columns{
		width: 12.5%;
		float: left;
	}
	.large-up-8 > .column:nth-of-type(1n), .large-up-8 > .columns:nth-of-type(1n){ clear: none; }
	.large-up-8 > .column:nth-of-type(8n+1), .large-up-8 > .columns:nth-of-type(8n+1){ clear: both; }
	.large-up-8 > .column:last-child, .large-up-8 > .columns:last-child{ float: left; }

	.column.large-centered, .large-centered.columns{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}

	.large-uncenter,
	.large-push-0,
	.large-pull-0{
		position: static;
		margin-left: 0;
		margin-right: 0;
	}
}







/*------------------------------------*\
	#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; }
.hidewhitespace { display: none; }





/*------------------------------------*\
	#GENERAL WRAPS
\*------------------------------------*/

/**
 * max-width = page width - margin 0 auto = centered page
 *
 * WRAPPER CLASS REPLACED BY CLASS "ROW" (see .row) - Endre dec. 2015
 */

/*.wrap {
	display: block;
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
}*/

#page{
	background-color: #ffffff;
	min-height: 100%;
	position: relative;
	/*padding-bottom: 33rem;*/
}




/*------------------------------------*\
	#GENERAL ELEMENTS
\*------------------------------------*/

.skiplink a {
	position: absolute;
	top: -190px;
}

.skiplink a:focus, .skiplink a:hover {
	position: static;
	left: 0;
	width: auto;
}

.searchpage #content {
	/*margin-bottom: 2em;*/
	max-width: 75rem;
	margin: 0 auto;
}

#main {
	min-height: 500px;
	padding-left: 0;
}

.pagedescription{
	margin-bottom: 1rem;
	padding-bottom: 0.5rem;
	border-bottom: 1px solid rgba(0,0,0,0.2);
}

.pagedescription p {
	margin: 0;
}

.pagetitle {}

.sidebar-container {
	/*background-color: #F5F5F5;*/
	margin-bottom: 1rem;
}

.sidebar-container a.pagetitle {
	display: block;
	background-color: #2d4062;
	color: #fff;
	text-decoration: none;
	padding: 0.5rem;
	margin-bottom: 0.5rem;
	font-size: 1.6rem;
}

#path{
	margin-bottom: 2rem;
	/* padding: 1rem; */
	background-color: #f2f2f2;
	border-bottom: 2px solid #2d4062;
	overflow: hidden;
}

#path a,
#path .pathdelimiter{
	/*float: left;*/
	/*color: #333;*/
	position: relative;
	color: #fff;
	font-size: 1rem;
	text-transform: uppercase;
	font-weight: 700;
}

#path .pathdelimiter{
	color: #505050;
	margin: 0 0.75rem;
	display: none;
	position: relative;
	/*top: 1px;*/
	opacity: 1;
	font-weight: 700;
	font-size: 1.2rem;
}

#path a{
	color: #909090;
	text-decoration: none;
	text-align: center;
	padding: 0.5rem 0;
	/* border-bottom: 1px solid #ccc; */
	display: none;
}

#path a:not(.activepath)::after {
	position: absolute;
	content: '';
	bottom: -8px;
	left: 50%;
	transform: translateX(-50%);
	width: 1rem;
	height: 1rem;
	background-image: url('https://img8.custompublish.com/getfile.php/3960096.2498.bbzw7nwbbz7bqa/Arrow-Down.svg');
	-webkit-background-size: 80%;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

#path a:last-of-type {
	position: relative;
	color: #436193;
	display: block;
	font-weight: 600;
	margin: 0 2rem;
}
#path a:last-of-type::after {
	position: absolute;
	content: '';
	right: -2rem;
	top: 0;
	height: 2rem;
	width: 2rem;
	background-image: url('https://img8.custompublish.com/getfile.php/3960096.2498.bbzw7nwbbz7bqa/Arrow-Down.svg');
	-webkit-background-size: 80%;
	background-size: 80%;
	background-repeat: no-repeat;
	background-position: center;
}

#path a.close:last-of-type::after {
	background-image: url('https://img8.custompublish.com/getfile.php/3960097.2498.jztnmmnztqztli/Arrow%20-Up.svg');
}

#path a:hover{
	color: #436193;
	text-decoration: none;
}

@media screen and (min-width: 40em) {

	#path{
		padding: 0.5rem;
		border: none;
	}

	#path a,
	#path .pathdelimiter {
		font-size: 0.8rem;
	}

	#path a {
		color: #505050;
		display: inline-block;
		text-align: left;
		border: none;
	}

	#path .pathdelimiter {
		display: inline-block;
	}
	#path a:last-of-type {
		margin: 0;
		display: inline-block;
	}
	#path a:hover{
		color: #436193;
		text-decoration: underline;
	}
	#path a:last-of-type::after,
	#path a:not(.activepath)::after {
		display: none;
	}

}

@media screen and (min-width: 64em) {

}





/*------------------------------------*\
	#HEADER
\*------------------------------------*/

#header > .row{
	padding: 1rem 0 0 0;
}

.logo{
	text-align: center;
	margin-bottom: 2rem;
}


@media screen and (min-width: 40em) {

	.logo{
		text-align: left;
		margin-bottom: 0;
	}
}

@media screen and (min-width: 64em) {

}





/*------------------------------------*\
	#MENUS AND SEARCH
\*------------------------------------*/
.subpagemenutogglebtn {
	display: block;
	padding: 1rem;
	text-align: center;
	color: #fff;
	text-decoration: none;
	background-color: #436193;
}

a.subpagemenutogglebtn:hover,
a.subpagemenutogglebtn:active {
	color: #fff;
}

/* begin fancy menu styles */

/* uncomment this to use slideout menu
#menupanel{
	background-color: #1d1d1d;
	color: #fff;
	padding: 1em;
	display: none;
}

#menupanel a{
	color: rgb(255,255,255);
	color: rgba(255,255,255, 0.8);
}

#menupanel .search{
	margin-bottom: 2rem;
	margin-top: 2rem;
}

.slideout-open #menupanel{
	display: block;
}

.menubtnslideout{
	float: right;
} */

/* slideoutjs styles */
/*
.slideout-menu {
	position: fixed;
	left: auto;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 0;
	width: 75%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	display: none;
}

.slideout-panel {
	position: relative;
	z-index: 1;
}

.slideout-open,
.slideout-open body,
.slideout-open .slideout-panel {
	overflow: hidden;
}

.slideout-open .slideout-menu {
	display: block;
}
*/
/* end fancy menu styles */

/*.menubtnbasicmenu,*/
.menubtnslideout{
	display: none;
}

/*.menubtnslideout,*/
.menubtnbasicmenu{
	display: block;
}

.menu,
.menu ul,
.submenu{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

.mainmenu{
	display: none;
}

.mainmenu > li{
	margin-right: 0;
	display: block;
}

.mainmenu > li > a {
	text-decoration: none;
	display: block;
	padding: 1rem 0.5rem;
	font-weight: 700;
	color: #2d4062;
	font-size: 1rem;
}

.mainmenu > li > a:hover {
	background-color: #2d4062;
	color: #fff;
}

ul.shortcuts-items > li > ul.submenu > li > ul {
	display: none;
}

.burger{
	padding: 0.5rem 2rem;
	margin: 0;
	list-style: none;
	cursor: pointer;
}

.burger li{
	width: 30px;
	height: 4px;
	background-color: #333;
	margin-top: 5px;
	margin-bottom: 5px;
}

.subpagemenu {
	display: none;
}

.subpagemenu > li{
	position: relative;
}

.subpagemenu li a{
	display: block;
	padding: 0.5em;
	padding-right: 2rem;
	font-weight: 400;
	text-decoration: none;
	/* transition: all 0.2s ease; */
	color: #505050;
}

ul.subpagemenu {
	background-color: #f1f1f1;
}

ul.subpagemenu ul a {padding-left: 1.5rem;}
ul.subpagemenu ul ul a {padding-left: 2.5rem;}
ul.subpagemenu ul ul ul a {padding-left: 3.5rem;}
ul.subpagemenu ul ul ul ul a {padding-left: 4.5rem;}

ul.subpagemenu ul li.itemselected {
	background-color: #dcdcdc;
}

ul.subpagemenu a:hover {
	background-color: #ccc;
	color: #2d4062;
}

ul.subpagemenu ul li.itemselected > a {
	font-weight: 600;
}

ul.subpagemenu li li.hassubitem:after{
	content: '';
	position: absolute;
	right: 0.5rem;
	opacity: 0.2;
	top: 4px;
	width: 1.5rem;
	height: 2rem;
	background-image: url('https://img8.custompublish.com/getfile.php/3960096.2498.bbzw7nwbbz7bqa/Arrow-Down.svg');
	-webkit-background-size: 50%;
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
}

ul.subpagemenu a[target="_blank"] {
	position: relative;
}

ul.subpagemenu a[target="_blank"]::after {
	position: absolute;
	content: '';
	height: 2rem;
	width: 2rem;
	right: 0.5rem;
	top: 50%;
	transform: translateY(-50%);
	background-image: url('https://img8.custompublish.com/getfile.php/3889596.2498.zapuw7jzsbwunb/003-external-link-symbol.png');
	-webkit-background-size: 50%;
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.4;
}

ul.subpagemenu a[target="_blank"]:hover::after {
	opacity: 0.6;
}


/* external link general */
.viewarea .articlebody a[target="_blank"] {
	position: relative;
	/* padding: 0.3rem 3rem 0.3rem 1rem; */
	padding-right: 0.2rem;
	/* background-color: rgba(67,97,147,0.9); */
	/* color: #fff; */
	/* text-decoration: none; */
	/* border-radius: 4px; */
	/* display: block; */
}

.viewarea .articlebody a[target="_blank"]::after {
	position: relative;
	content: '';
	/* height: 2rem; */
	/* width: 2rem; */
	/* right: 0.2rem; */
	/* top: 50%; */
	/* transform: translateY(-20%); */
	background-image: url('https://img8.custompublish.com/getfile.php/3889594.2498.7qupsnmwz77jqs/001-external.png');
	-webkit-background-size: 50%;
	background-size: 50%;
	background-position: center center;
	background-repeat: no-repeat;
	opacity: 0.8;
	padding: 1rem;
}

.viewarea .articlebody a[target="_blank"]:hover {
	/* background-color: rgba(67,97,147,1); */
}
.viewarea .articlebody a[target="_blank"]:hover::after {
	opacity: 1;
}
/**
 * Searchform
 */

#searchform{
	/* height: 3.5rem; */
	/*border: 1px solid #cacaca;*/
	max-width: 90%;
	width: 50rem;
	position: relative;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
}
#searchform input.searchinput.fp-search {
	width: 100%;
}

.bgcspan {
	padding: 0.5rem;
	background-color: #f8f8f8;
	display: block;
	box-shadow: inset 0 3px 6px rgba(0,0,0,0.16);
}

.searchinput[type="text"]:not([size]){
	vertical-align: middle;
	max-width: 100%;
	width: auto;
	border: 0;
	display: inline-block;
	font-size: 1.2rem;
	border: 1px solid #eee;
}

.searchsubmit[type="submit"]{
	position: absolute;
	right: 2rem;
	top: 0;
	height: 2rem;
	width: 2rem;
	margin: 0;
	background-image: url('https://img8.custompublish.com/getfile.php/3990758.2498.npipqkltsmmtlk/search.png');
	-webkit-background-size: 80%;
	background-size: 80%;
	background-position: center center;
	background-repeat: no-repeat;
	/* padding: 0 3rem; */
	display: inline-block;
	height: 100%;
	border: 0;
	vertical-align: middle;
	cursor: pointer;
	font-size: 1.5rem;
	background-color: transparent;
	padding: 0;
}



@media screen and (min-width: 40em) {

	.mainmenu{
		display: block;
	}

	.mainmenu > li {
		display: inline-block;
	}

	.mainmenu > li > a{
		text-decoration: none;
		display: block;
	}

	.menubtn{
		display: none;
	}

	.searchinput[type="text"]:not([size]){
		min-width: 430px;
		height: 2.5rem;
		width: 100%;
	}

	.subpagemenucontainer,
	.subpagemenucontainer ul{
		/*padding-right: 3rem;*/
	}

	.subpagemenu {
		display: block;
	}

	.subpagemenutogglebtn {
		display: none;
	}

}

@media screen and (min-width: 64em) {

}





/*------------------------------------*\
	#FORMS
\*------------------------------------*/

form.cpsimpleform{
	margin: 1rem 0;
	padding: 1em;
	clear: both;
	background-color: #fefefe;
	border: 1px solid #eee;
	border-radius: 3px;
}

.cpadminmode form.cpsimpleform{
	margin-bottom: 0;
}

[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea{
	display: block;
	box-sizing: border-box;
	/*width: 100%;*/
	height: 2.4375rem;
	padding: 0.5rem;
	border: 1px solid #cacaca;
	/*margin: 0 0 1rem;*/
	margin: 0;
	font-family: inherit;
	font-size: 1rem;
	color: #0a0a0a;
	background-color: #fefefe;
	box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1);
	border-radius: 3px;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
	-webkit-appearance: none;
	-moz-appearance: none;
}

[type='text']:not([size]),
[type='password']:not([size]),
[type='date']:not([size]),
[type='datetime']:not([size]),
[type='datetime-local']:not([size]),
[type='month']:not([size]),
[type='week']:not([size]),
[type='email']:not([size]),
[type='number']:not([size]),
[type='search']:not([size]),
[type='tel']:not([size]),
[type='time']:not([size]),
[type='url']:not([size]),
[type='color']:not([size]){
	width: 100%;
}

[type='text']:focus,
[type='password']:focus,
[type='date']:focus,
[type='datetime']:focus,
[type='datetime-local']:focus,
[type='month']:focus,
[type='week']:focus,
[type='email']:focus,
[type='number']:focus,
[type='search']:focus,
[type='tel']:focus,
[type='time']:focus,
[type='url']:focus,
[type='color']:focus,
textarea:focus{
	border: 1px solid #8a8a8a;
	background: #fefefe;
	outline: none;
	box-shadow: 0 0 5px #cacaca;
	transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
}

textarea{
	max-width: 100%;
}

textarea[rows]{
	height: auto;
}

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly]{
	background-color: #e6e6e6;
	cursor: default;
}

[type='file'],
[type='checkbox'],
[type='radio']{
	margin: 0 0 1rem;
}

[type='checkbox'] + label,
[type='radio'] + label{
	display: inline-block;
	margin-left: 0.5rem;
	margin-right: 1rem;
	margin-bottom: 0;
	vertical-align: baseline;
	cursor: pointer;
}

#sitefeedbackbox [type='checkbox'] + label,
#sitefeedbackbox [type='radio'] + label{
	margin-left: 2px;
}

label > [type='checkbox'],
label > [type='label']{
	margin-right: 0.5rem;
}

label,
.cpstextheading{
	display: block;
	margin: 0;
	font-size: 0.875rem;
	font-weight: normal !important;
	line-height: 1.8;
	color: #0a0a0a;
}

.cpselementcontainer > div > .cpsstatictext{
	margin-top: -0.5rem;
	font-size: 0.8125rem;
	font-style: italic;
	color: #333;
}

fieldset{
	border: 1px solid #cacaca;
	padding: 1.25rem;
	margin: 1.125rem 0;
}

legend{
	background: #fefefe;
	padding: 0 0.1875rem;
	margin: 0;
	margin-left: -0.1875rem;
}

select{
	height: 2.4375rem;
	padding: 0.5rem 1.5rem 0.5rem 0.5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-size: 1rem;
	font-family: inherit;
	line-height: normal;
	color: #0a0a0a;
	background-color: #ffffff;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb(51, 51, 51)"></polygon></svg>');
	background-size: 9px 6px;
	background-position: right 0.5rem center;
	background-repeat: no-repeat;
	cursor: pointer;
}

@media screen and (min-width: 0\0){
	select {
	  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
	}
}

select:disabled{
	background-color: #e6e6e6;
	cursor: default;
}

select::-ms-expand{
	display: none;
}

select[multiple]{
	height: auto;
}

/* TODO: fix invalid form validation */
/* input:invalid{
	background-color: rgba(236, 88, 64, 0.1);
	border-color: #ec5840;
} */

.is-invalid-label{
  color: #ec5840;
}

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

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

input.sfx-phone[type="tel"]:not([size]), input.sfx-telefon[type="tel"]:not([size]) {
	width: 8em;
}

input.sfx-postal-code[type="text"]:not([size]), input.sfx-zip-code[type="text"]:not([size]), input.sfx-postnr[type="text"]:not([size]) {
	width: 8em;
}

/*.cpsimpleform input[type="submit"],
.cpsimpleform input[type="button"],
.cpsimpleform button*/

input[type="submit"],
input[type="button"],
button{
	display: inline-block;
	text-align: center;
	line-height: 1;
	cursor: pointer;
	-webkit-appearance: none;
	transition: all 0.25s ease-out;
	vertical-align: middle;
	border: 1px solid transparent;
	border-radius: 3px;
	padding: 0.85em 1em;
	margin: 0 1rem 1rem 0;
	font-size: 0.9rem;
	background: #2d4062;
	color: #fff;
}

/*.cpsimpleform input[type="submit"]:hover,
.cpsimpleform input[type="button"]:hover,
.cpsimpleform button:hover*/

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover{
	background: #253450;
	color: #fff;
}

#main .cpselementcontainer{
	/* margin-bottom: 1rem; */
}

#main .cpselementcontainer.horizontal > div > label,
#main .cpselementcontainer.horizontal > div > .cpstextheading,
#main .cpselementcontainer.horizontal > div > .cpsoptions{
	display: inline-block;
	margin-right: 1rem;
	min-width: 15%;
	vertical-align: top;
}

.cpselementcontainer .cpsstatictext{
	margin: 2px 0 5px;
	padding-top: 2px;
}

#main .optionshorizontal .cpsradiooption,
#main .optionshorizontal .cpscheckboxoption{
	float: left;
	margin-right: 5px;
	white-space: nowrap;
}

#main .cpsimpleform div.cpsfile{
	padding: 0.5em;
	border: 1px solid #ccc;
	border-radius: 3px;
	background-color: #eee;
}

span.mandatory{
	color: #aa0000;
	font-size: 1.4em;
	margin-left: 2px;
}

.formpropertiesbox{
	width: 100% !important;
	background-color: #fafafa !important;
	border: 1px solid #2199e8 !important;
	border-bottom-width: 3px !important;
	padding: 1rem !important;
	font-size: 80%;
	margin: 0 !important;
	margin-bottom: 2rem !important;
}

.formpropertiesbox ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

.formpropertiesbox ul li{
	display: inline-block;
	margin-right: 1rem;
}






/*------------------------------------*\
	#LISTING
\*------------------------------------*/
.listingarea.newslisting .newsitem {
	margin-bottom: 2rem;
}

.listingarea.newslisting h2.headline {
	font-size: 1.4rem;
}

.listingarea.newslisting time {
	font-size: 0.8rem;
}

.listingarea{
	padding-right: 1rem;
}

.frontpage .listingarea {
	padding: 0;
}

.articlelist .articleblock{
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	position: relative;
}

.articlelist .articleblock figure{
	margin: 0 1rem 0 0;
}

.articlelist .articleblock .textwrap{
	text-rendering: optimizeLegibility;
}

.articlelist .articleblock.nopic .textwrap{
	width: 100%;
	float: none;
}

.articlelist .ingress {}

.listingarea hr, .hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
}

.articlelink {}

.articlelist .headline {
	text-rendering: optimizeLegibility;
	vertical-align: middle;
}

.articlelist .subheadline {
	margin-top: 0;
	font-size: 1.3em;
}

div.pagebar {
	text-align: center;
}


@media screen and (min-width: 40em) {

}

@media screen and (min-width: 64em) {

}


/*------------------------------------*\
	#ENHETSMAL - VIEW
\*------------------------------------*/
.widefull .sidebar-container {
	display: none;
}

.viewareacontent.enhetsmal {
	max-width: 100%;
}

.enhetsdivider {
	border-bottom: 5px solid #436F89;
	margin-bottom: 0.5rem;
}

.login-btn {
	display: none;
}

.enhetsdividerleft {
	border-left: 5px solid #436F89;
	padding-left: 1rem;
	margin-bottom: 2rem;
}

.enhetsdividertop {
	border-top: 5px solid #436F89;
	padding-top: 1rem;
}

.enhetsmal .title {
	font-size: 1.2rem;
}

.enhetsmal .kontaktoss {
	background-color: #eee;
	padding: 1rem;
}

.enhetsmal .googlemapcontainer {
	margin: 0;
}

.enhetsmal .kontaktoss .caption h3 {
	line-height: 1.2;
	font-size: 1.5rem;
}

.enhetsmal figure {
	margin: 0;
}

.enhetsmal figcaption p.listingpictext {
	margin-bottom: 0;
}

.enhetsmenu li a {
	display: block;
	padding: 0.5rem;
	background-color: #f5f5f5;
	color: #436F89;
	text-decoration: none;
	margin-bottom: 0.5rem;
	transition: all 0.2s ease;
}

.enhetsmenu li a:hover,
.linker .icon-link:hover {
	transform: translateX(0.2rem);
}

.listingdivider {
	opacity: 0.6;
}

.linker .icon-link {
	background-color: #eee;
	transition: all 0.2s ease;
	padding: 0.5rem 1rem;
	margin-bottom: 1rem;
}
.linker .icon-link img {
	max-width: 1.8rem;
	max-height: 1.8rem;
}

.linker .icon-link p {
	display: inline-block;
	padding-left: 0.5rem;
	font-size: 1.2rem;
	margin: 0;
	line-height: 1.2;
}

.linker .icon-link a {
	color:  #333;
}



.after-content {
	margin-top: 2rem;

}

.subnews {
	margin-top: 1rem;
}

.subnews li {
	list-style: none;

}

.calendar a.cal-link {
	margin-bottom: 1rem;
	background-color: #eee;
	padding: 0;
	text-decoration: none;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	transition: all 0.1s ease;
}

.calendar a.cal-link:hover {
	background-color: #ccc;
	color: #333;
}

.calendar a .date {
	background-color: #436193;
	color: #fff;
	padding: 1rem;
	display: block;
	text-align: center;
}

.calendar a .text {
	padding: 1rem;
	display: block;
	align-self: center;
}

/* Søk i ansatte */
#ldaprestable_filter {
	float: none;
	text-align: left;
}

/*------------------------------------*\
	#LISTING ENHETER
\*------------------------------------*/
.listingarea .enhetlistview {
	margin-bottom: 2rem;
}

.listingarea li.enhetblock {
	padding-bottom: 1rem;
	border-bottom: 1px solid #ccc;
}

/* Snarveier enehter */
#enhets-snarveier {
	/* display: none; */
}
.ppt425584 #enhets-snarveier,
.ppt425582 #enhets-snarveier {
	display: block;
}


/*------------------------------------*\
	#VIEW
\*------------------------------------*/

.viewareacontent{
	max-width: 90rem;
	margin: 0 auto;
}

.viewareacontent h2.paragraphheadline {
	padding-left: 0;
}

.articlebody {
	margin-bottom: 2rem;
}

.frontpage .viewareacontent {
	margin: 1rem auto;
	padding: 1rem;
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
}

.viewareacontent > section,
.viewareacontent > article{
	padding: 0 1rem;
}

.viewarea .listingpic{
	margin: 0 0 2rem 0;
}

.viewarea .listingpic img{
	margin-bottom: 1rem;
}

.viewarea .listingpic figcaption{
	font-style: italic;
	/* color: #767676; */
	color: #000000;
	padding: 0;
	font-size: 0.813em;
}

.viewarea .articleheader{
	padding: 0 1rem;
}

.body,
.headlineview,
.ingressview{
	text-rendering: optimizeLegibility;
}

.tools{
	margin-bottom: 1rem;
}

.tools a{
	/* height: 17px;
	width: 17px; */
	margin-right: 3px;
	display: inline-block;
	text-decoration: none;
    font-size: 0.85em;
}

a.toollink img
{
	margin-bottom:0px !important;
}

.ingressview p {
	font-weight:700;
}

.viewarea .byline{
	padding: 0.5rem 1rem;
	font-size: 80%;
	line-height: 1;
	margin: 1rem 0;
	border-bottom: 1px solid #e0e0e0;
	color:black;
}

.paragraphpictable{
	width: 100%;
	height: auto;
	display: block;
}

.paragraphpictable td.body{
	padding: 0;
}

.paragraphpictable td.body img{
	margin: 0;
}

.paragraphpictable .paragraphpictext{
	font-size: 0.9em;
	color: #505050;
	padding: 0.5rem 0;
	font-style: italic;
}

.paragraphpictable tbody tr:nth-child(even),
.paragraphpictable tbody tr:nth-child(even):hover{
	background-color: transparent;
	border: 0;
}

.paragraphpictable,
.paragraphpictable tbody{
	border: 0;
}

.articlemedia.articlemediaimages{
	margin-top: 2rem;
}

.articlemediaimages .articleimage img{
	/* border: solid 4px #fefefe; */
	box-shadow: 0 2px 8px 1px rgba(10, 10, 10, 0.3);
	display: inline-block;
	line-height: 0;
	max-width: 100%;
	transition: box-shadow 200ms ease-out;
	border-radius: 0;
	margin-bottom: 1rem;
}

.articlemediaimages .articleimage img:hover,
.articlemediaimages .articleimage img:focus{
	box-shadow: 0 2px 8px 1px rgba(10, 10, 10, 0.5);
}

.viewarea .forumwrapper .cpforum > ul.posting > li{
	margin: 2rem 0;
	padding: 0 3rem 1rem 3rem;
	background-color: #fbfbfb;
	border: 1px solid #f0f0f0;
}

.viewarea .forum h3{
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #eee;
}

.viewarea .forum .cpforumformwrapper fieldset{
	margin: 0;
	padding: 0;
	border: 0;
}

.viewarea .forum .cpforumformwrapper legend{
	display: none;
}

.viewarea .forum .cpforumformwrapper .mandatory{
	font-size: 0.875em;
}

.viewarea .forum .cpforumformwrapper br{
	display: none;
}

.viewarea .forum .cpforumformwrapper input[type="text"]:not([size]){
	max-width: 100%;
	width: 100%;
}

.viewarea .forum .cpforumformwrapper .cpselementcontainercpfname input[type="text"]:not([size]){
	width: 98%;
}

.viewarea .forum .cpforumformwrapper .cpselementcontainercpfbody textarea{
	width: 100%;
	max-width: 100%;
}

.viewarea .forum .cpforumformwrapper .cpselementcontainercpfreplyto{ display: none; }

.viewarea .forum .cpforum .forumpost{
	padding: 0;
	background-color: transparent;
	border: 0;
	border-radius: 0;
}

.viewarea .forum .cpforum > .posting > li > .forumpost{
	/* border-top: 3px solid #eee; */
	/* margin-top: 2rem; */
	padding-top: 2rem;
}

.viewarea .forum .cpforum .posting .posting{
	border-left: 3px solid #e9e9e9;
	margin-top: 1rem;
}

.viewarea .forum .cpforum .subject{
	font-size: 1.2em;
}

.viewarea .forum .cpforum .postingdate{
	/* color: #767676; */
	color: #000000;
	font-style: italic;
	margin-bottom: 1rem;
}

.viewarea .eventdate{
	margin-bottom: 1rem;
	display: inline-block;
}


/* 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.55rem;
	/*color: #2199e8;*/
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 0;
	transition: all 0.2s ease-out;
}

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

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

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

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

.articleparagraphdynamic h2.paragraphheadline:hover,
.articleparagraphdynamic h2.paragraphheadline:focus{
	background-color: #ededed;
	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:  '\0203A';
}

.articleparagraphdynamic.is-active > h2.paragraphheadline {
	background-color: #eee;
}

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

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

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

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

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



/* menutest */

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

.accordiontest > li{
	display: block;
	padding: 1.25rem 1rem;
	line-height: 1;
	font-size: 0.75rem;
	color: #2199e8;
	position: relative;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 0;
	transition: all 0.2s ease-out;
}

.accordiontest > li:hover,
.accordiontest > li:focus{
	background-color: #e6e6e6;
	cursor: pointer;
}

:last-child > .accordiontest > li{
	border-bottom-width: 0;
}

.accordiontest > li::before{
	content: '+';
	position: absolute;
	right: 1rem;
	top: 50%;
	margin-top: -0.5rem;
}

.accordiontest li.is-active::before{
	content: '–';
}

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

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

.accordiontest .is-active ul{
	display: block;
}

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

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



@media screen and (min-width: 40em) {

	.viewareacontent > section,
	.viewareacontent > article{
		padding: 0;
	}

	.viewarea figcaption{
		padding: 0;
	}

	.viewarea .articleheader{
		padding: 0;
	}

	.ingressview{
		font-size: 1.2em;
	}

	.viewarea .byline{
		padding: 0.5rem 0;
	}

	.paragraphpictable{
		width: 45%;
		float: right;
		padding: 1rem 0 1rem 1rem;
	}

	.viewarea .forum .cpforumformwrapper .cpselementcontainercpfname,
	.viewarea .forum .cpforumformwrapper .cpselementcontainercpfemail{
		width: 50%;
		float: left;
	}

}

@media screen and (min-width: 64em) {

}


/*------------------------------------*\
	#LOS
\*------------------------------------*/
.lostabs {
	margin-top: 4rem;
}
.loswrapper {
	border-left: 5px solid #436F89;
	padding-left: 1rem;
	margin-bottom: 1rem;
}

.loswrapper h3.caption {
	font-size: 1.1rem;
	color: #666;
	border-bottom: 1px solid #ccc;
	padding-bottom: 0;
	font-weight: 600;
}

ul.los {
	margin: 0;
}
li.loslink {
	list-style: none;
	margin: 0;
}

#tjelid_contact .tjelementcontent {
	background: #e2e2e2;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 5px;
}


/*------------------------------------*\
	#FDDDLE
\*------------------------------------*/
#sitefeedbackbox {
	position: relative;
	margin-bottom: 2rem;
	margin-top: 2rem;
}
/*------------------------------------*\
	#MELDINGER
\*------------------------------------*/
.pagemessage {
	border: 2px solid #2d4062;
	width: 50rem;
	max-width: 90%;
	padding: 0.5rem;
	margin: 0 auto;
	margin-bottom: 2rem;
	border-radius: 5px;
	background-color: #f9f9f9;
}

.pagemessage h2 a {
	text-decoration: none;
}

/*------------------------------------*\
	#SIDEBAR
\*------------------------------------*/

#mainsidebar {
	padding-right: 0;
}

/**
 * standard box/widget
 */

.box {
	padding: 0;
	margin: 0;
}

.caption {
	margin: 	0 0 0.25em 0;
	padding: 	0 0 0.25em 0;
	font-weight: 300;
	font-size: 1.350em;
}

.box ul,
.box ul li {
	list-style: none;
	margin: 0;
	padding: 0;
}


@media screen and (min-width: 40em) {

}

@media screen and (min-width: 64em) {

}









/*------------------------------------*\
	#MISC
\*------------------------------------*/

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

/**
 * weather forecast
 */

.weathertablefivedays {}

.weathertablefivedays td {
	padding: 5px;
}

.weathertablefivedays .weatherlocname {
	font-weight: bold;
}

/**
 * Calendar
 */

.calendarcontainer .icalendardayhead th {
	background-color: #C0392B;
	color: #fff;
}

.calendarcontainer .icalendardayhead th:hover {
	/* opacity: 0.8; */
}

.monthlycalendartable { width: 100%; }

.calendardate { color:#333; }

.caltime {
	margin-right: 15px;
}

.vevent {
	padding: 0.5em 0 0.5em 2em;
	border: 1px solid #666666;
	background-color: #EEEEEE;
}

.calevent {
	margin: 0 0 0.5em;
	padding: 0.5em;
}

.calevent .eventwhen {
	margin-right: 10px;
}

/* calendarview v3 */

.articlecalendarwrapper .articlecalendarwrapper{
	margin-bottom: 2em;
	margin-bottom: 2rem;
}

.articlecalendarwrapper h5.caldayheader {
	margin: 0.5em 0;
	padding: 0.5em;
	font-weight: 200;
	border-top: 1px solid #ccc;
	background: #fafafa;
}

.articlecalendarwrapper .calevent {
	padding: 0 0 0.5em 1em;
}

.articlecalendarwrapper .calevent .caleventtime,
.articlecalendarwrapper .calevent .caleventwhat,
.articlecalendarwrapper .calevent .caleventcat,
.articlecalendarwrapper .calevent .caleventicallink{
	display: inline-block;
}

.articlecalendarwrapper .calevent .caleventtime{
	width: 25%;
}

.articlecalendarwrapper .calevent .caleventwhat{
	width: 50%;
}

.articlecalendarwrapper .calevent .caleventcat{
	width: 15%;
}

.articlecalendarwrapper .calevent .caleventicallink{
	width: 10%;
}

/* calendarlist v3 */

.calendarlistblockver3 .caleventdisplay{
	margin: 0 0 1em 0;
	background-color: #fff;
}

.calendarlistblockver3 .caleventtmeta {
	display: none;
}

.calendarlistblockver3 .calendarwhenwrap,
.calendarlistblockver3 .calendarwhatwrap{
	display: inline-block;
	vertical-align: top;
}

.calendarlistblockver3 .calendarwhenwrap{
	width: 25%;
	text-align: center;
	color: #fff;
	background-color: #C0392B;
	/* font-family: 'Abril Fatface', cursive; */
	padding: 0.5rem;
}

.calendarlistblockver3 .calendarwhatwrap{
	width: 75%;
	padding-left: 1rem;
}

.calendarlistblockver3 .calendardatedaynum{
	font-size: 1.5rem;
	line-height: 1;
	display: block;
}

.calendarlistblockver3 .calendardatedaymonth{
	display: block;
	font-size: 0.9rem;
}

.calendarlistblockver3 .caleventsummary{
	font-size: 1.1875rem;
}

.calendarlistblockver3 .caleventsummary a{
	text-decoration: none;
	cursor: default;
}

.calendarlistblockver3 .caleventsummary a:hover{
	text-decoration: none;
}

.calendarlistblockver3 .calendarwhatwrap .caleventdescription{
	display: none;
	padding-left: 1em;
	border-left: 1px solid #ccc;
}

.calendarlistblockver3 .caleventtmeta > div,
.calendarlistblockver3 .caleventtmeta > time{
	padding-left: 1.5em;
	background-repeat: no-repeat;
	background-position: 0 50%;
}

.calendarlistblockver3 .caleventtmeta .caleventlocation{
	background-image: url(../images/location.png);
}

.calendarlistblockver3 .caleventtmeta time{
	background-image: url(../images/clock.png);
}

.calendarlistblockver3 .caleventtmeta .caleventcategory,
.calendarlistblockver3 .caleventtmeta .caleventorganizator,
.calendarlistblockver3 .caleventtmeta .caleventemail,
.calendarlistblockver3 .caleventtmeta .caleventweekno{
	display: none;
}

@media screen and (min-width: 40em) {

	.calendarlistblockver3 .caleventtmeta > div,
	.calendarlistblockver3 .caleventtmeta > time{
		display: inline-block;
		min-width: 48%;
	}

	.calendarlistblockver3 .calendarwhenwrap{
		width: 25%;
	}

	.calendarlistblockver3 .calendarwhatwrap{
		width: 75%;
	}

	.calendarlistblockver3 .caleventsummary{
		font-size: 1.4rem;
		line-height: 1.2;
	}

}

@media screen and (min-width: 64em) {

	.calendarlistblockver3 .calendarwhenwrap{
		width: 20%;
	}

	.calendarlistblockver3 .calendarwhat{
		width: auto;
		margin-left: 0;
	}

}


/**
 * Effects of wide page classes
 */

.widemain #main {}

.widemain #mainsidebar,
.widemain .right-content,
.widefull .right-content,
.widefull #mainsidebar,
.widefull .subpagemenucontainer{
	display: none;
}

body.enhet .subpagemenucontainer {
	display: none;
}
body.enhet .main {
	width: 100%;
}

.widemain .left-content,
.widefull .left-content {
	width: 100%;
}

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

.nostyle {
	list-style: none;
	margin: 0;
	padding: 0;
}

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

#colorbox:focus {
	outline: 0;
}

#cboxOverlay {
	background: #000 !important;
}

/**
 * Search
 */

#mngogosearchform > table,
#mngogosearchform > table td{
	display: block;
	width: 100%;
	text-align: left;
}

.solrsearch .solrsearch.block .ingress{
	padding-left: 0;
}


/**
 * Calendar v3
 */


/**
 * Sitemap
 *
 * - This design is just an example. Sitemap using flexbox
 * to achieve equal height columns.
 *
 */

#sitetree ul{
	list-style: none;
}

#sitetree > ul{
	justify-content: space-between;
	flex-wrap: wrap;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

#sitetree > ul > li{
	background-color: #fafafa;
	padding: 1em;
	margin-bottom: 1em;
	width: 24%;
	margin-bottom: 1%;
	float: left;
}

#sitetree > ul > li > a{
	color: #454545;
	font-size: 1.1em;
	font-weight: 600;
}

#sitetree ul a{
	text-decoration: none;
}

#sitetree ul a:hover{
	text-decoration: underline;
}


/**
 * Article archive
 */

.artarchiveweekhead{
	border-bottom: 1px solid #ccc;
	padding-bottom: 0.25em;
	margin-bottom: 0.25em;
}

.articlearchive .artarchiveweekhead{
	margin-top: 2em;
}

.articlearchive .artarchivedate{
	float: none;
	width: auto;
	display: inline-block;
	vertical-align: top;
}

.articlearchive .artarchiveupdated{
	display: none;
}

.articlearchive .artarchivetitle{
	float: none;
	width: auto;
	display: inline-block;
}


/**
 * Shop4 checkout
 */

.checkoutpage #main > h1{
	text-align: center;
}

#main #checkouttablecontainer{
	max-width: 65em;
	margin: 1rem auto;
}

#main .checkouttable{
	margin: 1rem 0 0 0;
	width: 100%;
	max-width: 100%;
}

#main .carttotaltable{
	margin: 0 0 1rem 0;
}

.checkouttable th{
	font-size: 0.8em;
	padding: 0.5rem 0.3rem;
	font-weight: 500;
	border-bottom: 2px solid #333;
	border-bottom: 2px solid rgba(0, 0, 0, 0.5);
	background-color: #FDE3A7;
	text-align: left;
}

.checkouttable td{
	padding: 1rem 0;
}

.checkouttable .carttotalrow td,
.checkouttable .checkoutvatrow td{
	padding: 0 1rem;
	background-color: #E4F1FE;
}

.checkouttable .carttotalrow td{
	padding-top: 1rem;
	font-weight: 600;
}

.checkouttable .checkoutvatrow{
	font-size: 0.813em;
}

.checkouttable .checkoutvatrow2 td{
	padding-bottom: 1rem;
}

.checkouttable th[align="right"]{
	text-align: right;
}

.checkouttable .cartrow{
	border-bottom: 1px solid #ccc;
	font-size: 0.813em;
}

.checkouttable input.productquantity{
	height: auto;
	padding: 0;
	text-align: center;
}

.checkouttable .checkoutcouponrow td{
	padding: 1rem 0;
}

.checkouttable td.shopremovetd{
	min-width: 22px;
	max-width: 25px;
}

.checkouttable td.quantitytd{
	min-width: 40px;
	max-width: 40px;
}

.checkouttable .thcheckoutprice{
	min-width: 100px;
}

.checkouttable .thcheckoutproductno,
.checkouttable .productnotd,
.checkouttable .thcheckoutpriceex,
.checkouttable .priceexvattd{
	display: none;
}

.checkouttable .productnotd{
	font-size: 0.813em;
}

#main #checkoutcustomerdetails .cpselementcontainer{
	margin-bottom: 0;
}

#checkoutcustomerdetails .cpselementcontainerfirstname,
#checkoutcustomerdetails .cpselementcontainerlastname,
#checkoutcustomerdetails .cpselementcontaineraddress,
#checkoutcustomerdetails .cpselementcontaineraddress2,
#checkoutcustomerdetails .cpselementcontainerzipcode,
#checkoutcustomerdetails .cpselementcontainercity,
#checkoutcustomerdetails .cpselementcontaineremail,
#checkoutcustomerdetails .cpselementcontaineremail2{
	float: left;
	width: 50%;
}

#checkoutcustomerdetails .cpselementcontainerzipcode{
	width: 10%;
	min-width: 80px;
}

#checkoutcustomerdetails .cpselementcontainercity{
	width: 32%;
}

#checkoutcustomerdetails .cpselementcontainerzipcode input{
	max-width: 4em;
}

.checkoutcouponrow{
	font-size: 0.9em;
}

.checkoutcouponrow input[type="submit"]{
	vertical-align: middle;
	margin: 0;
}

.checkoutcouponrow input[name="couponcode"]{
	display: inline-block;
	vertical-align: middle;
}



/**
 * Mypage
 */

ul.editmyinfomenu{
	list-style: none;
}

ul.editmyinfomenu > li{
	display: inline-block;
	margin-right: 1em;
}

ul.editmyinfomenu > li > a{
	display: block;
}


@media screen and (min-width: 40em) {

	.artarchivedate{
		width: 25%;
		float: left;
		padding-right: 1em;
		text-align: right;
	}

	.articlearchive .artarchiveupdated{
		font-size: 0.75em;
		display: block;
	}

	.artarchivetitle{
		width: 75%;
		float: left;
	}

	#mngogosearchform > table{
		display: table;
		width: auto;
		text-align: inherit;
	}

	#mngogosearchform > table td{
		display: table-cell;
		width: inherit;
	}

	.solrsearch .solrsearch.block .ingress{
		padding-left: 1rem;
	}

	.checkouttable .thcheckoutproductno,
	.checkouttable .productnotd,
	.checkouttable .thcheckoutpriceex,
	.checkouttable .priceexvattd{
		display: table-cell;
	}

	.checkouttable td,
	.checkouttable th{
		padding: 1rem;
	}

	.checkouttable td.shopremovetd{
		width: auto;
	}

	.checkouttable .cartrow{
		font-size: 1em;
	}

	.checkouttable td.productnametd,
	.checkouttable .thcheckoutproduct{
		min-width: 220px;
	}

	.checkouttable .shopremovetd{
		padding: 0 0 0 1rem;
	}

	.carttotaltable td[align="right"]{
		width: 100px;
	}

}

@media screen and (min-width: 64em) {

}





/*------------------------------------*\
	#FOR ADMINISTRATORS
\*------------------------------------*/

.empty-page-message	{
	padding: 1.5em;
	margin: 0 0 0.5em 0;
	border-radius: 3px;
	background-color: #E4F1FE;
	color: #446CB3;
	font-size: 1.1em;
}

.empty-page-message .new-article-btn {
	padding: 0.5em 1em;
	border: 0;
	border-bottom: 3px solid #3A539B;
	border-radius: 2px;
	background-color: #4183D7;
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
}

.empty-page-message .new-article-btn:hover {
	border-bottom: 2px solid #3A539B;
	border-top: 1px solid #E4F1FE;
}

.empty-page-message .new-article-btn:active {
	border-bottom: 0;
	border-top: 3px solid #E4F1FE;
}

.empty-page-menu {
	margin: 2em 0;
}
.empty-page-menu span {
	display: block;
	margin-bottom: 0.5em;
}

.empty-page-menu ul li {
	width: 100%;
}

.empty-page-menu ul li a {
	display: block;
	text-align: center;
	padding: 1.5rem 0.5rem;
	margin-bottom: 1.5rem;
	border: 1px solid #eee;
	background-color: #f1f1f1;
	border-radius: 3px;
	/*box-shadow: 0 3px 6px rgba(0,0,0,0.16);*/
	text-decoration: none;
	font-size: 1.2rem;
}

.empty-page-menu li a:hover {
	background-color: #eaeaea;
}

.articleadminbar{
	display: inline-block;
	margin-right: auto;
	margin-left: 0;
	padding: 0.25rem 0.5rem;
	background-color: #fafafa;
	border: 1px dotted #ccc;
	vertical-align: middle;
	font-size: 0.66em;
	text-align: left;
	color: #666;
	z-index: 99999;
}

.articleheader .articleadminbar{
	top: 0;
	right: 0;
	bottom: auto;
	display: inline-block;
	opacity: 0.9;
}

.articleadminbar > span{
	font-weight: 600;
	margin-right: 4px;
	text-transform: uppercase;
	vertical-align: middle;
}

/* how to scale text msg */

.howtoscaletext {
	background-color: #FFFFDD;
	border: 1px solid #999999;
	box-shadow: 0 0 10px #999999;
	color: #333333;
	display: none;
	font-size: 1.4em;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 50px 10px 10px;
	position: absolute;
	top: 10px;
	min-width: 30em;
	max-width: 100%;
	z-index: 10000;
}
.howtoscaletext .close {
	background-color: #FFF;
	background-image: none;
	border: 2px solid #333;
	border-radius: 5px;
	box-shadow: 0 0 3px #999999;
	color: #333;
	display: inline-block;
	font-weight: bold;
	line-height: 1.0em;
	margin: 0;
	padding: 3px;
	position: absolute;
	right: 5px;
	text-shadow: none;
	top: 7px;
}
.howtoscaletext .close:hover, .howtoscaletext .close:focus {
	background-color: #DDDDDD;
	border-color: #000000;
	color: #000;
	cursor: pointer;
	margin: 0;
}

@media screen and (min-width: 40em) {

	.empty-page-message{
		width: 45%;
	}

	.empty-page-menu ul li {
		width: 33.3%;
		margin-right: -4px;
		display: inline-block;
	}

	.empty-page-menu ul li:nth-child(3n+1) a {margin-right: 1rem;}
	.empty-page-menu ul li:nth-child(3n+2) a {margin-right: 1rem; margin-left: 1rem;}
	.empty-page-menu ul li:nth-child(3n+3) a {margin-left: 1rem;}
/*
	.empty-page-menu ul li a {
		margin-right: 2rem;
	} */

}

@media screen and (min-width: 64em) {

}





/*------------------------------------*\
	#MEDIA QUERIES
\*------------------------------------*/

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

	#main { min-height: 0; }

	.fortablet	{ display: block; }
	.fordesktop	{ display: none; }

}

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

	a#logolink {
		text-decoration: none;
	}


	ul.shortcut-items {
		margin: 1rem;
	}
	/*The Arrow*/
	.shortcuts-container .shortcut-items li .submenu:before {
	    left: 50%;
	    transform: translateX(-50%);
	}

	.news {
		margin-bottom: 2rem;
	}

	.search .searchform .searchinput {
		height: 3rem;
	}

	.search .searchform .searchsubmit {
		padding: 0 1.5rem;
		height: 3rem;
		margin-top: 0.2rem;
	}

	#searchform {
		height: 6.5rem;
	}

	/*Adjust the arrow created in :before*/
	.shortcuts-container .shortcut-items > li:nth-child(1) > .submenu:before {left: 50%;}
	.shortcuts-container .shortcut-items > li:nth-child(2) > .submenu:before {left: 50%;}
	.shortcuts-container .shortcut-items > li:nth-child(3) > .submenu:before {left: 50%;}
	.shortcuts-container .shortcut-items > li:nth-child(4) > .submenu:before {left: 50%;}
	.shortcuts-container .shortcut-items > li:nth-child(5) > .submenu:before {left: 50%;}
	.shortcuts-container .shortcut-items > li:nth-child(6) > .submenu:before {left: 50%;}

	.news .news__headline a {
		line-height: 1.2;
	}

	#footer .footer__item {
		padding-top: 0;
	}

	.notfrontpage .articlelisting #main {
		padding: 1rem;
	}

	.page19441 .articlelisting #main {
		padding: 0;
	}

	.fpcal-container {
		margin-bottom: 1.5rem;
	}

	.fpcal-date {
		border-top-right-radius: 10px;
		border-top-left-radius: 10px;
		border-bottom-left-radius: 0;
		height: 4rem;
	}

	.fpcal-text {
		border-bottom-right-radius: 10px;
		border-bottom-left-radius: 10px;
	}

	.fpcal-date > .fpcaldate-month,
	.fpcal-date > .fpcaldate-daynr {
		font-size: 1.5rem;
	}

	.fpcal-text h3 {
		font-size: 1rem;
	}

	.listingarea {
		padding-left: 1rem;
	}

}

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

	.fl,
	.fr {
		float: none;
	}

	body.maingeneral #main, .listingarea.emptypage{
		padding-left: 1em;
		padding-right: 1em;
	}

	#sitetree > ul > li{
		width: 100%;
		float: none;
	}

}

@media print {

	* {
		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: Georgia, "DejaVu Serif", "Bitstream Vera Serif", "Times New Roman", "Liberation Serif", Times, 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;
	}

}
/*etter onske fra kunden*/
.page489152 .subpagemenu {
	display: block!important;
}
.page425584  .subpagemenu{
	display: block!important;
}
/*Ledige stillinger forside*/
.page395948 .stillingerfors article:nth-child(n+6) {
	 display:none;
}