
 /* Custom Publish CSS 2014. Author HH/EE */

/* --------------------------------------------------
Table of Contents
-----------------------------------------------------
:: Resets
:: Typography
:: Structure
:: General Rules
:: General Wraps
:: General Elements
:: Menus & Search
:: Forms
:: Listing
:: View
:: Footer
:: Misc
:: Media Queries
*/

/* -----------------------------------------
   Resets
----------------------------------------- */

html {
	font-size: 74.5%; /* 1em = 10px */

}

body {
	background-color: #f7f7f7; /* CPR Background color (Standard is #fff - white) */
	color: #333;
	font-family: 'Lato', sans-serif;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: none;
	-webkit-font-smoothing: subpixel-antialiased;
	padding: 0;
	margin: 0;
}

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing:border-box;
}

img{
	max-width: 100%;
	height: auto;
}

a img {
	border: none;
}

.body img[align="left"] {
	margin-right: 10px;
}
.body img[align="right"] {
	margin-left: 10px;
}
.body img[style*="left"] {
	margin-right: 10px;
}
.body img[style*="right"] {
	margin-left: 10px;
}
.forum {
	clear: both;
}

/* Use class layout on images and tables used for layout */
img.layout, a img.layout {
	margin: 0;
	padding: 0;
	border: 0;
}

table.layout {
	margin: 0;
	padding: 0;
	border: 0;
}


td.layout {
	padding: 0;
	text-align: left;
	vertical-align: top;
		border: 0;
}

/*  cf = clearfix, add this class to elements you need to clear  */

.cf:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.cf {
	display: inline-block;
}

html[xmlns] .cf {
	display: block;
}

* html .cf {
	height: 1%;
}

.clearfix, .cpsoptionsclear, .cpsclear { clear: both; font-size: 1px; height: 0; }

.body ul,
.articleblock .ingress ul{
	margin: 0 1.5em;
	padding: 0 0 1em 0;
}


/* -----------------------------------------
   Typography
----------------------------------------- */
table,caption,th,td {
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
}

h1 {
	font-size: 1.8em;
	font-weight:400;
}
h2 {
	font-size: 1.6em;
	font-weight:400;
}
h3 {
	font-size: 1.3em;
	font-weight:normal;
	text-transform: uppercase;
}
h4 {
	font-size: 1.2em;
}
h5 {
	font-size: 1.1em;
}
h6 {
	font-size: 1.1em;
}
p {
	line-height: 1.6;
	margin: 0 0 1em;
}
code,
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
strong{
	font-weight: bold;
}
em {
	font-style: italic;
}
blockquote {
	font-style: italic;
}
blockquote:before {
	content: "201C";
	display: inline-block;
	padding-right: .4em;
}

a { text-decoration: none; color: #1b5195; }
a:hover { text-decoration: underline; }
a:visited { color: #1b5195;; }

.imgwrap a.link:hover { border: 0; }
.menu a:hover,
#header a:hover,
.presentation .gotolink a:hover {
	border: none;
}
.gotolink {
	text-align: right;
	font-weight: bold;
	margin-top: 20px;
}
a.rsslink:hover{
	text-decoration: none;
	border: 0;
}
/* Standard navigation links */
.menu a:link { }
.menu a:visited { }
.menu a:hover { }

.menu .menuselected:link { }
.menu .menuselected:visited { }
.menu .menuselected:hover { }

/* Linked headlines (normally inside LIST-sections) */
.headlinelink { #1b5195; }
.headlinelink:visited {#1b5195; }
.headlinelink:hover { }

/* Linked headlines on listing pages */
.headline .headlinelink {
	text-transform: uppercase;
}
.headline .headlinelink:visited { }
.headline .headlinelink:hover { }



/* -----------------------------------------
   Structure
----------------------------------------- */
.row { width:100%; display: block; }

/* padding = gutter size */
.column, .columns {
	float: left;
	padding-right: 15px;
	margin-bottom: 15px;
}

.fourcolumns .column, .fourcolumns .columns {
	padding-right: 10px !important;
}

.one.column		{ width: 8.333333333%; }
.two.columns	{ width: 16.666666666%; }
.three.columns	{ width: 24.999999999%; }
.four.columns	{ width: 33.333333332%; }
.five.columns	{ width: 41.666666665%; }
.six.columns	{ width: 50%; }
.seven.columns	{ width: 58.333333331%; }
.eight.columns	{ width: 66.666666664%; }
.nine.columns	{ width: 74.999999997%; }
.ten.columns	{ width: 83.33333333%; }
.eleven.columns { width: 91.666666663%; }
.twelve.columns { width: 100%; }


.row .column:last-child, .row .columns:last-child, .column.last, .columns.last { padding-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; }
.fordesktop { display: block; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.donotshow { display: none; }

/* -----------------------------------------
   	General Wraps
----------------------------------------- */

.wrap {
	max-width: 1095px; /* CPR Page width (standard is 1100px) */
	width: 100%;
	margin: 0 auto;
}

.sec-a {
	background: #2a305b;
}

.article5618658 .sec-a{
	background-color: #b30000;
}

.article5618658 #footer{
	background-color: #b30000;
}

/* -----------------------------------------
   	General Elements
----------------------------------------- */

.skiplink a {
  	position: absolute;
	top: -190px;
}
.skiplink a:focus, .skiplink a:hover  {
	position: static;
	left: 0;
	width: auto;
}
.skiplink a {
  	position: absolute;
	top: -190px;
}
.skiplink a:focus, .skiplink a:hover  {
	position: static;
	left: 0;
	width: auto;
}

#header {
	padding: 0 0 1em 0;
}

.logo {
    padding: 1.5em 0 0;
}

#navigation{
	position: relative;
	margin: 10px 0;
}

#content {
	margin: 2em 0 2em;
}

.articleview #content {
	border-bottom: 1px dotted #ccc;
}

