.btn{
border: 3px solid #666;
padding:7px;
display:inline-block;
font-size:120%;
text-decoration:none;
}

.chkPoint{
display:block;
background:rgba(0,0,0,0.1);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
padding:10px;
width:100%;
color:#000;
margin-bottom:10px;
text-decoration:none;
}

.chkform label{
display:block;
margin-bottom:20px;
margin-top:20px;
}

.chkform textarea{
width:100%;
height:100px;
}

.chkPointStatus1{
border-left:15px solid green;
}

.chkpComment{
position:relative;
top:-15px;
}

#bookingw{
display:block;
width:100%;
background-color:#FFF;
padding:15px;
color:#000;
}

.bookingBack{
display:block;
font-size:140%;
color:#666;
border:3px solid #666;
margin-bottom:15px;
text-decoration:none;
padding:15px;
}

#allClear{
display:block;
margin-top:20px;
margin-bottom:20px;
background: radial-gradient(ellipse at center, rgba(135,183,14,1) 0%,rgba(41,154,11,1) 100%);
color:#FFF;
width:100%;
font-size:200%;
padding:20px;
text-decoration:none;
}html{
background:#FFF;
}

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

}



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

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

textarea{
    padding:4px;
}

.fullwidth{
width:100% !important;
}

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

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


h1{
}

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

h2, h3{
font-weight:500;
}

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;
}


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

#bg{
display:block;
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
z-index:99;
background:url(bgbh.jpg);
background-position:center center;
background-size:cover;
}

#content{
display:block;
position:absolute;
top:0px;
left:0px;
width:100%;
position:absolute;
z-index:99;
}

@media only screen and (max-width: 700px){
body.menued{
overflow:hidden;
}
}
#meny{
position:fixed;
right:0px;
top:0px;
z-index:9999;
display:block;
perspective:300px;
background-color:rgba(255,255,255,0.4);
transition:0.5s all;
}

#meny.open{
background-color:rgba(50,50,50,0.9);
box-shadow:0px 0px 5px rgba(0,0,0,0.5);
}

#menuToggler{
display:block;
padding:10px;
position:fixed;
right:10px;
top:10px;
}

#menuToggler>span{
width:50px;
height:4px;
margin-bottom:10px;
margin-top:4px;
display:block;
background-color:rgba(255,255,255,0.9);
box-shadow:0px 0px 5px rgba(0,0,0,0.4);
position:relative;
transform:rotate(0);
left:0px;
top:0px;
transition:0.4s all;
}

.open #menuToggler>span:nth-child(1){
top:10px;
rotate:45deg;

top:10px;
}

.open #menuToggler>span:nth-child(2){
rotate:-45deg;
width:85px;
top:-3px;
left:-10px;
}

.open #menuToggler>span:nth-child(3){
rotate:-45deg;
top:-16px;
left:-10px;
width:85px;
}


#menyC{
display:block;
width:100%;
display:none
max-width:220px;
top:0px;
right:0px;
margin-top:80px;
height:100vh;
transition:0.4s all;
max-height:100vh;
overflow:auto;

}


.open #menyC{
display:block ;
transform:rotateX(0deg);
}


#menyC>a{
display:block;
width:100%;
text-decoration:none;
padding:10px;
color:rgba(255,255,255,0);
background:rgba(0,0,0,0);
padding-right:20px;
}

.open #menyC>a{
color:rgba(255,255,255,0.9);
transition:0.3s all;
}

.open #menyC>a.current{
background-color:rgba(204,0,0,1) ;
}


#menyC>a:hover{
background-color:rgba(0,0,0,0.4);
}

#meny.init{
overflow:hidden;
display:block !important;
height:100vh;
}

.init #menyC, .open.init #menyC{
display:block;
transform:rotateY(90deg);
opacity:0.2;
}

@media only screen and (max-width: 600px){
#meny{
width:100%;
font-size:130%;
background:#666;
opacity:1;
}

