body {	
	background-color: #eee;
}
body, td, p, div {
	font-family: 'Roboto', sans-serif, Verdana, Helvetica !important; line-height: 20px;
	font-style:normal; font-size: 12pt; color: #444;
}

h1, h1 a, h2, h2 a {font-size:20pt; color: #222;}
h3, h3 a, h4, h4 a {font-size:14pt !important; color: #222; clear: both;}
a {color: #008; text-decoration: underline;}
a:hover {color: #000;}
#innhold, #innhold p, #innhold td, #innhold li, #innhold span {
	color: #333;
}
body, #slideshow p, #sponsorer h3, #slide p {
	margin: 0px !important; padding: 0px !important;
}
img {
	max-width: 100% !important;
	height: auto !important;
}
#topptopp {
  height: 110px;
  padding: 10px 0 0 0;
  background-color: #66a5d1;
}
#topp {
	margin: auto;
	max-width: 1520px; padding: 0 40px 0 40px;
  overflow: hidden;
}
#logo {
	float: left;
	width: 387px; height: 100px;
}
#logo a {
	display: block;
	width: 387px; height: 100px;
	background-image: url(../gfx/logo.gif);
}
#toppright3 {
	float: right; 
}
#toppright2 {
	float: right; width: 200px; margin: 30px 0 0 0;
	
}
#toppright2 form {
	position:absolute;
	z-index:99999;
}
#toppright2 input {
	line-height: 26px; text-indent: 5px;
	background-color: rgba(255,255,255,0.5);
	border: 0px;
}
#toppright1 {
	float: right; width: 127px; height: 100px;
	background-image: url(../gfx/due.gif);
}



.breadcrumbs {
  color: #666;
   font-style: italic;
   font-size: 9pt;
   margin-bottom: 6px;
}

#side {}
.graa {background-color: #eee; padding: 0 0 10px 0;}
#side, .hvit, .gronn, .graa {clear: both;}
.hvit {
	margin: 0 0 30px 0;
}
.inner, .innerhvit {margin: auto; max-width: 1440px; padding: 0 50px 0 50px;}
#slide {}
#slide img {
	width: 100% !important;
}
#side1 {
	max-width: 1340px;
	margin: auto
}
#underslide {
	padding: 10px 20px 10px 20px;
}
/* H yre undersider */

#underside {}
#bok {
	float: right; max-width: 200px;
	background-color: #fff; 
	padding: 10px 20px 10px;
	border: #ccc 1px solid;
   box-shadow: 5px 5px 5px #ccc;
}
#bok img {
	max-width: 200px;
}



/* Undersider */
.item-page {
	max-width: 800px;
	background: #fff;
	margin: auto;
	padding: 20px;
   box-shadow: 5px 5px 5px #ccc;
}


/** BLOG 3x3 **/
.article-info-term {
	display: none;
}
.article-info dd {
	margin: 0 0 0 10px;
	font-size: 11pt;
}

.blog, .blog-featured {
	margin: 20px 0 0 0; padding: 20px;
	background-color: #eee;
}
.blog-featured .blog-item { 	
	min-height:520px;	
}
.blog .blog-item { 	
	min-height:500px;	
}
.blog-item {
	float: left;
	width: 31%;
	margin: 0px 20px 20px 0;
	background-color: #fff;
	border: #ccc 1px solid;
   box-shadow: 5px 5px 5px #ccc;
}
.column-1:hover, .column-2:hover, .column-3:hover {
background-color: #f9f9f9;
	border: #aaa 1px solid;
}

.blog h2, .blog-featured h2, .blog h2 a, .blog-featured h2 a {
	font-size: 14pt !important; padding: 20px 0 0 20px; margin: 0px;
	min-height: 44px;	
}
.blog .item-image, .blog-featured .item-image {
padding: 0 10px 10px 10px;
}
.masonry-3 .item-image {
	margin: 10px; padding: 0px;
}

.blog img, .blog-featured img {
	width: 100%; height: auto !important;
	max-height: 300px;
}

.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 10px; 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 0 10px !important;
}
.readmore a {
	display: inline-block;
	font-size: 12pt;
	text-transform: uppercase;
	color: #000;
	border: #000 1px solid;
	padding: 10px 30px 10px 30px;
}
.readmore .btn:hover, .knapp:hover {
	color: #000;
}
.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;
	border: #888 1px solid;
}
.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: ">>";
}


/* Sitater osv */
.hvitbred {
	padding: 20px 0 0 0;
}
#boksene {
	clear: both;
	padding: 40px 0 0 0:
}
.front td {
	width: 25%;
	display: inline-block;
}
.front td:last-of type {
	margin: 0 0 20px 0;
}
.front div {
	margin: 0 20px 20px 0; padding: 1px 20px 20px 20px;
	background-color: #fff;
	min-height: 450px;
}

#bunntekst {
	padding: 20px;
	background-color: #555;
}
#bunntekst h3, #bunntekst p, #bunntekst a, #sosial {
	color: #fff;
}

#bunn {   
  clear: both; background-color: #333;
}
#bunn div {
  margin: auto;
	max-width: 1200px; padding: 10px;
	text-align: center;
	font-size: 10pt; color: #e6f0f5 !important;
}
#bunn a {
	font-size: 10pt; color: #e6f0f5 !important; text-decoration: none;}
#bunn a:hover {color: #fff; text-decoration: underline;}
#treff {float: right; width: 250px;}
#sosial {
	text-align: right;
}
br.cb {clear: both; font-size: 1px; line-height: 1px; height: 1px;}

@-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%}
}