#main {
	font-size: 1.1em;
	min-height: 600px;
}
.frontpage.articlelisting #main, .pgn_hjem.articlelisting #main, .articleview #main {
	border-right: 1px dotted #ccc;
}

#path {
	padding: 0 0 1em 0;
}
#path a {
	text-decoration: none;
}
#path .arrow {
	padding: 0 .5em;
}

#subnavigation {
	font-size: 1.3em;
}
#subnavigation .pagetitle a {
	font-weight: 700;
	text-decoration: none;
	color: #333;
}
#subnavigation .sidemenu {
	padding: 1em 0 4em 1em;
}
#subnavigation .sidemenu .submenu {
	padding: 0 0 0 1em;
}
#subnavigation .sidemenu li a {
	display: block;
	padding: .3em 0;
	text-decoration: none;
	color: #333;
}
#subnavigation .sidemenu li a:hover {
	color: #999;
}
#subnavigation .sidemenu li.itemselected > a {
	font-weight: 700;
}

#sidebar {  }

#footer {
	background: #2a305b; /* CPR Footer color */
	padding: 3em 0;
	margin-top: 1em;
	border-top: 1px solid #e1e1e1;
	min-height: 200px;
	font-size: 1.2em;
	color: #fff;

}
#footer a {
	color: #fff;
}
.wrap.cf > a {
    background: #2a305b none repeat scroll 0 0;
    color: #fff;
    float: right;
    padding: 10px 15px;
}
.pagedescription {  }

/*Slideshow*/
.slides_container {
	overflow: hidden;
	margin: 0 0 4em 0;
}

