/* ************************ 

VARIABLER 

************************ */

html{
        --Color1:#7abad7;
        --Color3:#fff;
        --Color2:#000;
        background-color: black;
	    font-smooth: always;
	    -webkit-font-smoothing: antialiased;
	    -webkit-text-size-adjust: none;
    }
.NTgadient {

		background: -webkit-linear-gradient(rgba(122,186,215,.1), rgba(0,0,0,1));
		background: -o-linear-gradient(rgba(122,186,215,.1), rgba(0,0,0,1));
		background: linear-gradient(rgba(122,186,215,.1), rgba(0,0,0,1));

}


a {color:white;}



/* ************************ 

RESET 

************************ */


html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    list-style: none;
    } 
    /* Reset `button` and button-style `input` default styles */
input[type="submit"],
input[type="reset"],
input[type="button"],
button {
    background: none;
    border: 0;
    color: inherit;
    /* cursor: default; */
    font: inherit;
    line-height: normal;
    overflow: visible;
    padding: 0;
    -webkit-appearance: button; /* for input */
    -webkit-user-select: none; /* for button */
       -moz-user-select: none;
        -ms-user-select: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

    body, html {
        font-family:'Open Sans', sans-serif;
        overflow-x: hidden;
    }  

body.noscroll{
    overflow:hidden;
}



NTwrapper {
	position: relative;
	display: block;
}


p strong {
	font-weight:700;
	}
p em {
	font-weight:400;
	font-style: italic;
	}
/* ************************ 

NAV 

************************ */

#MainNav {
	background-color: var(--Color2);
	height: 50px;
	width: 100vw;
	font-family: 'Open Sans', sans-serif;
	position: fixed;
	z-index: 100000;
	            box-shadow: 0 0 200px rgba(0,0,0,.4), 0 0 100px rgba(255,255,255,.4);
	top:0;

}

#Fnokk,
#FnokkOff {
	fill: var(--Color1);
}

#Tekst path {
	fill: #ccc;
}

#logo {
	height: 50px;
	width: 1300px;
	position: absolute;
	left: calc(100vw - 950px - 50%);
	z-index: 1000;
}

#MainMenu {
	position: absolute;
	width: auto;
}

#MainMenu ul {
	position: relative;
	left:calc(100vw - (570px / 2) - 33vw);;
	display: inline-block;
	z-index: 100001;

}

#MainMenu li {
	float: left;
}

#MainMenu a {
	display: block;
	background-color: none;
	height: 50px !important;
	padding: 0px .7em;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 60px;
	position: relative;
	letter-spacing: .1em;
	font-size: 16px;
	color: var(--Color3);
	opacity: 1;
	transition: color .4s, text-shadow .4s;
}

#MainMenu ul li.current a {
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 4px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,.8), 0px 0px 30px rgba(255,255,255,.5), 0px 0px 70px rgba(255,255,255,1);
	transition: color .4s, text-shadow .4s;
	font-weight: 700;
	letter-spacing: 0;
}


#MainMenu ul li.current a:hover {
	color: rgba(255,255,255,.8);
	text-shadow: 0px 0px 4px rgba(255,255,255,.6), 0px 0px 10px rgba(255,255,255,.4), 0px 0px 30px rgba(255,255,255,.3), 0px 0px 50px rgba(255,255,255,.8);
    cursor: default;
}
#MainMenu ul li a:hover {
	color: white;
	text-shadow: 0px 0px 2px rgba(255,255,200,.5), 0px 0px 5px rgba(255,255,200,.5), 0px 0px 7px rgba(255,255,200,.5), 0px 0px 15px rgba(255,255,200,1);
}

#Hamburger {
	display:none;
}

	X#MainMenu ul li.current a:before{
		content: '\f0d7  ';
		font-family: FontAwesome;
	}
	X#MainMenu ul li.current a:after{
		content: ' \f0d7';
		font-family: FontAwesome;
	}


