* {
	box-sizing: border-box;
}
/* width */
::-webkit-scrollbar {
  width: 4px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #222;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
body {
	background-color:#F6F6F6;
	font-family: "Segoe UI", "Arial Nova", "Arial";
	font-size:16px;
	line-height:1.5;
	margin:0;
	padding:0;
}
a, button, button:focus {
	color:black;
	font-family: "Segoe UI", "Arial Nova", "Arial";
	text-decoration:none;
}
span:focus{
	outline:none;
}
a:hover, button:hover{
	text-decoration:underline;
}
button:focus > .innerKnapp  { /*merker ut fokus ved bruk av tastatur*/
    outline:2px solid black;
} 
a:visited {
	color:black;
}
a.epost {
	display:inline-block;
	margin:5px 0;
}
button{
	background:0;
	border:0;
	padding:0;
}
button:focus {
	outline:0;
}
button:hover {
	cursor:pointer;
}

dl {
	margin:0;
}
dl>div{
	margin-bottom:.5rem;
}
dl dt {
  display:inline;
  font-weight:normal;
}
dl dt::after{
	  content:": ";
}
dl dd {
  display:inline;
	margin:0;
}

table {
	border-collapse: collapse;
	font-size:15px;
	text-align:left;
	margin: 24px 0 40px 0;
}
table th {
	border-top:1px solid #dee2e6;
	border-bottom:2px solid #dee2e6;
	padding:4px 10px;
	cursor:pointer;
}
table th a{
	color:hsl(20, 40%, 15%);
}
table th.aktiv{
	background-color:hsl(170, 10%, 97%);
	border-top: 1px solid hsl(20, 40%, 15%);
	border-bottom: 2px solid hsl(20, 40%, 15%);
}
table td {
	border-bottom:1px solid #dee2e6;
	padding:4px 10px;
}
table tr:hover:not(:first-child)  {
	background-color: hsl(220, 54%, 94%);
	cursor:pointer;
}
tbody tr:first-child {
    font-weight: bold;
}
h1 {
	font-size: 19px;
	margin-top: 0px;
}
h2 {
	font-size: 16px;
	margin-top: 0px;
}
p {
	margin-top:0;
}
ul {
	margin-top:0;
	list-style-type:none;
	padding:0;
}
li {
	margin-bottom:10px;
}
nav button {
	background:0;
	font-size:19px;
	font-family: "Segoe UI", "Arial Nova", "Arial";
	margin: 0 0px 32px 0;
	width:30px;
}
nav button.menyknapp {
	margin-top:5px;
}
nav .insta img {
	display:block;
	margin: 0 0 12px 0;
	width:30px;
}
nav .text-logo a:hover {
    text-decoration: none;
}
nav h1 {
	font-family: "Segoe UI", "Arial Nova", "Arial";
	font-size:15px;
	font-weight: 600;
	margin:30px 0 5px 0;
	text-transform: uppercase;
}
nav li {
	margin-bottom:5px;
}
nav li a{
	font-family: "Segoe UI", "Arial Nova", "Arial";
    font-size:15px;
	font-weight: 400;
}
select{
	font-family: "Segoe UI", "Arial Nova", "Arial";
	font-size:16px;
}
select:focus{
	outline:0
}
.aboutimage{
    margin-bottom:20px;
    width:100%;
    max-width:800px;
}
.hoyrejustert{
	float:right;
	text-align:right;
}
/* tabell-kortene i mobilvisningen */
.kort{
	background-color:hsl(170, 5%, 98%);
	cursor:pointer;
	margin:20px 0px 30px 0px;
	padding:10px;
}
.kort h1{
	margin-bottom:0;
}

.kontaktkort{
	margin-top:60px;
}
.menyapenskjul {
		display:none;
}
.nedtrekksortering {
	font-size:14px;
	padding-bottom:15px;
}
.nyhetsboks{
	background-color:hsl(55, 89%, 65%);
	line-height:1.7;
	padding:7px 18px 10px 18px;
	position:fixed;
	top:0px;
	width: 245px;
	font-family: "Helvetica";
	font-size:12px;
}
.nyhetsboks h1{
	font-size:20px;
	font-weight:700;
}
.nyhetsboks h2{
	font-size:20px;
	font-weight:600;
}
.nyhetsboks img{
	display: block;
  margin: 10px 10px 15px 0;
  width: 209px;
}
.nyhetsboks .lukknyhet{
	float:right;
	width:20px;
	top: 4px;
  position: relative;
}
.nyhetsboksliten {
	display:none;
	padding:10px;
	position:fixed;
	right:0px;
	top:calc(100vh - 260px);
	width:450px;
}
.nyhetsboksliten p {
  margin-bottom: 7px!important;
}
.nyhetsboksliten h1{
	font-size:17px;
	font-weight:bold;
	margin-top:-2px;
}
.nyhetsboksliten h2{
	font-size:16px;
}
.nyhetsboksliten img {
	float:left;
	margin:0px 10px 330px 0px;
	width:160px;
}
.nyhetsboksliten .lukknyhet {
    float: right;
    width: 14px;
}
.normalvektig {
	font-weight:normal;
}
.plantekort{
	background-color:hsl(170, 5%, 98%);
	margin:0px 0px 10px 0px;
	padding:10px;
}
.plantekort a{
	font-size:17px;
	font-weight:600;
}
.plantekort h5{
	margin:0;
}
.plantekort p{
	margin:0;
}
.plantekort:last-of-type {
	margin-bottom:40px;
}
.prosjekt button {
	display:block;
	margin-bottom:5px;
  transition-property: all;
	transition-duration: 0.1s;
	transition-timing-function: ease-out;
}
.prosjekt svg {
	margin-bottom:8px;
	width:19px;
}
.prosjekt .prosjektmeny {
	position:absolute;
	left:-350px;
}

.prosjekt h1 {
	font-size:16px;
	margin:45px 0 0 0;
}
.prosjekt .haker {
	margin:40px 0 50px 0;
}


.prosjekt .fhake.valgt:before {
	content: " • ";
	color:#000;
	margin-top:8px;
	margin-left:-10px;
	position:absolute;
}
.prosjekt .nhake.valgt:after {
	content: " • ";
	color:#000;
	margin-top:7px;
	margin-left:5px;
	position:absolute;
}
.prosjekt button {
	font-size:16px;
}
.prosjekt button:not(.aktiv) .teller {
	display:none;
}
.prosjektbeskrivelse {
	background-color:#fff;
	padding:20px;
	overflow-y:scroll;
}
.prosjektbeskrivelse div {
	margin-bottom:40px;

}
.prosjektliste {
	line-height:1.8;
}
.prosjektliste .bilde {
	float:left;
	margin-right:60px;
	position:relative;
	width:375px;
}
.prosjektliste .bilde img {
	display:block;
	margin: 0 auto 0 auto;
}
.prosjektliste .grafelt {
	background-color:#ccc;
	float:left;
	margin-bottom:120px;
	width:100%;
}
.prosjektliste .tittel{
	font-size:13px;
}
.prosjektliste .sted {
	color:#555;
	display:block;	
	font-size:13px;
}
.slideshow {
	background-position-y: center;
	background-repeat:no-repeat;
	background-size:contain;
	 
	transition: background-image .4s;
	transition-timing-function:ease-in;

}
.prosjekt .slideshow {
	transition:none;
}

.tekstbolk{
    width:100%;
    max-width:800px;
}

.text-logo span{
	margin:0px 0 50px -22px;
    display:inline-block;
   	font-family: "Courier Prime", "Courier New", Courier, monospace;  
	font-size: 17px;
    font-weight:bold;
	letter-spacing: 11px;
}
.text-logo .navn {
	line-height:1.2;
	margin-bottom:-3px;
}

.text-logo .underskrift {
    margin-left: 22px;
	margin-right: 5px;
}
.text-title {
	font-family: "Segoe UI", "Arial Nova", "Arial";
	font-size: 14px;
	letter-spacing: -1px;
}
.text-smalltext {
	font-family: "Segoe UI", "Arial Nova", "Arial";
	font-size: 13px;
	letter-spacing: -1px;
	font-style:italic;
}
.text-superscript {
	font-family: "Segoe UI", "Arial Nova", "Arial";
	font-size: 10px;
	letter-spacing: -1px;
	vertical-align: super;
}
.toppmeny {
	clear:both;
}

::-moz-selection  /* Firefox */
  color: black;
  background: #ee7;
}
::selection {
  color: black;
  background: #ee7;
}