.cycle-prev,
.cycle-next {
	top: 45%;
	z-index: 99999;
}
.cycle-prev {
	left: 0;
	padding-left: 50px;
}
.cycle-next {
	right: 0;
	padding-right: 50px;
}
.slides_container .slide,
.slides_container .slide .sliderimg,
.slides_container .slide .sliderimg img {
	width: 100%
}
.textoverlay {
	width: 50%;
	height: 100%;
	top: 0; left: 0; right: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4em;
	color: #222;
	font-weight: 100;
	padding: 2em;
	background: rgb(250,250,250);
	background: rgba(255,255,255,.75);
}
.textoverlay-content {
	width: 50%;
	height: 50%;
	margin: auto;
	left: 0; top: 0; right: 0; bottom: 0;
}
.textoverlay .presentationheadline a {
	text-decoration: none;
	color: #222;
	letter-spacing: .1em;
	padding: 0 0 .2em 0;
	display: block;
	font-size: 1.2em;
	border-bottom: 1px solid transparent;
}
.textoverlay .presentationbody {
	padding: .75em 0 0;
	font-weight: 100;
	letter-spacing: .05em;
}
.textoverlaycontainer {
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.presentation .gotolink a img {
  -webkit-transition: all .2s ease;
  -moz-transition: 		all .2s ease;
  -o-transition: 			all .2s ease;
  -ms-transition: 		all .2s ease;
  transition: 				all .2s ease;
}
.presentation .gotolink a:hover img {
	margin-top: -5px;
}


.box.Grasrotandelen {
    margin-top: 1em;
    float: left;
}

.gras .ingress {
	font-size: :1.2em ;
}
.gras .imgwrap {
    margin-right: 10px !important;
}


/* -----------------------------------------
   	Menus & Search
----------------------------------------- */

ul.menu, ul.submenu, ul.menu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
ul.menu li, ul.submenu li {
	margin: 0;
	padding: 0;
}
ul.mainmenu {
	list-style: none;
	padding: .3em 0;
	font-size: 1.3em;
	letter-spacing: .15em;
}
ul.mainmenu > li {
	float: left;
}
ul.mainmenu > li a {
	text-decoration: none;
	padding: 0.6em;
	margin: 0 1em;
	text-transform: uppercase;
	color: #333;
	display: block;
    -webkit-transition: all .4s ease;
    -moz-transition: 	all .4s ease;
    -o-transition: 		all .4s ease;
    -ms-transition: 	all .4s ease;
    transition: 		all .4s ease;
}
ul.mainmenu > li a:hover {
	color: #999;
}
ul.mainmenu > li.itemselected a {
	color: #fff;
    background: #205393;
}
ul.mainmenu > li.firstitem a {
	padding-left: 0;
}
ul.mainmenu > li.lastitem a {
	padding-right: 0;
}

/*Search*/
.search {
	margin: 5em 0 2em;
	float: right;
}
#searchform {
	background: #fff;
	padding: .5em;
	width: 60%;
}
.searchinput {
	vertical-align: middle;
	border: none;
	width: 82%;
	font-size: 1.4em;
	text-transform: uppercase;
}
.searchsubmit {
	vertical-align: middle;
	cursor: pointer;
}

/* -----------------------------------------
   	Forms
----------------------------------------- */

.form-wrapper {
	padding: 1em;
	border: 1px solid #eee;
}

input:invalid { border:1px solid red; }
.mandatory { color: #AA0000; }

.cpsimpleform input{
	border: 1px solid #818181;
	padding: .5em;
	width: 50%;
}
.cpsimpleform .optionsvertical .cpstextheading {
	margin: 0 2em .3em 0;
	display: block;
	float: none;
}
.cpselementcontainer.optionsvertical {
	/*height: 20px;*/
	clear: both;
	padding: 1em 0;
}
.cpstextarea,
.cpstextarea .cpstextheading {
	float: none !important;
	width: 100% !important;
}

.cpsimpleform input[type="text"]:not([size]),
.cpsimpleform input[type="email"]:not([size]),
.cpsimpleform input[type="tel"]:not([size]) {
	max-width: 100%;
}

.cpsimpleform input[type="tel"]:not([size]),
.cpsimpleform .sfx-phone:not([size]) {
	color:inherit;
}

.cpsimpleform input[type="submit"] {
	display: block;
	margin: 0 auto;
	background: #205393;
	border-radius: 5px;
	border: 1px solid #eee;
	cursor: pointer;
	color: #fff;
	padding: 1em;
}
.cpsimpleform input[type="submit"]:hover {
	background: #0b3059;
}

.receiptmessage {
	padding: .5em;
	text-align: center;
}

.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: 10em;
}
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 textarea, .cpsimpleform input {
	background: #ededed;
	border: none;
}
/* -----------------------------------------
   	Listing
----------------------------------------- */

/*frontpage*/

.presentation {
	padding:  0 0 1em;
}

.presentation .columns {
	padding: 0;
}
.presentation .five.columns {
	width: 47.067%;
}

.presentation .article0.columns{
	margin-right: 5.8%;
}
.presentation .ingress {
}
.presentation .headline {
	padding: 0 0 .2em 0;
	text-transform: uppercase;
}
.presentation .headlinelink {
	text-decoration: none;
	color: #333; /* CPR Headline color */
}

.presentation .imgwrap img {
	margin: 0;
}

.presentation .imgwrap,
.presentation .textwrap {
	width: auto;
}

.ascend .textwrap {
	background: #fff;
	margin: 0 8px;
	padding: 0.6em;
	position: relative;
	top: -30px;
	min-height: 145px;
}

.presentation .textwrap {
	top: -30px;
}
.presentation .promo0 .textwrap {
	top: -40px;
}

