body {padding:0px; margin:0px 0 0 0; background-color: #fff;}
body  {color : #333; font: 12pt Verdana, Arial, sans-serif;}
h1, h2, h3 {margin: 0 0 8px 0;}
h1 {font-size : 1.6em; color: #01468B;}
h2 {font-size : 1.3em; color: #01468B;}
h3, h4 {font-size : 1.1em;}
h3 {color: #01468B;}
strong {color: #555;}
ol {padding: 0px; margin: 0 0 12px 18px;}
ol li {padding-bottom: 4px;}
img {border: 0px;}
br.cb {clear: both; line-height: 1px; font-size: 1px;}
a {color: #01468B;}

#valg {}
.innervalg {margin: auto; max-width: 1200px; min-height: 26px; padding: 8px 0 0 0;}
.inner {margin: auto; max-width: 1200px;}
#skrift {float: right; min-width: 120px;}
#flagg {float: right;}
#skrift a {display: block; float: left; margin: 0 5px 0 0; min-width: 23px; text-align: center; text-decoration: none; padding: 2px 5px 1px 5px;
font-size: 11pt !important; background: #888; color: #fff;}

#header {}
#head {margin: auto; max-width: 1200px;}

#logo {float: left; width: 140px; margin: 5px 0 10px 0;}
#logo a {display: block; width: 140px; height: 112px; background-image: url(../2017/webnorge.gif);}
#slogon {float: left; max-width: 580px; margin: 27px 0 10px 200px; color: #888;}
#slogon strong {font-size: 120%; display: block; margin: 0 0 18px;}

#sosial {float: right; margin: 40px 0 0 0; max-width: 300px; color: #888;}
#ikoner a {display: inline-block; width: 34px; height: 34px;}
.face {background-image: url(../2017/ikoner/facebooki.gif);} .twit {background-image: url(../2017/ikoner/twitteri.gif);} .link {background-image: url(../2017/ikoner/linkedini.gif);} .pint {background-image: url(../2017/ikoner/pinteresti.gif);} .joom {background-image: url(../2017/ikoner/joomlai.gif);} .foto {background-image: url(../2017/ikoner/foto4i.gif);}
.face:hover {background-image: url(../2017/ikoner/facebook.gif);} .twit:hover {background-image: url(../2017/ikoner/twitter.gif);} .link:hover {background-image: url(../2017/ikoner/linkedin.gif);} .pint:hover {background-image: url(../2017/ikoner/pinterest.gif);} .joom:hover {background-image: url(../2017/ikoner/joomla.gif);} .foto:hover {background-image: url(../2017/ikoner/foto4.gif);} 

#slide {margin: 0 0 20px 0; height: auto;}
#slide img {width: 100%;}
#slidetext {position: absolute; top: 300px; width: 100%;}
#slidetext div {text-align: center; color: #fff; font-size: 20pt; font-weight: bold; text-shadow: 3px 3px #000;}
#mobilbilde {display: none;}
#refs div {float: left; width: 200px !important;}
#refs img {width:200px !important;}

.mobilkun {display: none;}
.mobilkun h3 {color: #d00;}
@media screen and (max-width: 960px){.mobilkun {display: block;}}

#hvit, .hvit {padding: 20px 0 20px 0;}
#graa, .graa, #valg {
width: 100wh;
	background: linear-gradient(-45deg, #fff, #e5ecf5, #ccdaeb);
	background-size: 400% 400%;
	-webkit-animation: Gradient 11s ease infinite;
	-moz-animation: Gradient 11s ease infinite;
	animation: Gradient 11s ease infinite;
}
#graa, .graa {
	padding: 20px 0 20px 0;	
}
#kunder img {display: block; float: left; padding: 2px 0 5px 0; width: 120px; height: 70px;}



.firkant, .kolonne1 {
	float: left; width: 33%; 
}
.firlys {
	padding: 40px 20px 40px 20px; background: #f7f7f7; border: #f7f7f7 1px solid;
}
.firhvit {
	padding: 40px 20px 40px 20px; background: #fff; border: #f7f7f7 1px solid;
}
.firlys div, .firhvit div, .firlys h2, .firhvit h2, .firlys h3, .firhvit h3 {
	text-align:center;
}
.kolonne23 {
	float: right; width: 66%;
}


.spalte {float: left; max-width: 22%;}
.ref {float: left; max-width: 270px; margin: 0 30px 0 0; min-height: 300px;}
.spalte1, .spalte2, .spalte3 {margin: 0 40px 30px 0;}
.spalte4 {margin: 0 0 30px 0;}
.spalte div, .spalte h2, .spalte h3, .spalte strong, .left h4, .right h4 {text-align: center; display: block;}
.spalte div {margin: 0 0 10px 0;}
.left {float: left; max-width: 48%;}
.right {float: right; max-width: 48%;}
.dotted {border-bottom: silver 1px dotted; padding: 2px 0px 2px 0px; text-align: right;} .dotted div {float:left;}

#bunn {background-color: #444; color: #ccc; padding: 20px; font-size: 90%;}
#bunn a {color: #eee;}
Bunn a:hover {color: #fff;}
.knapp {display: block; margin: auto; width: 110px; text-align: center; background-color: #01468B; color: #fff; line-height: 30px; padding: 5px 15px 5px 15px; text-decoration: none; font-weight: bold;}
.cb {clear: both;}

#menu {clear: both; height: 44px; background-color: #01468B;}
#menu div {margin: auto; max-width: 1200px;}
#menu #dropdown {float: right; max-width: 1200px; position: absolute; z-index: 8999;}
#menu ul {float: left; list-style: none; padding: 0px; margin: 6px 0 0 0;}
#menu ul li {float:left; display:block; margin-right: 10px; border:none; z-index:100;}
#menu ul li a {display: block; line-height: 38px;	color: #fff; text-decoration: none;	padding: 0 15px 0 15px;}
#menu ul li a:hover {color: #fff; background-color: #000;}
#menu ul li.active a {color: #fff;}
#menu ul li.active a:hover {color: #fb0;}
div#menu ul ul, #skjema {display: none; position: absolute; width: 240px; margin: 0px; 
	-webkit-animation: fadein 1s; -moz-animation: fadein 1s; -ms-animation: fadein 1s; -o-animation: fadein 1s; animation: fadein 1s;}
	
#skjema {display: none; position: absolute; width: 220px;}
#lukkmeg {display: none;}
div#menu ul iframe {width: 212px; height: 338px; border: #d00 5px solid; border-bottom: #d00 5px solid; border-left: #d00 5px solid; border-top: 0px;}
div#menu ul li:hover ul {display: block;}
div#menu ul ul:hover a {background-color: #01468B;}
#menu ul ul li {width: 300px; border: 0px;}
#menu ul ul li a {color: #fff; background-color: #01468B; font-weight: normal; line-height: 30px; text-align: left;}
#menu li.active ul li a {color: #fff;background-color: #01468B;}
#menu ul ul li a:hover, #menu ul ul li.active a:hover {color: #fb0;}
#menu ul ul a:hover #menu a:parent {background-color: #01468B !important;} 

#menumobil {clear: both; height: 40px; display: none;}
#menumobil div {height: 40px; background-color: #01468B;}
#menumobil div div {position: absolute; height: 40px; z-index: 9999;}
#menumobil ul {list-style: none; padding: 0px; margin: 0px; background-color: #01468B; width: 40px;}
#menumobil ul li, #menumobil ul li a {width: 240px; font-size:14px; color: #fff; display: block; line-height: 40px; background-color: #01468B;}
#menumobil ul li span {display: block; float:left; color: #fff; width:210px; text-indent: 40px; font-weight: bold; background-image: url(../2017/ikoner/menymobil-hvit.gif); background-repeat: no-repeat;}
#menumobil ul li #lukk {display:none; width:20px; text-indent:0px; font-weight:normal; background-image:none;}

@media screen and (max-width: 1920px){
	.kunderef {max-width: 1800px; margin: auto;}
}
@media screen and (min-width: 1300px){
	.kunderef div {width: 300px !important;}
}
@media screen and (max-width: 1240px){
	#valg, #header, .inner {padding: 0 20px 0 20px;}
}
@media screen and (max-width: 1120px){
	#slogon { margin: 27px 0 10px 100px; font-size: 110%;
	}
	#slogon strong {font-size: 110%;}
	.spalte {max-width: 20%;}
}
@media screen and (max-width: 960px){	
	#slogon {margin: 27px 0 10px 50px;}
	#menumobil {display: block;}
	#sosial, #menu {display: none;}
	#menu #dropdown {z-index: 99999 !important;}
	#menu, #menu div, #menu #dropdown, #menu ul {float: left; width: 240px !important;}
	#menu ul {margin: 0px;}
	#menu ul ul {display: block !important; position: static !important;}
	#menu ul li {float: none; width: 240px; background-color: #01468B; text-align: left; border-top: #000 1px dashed;}
	#menu ul li a:hover, #menu ul ul li a:hover {color: #fb0; background-color: #01468B;}
	#menu ul ul li {width: 240px; border: 0px;}
	#menu ul ul li a {line-height: 20px; font-size: 10pt; background-color: #01468B !important; color: #fff !important;}
	#menu ul ul li a:hover {color: #fff !important;}
	#menu ul ul li a:before {content: "- ";}	
	#skjema {position: absolute; top: 0px; left: 10px;}
	.firkant {width: 50% !important;}
}
@media screen and (max-width: 720px){
	.spalte, .ref {max-width: 45%;}
	.spalte2 {margin: 0 0 40px 0;}
}
@media screen and (max-width: 580px){	
	#valg, #header, .inner {padding: 0 10px 0 10px;}
	#slogon strong {display: none;}
	#slogon {margin: 40px 0 10px 50px; max-width: 220px;}
	.spalte, .ref {max-width: 100%;}
	.kunderef div {
		width: 33%;}	
	.firkant, .kolonne1, .kolonne23 {float: none !important; width: 100% !important;}
	.kolonne23 h2 {
		text-align: center;
	}
}
@media screen and (max-width: 500px){
	#skrift {float: left;}
	#flagg {float: left; margin: 0 5px 0 0;}
	#slogon {font-size: 90%; margin: 40px 0 10px 30px; max-width: 150px;}
	.spalte1, .spalte2, .spalte3, .spalt4 {margin: 0 0 40px 0;}
	.left, .right {float: none; max-width: 100%;}
	#mobilbilde {display: block;}
}
@media screen and (max-width: 380px){
	#slogon {font-size: 90%; margin: 20px 0 10px 20px;}
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

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