.btn{
background:rgba(255,255,255,0.9);
color:#666;
padding:5px;
display:inline-block;
vertical-align:top;
text-decoration:none;
border-right:2px solid rgba(255,255,255,0);
border-left:2px solid rgba(255,255,255,0);
transition:0.3s all;
box-sizing: content-box !important;
}

.btn:hover{
background-color:#6293a1;
color:#FFF;
}

.btn.plus{
padding-top:0px;
padding-bottom:0px;
line-height:90%;
padding-top:4px;
vertical-align:top;
position:relative;
top:3px;
}.genericList{
display:inline-block;
width:333px;
max-width:100%;
vertical-align:top;
}

.genericItem{
background-color:rgba(255,255,255,0.1);
padding:10px;
display:block;
width:100%;
text-decoration:none;
margin-bottom:4px;
margin-top:3px;
box-shadow:0px 0px 4px rgba(0,0,0,0.4);
}

.genericItem.big{
font-size:250%;
}

a.genericItem:hover{
background-color:rgba(255,255,255,0.2);
}


.ilb{
display:inline-block;
width:330px;
padding:15px;
background:rgba(255,255,255,0.1);
vertical-align:top;
margin:10px;
}

.ilb h2{
margin:0px;
}

.smallPath{
display:block;
font-size:70%;
opacity:0.5;
}

body,form,textarea,input,select,option,label,div,span,a,h1{
box-sizing: border-box;
font-family: 'Saira Semi Condensed', sans-serif;
font-weight:300;
}



body,textarea,input,select,option{
font-size:20px;
}

html,body{ margin:0; padding:0; height:100%; width:100%; }

textarea{
    padding:4px;
}

h1{
color:#999;
font-size:220%;
}

h2{
font-size:140%;
}

h1, h2, h3{
font-weight:200;
line-height:110%;
}

h2, h3{
font-weight:500;
margin-top:60px;
padding:0px;
}

h3{
margin-bottom:0px;
margin-top:20px;
}

body{
background:rgb(240,240,240);
color:rgba(50,50,50);

}

div,a,span,h1,h2,h3,h4,h5,li,ul{
box-sizing:border-box;
}

a{
color:#3D758E;
}

.page{
display:block;
width:100%;
padding:30px;
}

.prehead{
font-weight:normal;
font-size:70%;
display:block;
font-weight:normal;
color:rgba(255,255,255,0.5);
}


p{
margin:0px;
margin-top:6px;
margin-bottom:17px;
}





@media only screen and (max-width: 700px) {
body,textarea,input,select,option{
font-size:16px;
}
}

#meny{
position:fixed;
top:66px;
right:0px;
}

#meny a{
display:inline-block;
padding:2px;
padding-left:14px;
padding-right:14px;
background-color:#3D758E;
color:#FFFF;
text-decoration:none;
}

#meny a span{
font-weight:200;
border-bottom:2px solid rgba(255,255,255,0);
}

#meny a:hover span{
font-weight:200;
border-bottom:2px solid rgba(255,255,255,1);
}

#meny a:hover{
background-color:#FFF;
color:#3D758E;
}


#menytoggle{
display:block;
width:70px;
position:fixed;
right:10px;
top:24px;
padding:10px;
z-index:9999;
}

#menytoggle>div{
background-color:#3D758E;
height:3px;
width:100%;
margin-bottom:8px;
}

#menytoggle{
display:none;
}


@media only screen and (max-width: 700px) {
#menytoggle{
display:block;
}
#meny{
display:none;
font-size:170%;
}

#meny.open{
display:block;
}

#meny{
top:0px;
height:100vh;
padding-top:150px;
width:100%;
background-color:#3D758E;
}

#meny>a{
display:block;
width:100%;
padding:20px;
}

#menytoggle.open{

}

#menytoggle.open>div{
background-color:#FFF;
position:relative;
}

#menytoggle.open>div:nth-child(1){
transform:rotate(45deg);
top:8px;
}

#menytoggle.open>div:nth-child(2){
transform:rotate(-45deg);
top:-3px;
}

#menytoggle.open>div:nth-child(3){
display:none;
}

}.mote{
display:block;
padding:40px;
border-bottom: 2px solid #BBC6CE;
}

@media only screen and (max-width: 700px) {
.mote{
padding:10px;
}
}.pageW{
display:block;
padding:60px;

padding-top:120px;
}


@media only screen and (max-width: 700px) {
.pageW{
padding:0px;
padding-top:70px;
}
}#bakgrunn{
background-image:url(gfx/bgfoto.jpg);
background-size:cover;
height:100vh;
width:100%;
margin-bottom:-100vh;
background-position:center center;
display:block;
}

#startsideContent{
text-align:center;
display:block;
width:100%;
padding-top:150px;
}

#actionbuttons{
display:block;
width:100%;
padding:30px;
position:absolute;
bottom:20px;
text-align:left;
}

#actionbuttons>a{
display:inline-block;
padding:20px;
font-size:150%;
margin:20px;
background-color:#3D758E;
color:#FFF;
box-shadow:0px 0px 6px rgba(0,0,0,0.5);
}

.quote{
display:block;
padding:20px;
text-align:right;
padding:50px;
color:rgba(0,0,0,0.8);
font-weight:300;
font-size:130%;
}

.quote>div{
background-color:rgba(255,255,255,0.7);
padding:14px;
display:inline-block;
width:400px;
max-width:100%;
}

#frontNews{
display:block;
/*
background-color:rgba(30,30,30,0.7);
*/
padding:20px;
margin:0px;
left:10px;
top:200px;
color:#FFF;
}


.goLink{
display:inline-block;
margin:0px;
background-color:#3D758E;
color:#FFF;
padding:20px;
text-decoration:none;
}

.goLink:hover{
box-shadow:0px 0px 5px rgba(255,255,255,0.9);
}#toppen{
font-size:160%;
font-weight:500;
width:100%;
position:fixed;
top:0px;
left:0px;
padding-left:20px;
background:rgba(220,220,220,0.8);a
}

#toppen strong{
font-weight:100;
font-size:200%;
display:inline-block;
color:#3D758E;
margin-right:20px;
}

#toppen strong a{
text-decoration:none;
}

#toppen strong a:hover{
text-decoration:none;
text-shadow:0px 0px 5px rgba(0,0,0,0.2);
}

#toppen .subTop{
font-weight:100;
display:inline-block;
font-size:80%;
position:relative;
top:-15px;
}

@media only screen and (max-width: 700px) {
#toppen .subTop{
display:block;
font-size:70%;
}
}