/*
.nopic .noimg {
	background: #053059;
	width: 100%;
	height: 151px;
	display: block;
}
*/
/*two columns*/
.twocolumns .articlelist .articleblock {
	padding: 0 0 1em 0;
	margin: 0 0 1em 0;
}
.twocolumns .articlelist .articleblock:nth-child(odd) {
	padding: 0 .5em 0 0;
}
.twocolumns .articlelist .articleblock:nth-child(even) {
	padding: 0 0 0 .5em;
}
.twocolumns .articlelist .headline a {
	color: #333;
	text-decoration: none;
}
.twocolumns .articlelist .textwrap {
	padding: 0 0 .5em 0;
	border-bottom: 1px dotted #ccc;
}

/*four columns*/
.fourcolumns .articlelist .articleblock {
	min-height: 380px;
}
.fourcolumns .articlelist .articleblock.block3 {
	padding-right: 0;
	float: right;
}

/*regular*/

.articlelist .articleblock { margin: 1em 0; }

.articlelist .ingress {  }

.articlelist .articleblock .imgwrap img {margin: 0;}

.articlelist .articleblock .textwrap {  }

.listingarea hr, .hr {
	background-color: transparent;
	border-width: 0 0 1px;
	border-style: solid;
	border-color: #cccccc;
	clear: both;
	height: 10px;
	margin-bottom: 10px;
}

.articlelink {  }

.articleblock.nopic .textwrap {
}

.articlelist .headline {
	line-height: 1.6;
}
.articlelist .subheadline {
	line-height: 1.2;
}

.pagebar {
	text-align: right;
}
.pagebar a {
	color: #333;
	text-decoration: none;
}

/* -----------------------------------------
   	View
----------------------------------------- */

.viewareacontent {
	position: relative;
}

.body p {
	font-size: 1.05em;
}

.innerbody {  }

.innerbody p {  }

.ingressview {
	font-weight: 700;
	margin: 1em 0 0;
	font-size: 1.2em;
}
.byline {
	padding: .3em 0;
	margin: 4.5em 0 1em;
	font-weight: 300;
	font-size: .9em;
}
.byline .pubinfo {
	margin-right: 30px;
}
.byline .author a {
	text-decoration: none;
	text-transform: uppercase;
}
.byline .sharebtns {
	text-align: right;
	width: 50%;
}

.viewarea .listingpic {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

.viewarea .articleparagraph {  }

.headlineview {
	font-size: 2em;
	margin-top: 10px;
	text-transform: uppercase;
	line-height: 1.6;
}

.viewareacontent .subheadline {
	margin-top: 10px;
}

.related {
	padding: 1em 0;
	margin: 1em 0 0 0;
	border-top: 1px dotted #818181;
}
.related ul {
	list-style: none;
	margin: 0;
	padding: 1em 0;
}
.related ul li a {
	display: block;
	padding: .2em 0;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #fff;
	font-size: 1.3em;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
}
.related ul li a:hover {
	color: #999;
}
.paragraphpictable {
	width: 25%;
}

.articlemediaimagesdefault {
	text-align: center;
}
.articlemediaimagesdefault .mediapic, .slick-list {
	margin-bottom: 10px;
}
/* -----------------------------------------
   	Footer
----------------------------------------- */


#footer .contactinfo.columns {
	padding: 0 1em 0 0;
}
#footer .sitesummary.columns {
	padding: 0 1em;
	text-align: center;
}
#footer .some.columns {
	padding: 6em 0 0 1em;
	text-align: right;
}
.cpcredits,
.cp:link {
	font-size: .8em;
	text-decoration: none;
	color: #ccc;
	text-align: center;
}
#copyright {
	text-align: center;
	margin-bottom: 1em;
}
.contactinfo {
	padding: 1em 0;
}
.contactinfo span {
	display: block;
	padding: 0.95em 2.3em 1.5em 3.5em;
}
.contactinfo .name {
	background: url(https://img6.custompublish.com/getfile.php/2667208.2316.xqpxqyqsvs/user[1].png) no-repeat 0 center;
}
.contactinfo .email {
	background: url(https://img6.custompublish.com/getfile.php/2667202.2316.rsceutpdta/email.png) no-repeat 0 center;
}
.contactinfo .phone {
	background: url(https://img6.custompublish.com/getfile.php/2667204.2316.vxxtpeeryu/phone.png) no-repeat 0 center;
}
.contactinfo .address {
	background: url(https://img6.custompublish.com/getfile.php/2667201.2316.twppvavtcu/address.png) no-repeat 0 center;
}

#footer .contactinfo span {
	background: url(https://img6.custompublish.com/getfile.php/2668907.2316.dbpyyqxcca/contact.png) no-repeat 0 center;
	padding: 0.95em 2.3em 1.2em 2.5em;
}
#footer .contactinfo .name {
	background: none;
	padding: 0;
}
#footer .contactinfo .email {
	background-position: 0 -18px;
}
#footer .contactinfo .phone {
	background-position: 0 18px;
}


.some span {
	height: 36px;
	width: 36px;
	display: block;
	margin: 0 0 0 1em;
	background: url(https://img6.custompublish.com/getfile.php/2668893.2316.byaysrtfvx/social.png);
}
.some .twitter {
	background-position: -1px 0;
}
.some .facebook {
	background-position: -43px 0;
}
.some .instagram {
	background-position: -87px 0;
}
.some .rss {
	background-position: -130px 0;
}
/* -----------------------------------------
   	Misc
----------------------------------------- */
.languagebar {
display: none;
}

#main > center{
display: none;
}
#loginforgotid{
margin: 3rem 0px !important;
}

