.btn{
  background-color: #223946;
  padding: 4px;
  color:#FFF !important;
  padding-left: 8px;
  padding-right: 8px;
  border:0px !important;

}

.btn.big{
  font-size: 130%;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
.btn:hover{
  background-color: #6bada0;
}
.driftsmelding{
display:inline-block;
background-color:#FFF;
box-shadow:0px 0px 6px rgba(0,0,0,0.2);
padding:16px;
width:400px;
max-width:100%;
margin:10px;
}

.driftsmelding h3{
font-weight:400;
color:#6bada0;
margin:0px;
font-size:120%;
}

.dmMeta{
font-size:80%;
color:#999;
}
.eventList h3{
  font-size: 150%;
  color:#595959;
  margin: 0px;
  margin-top: 30px;
  margin-bottom: 15px;
}

.fullW{
  display: block;
  width: 100%;
  text-align:right;
}

.fullW>div{
  display: inline-block;
  background-color:#905584;
  color: #FFF;
  width: 40%;
  text-align: center;
  transform:rotate(30deg);
  position: relative;
  top: 4px;
  left: 30px;

}
h1{
  font-weight:400;
  color: #223946;
  font-size: 280%;
}

h1:focus{
  outline:none;
}

h1 .prehead{
  font-size: 50%;
  margin-bottom: 10px;

  font-weight: 300;
}

h2, h3{
  font-weight: 300;
}
.how2step{
  display: inline-block;
  width:100%;
  background-color: rgba(255,255,255,1);
  margin-bottom: 20px;
  margin-top: 40px;
}


.how2step img{
  max-width: 100%;
  max-height: 500px;
}

.howCounter{
  display: block;
  border: 2px solid #6bada0;
  width:30px;
  height: 30px;
  line-height: 25px;
  padding-top: -10px;
  padding: 0px;
  text-align: center;
  padding-top:0px;
  border-radius:10000px;
  margin-bottom: -30px;
  color: #6bada0;
  position: relative;
  top:-24px;
  font-size: 150%;
  background-color: rgb(255,255,255);
}

.how2tekst{
  display: block;
  width: 100%;
  padding: 20px;
  padding-top: 30px;
}
body,html{
	padding:0px;
	margin:0px;
	background-color:#f2f2f2;
	text-align:center;
	color:#595959;
}

body{
	width:100%;
}


a{
transition:0.3s all;
text-decoration: none;
}

a.link{
	color:#223946;
	border-bottom:2px solid #223946;
}


div,span,select,a,textarea,input,label,form,li,ul{
	box-sizing:border-box;
}

body,input,textarea,select{
font-weight: 300; font-style: normal;
font-family: 'myriad-pro', sans-serif;
font-size:15px;
}
.masterActPlan{
  margin-top: 90px;
}

.masterActPlanList{
  list-style: none;
  padding:0px;
  margin:0px;
}

.masterActPlan h2{
  margin-bottom: 60px;
  font-size: 250%;
  font-weight: 400;
  width: 90%;
  margin-left: 5%;
  text-align: left;
  color:#223946;
}



.masterActPlanList li{
  display:inline-block;
  width: 100%;
  max-width: 380px;
  vertical-align: top;
  margin: 20px;

}


.masterActPlanList li a{
  display: block;
  width: 100%;
  padding: 14px;
  text-align: center;
  background-color:#d9d9d9;
  color: #223946;
  color: #595959;
  min-height: 245px;
}



.masterActPlanList a strong{
display: block;
font-size: 180%;
font-weight: 300;
  color: #223946;
}

.masterActPlanList li a:hover{
  background-color:#223946;
  color:#FFF;
}

.masterActPlanList a:hover strong{
  color:#FFF;
}

.masterActPlanList .actTypeLbl{
  display: block;
  font-size: 60%;
  margin-top: 15px;

}

.actdate{
  font-size: 70%;
  display: block;
}

.actTxt{
  text-align:left;
  padding: 4px;
}

.masterActPlanList .actMeta{
  display: block;
  text-align: left;
  font-size: 80%;
  padding: 4px;
}
.topWrapper{
  display: block;;
  width: 100%;
  background-color:#223946;
  vertical-align: top;
  position: fixed;
  top:0px;
  left: 0px;
  z-index: 9999999;
}

#burger{
  display: none;
}