#meny.open{
background:rgba(50,50,50,1);
}

#menyC{
max-width:100%;
width:100%;
overflow:auto;
padding-bottom:50px;
max-height:100vh;

}
}#pageW{
display:block;
text-align:center;
width:100%;
}

.ingress{
color: #666;
font-size:140%;
display:block;
transform:rotate(2deg);
color:#006DA0;
}

.galleri img{
display:block;
width:100%;
margin-bottom:20px;

}

#pageC{
display:inline-block;
width:100%;
max-width:700px;
padding:50px;
text-align:left;
background:rgba(255,255,255,0.9);
color:#333;
vertical-align:top;
min-height:100vh;
}

#pageC.imagized{
padding-right:200px;
}

#pageC{
color:#666;
}

#pageC strong{
color:rgba(204,0,0,1) ;
font-size:120%;
}

#pageC a{
color:#333;
}

#pageC a:hover{
color:#000;
}

.bildeContainer{
width:calc(100% - 700px);
height:100vh;
display:inline-block;
vertical-align:top;
background-size:cover;
background-position:center center;
}

h2{
margin:0px;
margin-top:60px;
}

h3{
margin-top:20px;
}


@media only screen and (max-width: 1100px){
.bildeContainer{
position:fixed;
top:0px;
left:0px;
width:100%;
height:100vh;
}

#pageC{
position:absolute;
top:70vh;
left:0px;
width:100%;
max-width:100%;
min-height:100px;
padding-left
transition:0.4s all;
}

#pageC.entering{
top:100vh;
}

#pageC.imagized{
padding-right:50px;
}

}


@media only screen and (min-width: 1100px){
#pageC{
max-height:100vh;
overflow:auto;
}
}.squares{
display:block;
width:100%;
}


.squares>div{
display:block;
width:100%;
height:200px;
perspective:500px;
opacity:0.97;
transition:0.4s all;
}


.squares>div>a, .squares>div>div{
display:block;
position:absolute;
width:100%;
height:200px;
padding-top:60px;
text-decoration:none;
background-color:#FFF;
color:#000;
font-size:250%;
text-align:center;
color:rgba(50,50,50,1);
transition:0.4s all;
color:#A52121;
background: linear-gradient(135deg, rgba(240,249,255,1) 0%,rgba(226,244,255,1) 48%,rgba(255,255,255,1) 100%);
z-index:99;
top:0px;
box-shadow:0px 0px 4px rgba(0,0,0,0.1);
border-radius:0px;
}


.squares>div>div{
z-index:9;
transform: rotateX(-180deg);
opacity:0.5;
opacity:0.00001;

background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(204,204,204,1) 49%,rgba(255,255,255,1) 100%); 
background-size:cover;
background-position:center center;
color:#666;
text-align:center;
font-size:100%;
}

.squares>div>div{
z-index:9;
transform: rotateX(-180deg);
opacity:0.5;
opacity:0.00001;
background: linear-gradient(135deg, rgba(242,242,242,1) 0%,rgba(204,204,204,1) 49%,rgba(255,255,255,1) 100%); 
background-size:cover;
background-position:center center;
color:#666;
text-align:center;
font-size:100%;
}


.squares>div>a>div{
font-size:40%;
display:block;
padding:10px;
color:#666;
}


.squares>div.twist>div{
opacity:1;
transform:rotateX(0);
z-index:999;
opacity:1;
}

.squares>div.twist>a{
transform:rotateX(180deg);
}


.squares>div.twist{
z-index:99;
}

.squares>div:hover{
z-index:999;
}

.squareC .txt{
padding-top:30px;
}

.squareC .temp{
font-size:400%;
padding-top:20px;
}

.squareC .temp>div:nth-child(2){
font-size:50%;
}


.plannedbtn{
display:inline-block;
background:linear-gradient(135deg, rgba(37,141,200,1) 0%,rgba(0,94,137,1) 100%);
color:#FFF;
padding:10px;
text-decoration:none;
}