div[aria-describedby="forgotinfo"] {
 display:none !important;
}


.ppt336495 #mainsidebar {
	display:none;
}

#mainsidebar {
	padding: 0 0 0 1em;
}
/* .articlelisting #mainsidebar {
	display: none;
} */
.pgn_hjem.articlelisting #mainsidebar,
.pgn_home.articlelisting #mainsidebar,
.page326097.articlelisting #mainsidebar {
	display: block;
}
.articleview #mainsidebar {
	padding: 0 0 0 2em;
}


/* standard box/widget */
.box {
	padding: 0;
	margin: 0;
}
.box .caption {
	margin: 0 0 0.7em;
	padding: 0;
	font-weight: 500;
	text-transform: uppercase;
}

.box.bildegalleri {
    margin-top: 1em;
}

.box.Grasrotandelen {
    margin-top: 1em;
    float: left;
}

.gras .imgwrap {
	margin-right: 10px ;
}
.gras .ingress {
	font-size: :0.9em ;
}


.fbimg {
    margin-top: 2em;
}

/*Misc CMS generated code*/
.eventdate{ background: url("https://img4.custompublish.com/getfile.php/981155.1554.qccuvsrypc/date.png") no-repeat scroll 0 0 transparent; }

.hidewhitespace { display: none; }

