/* cmsms stylesheet: standard modified: onsdag 28. mai 2025 14:22:37 */
* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
html {
	margin: 0;
	padding: 0;
}
body {
	padding: 0;
	margin: 0;
	width: 100%;
	font-weight: 300;
	line-height: 1.6em;
	background-color: #333;
	min-width: 320px;
	font-family: "Open Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
}
p {
	font-weight: 300;
	margin: 5px 0 15px 0;
}
strong, b {
	font-weight: 600;
}
h1 {
  color: #0070bb;
	font-weight: 300;
	font-size: 2.0em;
	text-transform: uppercase;
	margin: 5px 0 10px 0;
	line-height: 1.5em;
  border-bottom: solid 1px #ddd;
}
h2 {
  color: #0070bb;
	font-weight: 300;
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 5px 0 10px 0;
	line-height: 1.5em;
  border-bottom: solid 1px #ddd;
}
h3 {
	font-weight: 600;
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 20px 0 5px 0;
}
h4 {
	font-weight: 600;
	font-size: 1.0em;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}
a {
	text-decoration: none;
	color: #00648a;
	-o-transition: color .3s;
	-ms-transition: color .3s;
	-moz-transition: color .3s;
	-webkit-transition: color .3s;
	transition: color .3s;
}
a:hover {
	color: red;
}
hr {
border: 0;
border-top: 1px solid #DDDDDD;
}
img {
	height: auto;
	max-width: 100%;
}
a img, img {
border: 0;
}
table {
    border-collapse: collapse;
}
tr {
}
td, th {
    text-align: left;
    padding: 2px 4px;
    border-bottom: 1px solid black;
}
/* STRUCTURE */
#head {
	position: relative;
	width: 100%;
	height: 300px;
	background-color: #000;
	background-image: url(/uploads/layout/svingstang-bred-skarp.jpg);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
}
#site {
	width: 100%;
	background-color: #FFF;
	padding: 20px 0;
}
#foot {
	width: 100%;
	padding: 20px 0;
	color: #FFF;
}
.fullwidth {
	position: relative;
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	padding: 0 20px;
}
.loader {
width: 100%;
text-align: center;
}
.clearb {
	clear: both;
}
/* LAYOUT */

#logo a {
display: block;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -110px;
	z-index: 100;
	display: block;
	width: 220px;
	height: 220px;
	background-image: url("/uploads/layout/molde-turn-300px.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100% 100%;
	text-indent: -9999px;
}
.sp1 {
	width: 50%;
	float: left;
}
.sp2 {
	width: 25%;
	float: left;
	padding-left: 5%;
}
.sp3 {
	width: 25%;
	float: right;
	padding-left: 5%;
}
#widget-content {
padding: 0 0;
}
#foot a {
color: #FFF;
}
#foot a:hover {
	color: red;
}
#foot .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap:wrap;
}
#foot-contact {
display:flex;
position: relative;
/*padding-left: 150px;*/
width: 440px;
/*display: block;*/
/*float: left;*/
padding-bottom: 50px;
border-right: 1px solid white;
}
#foot-logo {
/*position: absolute;
top: 40px;
left: 0px;
display: block;
height: 120px;*/
width: 120px;
margin-right:20px;
}
#foot-logo img {
width: 100%;
height: auto;
}
#foot-info {
margin:0 20px;
}
#foot-sponsorer {
position: relative;
margin-top: 0px;
text-align: right;
pointer-events: none;
flex-grow: 2;
padding-left: 30px;
width:200px;
}
#foot-sponsorer p {
  font-size: 1em;
  line-height: 1.7em;
  text-transform: uppercase;
  color: #999;
  margin: 0 0 20px 0;
}
#foot-sponsorer a {
pointer-events: all;
}
#foot-sponsorer img {
  margin-left: 4%;
  /*width: auto;
  height: auto;*/
}
#foot a#byEKH {
  color: #999;
  display: block;
  width: 100%;
  font-size: 10px;
  text-align: center;
  margin: 0 0 0 0;
  padding: 25px 0 0 0;
}
#foot a#byEKH:hover {
color: #FFF;
}
.event {
}
.event-time {
display: block;
width: 100%;
font-size: 0.7em;
line-height: 1.0em;
}
.event-name {
display: block;
width: 100%;
font-size: 1.0em;
}
.event-location {
display: block;
width: 100%;
font-size: 0.7em;
line-height: 1.0em;
}

.facefeedpost {
margin: 0 0 20px 0;
width: 100%;
display: block;
font-size: 0.9em;
line-height: 1.3em;
}
.facefeedpost .faceimg {
display: block;
width: 100%;
background-color: #EEE;
text-align: center;
padding: 0;
margin: 0 0 5px 0;

}
.facefeedpost img {
display:block;
max-height: 350px;
max-width: 100%;
margin: 0 auto;
padding: 0;
}
.facefeedpost .facetext {
display: block;
width: 100%;
color: #000000;
}

