//* J5 *//
.blog-featured .item-image, .blog .item-image, .item-page figure, .item-image, figure img 
	{margin:0 0 20px 0 !important; padding:0px !important;}
.bilde {margin:0 0 20px 0 !important;}

body {	
	background-color: #fff;
}
body, td, p, div {
	font-family: Tahoma, Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size: 13pt;
	color: #333;
}

h1, h1 a, h2, h2 a {font-size:20pt; font-weight: normal; color: #222;}
h3 {font-size:15pt; color: #222; font-weight: normal; clear: both;}
h4 {font-size:13pt; color: #222; clear: both;}
a {color: #7d2821; text-decoration: underline;}
a:hover {color: #f00;}


#topptopp {
  height: 100px; width: 100%;
  position: fixed;
  background-color: #fff;
  border-bottom: #82c075 2px solid;
}
#topp {
	margin: auto;
	max-width: 1400px;
}

#logo {
	float: left;
	width: 168px; height: 100px;
	z-index: 99999;
}
#logo a {
	display: block;
	float: left;
	width: 168px;
  height: 100px;
  background-image: url(../gfx/logo-168x100.png);
}

#dato {
	margin: 10px 0 0 0;
  color: #aab;
  font-size: 11px !important;
}
#dato p {
	color: #eee !important; font-size: 11px !important; margin: 0px;
}

/* Besøkende bunn */
.mod-whosonline p {
	color: #fff; font-size: 11pt; margin: 0px;
}

.stor {font-size: 28pt;}
@media screen and (max-width: 1280px){
	.stor {font-size: 24pt;}
}
@media screen and (max-width: 900px){
	.stor {font-size: 18pt;}
}
@media screen and (max-width: 600px){
	.stor {font-size: 16pt;}
}



#innhold, #innhold p, #innhold td, #innhold li, #innhold span {
	color: #333;
}
body, #slideshow p, form {
	margin: 0px !important; padding: 0px !important;
}

#slideshow {
	clear: both;
}
#slide {
}
#slideshow p {margin: 0px; padding: 0px;}


#meny1 {
	float: right; padding: 50px 20px 0 0;
}
#meny1 a {
	line-height: 40px; color: #eee; 
	 text-decoration: none;
}
#meny2 {
	float: right;
	display: inline-block;
	width: 100px; margin: 30px 20px 0 0;
	text-align: center;
}
#meny2 a {
	 display: block;
	 width: 100px; line-height: 45px; color: #000; 
	 font-weight: bold; text-decoration: none;
	 border: #82c075 2px solid; 
}
#meny2 a:hover {
	color: #fff;
	background-color: #000;
}
#lang {
	float: right; margin: 20px 0 0 0; width: 100px;
}
#lang p {
	display: none;
}
.lang-inline li {
	margin: 0 1px 0 0 !important;
	background: none !important;
}
.lang-inline img {
	width: 33px !important;
	height: 20px !important;
}

#sokk {	
	float: right; 
	margin: 40px 20px 0 0;
}
#sokk a {
	display: block;
	width: 40px; height: 40px;
	background-image: url(../gfx/sook.png);
}
#sokk:hover {
	cursor: pointer;
}
#finn {
	background-color: #eee; height: 60px;
}
#seokinner {	
	margin: auto; 
	max-width: 1400px;
	display: none;
}
#seokinner form {
	float: right;
	max-width: 250px;
}
#seokinner input {
	padding: 10px;
	border: #1d3676 2px solid; margin: 0 12px 20px 0;
}
#seokinner input:hover {
	border: #d00 2px solid;
}



.breadcrumbs {
  color: #666;
   font-size: 10pt;
}

#side {width: 100%;}
img {max-width: 100% !important; height: auto !important;}


#side1 {
	clear: both;
	background-color:#eee;	
}

#side2 {
	clear: both;
	background-color:#eee;	
}
#side3 {
	background-color: #eee;
}
#side4 {
	background-color:#fff;	
}
#side5 {
	background-color: #eee;
}

#side2 h3, #side3 h3, #side4 h3, #side5 h3, #side6 h3 {
	text-align: center;
}
#side3 .moduletable img, #side4 .moduletable img {
	max-height: 250px;
}

#side, .hvit, .gronn, .graa {clear: both;}
.hvit {
	margin: 20px 0 30px 0;
}
.inner {margin: auto; max-width: 1400px; padding: 30px 20px 30px 20px;}

