.backBtn{
display:block;
position:fixed;
top:4px;
left:4px;
background-color:#98B555;
color:#FFF;
text-decoration:none;
padding:5px;
font-size:140%;
}

@media print {
.backBtn{
display:none;
}
}#bgImg{
display:block;
position:fixed;
top:0px;
left:0px;
background-repeat:no-repeat;
background-size:cover;
background-position:center center;
background-image:url(gfx/bg.jpg);
width:100%;
height:100vh;
z-index:1;
filter: contrast(90%) grayscale(20%) brightness(0.3);
}

 @media print {
 #bgImg{
 display:none;
 }
 }#bigImgW{
display:block;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
background:rgba(40,40,40,0.98);
text-align:center;
z-index:9;
}

#bigImgC{
display:inline-block;
width:100%;
height:calc(100vh - 50px);
background:#666;
background-position:center center;
background-size: contain;
background-repeat:no-repeat;
}
.textW{
display:inline-block;
width:360px;
margin:20px;
vertical-align:top;
}

i.txtblock{
background:rgba(0,0,0,0.3);
padding:10px;
display:block;
border-left:3px solid rgba(0,0,0,0.8);
}

@media print {
.textW{
display:block;
width:90%;
}
}.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;
}


@media print {
.btn{
display:none;
}
}#doorway{
width:300px;
max-width:100%;
}textarea{
width:95%;
padding:10px;
}

form{
display:block;
background-color:rgba(200,200,200,0.1);
padding:10px;

}

form label{
display:block;
margin-top:20px;
margin-bottom:5px;
max-width:440px;

}

form label strong{
display:block;
margin-bottom:-3px;
}

#slideContent select, #slideContent input, #slideContent textarea{
width:100%;
}

select{
transition:0.5s all;
transform:rotateX(0deg);

}

input[type=text], input[type=password]{
padding:4px;
width:100%;
}

.loading{
opacity:0.1;
transform:rotateX(180deg);
}

textarea{
width:100%;
max-width:450px;
height:300px;
}.fritidsliste a{
display:inline-block;
width:300px;
padding:16px;
background-color:rgba(0,0,0,0.2);
margin:10px;
vertical-align:top;
text-decoration:none;
font-size:120%;
text-align:center;
}


.fritidsliste a:hover{
background-color:rgba(0,0,0,0.5);
}

.txtW{
display:block;
max-width:500px;
}

#fritidMeta>span, #fritidMeta>a{
display:inline-block;
margin-right:30px;
vertical-align:top;
}.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;
}.kampanjeHead{
display:block;
margin-top:10px;
margin-bottom:10px;
background: rgba(0,0,0,0.4);
}

.kampanje{
display:inline-block;
width:400px;
max-width:100%;
background:rgba(0,0,0,0.4);
padding:9px;
text-decoration:none;
}

.kampanje h2 .preHead{
display:block;
font-size:60%;
transform:-10deg;
}#loggedIn{
display:block;
position:fixed;
right:0px;
top:0px;
padding:4px;
background:red;
z-index:9;
}


 @media print {
#loggedIn{
 display:none;
 }
 }

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

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

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

@media print {
body,textarea,input,select,option{
font-size:22px;
}
}

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

textarea{
    padding:4px;
}

.fullwidth{
width:100% !important;
}

.btn.fullwidth{
text-align:center;    
}

a, span,div,p{
outline:none;    
}

h1{
margin-top:50px;
}

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

h2, h3{
font-weight:500;
}

h2{
margin:0px;
margin-top:30px;
margin-bottom:10px;
}

body{
background:rgb(30,30,30);
color:rgb(230,230,230);
}

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

a{
color:#BBC6CE;
}

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

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


.sysW{
display:block;
width:100%;
padding:20px;
}

strong{
font-weight:500;
}


ul li{
margin-bottom:5px;
}

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

.msg{
display:block;
background:rgb(150,0,0);
padding:10px;
margin:10px;
}

@media print {

body{
background:#FFF;
color:#000;
}

}.miniblock{
display:inline-block;
vertical-align:top;
padding:10px;
margin:10px;
width:370px;
}

@media only screen and (max-width: 700px) {
.miniblock{
width:370px;
margin:0px;
}
}#popUpInfoW{
display:block;
width:90%;
max-width:700px;
padding:40px;
background-color:rgba(255,255,255,0.99);
height:90vh;
z-index:999;
position:fixed;
overflow:auto;
left:10%;
bottom:0px;
color:#000;
}

#popUpInfoW a{
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}

#popUpInfoW h4{
color:#666;
font-size:180%;
}

#popUpInfoW h5{
color:#666;
font-size:140%;
margin-top:30px;
margin-bottom:10px;
}.referatW{
display:inline-block;
width:100%;
max-width:700px;
padding:20px;
}

.referatW h3{
font-size:200%;
margin-top:10px;
}