/* responsivitet og grid */
@media only screen and (min-width: 1001px) {
	nav {
		position:fixed;
	}
	.ramme {
		padding-top: 50px;
		padding-left: 100px;
	}
	.barestorst {
	}
	.bareminst {
		display:none;	
	}
	.hovedomrade {
		position:absolute;
		left:450px;
		padding-bottom:40px;
		width:540px;
		min-height:600px;
	}
	.ikkestorst{
		display:none;	
	}
	.prosjekt .prosjektmeny {
		top:210px;
	}
	.prosjekt .prosjektmeny a {
		display:block;
		top:210px;
	}
	.prosjekt .aktiv:before {
		content: "•";
		display:inline-block;
		padding-right:5px;
		color:#000;
		font-weight: 900;

	}
	.prosjektbeskrivelse {
		column-count:3;
		column-gap: 70px;
		column-fill: auto;
		padding:40px;
	}
	.prosjektliste .bilde {
		margin-right:35px;
		width:264px
	}
	.prosjektliste .bilde img {
		height:175px;
	}
	.prosjektliste .bilde p {
		position:absolute;
		top:185px;
	}
	.slideshowplass {
		height: 360px;
	}
}
@media only screen and (min-width: 1100px) {
	.hovedomrade {
		width:650px;
	}
}
	