a.knapp {
	display: inline-block; font-size: 14pt;
	min-width: 200px; text-align: center; line-height: 40px; background-color: #82c075; color: #fff; text-decoration: none; border-radius:9px;
}
a.knapp:hover {
	background-color: #82c075;
}


.stripet tr:nth-child(odd) {
  background-color: #def;
}
.stripet td {  
  padding: 5px;
}
.stripet td p {
  margin: 5px !important;
}
.striplet td {
	line-height: 36px;
}
.striplet tr:nth-child(odd) {
	background-color: #f2f2f2;
}

.infoboks .wf-column {
	padding: 1px 20px 1px 20px; margin: 0 0 20px 0;
	border: #888 1px dashed;
}
.annonser25 div {
	padding: 10px;
	border:#aaa 1px dashed;
}
.annonser25 div p {
	margin: 0px;
}
/* Jevents */
.mod_events_latest_table div {}
.mod_events_latest_table span {}
.mod_events_latest_table a {
	color: #000; font-weight: normal !important;
}

/* Mini Frontpage */
.mfp_default_title a {
	color: #000;
	text-decoration: none;
}
.mfp_date {
	font-size: 10pt !important;
	font-style: italic;
}
.mfp_default_item_inner img {
	border-radius: 9px;
}

/* Blog øverst side 1 */
.forsidenytt .mod-articlesnews__item {
	float: left;
	width:50%;
	min-height: 550px;
}
.forsidenytt .newsflash-image {
	margin: 0px !important;
}
.forsidenytt .mod-articlesnews__item img {
	width: 96%; max-height: 300px !important;	
}
.forsidenytt .mod-articlesnews__item .btn {
	margin: 0px !important;
}


/** BLOG 3x3 **/
.blog, .blog-featured {
	margin: 20px 0 0 0; padding: 20px;
	background-color: #fff;
}
.blog-item {
	float: left;
	width: 33%;
	min-height:550px;
}
.bloginner {	
	margin: 0px 16px 16px 0; 	
	background-color: #fff;
	border: #ccc 1px solid;
}

.bloginner:hover {
	background-color: #f9f9f9;
	border: #aaa 1px solid;
}
.blog .article-info-term, .blog-featured .article-info-term {
	display:none;
}
.blog h2, .blog-featured h2, .blog h2 a, .blog-featured h2 a {
	font-size: 14pt !important; padding: 20px 0 0 10px; margin: 0px;
	min-height: 44px;	
}

.blog .item-image, .blog-featured .item-image {
	padding: 20px 20px 0 20px; margin: 0px;
}
.blog img, .blog-featured img {
	width:100%; max-height: 250px;
}
.img-intro-left p, .tag-category li p {
	margin: 0px; padding: 0px;
}

.tag-category li p {
	margin: 0px; padding: 0px;
	min-height: 34px;
}
.item-image a {
	text-decoration: none;
}
.blog p, .blog-featured p {
	font-size: 12pt; color: #444;
	margin: 0 10px 16px 20px;
  overflow: hidden;
}
.blog a, .blog-featured a {
	color: #000; text-decoration: none;
}
.blog a:hover, .blog-featured a:hover {
	color: #000; text-decoration: none;
}
.blog .category-desc div, .blog-featured .category-desc div {
	float: none;
}
.blog .icons, .blog-featured .icons {
	display: none;
}
.blog .article-info, .blog-featured .article-info {
	padding: 0 0 10px 20px; margin: 0px; color: #555 !important;
} 
.blog p span, .blog-featured p span {
	display: inline-block;
	color: #fff;
	background: #ccc;
	padding: 0 2px 0 2px;
}

.readmore {} 
.readmore, .btn, .knapp {
	margin: 0 0 10px 10px !important;
}
.readmore a {
	display: inline-block;
	padding: 10px;
	font-size: 12pt;
	color: #000;
	border: #000 1px solid;
	text-decoration: none;
}
.readmore .btn:hover, .knapp:hover {
	color: #000;	
	background: #eee;
}
}.article-info {
	clear: both;
}
.article-info-term {
	display: none;
}
.article-info dd {
	clear: both;
	display: inline;
	font-size: 11pt;
}
.article-info span, .article-info time {	
	font-size: 11pt;
	font-style: italic;
}