#logoW{
  background-color:#223946;
  display:inline-block;
  width:40%;
  padding:10px;
  padding-right: 20px;
  text-align: right;
  height:90px;
}

#logo{
  margin-top: 8px;
  display: inline-block;
  height:50px;
  padding:10px;
  width:160px;
}

#logo img{
  display: inline-block;
  max-width:160px;
}

#mainMenu{
display: inline-block;
width: 60%;
background:#FFF;
  height:90px;
  vertical-align: top;
  text-align: left;
  padding-top: 16px;
}

#mainMenu a{
  display: inline-block;
  color:#223946;
  padding: 7px;
  font-size: 140%;
  margin-left: 10px;
  text-align: left;
}

.subLine{
  display: block;
  height: 3px;
  width:20px;
  margin-bottom: 3px;
  background-color: #6bada0;
  opacity:0;
}

a:hover .subLine{
  opacity:1;
}
#news{
  font-size: 120%;
  padding: 20px;
  text-align: left;
  color:#595959;
  display: block;
}

#news h3{
  font-weight: 400;
  vertical-align: top;
  font-weight: normal;
  display: inline-block;;
  font-size: 100%;
  padding: 0px;
  margin: 0px;
  font-size: 120%;
}


#news a{
  display: inline-block;
  margin-left: 20px;
  color: #223946;
  border-bottom: 2px solid #223946;
  vertical-align: top;
  font-weight: 400;
}

#news a:hover{
  border-bottom: 2px solid #6bada0;
}
@media print {
.noprint{
  display: none;
}

html,body{
  background: none !important;
}
}
.page{
  display:inline-block;
  vertical-align: top;
  padding:20px;
  padding-top:20px;
}

.pageBgImg{
  display: block;
  position: fixed;
  top: 0px;
  left: 0px;
  width:100%;
  height: 100vh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center top;
  z-index: 9999;
}
.soften{
  background-color: rgba(220,220,220,0.8);
  display: block;
  width: 100%;
  height: 100vh;
}

.theme1 .soften{
  background-color: rgba(40,40,40,0.75);
}

.theme1{
  color: #FFF !important;
}

.theme1 h1{
  color:rgba(255,255,255,0.7);
}

.headerDecoration{
  display: block;
  background-color: #6bada0;
  width: 36px;
  height: 6px;
  margin-bottom: 15px;
  transition: 0.3s all;
}

.headerDecoration.toInit{
  width: 0px;
}

.theme1 .page a{
  color: rgba(255,255,255,0.8) !important;
}

.pageW{
  display: block;
  position: absolute;
  top:100px;
  left: 0px;
  width: 100%;
  z-index: 999999;
}

.page, .pageContainer{
  width: 100%;
  max-width: 800px;
}

.pagePath{
  display: block;
}

.pagePath a{
  display: inline-block;
  vertical-align: top;
  color: #223946;
  margin-bottom: 10px;
}

.pagePath .pagePathSplit{
  display: inline-block;
  margin-left: 10px;
  margin-right: 10px;
}

.pagePath a{
  border-bottom: 1px solid #CCC;
}

.pagePath a:hover{
  border-bottom: 1px solid #6bada0;
}

.pageContainer{
  display: inline-block;
  text-align: left;
}

.page.noContent{
  display: block;
  width: 100%;
  max-width: 100%;
}

.page .ingress, .page .contentTxt{
  max-width: 600px;
}

.page .ingress{
  font-weight: 300;
  font-size: 130%;
}

.videoWrapper{
display: block;
text-align: left;
margin-top: 20px;
margin-bottom: 20px;
}

.videoFrame{
  width:100%;
  max-width: 600px;
  display: block;
  height: 330px;
}

.contentTxt{
  padding-top: 30px;
  margin-bottom: 30px;
}

.phone2, .mail2{
  font-size: 160%;
  display: inline-block;
  margin-right: 60px;
  vertical-align: top;
  color: #595959;
  border-bottom:3px solid #223946;
  margin-bottom: 30px;
}