/* OM OSS LAYOUT 2020 */

#omoss .sp1 {
	width:50%;
}
#omoss .sp2 {
	width:50%;
}
#ansatte {
	width:100%;
}
#ansatte .wrapper {
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-start;
}
#ansatte .wrapper .ansatt {
	width:30.33%;
	margin-right:3%;
	overflow:hidden;
}
#ansatte .ansatt img {
	display:block;
	width:100%;
	margin-bottom:10px;
}
#ansatte .ansatt p.navn {
	margin:0;
}
#ansatte .ansatt p.tittel {
	font-size:90%;
}
#ansatte .ansatt a {
	overflow-wrap: break-word;
	word-wrap: break-word;
	hyphens: none;
}
#kategori h1:not(:first-child) {
	font-size: 1.2em;
	font-weight:600;
	color:#333;
}

@media screen and (max-width: 1100px) {
	#omoss .sp1 {
		width:100%;
	}
	#omoss .sp2 {
		width:100%;
		padding:0;
	}
	#ansatte .wrapper .ansatt {
		width:22%;
	}
}
@media screen and (max-width: 800px) {
	#ansatte .wrapper .ansatt {
		width:30.33%;
	}
}
@media screen and (max-width: 550px) {
	#ansatte .wrapper .ansatt {
		width:48.5%;
	}
	#ansatte .wrapper .ansatt:nth-child(2n) {
		margin-right:0;
	}
}


/* MENY */
#menu {
	width: 100%;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	background: #777777; /* Old browsers */
	background: -moz-linear-gradient(top, #777777 0%, #666666 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777777), color-stop(100%, #666666)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #777777 0%, #666666 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #777777 0%, #666666 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #777777 0%, #666666 100%); /* IE10+ */
	background: linear-gradient(to bottom, #777777 0%, #666666 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#777777', endColorstr='#666666', GradientType=0 ); /* IE6-9 */
}
#menu #menuwrapper {
	text-align: center;
	width: 100%;
	max-width: 1260px;
	margin: 0 auto;
}
#menu ul {
	position: relative;
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}
#menu li {
	float: left;
	position: relative;
	list-style: none;
	margin: 0 0 0 0;
	padding: 0;
	width: 12.5%; /*14.2857%;*/
	border-right: 1px solid #FFF;
}
#menu li:nth-child(1) {
	border-left: 1px solid #FFF;
	background-color: #996a90;
}
#menu li:nth-child(1):hover, #menu li:nth-child(1).menuactive {
	background-color: #8651be;
}
#menu li:nth-child(2) {
	background-color: #c67067;
}
#menu li:nth-child(2):hover, #menu li:nth-child(2).menuactive {
	background-color: #b32b6f;
}
#menu li:nth-child(3) {
	background-color: #59849b;
}
#menu li:nth-child(3):hover, #menu li:nth-child(3).menuactive {
	background-color: #00acec;
}
#menu li:nth-child(4) {
	background-color: #d09260;
}
#menu li:nth-child(4):hover, #menu li:nth-child(4).menuactive {
	background-color: #dbc74e;
}
#menu li:nth-child(5) {
	background-color: #afaf90;
}
#menu li:nth-child(5):hover, #menu li:nth-child(5).menuactive {
	background-color: #b1d4ac;
}
#menu li:nth-child(6) {
	background-color: #a08bc0;
}
#menu li:nth-child(6):hover, #menu li:nth-child(6).menuactive {
	background-color: #8998ff;
}
#menu li:nth-child(8) {
	background-color: #76ab81;
}
#menu li:nth-child(8):hover, #menu li:nth-child(8).menuactive {
	background-color: #73cb84;
}
#menu a {
	position: relative;
	display: block;
	line-height: 30px;
	text-decoration: none;
	padding: 10px 0;
	margin: 0;
	border: 0;
	color: #FFFFFF;
	width: 100%;
	text-shadow: 0 1px 1px rgba(0,0,0,0.7);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.2)), color-stop(100%, rgba(255,255,255,0))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33ffffff', endColorstr='#00ffffff', GradientType=0 ); /* IE6-9 */
}
#menu a:hover  {
background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}
#menu span.overlay {
	position: absolute;
	display: block;
	height: 400px;
	top: -401px;
	left: -1px;
	right: -1px;
	border-right: 1px solid white;
	margin: 0;
}
#menu li:nth-child(1) span.overlay {
	border-left: 1px solid white;
}
#menu li:hover span.overlay, #menu li.menuactive span.overlay {
	background: rgb(255, 255, 255) transparent;
	background: rgba(255, 255, 255, 0.6);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99FFFFFF, endColorstr=#99FFFFFF)";
}
#menu span.title {
	display: block;
	font-size: 1.0em;
	font-weight: 600;
	letter-spacing: 0.1em;
	line-height: 20px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