/* DP calendar */
.kalside1 .dp-flatcalendar {
	margin: 0 10px 50px 0;
}
.kalside1 .dp-link {
	color: #000 !important; font-size: 13pt;
}
.kalside1 .dp-location__url, .kalside1 .dp-date {
	font-weight: normal; font-size: 11pt !important; text-decoration: none !important;
}
.dp-location__url, .dp-location__title {
	color: #000 !important; text-decoration: none !important;
}

/* Breadcrumbs */
.mod-breadcrumbs {
	padding: 0px; margin:0px; list-style: none; 
}
.mod-breadcrumbs li {
	display: inline-block;
	font-size: 10pt;
}
.mod-breadcrumbs li span {
	font-size: 10pt;
}
.mod-breadcrumbs a span {
	color: #0000cd !important;
	font-size: 10pt;
}
.mod-breadcrumbs .active span {
	color: #000;
}
.mod-breadcrumbs .divider {
	display: inline-block; padding: 0 10px 0 10px;
}

.breadcrumb-item {
	display: inline-block !important;
	padding: 0 5px 0 0 !important;
}
.breadcrumb-item:after {
	content: " > ";
}
.breadcrumb-item .active:after {
	content: "";
}

.counter, .com-content-blog__links {
	clear: both;	
}
.pagination li {
	display: inline; float: left; margin: 0 8px 0 0; padding: 5px 0 5px 0;
	text-align: center; min-width: 30px;
}
.page-item .icon-angle-left:before {
    content: "<";
}
.page-item .icon-angle-double-left:before {
    content: "<<";
}
.page-item .icon-angle-right:before {
	content: ">";
}
.page-item .icon-angle-double-right:before {
	content: ">>";
}
.published {
	font-size: 10pt !important;
}


/* Artikkel info */
.article-info dd { display: inline !important; margin: 0px; padding: 0 20px 0 0; text-indent: 0px; }
.article-info dd, .article-info dd time { color: #333 !important; font-size: 10pt !important;}

#face {
	float: right; width: 49%;
}
#insta {
	float: left; width: 49%;
}
@media screen and (max-width: 800px) {
	#face {float: none; width: 88%;}
	#insta {float: none; width: 88%;}
}


#bunntekst {background-color: #bbb;}
#bunntekst td, #bunntekst h3, #bunntekst p, #bunntekst div, #bunntekst a {
	color: #000;
}
.innerbunn {
	margin: auto; max-width: 1360px; padding: 0 20px 0 20px;
}
	
	
#bunn {   
  clear: both; background-color: #333; padding: 10px 0 10px 0;
}
#bunn div {
  margin: auto;
	max-width: 1320px; padding: 9pt;
	text-align: center;
	font-size: 10pt; color: #ccc !important;
}
#bunn a {
	font-size: 10pt; color: #ccc !important; text-decoration: none;}
#bunn a:hover {color: #eee; text-decoration: underline;}
#sosial {float: right; width: 150px;}
br.cb {clear: both; font-size: 1px; line-height: 1px; height: 1px;}

/* Priskalkulator */
#skjemainner div {
	font-size:10pt;
}


/* Innlogging */
.mod-login {
	max-width: 400px !important;
	margin: auto !important;
}
.com-users-login__description, .control-label {
	color: #444 !important;
}
.mod-login__username, .mod-login__password, .mod-login__remember {
	padding: 0 0 0 20px;
}
.mod-login__submit {
	padding: 10px 0 0 10px;
}
.login fieldset {
	border: 0px;
	padding: 30px 0 0 0;
}
.input-group label {
	display: none;
}
.controls input {
	clear: both; 
	line-height: 24px;
	border: #003f85 1px solid; width: 200px;
	text-indent: 5px;
	background: #fff !important;
}
.com-users-login__reset, .com-users-login__remind {
	display: block; margin: 8px 0 0 0;
}
.com-users-login__submit {
	margin: 10px 0 20px 0;
}
.btn-primary, .input-password-toggle {
	width: 100px;
	padding: 6px;
	color: #fff;
	background-color: #82c075;
	border: 0px;
}

@-webkit-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@-moz-keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}
@keyframes Gradient {
	0% {background-position: 0% 50%}
	50% {background-position: 100% 50%}
	100% {background-position: 0% 50%}
}