@media only screen and (min-width: 1400px) {
	.hovedomrade {
		width:900px;
	}
	.slideshowplass {
		height: 600px;
	}
}

@media only screen and (min-width: 1801px) and (min-height: 1200px) {
	.ramme {
		padding-top: 70px;
	}
	.hovedomrade {
		width:1300px;
		min-height:900px;
	}
	.slideshowplass {
		height: 900px;
	}
	.prosjekt .prosjektmeny {
		top:535px;
	}
	.menyapenskjul {
		display:block;
	}
	.prosjektliste .bilde {
		width:375px
	}
	.prosjektliste .bilde img {
		height:250px;
	}
	.prosjektliste .bilde p {
		position:absolute;
		top:260px;
	}
	.nyhetsboks {
		padding-top:42px;
	}
}


@media only screen and (min-width: 2001px) and (min-height: 1200px) {
	.ramme {
		padding-top: 100px;
	}
	.prosjekt .prosjektmeny {
		top:735px;
	}
	.hovedomrade {
		width:1650px;
		min-height:1100px;
	}
	.slideshowplass {
		height: 1100px;
	}
	.prosjektliste .bilde {
		width:450px;
	}
	.prosjektliste .bilde img {
		height:300px;
	}
	.prosjektliste .bilde p {
		position:absolute;
		top:310px;
	}
	.nyhetsboks {
		padding-top:55px;
	}
}
@media only screen and (min-width: 1660px) and (max-width: 1800px) and (min-height: 1200px) {
	.ramme {
		padding-top: 70px;
	}
	.hovedomrade {
		width:1200px;
		min-height:800px;
	}
	.prosjekt .prosjektmeny {
		top:250px;
	}
	.prosjektliste .bilde {
		width:270px
	}
	.prosjektliste .bilde img {
		height:180px;
	}
	.prosjektliste .bilde p {
		position:absolute;
		top:190px;
	}
	.nyhetsboks {
		padding-top:25px;
	}
}

@media only screen and (max-width: 1000px) {
	.barestorst {
		display:none;
	}
	.bareminst {
		
	}
	.ikkeminst{
		display:none;
	}
	.hovedomrade {
		width:100%;
	}
	.kolonnevenstre {
		width:100%;
	}
	.text-logo {
		float:right;
		margin:0;
	}
	.menyapenskjul {
		display:none;
	}
	.prosjekt button {
		display:inline-block;
		margin-right:24px;
	}
	.prosjekt h1 {
		margin:20px 0 0 0;
	}
	.prosjekt button {
		margin-bottom:10px;
	}
	.prosjekt .haker {
		margin:0 10px 20px 0;
	}
	.prosjekt .prosjektmeny {
		position:relative;
		top:0;
		left:0;
		width:100%;
		padding:30px 10px 10px 10px;
	}
	.prosjekt .prosjektmeny a {
		margin-right:20px;	
	}
	.prosjekt .prosjektnavn {
		width:100%;
	}
	.slideshow{
		background-position-x: center;
    background-position-y: center;
		background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
	}
	.slideshowplass {
		width: 100%;
		height: 250px;
	}
	.prosjektliste .grafelt {
		margin-bottom:20px;
	}
	.prosjektliste .bilde {
		margin-bottom:60px;
		width:100%;
	}
	.prosjektliste .bilde img {
		width:100%;
	}
.ramme{
		padding:10px;
		width:100%;
	}
	.slideshowplass {
		width:100%;
	}
}

@media only screen and (min-height:600px) and (max-width: 800px) {
	.slideshowplass {
		height: 270px;
	}
}

@media only screen and (min-height:800px) and (max-width: 1000px) {
	.slideshowplass {
		height: 500px;
	}
}

/* nyhetsboksen */
@media only screen and (min-width: 2401px) {
	.nyhetsboks {
		left:2135px;
	}
}
@media only screen and (min-width: 1200px) and (max-width:2400px) {
	.nyhetsboks {
		right:20px;
	}
}
@media only screen and (max-width: 1200px) {
	.nyhetsboks{
		display:none;
	}
	.nyhetsboksliten {
		display:block;
	}
}
@media only screen and (max-width: 450px) {
	.nyhetsboksliten {
		width:100%;
		position:fixed;
		top:calc(100vh - 460px);
		height:600px;
	}
}