#menu span.text {
	display: block;
	font-size: 0.8em;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	width: 100%;
}
.floating-head {
	position: fixed;
	left: 0;
	right: 0;
	top: -1px;
	z-index: 200;
}
/* Responsive elements */
@media screen and (max-height: 1000px) {
  #head {
  	height: 250px;
  }
  #logo a {
  display: block;
  	top: 50px;
  	left: 50%;
  	margin-left: -75px;
  	width: 150px;
  	height: 150px;
  }
}
@media screen and (max-height: 800px) {
  #head {
  	height: 200px;
  	background-image: url(/uploads/layout/svingstang-bred-200px-skarp.jpg);
  }
  #logo a {
  	top: 25px;
  	left: 50%;
  	margin-left: -75px;
  	width: 150px;
  	height: 150px;
  }
  }
  @media screen and (max-width: 1200px) {
  #head {
  	height: 200px;
  	background-image: url(/uploads/layout/svingstang-bred-200px-skarp.jpg);
  }
  #logo a {
  	top: 35px;
  	left: 50%;
  	margin-left: -65px;
  	width: 130px;
  	height: 130px;
  }
}
@media screen and (max-width: 1100px) {
  body {
  	font-size: 90%;
  }
  #menu {
  	font-size: 0.9em;
  }
  .sp1 {
  	width: 65%;
  }
  .sp2 {
  	width: 35%;
  }
  .sp3 {
  	width: 35%;
  	marign-top: 15px;
  }
  }
  @media screen and (max-width: 950px) {
  #head {
  	height: 150px;
  }
  #logo a {
  	top: 25px;
  	margin-left: -50px;
  	width: 100px;
  	height: 100px;
  }
  #menu {
  	font-size: 0.8em;
  }
  #menu a {
  	padding: 6px 0;
  }
  #menu span.title {
  	line-height: 15px;
  }
  #menu span.text {
  	line-height: 15px;
  }

  #foot-logo {
  /*width: 100px;
  height: 100px;*/
  }
  #foot-contact {
  /*padding-left: 130px;*/
  width: 370px;
  }
  #foot-sponsorer {
  }
}
@media screen and (max-width: 850px) {
  #menu {
  	font-size: 0.7em;
  }
}
@media screen and (max-width: 750px) {
  body {
  	font-size: 80%;
  }
  #head {
  	height: 100px;
  }
  #logo a {
  	top: 10px;
  	margin-left: -40px;
  	width: 80px;
  	height: 80px;
  }
  #foot-sponsorer {
  }
  #foot-sponsorer img {
  /*width: 100%;*/
  margin: 0 0 15px 0;
  }
}
@media screen and (max-width: 650px) {
  #menu a {
  	height: 100px;
  	text-shadow: -1px 0 1px rgba(0,0,0,0.7);
  }
  #menu span.title {
  	-webkit-transform: rotate(-90deg);
  	-moz-transform: rotate(-90deg);
  	-ms-transform: rotate(-90deg);
  	-o-transform: rotate(-90deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	margin-left: -50px;
  	margin-top: -8px;
  	text-transform: uppercase;
  	width: 100px;
  	z-index: 150;
  }
  #menu span.text {
  	display: none;
  }
  .sp1 {
  	width: 100%;
  }
  .sp2 {
  	width: 100%;
  	padding: 0;
  	marign-top: 15px;
  }
  .sp3 {
  width: 100%;
   padding: 0;
  	marign-top: 15px;
  }
  #foot-contact {
  width: 100%;
  border-right: 0;
  border-bottom: solid 1px white;
  padding-bottom: 20px;
  }
  #foot-logo {
  }
  #foot-sponsorer {
  position: relative;
  float: left;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 0 0 0;
  padding: 40px 20px 0 20px;
  }
}
@media screen and (max-width: 500px) {
  #head {
  	height: 70px;
  }
  #logo a {
  	top: 10px;
  	margin-left: -25px;
  	width: 50px;
  	height: 50px;
  }
  #site {
  	padding: 15px 0;
  }
  .fullwidth {
  	padding: 0 15px;
  }
}
@media
(-webkit-min-device-pixel-ratio: 2) and (min-width: 700px),
(min-resolution: 192dpi) and (min-width: 700px) {
#head {
	background-image: url(/uploads/layout/svingstang-bred-skarp.jpg);
}
}