body {	
	background-color: #eee;
	margin: 0px; padding: 0px;
}
body, td, p, div {
	font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-style:normal; line-height:150%;
	font-size: 11pt;
	color: #333;
}

h1, h1 a, h2, h2 a {font-size:16pt; color: #222;}
h3, h4 {font-size:15pt; color: #222; clear: both;}
a {color: #7d2821; text-decoration: underline;}
a:hover {color: #000;}
#innhold, #innhold p, #innhold td, #innhold li, #innhold span {
	color: #333;
}
html, body, #slideshow p, #sponsorer h3 {
	margin: 0px !important; padding: 0px !important;
}

#ramme {background-color: #fff;}

#toppfixed {
	height: 117px; width: 100%;
	background-image: url(../gfx/head.jpg);
}

#topptopp {
	max-width: 1600px; margin: auto;
	height: 117px;
	background-image: url(../gfx/header2020left.jpg);
	background-repeat: no-repeat;
}
#topptopp, #menu ul ul {
  
}
#logo {
	font-weight: bold;
	font-size: 13pt;
}


#sook {text-align:right;}
#sook input {
	line-height: 26px; width: 200px; text-indent: 10px;
	border: #888 1px solid; color: #000 !important;
	background-color: rgba(255, 255, 255, 0.7) !important;
}

#slideshow {}
#slide {
	max-width: 1600px; margin: auto;
	max-height: 700px; overflow: hidden;
}

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

#bokser {
	clear: both; max-width: 1600px; margin: auto;
	padding: 20px;
}
#boks1, #boks2, #boks3 {
	float: left;
	width: 33%;
}
#bokser .mod-custom {
	min-height: 333px;
	margin: 0px 20px 20px 0; 
	padding: 1px 20px 20px 20px;
	border: #ccc 1px solid;
}

#left {
	float: left;
	max-width: 800px;
}
#right {
	float: right;
	max-width: 380px;
}

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

.graa {background-color: #eee; padding: 0 0 10px 0;}
#side, .hvit, .gronn, .graa {clear: both;}
#innhold {
	clear: both; max-width: 1600px; margin: auto;
	padding: 20px;
}
.inner {}

#frontleft {
	float: left; max-width: 70%;
}
#frontright {
	float: right; max-width: 295px;  margin: 0 15px 20px 0;
}

#frontright img {
	width: 295px !important;
	max-height: 400px !important;	
}

a.knapp {
	display: inline-block; width: 200px; text-align: center; line-height: 30px; background-color: #000; color: #fff; text-decoration: none;
}
a.knapp:hover {
	background-color: #333;
}



/** BLOG 4x4 **/

.blog, .blog-featured {
	margin: 10px 0 0 0;
}
.blog-featured .blog-item, .blog .blog-item {
	float: left;
	width: 280px;
	margin: 0px 20px 20px 0; 	
	min-height:600px;
	text-align: center;
	background-color: #eee;
}
.blog h2, .blog-featured h2, .blog h2 a, .blog-featured h2 a {
	font-size: 13pt !important; margin: 10px 10px 0 10px;
	min-height: 50px;
}
.blog .item-image, .blog-featured .item-image, .tag-category li img {
	margin: 0 0 10px 0; padding: 0px;
}
.blog img, .blog-featured img {
	width: 100%; height: auto !important;
	max-height: 300px;
}
.img-intro-left p, .tag-category li p {
	margin: 0px; padding: 0px;
	min-height: 34px;
}
.img-intro-left a {
	text-decoration: none;
}
.blog p, .blog-featured p {
	font-size: 10pt; color: #000;
	margin: 0 10px 16px 10px;
	max-width: 400px;
	text-overflow: ellipsis;
  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: 2px 0 5px 0; 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 {
	display: block;
	padding: 10px 0 0 0;	
} 
.readmore .btn {
	display: block; width: 130px; margin: auto; line-height: 30px; 
	font-size: 12pt;
	color: #fff;
	background-color: #333;
	text-decoration: none;
}
.readmore .btn:hover {
	background-color: #000;
}
.counter {
	clear: both;
	
	
}
/* Side */

.item-page p:first-of-type {
	margin: 0px; padding: 0px;
}

#sponsorer {
	color: #fff;
	background-color: #666;
	padding: 20px;
}
#sponsorer .inner {
	color: #fff;
}
#sponsorer p, #annonser p {
	margin: 0 10px 10px 0;
}
#sponsorer a, #annonser a {
	display: inline-block; margin: 0 5px 5px 0; float: left;
}
#sponsorer img {
	width: auto !important;
	max-height: 58px !important;
}

#bunntekst {background-color: #666; padding: 10px 20px 0 20px;}
#bunntekst td {
	padding: 0 20px 0 0; width: 33%;
}
#bunntekst td, #bunntekst p, #bunntekst div {
	color: #fff;
}
#bunntekst h3, #sponsorer h3, #annonser h3 {
	font-size: 13pt;
	color: #fff;
}
#bunntekst p, #bunntekst td {
	font-size: 10pt;
}

#bunn {   
  clear: both; background-color: #333;
}
#bunn div {
  padding: 10px;
	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;}
#treff {float: right; width: 250px;}
#sosial {float: right; width: 250px;}
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%}
}