.errmsg { font-weight: bold; color: #AA0000; }

/* weather forecast */
.weathertablefivedays td {
	padding: 5px;
}
.weathertablefivedays .weatherlocname {
	font-weight: bold;
}
.weathertablefivedays { }
.weatherdaylabel, .weatherfivedays {
}

/*  Calendar  */
.icalendardayhead { background-color: #CECECE; }
.monthlycalendartable { width: 100%; }
.calendardate { color:#333333; }
.dayheader {
    background: none repeat scroll 0 0 #2a305b;
    border-bottom: 1px solid #cccccc;
    color: #ffffff;
    font-weight: bold;
    padding: 10px;
}
.caltime {
	margin-right: 15px;
}
.vevent {
	border: 1px solid #666666;
	background-color: #EEEEEE;
	padding: 5px;
}
.calendar{
	font-size: 1.3em;
	font-family: 'Roboto Condensed', sans-serif;
	padding: 0 0 2em 0;
}
.calendar .monthlycalendartable tr td {
		height: 30px;
}
.calendar .monthlycalendartable .caldayhasevent {
	background: #b31e48;
	color: #fff;
	font-weight: 700;
}
.calendar .monthlycalendartable .caltoday {
	border: 1px dotted #b31e48;
}
.calendar .monthlycalendartable caption {
	text-align: left;
	padding: 0 0 1em 0;
	letter-spacing: .03em;
	font-size: 1.2em;
}
.calendar .monthlycalendartable .calmonthname a {
	color: #b31e48;
	text-decoration: none;
	font-weight: 700;
	padding: 0 .3em;
}
.calendar .gotocal {
	text-align: right;
	display: block;
	color: #333;
	text-decoration: none;
	border-bottom: 1px solid #fff;
}
.calendar .gotocal:hover {
	border-bottom: 1px solid #ccc;
}

.pgn_hjem.articlelisting .box.callist, .frontpage.articlelisting .box.callist {
	 border-right: 1px dotted #ccc;
}
.calevent {
	margin-bottom: 0.7em;
}
.eventwhen {
	float: left;
	color: #1b5195;
	font-weight: bold;
	margin-right: 0.7em;
	font-size: 1.2em;
	text-align: center;
}
.eventwhat {
	float: left;
}
.eventwhat a {
	color: #333;
}
.gotocal {
    float: right;
    margin-right: 1em;
}

/*Effects of wide classes*/

.widemain #main {  }

.widemain .sidebar { display: none; }

.widefull #main { width: 100%; float: none; }

.widefull .sidebar { display: none; }

.nostyle {
	list-style: none;
}

.cpeditlinks {
	clear: both;
	display: block;
}

.scaletext .small { font-size: .8em; }
.scaletext .medium { font-size: 1em; }
.scaletext .large { font-size: 1.3em; }

/*For banners*/
.ban2 .bannerimg {
	float: left;
    margin-right: 8px;
    margin-bottom: 10px;
}

/* Search results */

.tabberlive .block{
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #eee;
}

.tabberlive .block h1{
	font-family: 'Lato', sans-serif;
}

.tabberlive .block .headline .headlinelink{
	text-transform: none;
}

.tabberlive .block .ingress{
	margin-top: 0.5em;
	margin-bottom: 1em;
}

.tabberlive .block .date{
	color: #707070;
	margin-top: 1em;
	font-size: 0.8em;
}

.tabberlive .tabbertab{
	background-color: #fff;
}


/* -----------------------------------------
   	Media Queries
----------------------------------------- */
input.mobmenu {
	display: none;
}


@media all and (min-width: 1023px) and (max-width: 1025px) {

.formobile { display: block; }
	.fordesktop { display: none !important; }

	#header {
		padding: 1em;
	}
	#header .logo {
		text-align: center;
	}
	#searchform {
		width: 54%;
		margin: 0 auto;
	}
	#navigation {
		margin: 0;
	}
	ul.mainmenu {
		width: 100%;
		margin-bottom: 2em;
		padding: 0;
	}
	ul.mainmenu > li {
		float: none;
		width: 100%;
	}
	ul.mainmenu > li a {
		padding: .2em 1em !important;
		margin: 0;
		display: block;
	}

	.main,
	.footerinner,
	#mainsidebar,
	#footer .contactinfo.columns,
	#subnavigation {
		padding: 0 1em;
	}
	.presentation {
		padding: 0;
	}
	.presentation .block0 .ingress, .presentation .block1 .ingress {
		border: none;
	}

	.presentation .ingress {
		margin-bottom: .5em;
		padding: .5em 0 0 0;
		height: auto;
	}
	.presentation .gotolink {
		padding: 1em 0;
	}

	.twocolumns .articlelist .articleblock {
		text-align: center;
		padding: 0 1em !important;
	}

	#footer .sitesummary.columns {
		text-align: left;
	}
	#footer .some.columns {
		text-align: center;
	}
	.some span {
		float: left;
	}
	.bannerspaceleft {
		display: none;
	}

	label.mobmenu {
	  	cursor: pointer;
	  	user-select: none;
		display: block;
		min-height: 3.25em;
		width: 100%;
		position: relative;
	}
	label.mobmenu:after {
	    position: absolute;
	    content: "Meny";
		right: 20px;
		top: -6px;
		font-size: 36px;
		color: #333;
	}

	input.mobmenu[type=checkbox] ~ ul.menu {
		display: none;
	}
	input.mobmenu[type=checkbox]:checked ~  ul.menu {
		display: block;
	}

	.search {
		margin: 3em 0 2em;
	}

	#searchform {
    	margin: 0 auto;
    	width: 100%;
	}

	ul.social {
    margin-top: 20px !important;
    float: right;
	}

	#content {
		margin: 0;
		padding: .5em;
	}

}