.phone2:hover, .mail2:hover{
  border-bottom:3px solid #6bada0;
}

.phone2 strong, .mail2 strong{
  display: block;
  font-size: 70%;
}

.ingress a, .contentTxt a{
  border-bottom:2px solid #6bada0;
  color: #223946;
}

form.authGo{
  display: inline-block;
  width: 1px;
  height: 1px;
  overflow: hidden;
  opacity:0.1;
}
.pmldForm{
  display: block;
  width: 100%;
  max-width: 400px;
  background-color: rgba(0,0,0,0.05);
  padding: 20px;
  font-size: 120%;
}

.pmldForm label{
  display: block;
  padding:10px;
  width: 100%;

}

.pmldForm label strong{
  display: block;
}


.pmldForm input, .pmldForm select{
  width: 100%;
}

.actPlan{
  list-style: none;
  padding:0px;
  margin: 0px;
}

.actPlan>li{
padding:0px;
margin: 0px;
margin-bottom: 10px;
}

.actPlan>li>a, .vlBtn{
  display: inline-block;
  padding: 4px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 120%;
  background-color:#223946;
  color:#FFF;
  max-width: auto;
}

.vlBtn{
  background-color:#595959;
}

.actPlan>li>a:hover, .vlBtn:hover{
  background-color:#6bada0;
}

input{
  box-sizing: border-box;
  border: 1px solid #CCC;
  padding:5px;
  font-size: 120%;
}

.actPlan>li>a>strong{
  display: block;
}
@media screen and (max-width: 1100px) {

body{
font-size:17px;
font-size:1.125rem;
}

.topWrapper{
  max-height: 100vh;
  overflow: auto;
}

.pageW{
  display: block;
  padding-left:20px !important;
  padding-right:20px !important;
}


.subElement{
  max-width: 100% !important;
  min-height: auto !important;
  padding-bottom: 60px !important;
}

#logoW{
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 20px;
}

#mainMenu{
  display: block;
  width: 100%;
  height: auto;
  padding-top: 0px;
  padding-bottom: 30px;
}

#mainMenu a{
  font-size: 180%;
  display: block;
  padding: 20px;
}

#mainMenu{
  display: none;
}

#burger{
  display: block;
  position: fixed;
  right: 20px;
  top:5px;
  width: 65px;
  padding: 10px;
  transition:0.3s all;
}

#burger div{
  transition:0.3s all;
  height: 4px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: #FFF;
  position:relative;
  border-radius: 1000px;
}

#burger div:nth-child(3){
  width: 70%;

}


.menuopen #mainMenu{
  display: block;
  padding-top: 60px;
}

.menuopen  #burger{
  top:40px;
}


.menuopen  #burger div:nth-child(1){
  transform:rotate(-45deg);
  left:-30px;
  top:5px;
}


.menuopen  #burger div:nth-child(2){
  transform:rotate(45deg);
  top:-10px;
}

.menuopen  #burger div:nth-child(3){

  background-color:#6bada0;
  width:60px;
  right:20px;
  top:20px;
  height:10px;
  border-radius:0px;
}


.subLine{
  display: none !important;
}

h1{
  font-weight:400;
  color: #223946;
  font-size: 220%;
}

.menuopen .pageW{
  display:none !important;
}

.subElement{
  margin: 0px;
  width: 100%;
  padding:20px !important;
}

.masterActPlan h2{
  font-size: 170%;
}

.masterActPlanList li{
  margin: 0px;
  display: block;
  width:90%;
  max-width: none;
  margin-left: 5% !important;
  margin-bottom: 15px;
}

#startGoBtns a{
  font-size: 90% !important;
}

.hideonsmall{
  display: none !important;
}

.startFilosofi{
  display: block !important;
  width: 100% !important;
}

.filoContent{
  width: 100%!important;
  font-size: 100%!important;
}

.filoContent h3{
margin: 0px;
margin-top: 10px;
margin-bottom: 10px;
}

.filIcon{
  height: 100px !important;
}

}