#planlagde{
display:block;
width:100%;
padding:30px;
background:rgba(100,100,100,1);
position:fixed;
height:100%;
overflow:auto;
z-index:9999;
top:0px;
color:#FFF;
font-size:90%;
}

squareC ul li{
list-style:none;
}


@media only screen and (min-width: 1101px){


.squares>div{
max-width:300px;
height:200px;
margin-left:10px;
margin-right:10px;
perspective:500px;
opacity:0.97;
z-index:9;
position:absolute;
}

.squares>div>a, .squares>div>div{
height:200px;
border-radius:0px;
}




.squares>div.init>a{
transform:rotateX(90deg);
color:rgba(0,0,0,0);
}

.squares>div:hover>a,.squares>div:hover>div {
transform: translateZ(150px);
top:-20px;
}

.squares>div:hover>div {
transform: translateZ(150px) rotateX(-180deg);
top:-20px;
}

.squares>div.init>div{
opacity:0.00001;
}


.squares>div.twist>div{
opacity:1;
transform:rotateX(0) translateZ(150px);
z-index:999;
opacity:1;
}

.squares>div.twist>a{
transform:rotateX(180deg) translateZ(150px);
}



}


@media only screen and (max-width: 1100px){
.squareC{
padding-left:0px;
margin:0px;
}

.squares{
display:block;
position:relative;
left:0px;
top:0px;
margin-top:40px;
}
.squares>div{
position:relative;
display:block;
width:100%;
max-width:100%;
margin-bottom:15px;
overflow:hidden;
}

.squares > div > a, .squares > div > div{
position:relative;
left:0px;
top:0px;
}

.squares>div.twist{
height:300px;
}

.squares>div.twist>a, .squares>div.twist>div{
height:300px;
}

.squares>div.twist>div{
top:-300px;
}

.squareC .temp{
font-size:500%;
padding-top:20px;
}

.squareC .txt{
font-size:150%;
}

}#startside{
display:block;
position:absolute;
top:0px;
left:0px;
height:100vh;
width:100%;
}

#startside h1{
display:block;
text-align:right;
font-weight:normal;
font-size:600%;
padding:20px;
margin-bottom:-40px;
margin-top:300px;
text-shadow:0px 0px 5px rgba(0,0,0,0.4);
}

#startside h1 span{
transition:0.8s all;
}

#startside h1>div{
display:inline-block;
vertical-align:top;
}

.driftsmeldingarW{
display:block;
position:absolute;
left:0px;
top:0px;
padding:20px;
}

.driftsmeldingarW>div{
background:rgba(0,0,0,0.2);
padding:10px;
max-width:270px;

}

.driftsmeldingarW>div h3{
margin:0px;
padding:0px;
font-size:150%;
color:#FFF;
}

.driftsmeldingarW>div>p{
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:7px;
}

.meta{
font-size:70%;
}

#newsW{
display:block;
position:absolute;
left:0px;
bottom:0px;
font-size:130%;
width:100%;
background:rgba(255,255,255,0.9);
padding:7px;
padding-left:20px;
text-align:center;
}

#newsW h3{
margin:0px;
padding:0px;
display:inline-block;
font-size:100%;
color:#666;

}

#newsW>a{
margin-left:20px;
color:#666;
}

#newsW>a:hover{
color:rgba(204,0,0,1) ;
}


@media only screen and (max-width: 1100px) {

.driftsmeldingarW{
left:20px;
}

#startside h1{
font-size:400%;
text-shadow:0px 0px 6px rgba(0,0,0,1);
}

#newsW{
position:relative;
padding:0px;
margin-top:30px;
background:none;
left:0px;
top:0px;
}

#newsW>a{
display:block;
background:rgba(255,255,255,0.85);
padding:10px;
margin:0px;
margin-bottom:10px;
text-decoration:none;
}

#newsW>a:hover{
background:rgba(255,255,255,0.95);
}

}

.sisteTrakketur ul{
font-size:70%;
}