@media all and (max-width: 800px) {


	.formobile { display: block; }
	.fordesktop { display: none !important; }

	#header {
		padding: 1em;
	}
	#header .logo {
		text-align: center;
	}
	#searchform {
		width: 54%;
		margin: 0 auto;
	}
	#navigation {
		margin: 0;
	}
	ul.mainmenu {
		width: 100%;
		margin-bottom: 2em;
		padding: 0;
	}
	ul.mainmenu > li {
		float: none;
		width: 100%;
	}
	ul.mainmenu > li a {
		padding: .2em 1em !important;
		margin: 0;
		display: block;
	}

	.main,
	.footerinner,
	#mainsidebar,
	#footer .contactinfo.columns,
	#subnavigation {
		padding: 0 1em;
	}
	.presentation {
		padding: 0;
	}
	.presentation .block0 .ingress, .presentation .block1 .ingress {
		border: none;
	}

	.presentation .ingress {
		margin-bottom: .5em;
		padding: .5em 0 0 0;
		height: auto;
	}
	.presentation .gotolink {
		padding: 1em 0;
	}

	.twocolumns .articlelist .articleblock {
		text-align: center;
		padding: 0 1em !important;
	}

	#footer .sitesummary.columns {
		text-align: left;
	}
	#footer .some.columns {
		text-align: center;
	}
	.some span {
		float: left;
	}
	.bannerspaceleft {
		display: none;
	}

	label.mobmenu {
	  	cursor: pointer;
	  	user-select: none;
		display: block;
		min-height: 3.25em;
		width: 100%;
		position: relative;
	}
	label.mobmenu:after {
	    position: absolute;
	    content: "\2261";
		right: 20px;
		top: -6px;
		font-size: 36px;
		color: #333;
	}

	input.mobmenu[type=checkbox] ~ ul.menu {
		display: none;
	}
	input.mobmenu[type=checkbox]:checked ~  ul.menu {
		display: block;
	}

	.search {
		margin: 3em 0 2em;
	}

	#searchform {
    	margin: 0 auto;
    	width: 100%;
	}

	ul.social {
    margin-top: 20px !important;
    float: right;
	}

	#content {
		margin: 0;
		padding: .5em;
	}


}
@media all and (max-width: 800px) and (min-width: 550px) {
	.notfrontpage .articlelist .textwrap {
		max-height: 240px;
		min-height: 240px;
		overflow: hidden;
	}
}
@media all and (max-width: 770px) {
	#mainsidebar .columns, #footer .columns {
		float: none;
		width: 100% !important;
	}
	.box.callist {
		border-right: none !important;
		border-bottom: 1px dotted #ccc;
		padding-bottom: 1em;
	}

	.notfrontpage .articlelist .ingress {
	    max-height: 80px;
	    overflow: hidden;
	}
	#footer .some.columns {
		padding: 0;
		text-align: left;
	}
}

@media all and (max-width: 550px) {
	.row .columns {
		float: none;
		width: 100% !important;
	}
	.fl,
	.fr {
		float: none;
	}
	.block .imgwrap img {
		width: 100%;
	}

	#main, .box.callist {
		border-right: none !important;
	}
	.presentation .columns {
		border-bottom: 1px dotted #ccc;
	}



	.fourcolumns .articlelist .articleblock {
		min-height: 0;
	}

	.ban2 .bannerimg {
		text-align: center;
		margin: 10px ;
	}

	.box.bildegalleri {
		display: none !important;
	}

	.block >img {
    width: 100%;
}

}
@media all and (max-width:320px) {
	.searchinput {
		width: 75%;
	}
}
@media print {
	/* Printerfriendly */
	* {
		background-color: #FFFFFF !important;
		background-image: none !important;
		border-color: #666666 !important;
		color: #000000 !important;
		box-shadow: none !important;
		text-shadow: none !important;
	}
	body {
		font-size: 11pt;
		font-family: Georgia, "DejaVu Serif", "Bitstream Vera Serif", "Times New Roman", "Liberation Serif", Times, Serif !important;
	}
	#top, #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;
	}
}

td, th {
    border: 0.1px solid black;
}

.articleimage .articleimagedesc{
	width: 150px;
}


/*Hide mainsidebar when not in frontpage and view*/
.hidemainsidebar{
	display: none;
}



.button{
	display: inline-block;
    vertical-align: middle;
    margin: 0;
    padding: 0.85em 1em;
    border: 1px solid transparent;
    border-radius: 3px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-family: inherit;
    font-size: 0.9rem;
    -webkit-appearance: none;
    line-height: 1;
    text-align: center;
    cursor: pointer;
	background-color:#225D84 ;
	color: #FFFFFF;
}
.button:hover,.button:focus,.button:visited{
	color: #FFFFFF;
}
 