@media screen and (max-width: 800px) {
.masterActPlanList li{
  margin: 0px;
  display: block;
  margin-bottom: 15px;
}
}
#stage{
transition:0.2s all;
}

#stage.transit{
opacity:0;
}
.startFilosofi{
  display: inline-block;
  width: 33%;
  vertical-align: top;
  padding: 30px;
  color:#223946;
}

.startFilosofi{
  margin-top: 20px;
}

.filIcon{
  display: block;
  width: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  vertical-align: top;
  height:160px;
}
.filoContent{
  display: inline-block;
  width: 80%;
  text-align: left;
  font-size: 120%;
  font-weight: 400;
}

.filoContent h3{
  font-weight: 400;
  font-size: 150%;
}
#startRigg{
  display: block;
  height: 80vh;
}

#riggBgImg,#riggOverlayColor,#riggQuote{
  display: block;
  width:100%;
  height: 80vh;
  position: absolute;
  left: 0px;
  top:0px;
  z-index: 999;
  overflow: hidden;
}

#riggBgImg{
  background-size: cover;
  background-position: center center;
  background-image: url(pageImages/startside.jpg);
  overflow: hidden;
  display: block;
  opacity:0.6;
}
.tunedown #riggBgImg{
  filter: grayscale(60%) blur(6px);
}

#riggOverlayColor{
background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(107,173,160,1) 100%);
  opacity:0.2;
}

.tunedown #riggOverlayColor{
  background-color: ;
background: radial-gradient(ellipse at center, rgba(255,255,255,0) 0%,rgba(255,255,255,0.01) 1%,rgba(107,173,160,1) 100%);
  opacity:0.5;
}

#riggQuote{
  padding-top:100px;
  text-align:center;
}

#riggQuoteC{
  display: inline-block;
  width:80%;
  max-width: 595px;
}

.quoteMain{
  font-size: 63px;
  font-size: 20px;
  font-weight: 400;
  color:#223946;
}

.quoteLineW{
  margin-top: 20px;
  margin-bottom: 26px;
  height: 68px;
  background-color: #6bada0;
  width: 100%;
}

.quoteSub{
  font-weight: 300;
  font-size: 24.5px;
}
#startGoBtns a{
  display: inline-block;
  background-color: #223946;
  color: #FFF;
  padding: 9px;
  padding-top: 7px;
  font-size: 110%;
  padding-left: 12px;
  padding-right: 12px;
  margin: 10px;
  font-weight: 400;
  width: 150px;
}

#startGoBtns{
  position: absolute;
  width: 100%;
  z-index: 99999;
  top: 140px;
}

.eventsFilter{
display:block;
position:relative;
top:-25px;
font-size:150%;

}

.eventsFilter label{
display:inline-block;
padding:20px;
}

@media only screen and (max-width: 700px) {
#startGoBtns a{
  width: 100px;
    padding-left: 10px;
        padding-right: 10px;
  margin: 3px;
  height:70px;
  vertical-align:top;
}

#startGoBtns a span{
display:block;
font-size:150%;
}

#startGoBtns .go2Support{
padding-top:23px;
}

}
.subElements{
  display: inline-block;
  width:100%;
  margin:0px;
  max-width: 800px;
  vertical-align: top;
  text-align: left;
  padding-top: 50px;
}

.subElement{
  padding:30px;
  display: inline-block;
  width: 100%;
  max-width:370px;
  margin-bottom:15px;
  margin-right: 15px;
  color: #223946;
  background-color:#d9d9d9;
  background-color: rgba(255,255,255,0.8);
  vertical-align: top;
  text-align: left;
  min-height: 250px;
  transition:0.25s all;
}

.subElement:hover{
  background-color: rgba(255,255,255,0.95);
}

.subElement .subLine{
  margin-top: 20px;
  margin-bottom: 10px;
}

.subElement strong{
  font-size:  170%;
  margin-bottom: 20px;
  font-weight:400;
  margin-bottom: 6px;
  display:block;
}

.subElement strong .preHead{
  font-size: 60%;
}

.subElement.inTransit{
background: #6bada0;
color:#FFF;
opacity:1;
}


@media screen and (min-width: 1700px) {
.subElements{
  padding-top: 120px;
}
}