#approvalPH{
display:block;
height:300px;
}

#approvalW{
display:block;
position:fixed;
width:100%;
bottom:0px;
left:0px;
background:rgba(10,10,10,0.95);
padding:30px;
z-index:66;
}

.thmb img{
width:90%;
break-inside:avoid-page;
}

@media print {
#approvalW{
display:none;
}
}

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

.inboxList h4{
margin:0px;
padding:0px;
}

.inboxList li{
display:block;
margin:0px;
padding:5px;
background-color:rgba(0,0,0,0.1);
margin-bottom:5px;
border:1px solid rgba(100,100,100,0.4);
}
.ressursBlokk{
width:100%;
display:inline-block;
vertical-align:top;
max-width:400px;
padding:10px;
margin:20px;
background-color:rgba(0,0,0,0.2);
}

.ressursBlokk ul li{
margin:0px;
padding:6px;
list-style:none;
margin-bottom:30px;
border-left:3px solid rgba(255,255,255,0.7);

}

.ressursBlokk ul{
padding:0px;
margin:0px;
}

@media only screen and (max-width: 800px) {
.ressursBlokk{
margin:0px;
margin-bottom:10px;
margin-top:10px;
}

.ressursBlokk .btn{
margin-bottom:4px;
}

}.sakSummary{
background:rgba(200,200,200,0.1);
padding:20px;
margin-bottom:10px;
break-inside: avoid;
display:block;
}

.sakSummary h4, .sakSummary h5{
display:block;
margin:0px;
padding:0px;
}

.sakSummary h4{
font-size:140%;
color:#98B555;
}#sok{
display:block;
width:250px;
}

@media only screen and (max-width: 600px) {
#sok{
width:100%;

}

#sok input{
font-size:130%;
}
}.sommarAktivitetar>div{
display:inline-block;
width:500px;
max-width:100%;
background:rgba(0,0,0,0.5);
padding:15px;
margin:10px;
vertical-align:top;
}.startBlocks{
display:block;
background:rgba(150,150,150,0.2);
margin-bottom:30px;
}

.startBlocks>div{
padding:15px;
display:inline-block;
vertical-align:top;
min-height:320px;
}

.aboutus{
display:inline-block;
width:400px;
font-size:120%;
background-color:#98B555;
color:#333;
}

.startBlocks .aboutus a{
color:#000;
}

.contact{
line-height:140%;
width:420px;
}

.visstedu{
font-size:120%;
width:400px;
}

.visstedu h3{
margin:0px;
font-size:220%;
padding:0px;
color:#98B555;
}


.pasida{
display:block;
width:100%;
padding:9px;
background:rgba(0,0,0,0.5);
color:#FFF;
position:absolute;
top:0px;
left:0px;
}


@media only screen and (max-width: 800px) {
.startBlocks>div{
width:100% !important;
min-height:0px;
}

.pasida{
position:relative;
background:none;
}

.pasida a{
display:block;
width:100%;
text-align:center;
background:rgba(0,0,0,0.5);
padding:5px;
font-size:120%;
margin-bottom:5px;
text-decoration:none;
}
}form.survey{

}

form.survey label{
display:block;
margin-bottom:20px;
margin-top:10px;

padding:10px;
}

form.survey strong{
margin-bottom:3px;
font-size:120%;
}

form.survey textarea{
height:100px;
}

form.survey strong .strongLead{
font-size:90%;
display:block;
margin-bottom:3px;
}

form.survey select{
max-width:90%;
}

.surveyQuestionW{
display:block;
background:rgba(255,255,255,0.05);
padding:10px;
margin-bottom:50px;
max-width:500px;
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

label.missing{
border-left:10px solid #B70300;
}

.surveyResult{
width:560px;
max-width:100%;
}

.surveyResult h3{
margin-top:50px;
}

.surveyAnswerW{
display:block;
padding:15px;
margin-bottom:20px;
background:rgba(0,0,0,0.2);
width:550px;
max-width:100%;
}

.surveyAnswerW table{
width:500px;
max-width:100%;
}

.surveyAnswerW table td{
padding:4px;
}

.surveyAnswerW table tr td:first-child{
width:80%;
}

.surveyAnswerW table tr:nth-child(even) {
background-color:rgba(0,0,0,0.5);
}


.surveyResponseText{
background:rgba(0,0,0,0.3);
padding:10px;
margin-bottom:20px;
}table.tabell{
border-collapse:collapse;
width:100%;
}

table.tabell td{
border:1px solid #CCC;
padding:4px;
}.temaListe{
padding:0px;
margin:0px;
}

.temaListe li{
list-style:none;
box-sizing:border-box;	
}

.temaListe h3{
margin-top:40px;
font-size:150%;

}

.temaListe h3 a{
text-decoration:none;
color:#000;
background-color:#98B555;
display:block;
width:100%;
position:relative;
left:-10px;
font-weight:500;
padding:6px;
}