@media only screen and (max-width: 900px) {
	
	body {}


	#MainMenu ul {
		left: 0;
		width: 100vw;
		top:50px;
		background-color: rgba(0,0,0,.9); 
		height: 125vh; 
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,131313+100&0.7+0,1+100 */
	background: -moz-linear-gradient(top, rgba(15,15,15,0.7) 0%, rgba(15,15,15,0.9) 80%, rgba(15,15,15,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(15,15,15,0.7) 0%,rgba(15,15,15,0.9) 80%, rgba(15,15,15,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(15,15,15,0.7) 0%,rgba(15,15,15,0.9) 80%, rgba(15,15,15,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#131313',GradientType=0 ); /* IE6-9 */
	}

	#MainMenu li {
		float: left;
		width: 100vw;
		transition: all .1s;
		border-bottom: 1px solid rgba(255,255,255,.1);
		padding-left: 50px;
		line-height: 3px;
		background-color: rgba(100,100,100,0.01);
		background: linear-gradient(to top, rgba(255,255,255,0) 0%,rgba(15,15,15,0) 40%,rgba(15,15,15,0) 60%, rgba(0,0,0,0) 100%); 
		text-shadow: 0px 0px 10px rgba(0,0,0,0);
		transition: all .4s;
	}	
	#MainMenu li:hover {
		background-color: rgba(100,100,100,.2);
		background: linear-gradient(to top, rgba(255,255,255,.02) 0%,rgba(15,15,15,0) 40%,rgba(15,15,15,0) 60%, rgba(0,0,0,0.1) 100%); 
		padding-left: 51px;
		padding-top: 1px;
		margin-top: -1px;
		text-shadow: 1px 1px 3px rgba(0,0,0,1);
		transition: all .1s;

	}
	
	#MainMenu li:first-child {

		border-top: 1px solid rgba(255,255,255,.1);

	}	
	
	#MainMenu li a{
		line-height: 50px;
		letter-spacing: .2em;
	}		
	#Tekst {
		fill: #ccc;
	}
	#Hamburger {
		height: 50px;
		width: 50px;
		display: block;
		position: fixed;
		left: 0;
		top: 0;
		z-index: 9999999;
	}
	#m1,
	#m2,
	#m3 {
		fill: white;
	}

	#logo {
		height: 50px;
		width: 1300px;
		position: absolute;
		left: calc(50vw - 650px + 10px);
		z-index: 1000;
	}
	
	#MainMenu ul li.current a {
		color: rgba(255,255,255,1) !important;
		text-shadow: 0px 0px 4px rgba(255,255,255,1), 0px 0px 10px rgba(255,255,255,.8), 0px 0px 30px rgba(255,255,255,.5), 0px 0px 70px rgba(255,255,255,1);
		transition: color .4s, text-shadow .4s;
		font-weight: 700 !important;
		letter-spacing: 0;

	}
	
	#MainMenu ul li.current a:after {
		content: '';
		font-family: FontAwesome;
	}
	#MainMenu ul li.current a:before {
		content: '\f0da  ';
		font-family: FontAwesome;
		margin-left: -11px;
		color: #7abad7;
		text-shadow: 0px 0px 4px #7abad7;
	}
}
		
		
@media only screen and (max-width: 480px) {
	#logo {
	height: 50px;
	width: 1300px;
	position: absolute;
	left: calc(50vw - 650px + 25px);
	z-index: 1000;
	}
}





/* ************************ 

FORESTILLINGER 

************************ */
#f_0{margin-top: 50px;}


	button.hide {display: none;}

    #forestillinger {
        position: relative;
        top:0px;
        width: 100%;
        overflow-x: hidden;
    }
    
    .f {position: relative;}
    
    .f .bildeblokk{
        width: 100vw;
        height: calc(56.25vw);
        max-height: calc(75vh - 50px);
        min-height:200px;
        display: block;
        background-position: center;
        background-size: cover;
        position: relative;
        z-index: -30;
    }


	div.fotobyline {
		color: white;
		font-size: 10px;
		display: block;
		position: absolute;
		right: 20px;
		bottom: 0;
		padding: 0px;
		margin: 0px 10px 10px 0px;
		width: auto;
		height: auto;
		z-index: 1000;
		transform: rotate(90deg);
		transform-origin: right top;
		letter-spacing: 0.2em;
		text-shadow: 
			0px 0px 3px black,
			0px 0px 20px black,
			0px 0px 10px black;
		opacity: .75;
		text-transform: uppercase;
}

@media only screen and (max-width: 480px) {
	div.fotobyline {
		font-size: 7px;
		margin: 0px 0px 0px 0px;
		right: 5px;


	}
}
	
	
		@-webkit-keyframes pulse {
			0% { -webkit-transform: scale(  0.9); opacity: 0.3;}
			25% { -webkit-transform: scale( 0.8); opacity:  0.01;}
			50% { -webkit-transform: scale( 1.0); opacity:  0.5;}
			75% { -webkit-transform: scale( 0.8); opacity:  0.01;}
			100% { -webkit-transform: scale(0.9);opacity:0.3;}
		}

		@keyframes pulse {
			0% { transform: scale(0.9); opacity:  0.3  ;}
			25% { transform: scale(0.8); opacity:  0.01 ;}
			50% { transform: scale( 1.0); opacity:  0.5;}
			75% { transform: scale(0.8); opacity:  0.01 ;}
			100% { transform: scale(0.9);opacity: 0.3  ;}
		}

		@-webkit-keyframes pulseHover {
			0% { -webkit-transform: scale(1); opacity: 0.4;}
			50% { -webkit-transform: scale(1); opacity:0.4;}
			100% { -webkit-transform: scale(1);opacity:0.4;}
		}

		@keyframes pulseHover {
			0% { transform: scale(1); opacity:  0.4;}
			50% { transform: scale(1); opacity:  0.4;}
			100% { transform: scale(1);opacity: 0.4;;}
		}
	
	
	.f .playbuttonLink {
		display: block;
        height: 10vw;
        width: 10vw;
		position:absolute;
		opacity: .2;
		float: none;
		top: calc((56.25vw - 10vw) / 2);
		left:calc(50% - (10vw / 2) );
/*		top:600px;
		margin-top:calc(600px / 2 * -1);*/
		z-index: 100;
		padding:0px;
		transition:all 0.5s;

		
		
    -webkit-animation: pulse 15s infinite ease-in-out;
    -o-animation: pulse 15s infinite ease-in-out;
    -ms-animation: pulse 15s infinite ease-in-out; 
    -moz-animation: pulse 15s infinite ease-in-out; 
    animation: pulse 15s infinite ease-in-out;

		
	}
	
	.f   .playbuttonLink:hover {
		opacity: .8;
		cursor: pointer;
		transition:all 0.5s;
    -webkit-animation: pulseHover 10s infinite ease-in-out;
    -o-animation: pulseHover 10s infinite ease-in-out;
    -ms-animation: pulseHover 10s infinite ease-in-out; 
    -moz-animation: pulseHover 10s infinite ease-in-out; 
    animation: pulseHover 10s infinite ease-in-out;

	}
	
@media only screen and (max-width: 850px) {
    .f .playbuttonLink { 
        height: 100px;
        width: 100px;
		top: 50px;
		left:calc(50% - (100px / 2) );


    }
}
	
	
    .f .bildeblokk:after{
        content: " ";
        display: block;
        width:100vw;
        height: 100px;
        
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,0.38+100 */
        background: -moz-linear-gradient(top,     rgba(0,0,0,0) 0%,rgba(50,50,50,0.5) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(50,50,50,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,    rgba(0,0,0,0) 0%,rgba(50,50,50,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#61ffffff',GradientType=0 ); /* IE6-9 */

        position: absolute;
        bottom:0;
    }
    
    
    .f .tekstblokk {
        width: 100vw;
        text-align: center;
        background: linear-gradient(rgba(37,51,60,.1), rgba(0,0,0,1));
		background: linear-gradient(rgba(122,186,215,.1), rgba(0,0,0,1));
		background: linear-gradient(rgba(50,50,50,1), rgba(0,0,0,1));
    }
    
    .f .tekstblokk .tittel {
        margin-top: -3.2vw;
        background-color: transparent;
        display: inline-block;
        padding: 0 1vw 0.8vw 0;
    }
    
    .f .tekstblokk h1 {
        color: #ddd;
        font-size: 8vw;
        line-height: 7.5vw;
        font-weight: 700;
        font-kerning:normal;
        text-shadow: 0px 0px 1vw #000, 0px 0px 4vw #000;
        letter-spacing: -0.7vw;
    }

    .f .tekstblokk h2 {
        color: white;
        font-size: 2.5vw;
        line-height: 2.7vw;
        font-weight: 300;
        font-kerning:normal;
        margin-top: 1vw;
        width: 90%;
        left: 5%;
        position: relative;
    }
    



    .f button {
        display: inline-block;
        padding: .5vw 2vw;
        text-decoration: none;
        font-size: 1.5vw;
        text-transform: uppercase;
        letter-spacing: 0.1em;
                    transition:all 0.3s;


    }





    
    .f button.buy {
            background-color: darkgreen;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#006400+0,003200+100 */
background: rgb(0,100,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,100,0,1) 0%, rgba(0,50,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,100,0,1) 0%,rgba(0,50,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,100,0,1) 0%,rgba(0,50,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006400', endColorstr='#003200',GradientType=0 ); /* IE6-9 */
		
		
		color: white;
            margin-left: 0.5vw;
            transition:all 0.3s;
    }
    .f button.buy:hover {
            background-color: green;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009900+0,004800+100 */
background: rgb(0,153,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,153,0,1) 0%, rgba(0,72,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,153,0,1) 0%,rgba(0,72,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,153,0,1) 0%,rgba(0,72,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#004800',GradientType=0 ); /* IE6-9 */
		
		color: white;
            margin-left: 0.5vw;
            box-shadow: 0 0 50px green, 0 0 10px green;
            text-shadow: 0 0 10px white, 0 0 5px white, 0 0 2px white;
		    cursor: pointer;
			transition:all 0.3s;

    }   


.f button.buyButtonDown {
	


}

 .buy.clicked {
	background-color: green;
	box-shadow: 0 0 50px green,0 0 30px green, 0 0 10px green;
	text-shadow: 0 0 10px white, 0 0 5px white, 0 0 2px green;
	z-index: 9999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#009900+0,004800+100 */
background: rgb(0,153,0); /* Old browsers */
background: -moz-linear-gradient(top, rgba(0,153,0,1) 0%, rgba(0,72,0,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,153,0,1) 0%,rgba(0,72,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,153,0,1) 0%,rgba(0,72,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#004800',GradientType=0 ); /* IE6-9 */
		
	
	            transition:all 0.3s; 
}


    .f button.read {
            background-color: #555;
            color: white;
            transition:all 0.3s;
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#646464+0,323232+100 */
background: rgb(100,100,100); /* Old browsers */
background: -moz-linear-gradient(top, rgba(100,100,100,1) 0%, rgba(50,50,50,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(100,100,100,1) 0%,rgba(50,50,50,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(100,100,100,1) 0%,rgba(50,50,50,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#323232',GradientType=0 ); /* IE6-9 */
    }

    .f .knapper button {
		border-radius: 100px;
    }
    
    .f button.read:hover {
            background-color: #777;
            color: white;
            box-shadow: 0 0 50px gray, 0 0 10px gray;
            text-shadow: 0 0 10px white, 0 0 5px white, 0 0 2px white;
				    cursor: pointer;
		
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c7c7c+0,3f3f3f+100 */
background: rgb(124,124,124); /* Old browsers */
background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(124,124,124,1) 0%,rgba(63,63,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */

    }


.f button.readButtonDown {
	
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c7c7c+0,3f3f3f+100 */
background: rgb(124,124,124); /* Old browsers */
background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(80,80,80,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(80,80,80,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(124,124,124,1) 0%,rgba(80,80,80,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */
	            transition:all 0.3s;

	
}

 .read.clicked {
	background-color: green;
	box-shadow: 0 0 50px gray,0 0 30px gray, 0 0 10px gray;
	text-shadow: 0 0 10px white, 0 0 5px white, 0 0 2px gray;
	z-index: 9999;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7c7c7c+0,3f3f3f+100 */
background: rgb(124,124,124); /* Old browsers */
background: -moz-linear-gradient(top, rgba(124,124,124,1) 0%, rgba(63,63,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(124,124,124,1) 0%,rgba(63,63,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(124,124,124,1) 0%,rgba(63,63,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7c7c7c', endColorstr='#3f3f3f',GradientType=0 ); /* IE6-9 */

    
		
	
	            transition:all 0.3s; 
}


    .f .knapper {
        margin-top: 2vw;
        padding-bottom: calc(4vw + 20px);
    }
    
    .f .langtekst {
        display: inline-block;
        width: calc(100vw - 180px);
        max-width: 600px;
        padding: 0 0 50px 0;
        color: rgba(255,255,255,1);
        z-index: 100;
        position: relative;
        left:0px;
        font-size:18px;
        line-height: 1.5em;
    }

  .f .langtekst p {
        text-align: left;
        margin: 6px 0 16px 0;
    }
 
   .f .langtekst p:first-of-type:first-letter {
		color: rgba(122,186,215,0.70); 
		float: left;
		position: relative;
		margin-left:-0.13em;
		font-size: 3.35em;
		line-height: .8em;
		padding-top: 2px;
		padding-right: 0px;
		padding-left: 3px;
		font-weight: 700;
		text-shadow: 
			0px 0px 3px rgba(122,186,215,0.20), 
			0px 0px 10px rgba(122,186,215,0.40);
}

	.f .langtekst p:last-of-type:after{
	color: rgba(122,186,215,0.70); 
	content: '\f04d';
	font-family: FontAwesome;
	text-shadow: 
			0px 0px 3px rgba(122,186,215,0.20), 
			0px 0px 10px rgba(122,186,215,0.40);
	position: relative;
	left:0.33em;
	font-size: .85em;
	}	


    .f .billetter {
        width: 100vw;
        color: rgba(255,255,255,1);
        z-index: 100;
        padding: 0 0 50px 0;
        position: relative;
        left:0px;
        font-size:16px;
        display: block;
        text-align: center;

    }
    
    .f .billetter ul{
        max-width: 600px;
        display: inline-block;
        width: 100vw;
        text-align: center;

    }
    
    .f .billetter li a{
        display: block;
        height: 50px;
        width: 100%;
        border-bottom: solid 1px #666;
        text-transform: uppercase;
        letter-spacing: .1em;
        opacity: 1;
        text-decoration: none;
        color: #bbb;
        transition:all .5s;
        padding: 8px 0px;
        

    }
    .f .billetter li a:hover{
        opacity: 1;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#555555+0,666666+100 */
        background: rgb(85,85,85); /* Old browsers */
        background: -moz-linear-gradient(top,    rgba(86,86,86,0) 0%,    rgba(102,102,102,.4) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(86,86,86,0) 0%,    rgba(102,102,102,.4) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,   rgba(86,86,86,0) 0%,    rgba(102,102,102,.4) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#555555', endColorstr='#666666',GradientType=0 ); /* IE6-9 */
        box-shadow: 0 0 40px rgba(255,255,255,0.2), 0 0 80px rgba(255,255,255,0.3);

    }
     .f .billetter li:first-child{
        border-top: solid 1px #666;

    }   
    .f p.Billettlinje1 {
        font-size: 24px;
        line-height: 24px;
        margin:0px 0px 0 0px;
        padding:5px 0 0 0;
        position: relative;
    }
    .f p.Billettlinje2 {
        font-size: 16px;
        line-height: 14px;
        letter-spacing: .2em;
        margin:0px 0px 0 0px;
        padding:0px 0 0 1px;
        position: relative;

    }    
      .f .billetter li a span.sted{
        font-weight: 700;
          color: var(--Color1);
          
    }
      .f .billetter li a:hover span.sted{
          color: var(--Color1);
    }
       .f .billetter li a span.scene{
        font-weight: 100;
        color: #fff;
        font-size: 12px;
        line-height: 0px;
    }   
    .f .billetter li a:hover{
        color: white !important;
    }
    .kredliste {
		padding-top:50px;
		padding-bottom:50px;
		width: 100%;
        font-size: 16px;
        line-height: 19px;
    }
    .kredliste .kredKey {
        text-align: right; 
        padding: 5px 0px 5px 0px;
        font-size: 12px;
        line-height: 14px;
        text-transform: uppercase;
        letter-spacing: .2em;
        color: #ccc;
		vertical-align:middle;
		margin: 10px 0;
    }
    .kredliste .kredValue {
        text-align: left;
		vertical-align:middle;
        padding: 5px 0px 5px 10px;
    }




    
@media only screen and (max-width: 850px) {
    
    .f button {
        display: inline-block;
        padding: 10px 15px;
        text-decoration: none;
        font-size: 1.5vw;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 16px;
        z-index: 9999;
    }  
 
    .f .tekstblokk h1 {
        font-size: 80px;
        line-height: 80px;
        text-shadow: 0px 0px 10px #000, 0px 0px 20px #000;
        letter-spacing: -0.1em;
    }    

    .f .tekstblokk h2 {
        color: white;
        font-size: 20px;
        line-height: 20px;
    }    
    
    .f .undertittel {
        width: 80vw;
        left:10vw;
        position: relative;
    }
    
            .f .tekstblokk .tittel {
        margin-top: -5.2vw;
	}
                


    
    .f button {
        display: inline-block;
        padding: 10px 15px;
        text-decoration: none;
        font-size: 1.5vw;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 16px;
        margin-top: 10px;
    }  
 
    .f .tekstblokk h1 {
        font-size: 50px;
        line-height: 50px;
        text-shadow: 0px 0px 10px #000, 0px 0px 20px #000;
        letter-spacing: -0.1em;
    }    

    .f .tekstblokk h2 {
        color: white;
        font-size: 16px;
        line-height: 16px;
    }   
    

    
    .f .undertittel {
        width: 80vw;
        left:10vw;
        position: relative;
    }
    
    .f .billetter li a{

        font-size: 16px;
        line-height: 60px;
	}
	
	
	.f .langtekst {
		width: calc(100vw - 60px);
	}
	
	.f .billetter li a{
		height: auto;
		padding-bottom: 15px;
	}
	.f .billetter li a p{
		width:100%;
	}	
	
	.f .billetter ul {
		text-align: center;
	}

	
		.f .billetter span{
		display: inline-block;
	}
	
	.f p.Billettlinje1 {
		font-size: 28px;
		line-height: 28px;
		padding: 10px 0px 0px 0px;

	}
	
	.f p.Billettlinje2 {
		font-size: 24px;
		line-height: 26px;
		padding: 0px 0px 5px 0px;
	}
	
	
}   
	
	
@media only screen and (max-width: 460px) {

	.f .billetter li a{
		height: auto;
		padding-bottom: 20px;
	}
	.f .billetter span{
		display: block;
	}
	.f p.Billettlinje1 {
		font-size: 20px;
		line-height: 20px;
		padding: 2px 0px 5px 0px;

	}
	.f p.Billettlinje2 {
		font-size: 20px;
		line-height: 20px;
		padding: 10px 0px 0px 0px;

	}
}
	









/* ************************ 

NYHETER 

************************ */






		
		
		#nyheter{
			width: 100%;
			display: flex;
			justify-content: center;
			align-items: center;
			padding-top: 0px;
            flex-direction: column;
		}
        #nyheter h1.seksjonsnavn{
            content: "Spilleplan";
            display: block;
            position: relative;
            background-color: transparent;
            text-transform: uppercase;
            margin-top: 50px;
            margin-bottom: 10px;
            font-size: 12px;
            color: #ccc;
            letter-spacing: .2em;
        }

		#nyheterInner {
			display: flex;
			flex-wrap: wrap;
			position: relative;
			width:100%;
			justify-content: left;
			margin-top: 10px;
			opacity: 1;
		}
		#nyheterInner H1 {
			font-size: 20px;
			line-height: 1.10em;
			font-weight: 700;
			padding: 10px 20px 2px 20px;
		}
		#nyheterInner H2 {
			font-size: 14px;
			color: white;
			padding: 2px 20px 15px 20px;
		}
		#nyheterInner img {
			width: 100%;
			transition: all .3s;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			filter: brightness(70%);
			opacity: 1;
		}
		
		#nyheterInner a.nyhet {
			margin:10px;
			background-color: rgba(255,255,255,0.1);
			text-decoration: none;
			border-radius: 3px;
			opacity: 1;
			transition: all .4s;
			box-shadow: 0px 0px 20px 0px rgba(126,126,126,0.10),0px 0px 0px 0px rgba(74,97,117,0.40),0px 0px 0px 0px rgba(74,97,117,0.80);
		}
		
		#nyheterInner a.nyhet.expired {
		}
		
		#nyheterInner a.nyhet:hover {
			position: relative;
			background-color: rgba(79,126,148,0.68);
			z-index: 100;
			box-shadow: 0px 0px 10px 5px rgba(139,157,172,0.20),0px 0px 40px 10px rgba(74,97,117,0.40),0px 0px 160px 10px rgba(74,97,117,0.80);
			transform: scale(1.04) !important;
			border-radius: 10px;
			transition: all .2s;
		}	
		#nyheterInner a.nyhet:hover img {
			filter: brightness(120%);
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
			opacity: 1;
		}
		.lesMerOuther{
			width: 100%;
			position: absolute;
			display: flex;
			justify-content: center;
			bottom:-7px;
		}
		#nyheter p.lesMer{
			opacity: 0;
			position: relative; 
			transition: all .3s;
			background-color: rgba(116,143,166,1.00);
			color:white;
			padding: 2px 5px;
			font-size: 10px;
			text-transform: uppercase;
			letter-spacing: -.1em;
			border-radius: 10px;
			box-shadow: 0px 0px 10px 5px rgba(63,93,119,0.6);
		}
		#nyheterInner a.nyhet:hover p.lesMer {
			opacity: 1;
			padding: 2px 20px;
			letter-spacing: .05em;
		}
		
		#nyheter p.postDate{
			font-size: .6em;
			font-weight: 700;
			color:rgba(255,255,255,0.7);
			min-width: 60px;
			margin-top: 4px;
			text-transform: uppercase;
			width: 100%;
			padding: 8px 20px 0px 20px;
			letter-spacing: .05em
		}
		






/* ************************ 

FOT 

************************ */

	footer {	
		background: linear-gradient(  
			rgba(50,50,50,1), 
			rgba(0,0,0,1)  )
			;
		display: inline-block;
		height: auto;
		padding: 100px 0px 50px 0;
		width: 100vw;
		color: #ccc;
		min-height: calc(50vh - 100px);
		margin-top: 50px;
		
	} 

footer a {
	color: white;text-decoration: none;
	-webkit-text-size-adjust: none;
}



footer strong {color:white; font-weight: 700;}

#kontaktinfo {
	width: 100%;
	text-align: center;
	font-size: 20px;
} 

#Aapningstider {
	font-size: 16px;
	margin:5px 0 10px 30px;
	width: calc(100% - 60px);
	
}


.del {display:inline-block; margin:0 15px;}


	#logoFotDiv {
		position: relative;
		width: 400px;
		left: calc(50vw - 180px);
		margin-bottom: 10px;
	}
@media only screen and (max-width: 600px) {
		#logoFotDiv {
		position: relative;
		width: 280px;
		left: calc(50vw - 130px);
	}
	.del {display: block; margin:0;}
		
}

#lenker{
	text-align: center;
	width: 100%;
    margin-top:30px;
}

#lenker ul {display: inline-block;text-align: center;}
#lenker li {float: left;display: inline-block;}
#lenker li a {padding: 5px 5px;transition: all .4s;}
#lenker li a:hover {color:var(--Color1);}

@media only screen and (max-width: 600px) {
	#lenker li {float:none;display:block;}
	#lenker ul {display: block;text-align: center;}
}


.someicon{height: 100%;}
#some {margin-top: 20px;}
#some a{opacity: .5;transition: all .4s;}
#some .someicon{margin-top: 10px;position: relative;}
#some a:hover{opacity: .8;}

#some {font-size: 16px;color:#ccc;line-height: 16px;display: inline-block; height: 30px;}


.NyhetsbrevForm{
	width:100vw;
	text-align: center;
	color:white;
	margin-top: 30px;
	padding-bottom: 20px;

}
.NyhetsbrevForm input.form-control{
	padding: 0px 15px;
	font-size: 16px;
	font-family:'Open Sans', sans-serif;
	border-radius: 25px;
	background-color: #ccc;
	border: solid black 0px;
	transition: all .4s;
	min-width: 270px;
	min-height: 35px;

}

.NyhetsbrevForm input.form-control:hover{
	box-shadow: 0 0 50px gray, 0 0 10px gray;

	background-color: #fff;
}

.NyhetsbrevForm input.button{
	background-color: green;
	padding: 0px 25px;
	color:white;
	border-radius: 25px;
	margin-top: 15px;
	transition: all .4s;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .4em;
	min-width: 300px;
	min-height: 35px;



}

.NyhetsbrevForm input.button:hover{
	background-color: lightgreen;
	cursor: pointer;
	color:#777;
	box-shadow: 0 0 50px green, 0 0 10px green, 0 0 150px green;

}


.NyhetsbrevForm p.overskrift{
	color:#ccc;
	margin-bottom: 5px;
}		
.NyhetsbrevForm p.form-text{
	color:#fff;
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: .4em;
	margin-top: 5px;

}


span.strongIntro {
	font-weight: 800;
	text-transform:uppercase;
	font-size: 1em;
	color: rgba(255,255,255,1)
}





                        div.lastned{
                            font-size: .65em;
                            text-transform: uppercase;
                            letter-spacing: .25em;
                            color: rgba(116, 180, 100, 1);
                            font-weight: 700;
                            transition: all .4s;
                        }
                        a.downloadMediaElementWrapper{
                            width: 100%;
                            background-color: transparent;
                            position: absolute;
                            display: flex;
                            justify-content: center;
                            align-items: center;  
                            opacity: 0;
                            margin-top: 3px;
                            transition: all .4s;
                            z-index: 100;
                        }
                        
                        div.mediefil:hover a.downloadMediaElementWrapper{
                            opacity: 1;
                            margin-top: 0px;
                        }
                        div.mediefil:hover div.downloadMediaElement{
                            transform:scale(1);
                        }
                        div.mediefil:hover .downloadMediaElement:hover{
                            background-color: green;
                            background: rgb(0,153,0);
                            background: -moz-linear-gradient(top, rgba(0,153,0,1) 0%, rgba(0,72,0,1) 100%);
                            background: -webkit-linear-gradient(top, rgba(0,153,0,1) 0%,rgba(0,72,0,1) 100%);
                            background: linear-gradient(to bottom, rgba(0,153,0,1) 0%,rgba(0,72,0,1) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009900', endColorstr='#004800',GradientType=0 );
                            color: white;
                            box-shadow: 0 0 50px green, 0 0 10px green;
                            text-shadow: 0 0 10px white, 0 0 5px white, 0 0 2px white;
                            
                        }                       
                        div.mediefil:hover .downloadMediaElement:hover .lastned {
                            color: white;
                            cursor: pointer;
                        }         
                        div.mediefil:hover div.downloadMediaElement:hover svg{
                            fill:white;
                        } 
                        
                        div.downloadMediaElement{
                            height: auto;
                            width: auto;
                            background-color: transparent;
                            position: absolute;
                            z-index: 100;
                            border-radius: 50px;
                            margin-top: 7px;
                            display: flex;
                            flex-direction: row;
                            padding: 5px 15px;
                            background-color: black;
                            justify-content: center;
                            align-items: center;  
                            cursor: pointer;
                            transition: all .4s;
                            box-shadow: 0px 0px 15px 0px rgba(255,255,255,0);
                            transform:scale(0.7);
                            background-color: darkgreen;
                            background: rgb(0,100,0);
                            background: -moz-linear-gradient(top, rgba(70,100,70,1) 0%, #143214 100%);
                            background: -webkit-linear-gradient(top, rgba(70,100,70,1) 0%,rgba(20,50,20,1) 100%);
                            background: linear-gradient(to bottom, rgba(70,100,70,1) 0%,rgba(20,50,20,1) 100%);
                            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#466446', endColorstr='#143214',GradientType=0 );

                        }
                        div.downloadMediaElement svg{
                            fill: rgba(116, 180, 100, 1);
                            height: 15px;
                            width: 15px;
                            display: block;
                            margin-left: 4px;
                            transition: all .4s;
                        }                        
                        @media only screen and (max-width: 400px) {
                            div.mediefil a.downloadMediaElementWrapper{
                                display: none;
                            }
                        }
                            
						.mediaPlay{
							display:flex;
							justify-content: center;
							align-items: center;
							position: absolute;
							top:0;
							left:0;
							height: 100%;
							width: 100%;
						}
						
						.mediaPlay svg{height: 30px}
						
						.mediaPlay svg path{fill:white;transition: all .4s;}
						.mediefil.video:hover .mediaPlay svg path{fill:red;}
						
						.mediefil.video, .mediefil.bilde{
							position: relative;
						}
						
						.mediefil.video:hover .img{
							transition: opacity .2s, transform .2s, box-shadow .4s ease-in-out, filter 1.5s;
							opacity: 1;
							cursor: pointer !important;
							z-index: 50;
							transform: scale(1.05);
							-webkit-box-shadow: 	inset 0 0 30px #000000, 0 0 45px 0px rgba(100,100,100,1);
							-moz-box-shadow: 		inset 0 0 30px #000000, 0 0 45px 0px rgba(100,100,100,1);
							box-shadow: 			inset 0 0 30px #000000, 0 0 45px 0px rgba(100,100,100,1);
							filter:grayscale(15%);
						}						
					
						
						
						.medieelement:after{
						 display:none;
						}
						
						.medieelement{
							display:flex; 
							color:white;
							padding: 0px 25px 150px 25px;
							align-content: center;
							justify-content: center;
							flex-wrap: wrap;
							opacity: 1;
						}

						.mediefil .img {
							transition: opacity .2s, transform .8s, box-shadow .4s ease-in-out, filter .7s;
/*							opacity: .75;*/
							float: left;
							margin: 15px;
							border: 0px solid rgba(100,100,100,1);
							border-radius: 10px;
							width: 300px;
							height: 300px;
							box-sizing: border-box;
							background-size: cover;
							background-position: center;

							-webkit-box-shadow: 	inset 0 0 30px #000000, 0 0 10px 5px rgba(100,100,100,.4);
							-moz-box-shadow: 		inset 0 0 30px #000000, 0 0 10px 5px rgba(100,100,100,.4);
							box-shadow: 			inset 0 0 30px #000000, 0 0 10px 5px rgba(100,100,100,.4);
/*							filter:grayscale(60%);*/
						}
						
						.mediefil.bilde:hover .img{
							transition: opacity .2s, transform .2s, box-shadow .4s ease-in-out, filter 1.5s;
							opacity: 1;
							cursor: pointer !important;
							z-index: 50;
							transform: scale(1.05);
							-webkit-box-shadow: 	inset 0 0 30px #000000, 0 0 45px 0px rgba(100,100,100,1);
							-moz-box-shadow: 		inset 0 0 30px #000000, 0 0 45px 0px rgba(100,100,100,1);
							box-shadow: 			inset 0 0 30px #000000, 0 0 45px 0px rgba(100,100,100,1);
							filter:grayscale(15%);
						}
						
						.galleryImage{
							background-position: center;
							background-size: cover;
							border: 0px solid rgba(100,100,100,1);
							border-radius: 10px;
							position:fixed;
							display: block;
							z-index: 1000001;
							transform: all 2s;
							opacity: 1;
							box-sizing: border-box;
							-webkit-box-shadow: 	inset 0 0 30px #000000, 0 0 10px 5px rgba(100,100,100,.4);
							-moz-box-shadow: 		inset 0 0 30px #000000, 0 0 10px 5px rgba(100,100,100,.4);
							box-shadow: 			inset 0 0 30px #000000, 0 0 10px 5px rgba(100,100,100,.4);
							transition: box-shadow .4s, -moz-box-shadow .4s, -webkit-box-shadow .4s;
						}
						.galleryImage:hover{
							-webkit-box-shadow: 	inset 0 0 3px rgba(100,100,100,.6), 0 0 100px 5px rgba(100,100,100,.6);
							-moz-box-shadow: 		inset 0 0 3px rgba(100,100,100,.6), 0 0 100px 5px rgba(100,100,100,.6);
							box-shadow: 			inset 0 0 3px rgba(100,100,100,.6), 0 0 100px 5px rgba(100,100,100,.6);
						}
						
						.galleryBackplate {
							position:fixed;
							z-index: 1000000;
							width: 100vw;
							height: 100vh;
							display: block;
							top:0;
							background-color: rgba(15,15,15,0.95);
							opacity: 0;
						}
						
						.galleryBildetekst {
							width:100%; 
							bottom:8px;
							color: white;
							display: block;
							position: fixed;
							z-index: 1000002;
							text-align: center;
						}
						
						.galleryBildetekst .foto {
							font-size: 9px;
							padding-top: .2em;
							text-transform: uppercase;
							letter-spacing: .1em;
							opacity: .5;
						}
						.galleryDownload{
							width:100%; 
							left:0px;
							color: white;
							display: flex;
							position: fixed;
							z-index: 1000002;
							text-align: center;
							text-transform: uppercase;
							cursor:pointer;
							border-radius: 10px;
							justify-content: center;
							top:-50px;

						}
						.dlButton{
							width:auto;
							position: absolute;
							padding: 10px 50px 5px 50px;
							background: rgba(23,69,0,1.00);
							border-bottom-right-radius: 30px;
							border-bottom-left-radius: 30px;
							font-size: 16px;
							font-weight: 500;
							padding-top: .2em;
							text-transform: uppercase;
							letter-spacing: .1em;
							color:rgba(200,200,200,1);
							transition: all .2s;
							cursor: pointer;
							-webkit-box-shadow: 	inset 0 0 15px  12px rgba(10,37,8,1.00),inset 0 0 4px rgba(0,0,0,0.60), 0 0 15px 5px rgba(100,100,100,.6), 0 0 100px 5px rgba(100,100,100,.6);
							-moz-box-shadow: 		inset 0 0 15px  12px rgba(10,37,8,1.00),inset 0 0 4px rgba(0,0,0,0.60), 0 0 15px 5px rgba(100,100,100,.6), 0 0 100px 5px rgba(100,100,100,.6);
							box-shadow: 			inset 0 0 15px  12px rgba(10,37,8,1.00),inset 0 0 4px rgba(0,0,0,0.60), 0 0 15px 5px rgba(100,100,100,.6), 0 0 100px 5px rgba(100,100,100,.6);
							text-decoration: none;
						}
						
						.dlButton:hover {
							padding: 11px 50px 5px 50px;
							color:rgba(255,255,255,1.00);
							-webkit-box-shadow: 	inset 0 0 15px 7px rgba(17,40,0,1.00),inset 0 0 4px rgba(0,0,0,0.60), 0 0 7px 9px rgba(29,41,25,1.00), 0 0 100px 5px rgba(100,100,100,.6);
							-moz-box-shadow: 		inset 0 0 15px 7px rgba(17,40,0,1.00),inset 0 0 4px rgba(0,0,0,0.60), 0 0 7px 9px rgba(29,41,25,1.00), 0 0 100px 5px rgba(100,100,100,.6);
							box-shadow: 			inset 0 0 15px 7px rgba(17,40,0,1.00),inset 0 0 4px rgba(0,0,0,0.60), 0 0 7px 9px rgba(29,41,25,1.00), 0 0 100px 5px rgba(100,100,100,.6);
						}
						
						
						.dlButton svg {
							height: 15px;
							fill:white;
							padding-right: 15px;
						}
						
						@media only screen and (max-width: 600px) {
							
							.mediefil .img {
								transition: opacity .2s, transform .8s, box-shadow .4s ease-in-out, filter .7s;
								opacity: 1;
								float: left;
								margin: 15px;
								border: 0px solid rgba(100,100,100,1);
								border-radius: 10px;
								width: 120px;
								height: 120px;
								box-sizing: border-box;
								background-size: cover;
							}							

						}