/**
 * @license
 * MyFonts Webfont Build ID 3050476, 2015-06-29T05:51:08-0400
 * 
 * The fonts listed in this notice are subject to the End User License
 * Agreement(s) entered into by the website owner. All other parties are 
 * explicitly restricted from using the Licensed Webfonts(s).
 * 
 * You may obtain a valid license at the URLs below.
 * 
 * Webfont: BrandonText-Bold by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/bold/
 * 
 * Webfont: BrandonText-RegularItalic by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/italic/
 * 
 * Webfont: BrandonText-Regular by HVD Fonts
 * URL: http://www.myfonts.com/fonts/hvdfonts/brandon-text/regular/
 * 
 * 
 * License: http://www.myfonts.com/viewlicense?type=web&buildid=3050476
 * Licensed pageviews: 10,000
 * Webfonts copyright: Copyright (c) 2012 by Hannes von Doehren. All rights reserved.
 * 
 * © 2015 MyFonts Inc
*/


/* @import must be at top of file, otherwise CSS will not work */
@import url("//hello.myfonts.net/count/2e8bec");

  
@font-face {font-family: 'BrandonText-Bold';src: url('../webfonts/2E8BEC_0_0.eot');src: url('../webfonts/2E8BEC_0_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2E8BEC_0_0.woff2') format('woff2'),url('../webfonts/2E8BEC_0_0.woff') format('woff'),url('../webfonts/2E8BEC_0_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonText-RegularItalic';src: url('../webfonts/2E8BEC_1_0.eot');src: url('../webfonts/2E8BEC_1_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2E8BEC_1_0.woff2') format('woff2'),url('../webfonts/2E8BEC_1_0.woff') format('woff'),url('../webfonts/2E8BEC_1_0.ttf') format('truetype');}
 
  
@font-face {font-family: 'BrandonText-Regular';src: url('../webfonts/2E8BEC_2_0.eot');src: url('../webfonts/2E8BEC_2_0.eot?#iefix') format('embedded-opentype'),url('../webfonts/2E8BEC_2_0.woff2') format('woff2'),url('../webfonts/2E8BEC_2_0.woff') format('woff'),url('webfonts/2E8BEC_2_0.ttf') format('truetype'); text-rendering: optimizeLegibility; }
 

@font-face {font-family: 'AuthenticSans'; src: url('/media/513616/authenticsans-90.otf'); format('opentype')}
@font-face {font-family: 'CoconatBold'; src: url('/media/513619/coconat-boldext.otf'); format('opentype')}
@font-face {font-family: 'CirrusCumulus'; src: url('/media/513618/cirruscumulus.otf'); format('opentype')}
@font-face {font-family: 'CapriolaRegular'; src: url('/media/513617/capriola-regular.ttf'); format('truetype')}
@font-face {font-family: 'BitterVariable'; src: url('/media/513620/bitter-variablefont_wght.ttf'); format('truetype')}

/* Go crazy with your own styles heres */

html, body {
    font-size:16px;
    color:#FFF;
    background:#000;
    height: 100%; 
    margin: 0px; 
    padding: 0px;
    font-family: "BrandonText-Regular", "Lato", sans-serif;
	overflow-x: hidden;
	line-height:1.6;
	
}

.authenticSans {
	font-family: 'AuthenticSans';
}
.coconatBold {
	font-family: 'CoconatBold';
}
.cirrusCumulus {
	font-family: 'CirrusCumulus';
}
.capriolaRegular {
	font-family: 'CapriolaRegular';
}
.bitterVariable {
	font-family: 'BitterVariable';
}
	
a {
    text-decoration:none;
	color:inherit;
}

.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.map_overlay {
	display:none;
	position: fixed;
	z-index:100;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,0.9);
}
	
	
	
.map_overlay .map_container {
    margin: 150px auto;
    width: 500px;
    height: 400px;
    padding: 10px;
    background-color: #FFF;
	position:relative;
}    

.map_overlay .map_container #map {
	width:100%;
	height:100%;
}		


/*** LOGO ***/
.logocontainer {
    width: 270px;
	height:75px;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;

	/* Firefox */
	-moz-transition: all 0.05s ease;
	/* WebKit */
	-webkit-transition: all 0.05s ease;
	/* Opera */
	-o-transition: all 0.05s ease;
	/* Standard */
	transition: all 0.05s ease;
	box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);	
	background-color: rgba(255,255,255,0.9);		
}

.logocontainer:hover,
.logocontainer:active {
	background-color:rgba(255, 255, 255, 1);	
}
		
.logocontainer.menu {
	box-shadow:none;
	background-color:rgba(255, 255, 255, 1);
	
}

.logocontainer .menutoggle_container {
    width: 55px;
    height: 50px;
}
	
.logocontainer .menutoggle {
    width: 20px;
    height: 20px;
    background-size: 100%;
    margin-right: 5px;
    cursor: pointer;
    position: absolute;
    left: 25px;
    top: 25px;
}

.logocontainer .menutoggle.show {
	background-image:url(/images/meny_svart.png);
}
			
.logocontainer .menutoggle.hide {
	background-image:url(/images/kryss_svart.png);
}			
			
.logocontainer .logo {
    position: absolute;
    right: 25px;
    top: 23px;
    height: 25px;
}

.logocontainer .logo img {
	height:100%;
}

/*** NEWSLETTER ***/
.newsletter {

    background-color: rgba(255,255,255,0.9);
    color: #000;
    padding: 15px;	

}

.newsletter input[type="text"] {
	
	border:none;	
	border-bottom:1px solid #000;
	width: 100%;
    outline: none;
    font-size: 28px;
	background:none;
}
	
.newsletter input[type="submit"] {	
	outline:none;
    border:none;
	color:#FFF;
    background: #000;
    width: 100%;
    padding: 4px;
    font-size: 20px;
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    text-transform: uppercase;
}
	
.newsletter input[type="submit"]:hover,
.newsletter input[type="submit"]:active {	
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
}	
		
#newsletter-thankyou {
    font-size: 32px;
    text-align: center;			
}
		
		
/*** SOCIAL SHARING ***/
.socialsharecontainer {

	
}

.socialsharecontainer a {
    width: 40px;
    height: 40px;
    background-size: 100%;
    display: inline-block;
    margin-right: 10px;
	border-radius:50%;
}


.socialsharecontainer a.facebook {
	background-image:url(/images/fb_hvit.png);
}

.innsikt .socialsharecontainer a.facebook {
	background-color:#000;
}

.socialsharecontainer a.facebook:hover,
.socialsharecontainer a.facebook:active{
	background-color:#3C5B97; 
}

.socialsharecontainer a.twitter {
	background-image:url(/images/twitter_hvit.png);
	 
}

.innsikt .socialsharecontainer a.twitter {
	background-color:#000;
}
				
.socialsharecontainer a.twitter:hover,
.socialsharecontainer a.twitter:active {
	background-color:#55ACEE;
}

 
	
/*** SEARCH RESULTS ***/
#searchresults {
    position: absolute;
    left: 270px;
    z-index: 10;
    border-left: 1px solid #EEE;
    height: 100%;
    border-right: 1px solid #EEE;
    overflow-x: hidden;
    overflow-y: auto;
    color: #000;
    top: 0;
    background-color: #FFF;
	display:none;
}

#searchresults_smallscreen {
	display:none;
}

#searchresults .closecontainer {
	display:none;
}

#searchresults .searchboxcontainer {
    background-color: #FFF;
    padding: 20px 15px 25px 15px;
    width: 500px;
}

#searchstring {
    outline: none;
    border: none;
    border-bottom: 2px solid #000;
    width: 100%;
    font-size: 21px;
	border-radius: 0;
}

#searchresults .result {
	position:relative;
	cursor:pointer;
	padding: 15px;	
	width:500px;
	border-top: 1px solid #EEE;
	background-color: rgba(255,255,255,0.98);
	/* Firefox */
	-moz-transition: all 0.05s ease;
	/* WebKit */
	-webkit-transition: all 0.05s ease;
	/* Opera */
	-o-transition: all 0.05s ease;
	/* Standard */
	transition: all 0.05s ease;
}

#searchresults .result:hover,
#searchresults .result:active {
	background:#EEE;
}

#searchresults .result a {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

#searchresults .result .type {
	text-transform:uppercase;
	font-size:80%;
}


#searchresults .result .title {
	font-size:20px;
	font-weight:bold;
}

#searchresults .noresults {
	padding: 15px;
    border-top: 1px solid #EEE;
}



/*** LEFT MENU ***/

.mainmenu {
  float: left;
  /* display: inline-block; */
  width: 220px;
  background: #FFF;
  overflow: auto;
  padding: 0 25px 25px 25px;
  position: fixed;
  top: 75px;
  bottom: 20px;
  z-index: 1;
  height: 100%;
  color: #000;
  font-family: "BrandonText-Regular";
	overflow:hidden;
	height:100%;
	opacity:1;
}

.mainmenu.hidden {
	/* Firefox */
	-moz-transition: all 1s ease;
	/* WebKit */
	-webkit-transition: all 1s ease;
	/* Opera */
	-o-transition: all 1s ease;
	/* Standard */
	transition: all 1s ease;	
	opacity:0;
}

.language_container {
    font-size:12px;
	margin-top: 12px;
	float:right;
}

.language_container .language_selector {
    cursor:pointer;
}

.language_container .language_selector.selected {
    text-decoration:underline;
}

.mainmenu a {
    color:#000;
	
}

    .mainmenu .element {
        text-transform:uppercase;
        font-weight:bold;
        margin-top:10px;
    }

    .mainmenu .element.active,
	.mainmenu .element:hover,
	.mainmenu .element:active {
		text-decoration:underline;
		cursor:pointer;
    }


    .mainmenu .logo {
        font-size:24px;
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-bottom: black 1px solid;
    }

.mainmenu .logo a.img { float: right; }

    .mainmenu .sponsors {
		position: absolute;
		bottom: 120px;
		left: 20px;
		right: 20px;
	    border-top: 1px solid #000;
    	padding-top: 15px;
    }

    .mainmenu .sponsors img {
        width: 100%;
    }

	.mainmenu .social_icons {
		margin-top: 25px;
		padding-top: 15px;
		border-top: 1px solid #000;
	} 

	.mainmenu .social_icons img {
		width: 25px;
		height: 25px;
		margin-right: 5px;
	} 

	.mainmenu .information {
		position:absolute;
		padding-bottom:10px;
		bottom:200px;
		font-size:14px;
	}

	.mainmenu .information .title {
		font-weight:bold;
		font-size: 16px;
	}
					

	.mainmenu .information .email {
		
	}


	.mainmenu .information .phone {
		text-transform:lowercase;
	}	

	.mainmenu .information .phone a {
		font-weight:bold;
	}

/*** MAIN CONTENT ***/

.maincontent,
.infocontent {
	z-index:10;
	position:relative;
	background-color: #000;
	/* Firefox */
	-moz-transition: all 0.25s ease;
	/* WebKit */
	-webkit-transition: all 0.25s ease;
	/* Opera */
	-o-transition: all 0.25s ease;
	/* Standard */
	transition: all 0.25s ease;
	overflow: auto;
	left: 0px;		
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

  	-webkit-overflow-scrolling: touch;
}

.maincontent.menu,
.infocontent.menu {
	left: 270px;	
}

.maincontent {
  /*
  width: 100%;
  height: 100%;
  border-left: 1px solid #3e3e3e;
  */
  position:absolute;
  border-left: 1px solid #3e3e3e;
  right: 0;
  bottom: 0;
  top: 0;
  overflow-y: hidden;
}

.maincontent .freewall {
	height:100%;
	position:relative;
	bottom:20px;
	top:0px;	
}

.maincontent .element {
	width:270px;
	height:270px;
    float: left;
    background-size:cover;
    cursor:pointer;
    border-bottom:1px solid #BABABA;
    border-right:1px solid #BABABA;
}

.maincontent .element.ForsideStort {
	width:540px;
	height:540px;
}
			
.maincontent .element.ForsideLite {
	width:270px;
	height:270px;
}			

    .maincontent .element a {
        color: #FFF;
    }

.maincontent .element.innsikt.ikkebakgrunn .bg {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;	
}

.maincontent .element .wrapper {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
}
	

.maincontent .element .wrapper .cover {
    background-color: rgba(0,0,0,0.1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
	z-index:1;
}

.maincontent .element.innsikt.ikkebakgrunn .wrapper:hover .ingress,
.maincontent .element.innsikt.ikkebakgrunn .wrapper:active .ingress {
	text-decoration:underline;
}
						
.maincontent .element.innsikt.ikkebakgrunn .cover,
.maincontent .element .cover:hover,
.maincontent .element .cover:active{
    background-color: rgba(0,0,0,0);
}


.maincontent .element .wrapper .info {
	background-color: rgba(0,0,0,0.6);
	padding: 5px 15px 15px 15px;
	position:absolute;
    bottom: 0px;
	z-index:10;
	left:0;
	right:0;
	line-height:1.2;
}

.maincontent .element .wrapper .title {
	font-size:28px;
}

.maincontent .element.ForsideStort .wrapper .title  {
	/*font-size:48px;	*/
}
					
.maincontent .element .wrapper .date {
	color: #BDBDBD;
	font-size:16px;
	display:none;
}
									
.maincontent .element.ForsideStort .wrapper .date  {
	/*font-size:28px;	*/
}

.maincontent .element .wrapper .category {
	color: #BDBDBD;
	font-size:16px;
}
										
.maincontent .element.ForsideStort .wrapper .category  {
	/*font-size:28px;		*/
}

.maincontent .element .wrapper .insightcategory {
	color: #BDBDBD;
	font-size:16px;
}
										
.maincontent .element.ForsideStort .wrapper .insightcategory  {
	/*font-size:28px;		*/
}	

.maincontent .element .wrapper .artist {
	display:inline-block;
	font-weight:bold;
	font-size:18px;
	color: #BDBDBD;

}
											
.maincontent .element.ForsideStort .wrapper .artist  {
	/*font-size:32px;		*/
}											








.maincontent .element.innsikt .wrapper .title {

}
					
.maincontent .element.innsikt .wrapper .ingress {
    position: relative;
    padding: 20px 20px 10px 20px;
}

.maincontent .element .wrapper .image_container {

}

.maincontent .element .wrapper .image_container img {
    max-width: 100%;
    height: auto;
}

.maincontent .element .wrapper img {
    max-width:100%; 
    width:100%;
    height: auto;
}


/*** TICKETINFO BOX ***/

.ticketinfobox {
	color:#000;
	width:350px;
	position:absolute;
	z-index:1;
    right: 180px;
    top: -10px;
	margin-bottom:50px;
	box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
	/* Firefox */
	-moz-transition: all 0.25s ease;
	/* WebKit */
	-webkit-transition: all 0.25s ease;
	/* Opera */
	-o-transition: all 0.25s ease;
	/* Standard */
	transition: all 0.25s ease;
	visibility:hidden;
	opacity:0;
}

.infoContainer .ticketinfobox {
    right: 255px;
    top: 0px;	
}

.ticketinfobox.visible {
	visibility:visible;
	opacity:1;	
}
	
.ticketinfobox > div {
	background:#FFF;
	padding:10px;
	cursor:pointer;
	border-bottom: 1px solid #000;
	position:relative;
	height: 75px;
}

.ticketinfobox > div:last-of-type {
	border-bottom:none;
}
		
.ticketinfobox > div a {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

.ticketinfobox > div a.phone {
	display:none;
}

.ticketinfobox > div:hover,
.ticketinfobox > div:active {
	background: #EEE;

}

.ticketinfobox .info {
	display:inline-block;
	float:left;
	width: 260px;
    margin-left: 15px;	
	text-align: left;
}

.ticketinfobox .title {
	font-weight:bold;
	display:inline-block;
	float:left;
}

.ticketinfobox .info .title .date,
.ticketinfobox .info .title .time {
	font-size:80%;
}
		
.ticketinfobox .text {
	clear:both;
	font-weight: normal;	
}


.ticketinfobox .icon {
	width:50px;
	height:50px;
	background-size:100%;
	float:left;
}
		

.ticketinfobox .ticket .icon {
	background-image:url(/images/print_svart.png);
}

.ticketinfobox .ticket .logo {
	height: 25px;
	float: right;
    margin-left: 10px;
}

	
.ticketinfobox .place .icon {
	background-image:url(/images/spillested_svart.png);
}

.ticketinfobox .covid .icon {
	background-image:url(/media/439189/iconmonstr-virus-13-64.png);
}
						
.ticketinfobox .group .icon {
	background-image:url(/images/grupper_svart.png);
}						
						
.ticketinfobox .contact .icon {
	background-image:url(/images/teaterkontakt_svart.png);
}						

.ticketinfobox .special .icon {
	background-image:url(/images/spesialbehov_svart.png);
}
															
/*** INFO CONTENT ***/

.infocontent {
  height: 100%;

	-webkit-backface-visibility: hidden;

	background-position:50%;
	background-size:cover;

}

.background {
	  height: 100%;	
}

.backgroundcover {
  position: fixed; 
  width: 100%;
}
	
img.backgroundcover {
  position: absolute; 
  top: 0; 
  left: 0; 
  right: 0; 
  margin: auto; 
  min-width: 50%;
  min-height: 50%;
  overflow-x: hidden;		
}
	
.backgroundoverlay {
	background: linear-gradient(transparent, #000);
    bottom: 0;
    left: 0;
    opacity: 0.5;
    position: absolute;
    right:0;
    top:0;
    z-index: 1;
}

.infocontent h2 {
	font-size: 32px;
	text-transform: uppercase;
}

.infobox {
    background-color: rgba(255,255,255,0.9);	
}

/*** RESIDENCIES ***/
.program.residencies {

}
		
.program.residencies .logo {
	width:320px;
	margin: 0 auto;
}	
	
.program.residencies .logo img {
	width:100%;
}

.program.residencies .info {
	margin-bottom: 50px;
}

.program.residencies .info .title {
	font-size:28px;
}
						
.program.residencies .text {
	text-align:justify;
}

/*** FESTIVAL ***/
.program.festival {

}
	
.program.festival .festivallogo {
	width:320px;
	margin: 0 auto;
}	
	
.program.festival .festivallogo img {
	width:100%;
}

.program.festival .festivalinfo {
	margin-bottom: 50px;
}

.program.festival .festivalinfo .period {
	font-size:28px;
}

.program.festival .festivalinfo .title {
	font-size:28px;
}
						
.program.festival .companies {
	text-align:justify;
}

.program.festival .header,
.program.festival .element,
.program.festival .element.odd,
.program.festival .element.even {
	background-color: #211da6;
	color:#FFF;
}

.program.festival .header {
	margin-bottom:2px;	
}

.program.festival .element.active {
	background-color: #5752FF;	
}

.program.festival .element {
	
}

/*** ARRANGEMENT ***/

.eventinfo {
  position: absolute;
  z-index: 3;
  top: 40%;
  left: 50px;
}
	
.eventinfo .header {
	margin-bottom:25px;		
}		
		
.eventinfo .header .over {
	font-size:40px;				
}
			
.eventinfo .header .under {
	font-size: 60px;
}
	
.eventinfo .header .companyContainer {

}	
			
.eventinfo .header .companyContainer .company {
	display:inline-block;
	max-width:700px;
}	
					
.eventinfo .header .companyContainer .country {
	display:inline-block;
	font-size:initial;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 10px;
}

.eventinfo .description {
	display:inline-block;
	width: 600px;
	margin-right:50px;
	float:left;
	padding-bottom: 50px;
}
		
.eventinfo .description p:first-of-type {
	margin-top:0;
}

.eventinfo .description .ingress {
	margin-bottom:25px;
    margin-top: 25px;
}
			
.eventinfo .description .text {
}
						
.eventinfo .description .text p:first-of-type {
	margin-top:0;				
}	
		
.eventinfo .infoContainer {
	display:inline-block;
	width: 250px;
	color: #000;
	vertical-align:top;
	position:relative;
}

.eventinfo .infoContainer .ticketbox {
	background-color: rgba(255,255,255,0.9);		
}
							
.eventinfo .infoContainer .ticketbox,
.eventinfo .infoContainer .infobox {
	margin-bottom:25px;
	padding: 10px 25px 10px 25px;
}							

.eventinfo .infoContainer .ticketbox {
	font-weight:bold;
	cursor:pointer;
}

.eventinfo .infoContainer .ticketbox:hover,
.eventinfo .infoContainer .ticketbox:active {
	background:#FFF;
}

.eventinfo .infoContainer .ticketbox .logo {
    height: 20px;
    float: right;
}
			
.eventinfo .infoContainer .infobox {
	padding:25px;
}
															
.eventinfo .infoContainer .infobox .datetimes {
	margin-bottom:25px;
}
																			
.eventinfo .infoContainer .infobox .map {
	margin-bottom:25px;
	text-decoration:underline;
	cursor:pointer;
}																				

.eventinfo .infoContainer .infobox .title {
	font-weight:bold;
}
															
.eventinfo .infoContainer .infobox .value {

}

.eventinfo .infoContainer .infobox .datetimes {

}
				
.eventinfo .infoContainer .infobox .datetimes .date {
	font-weight:bold;
}
									
.eventinfo .infoContainer .infobox .datetimes .time {

}
				
.eventinfo .infoContainer .infobox .datetimes .finished {

}
									
.eventinfo .infoContainer .infobox .datetimes .upcoming {

}									

.eventinfo .map_container {
	display:none;
}															


/*** GALLERY ***/
#imageGallery {
	margin-top:20px;	
}

#imageGallery .thumb {
	display:inline-block;
	cursor: pointer;
}

#imageGallery .thumb img {
	border: 1px solid #EEE;
}

		

/*** PROGRAM, oversikt ***/

.program {	
    width: 950px;
	position: absolute;
    z-index: 3;
    top: 10%;
    left: 50px;
	margin-bottom:500px;
}

	.program .seasonselecttrigger {
		cursor:pointer;
	}

	.program h2 {
		display:inline-block;
	}
	
	.program .arrow {
		display:inline-block;
		background-image: url(/media/1409/triangle-white.png);
		background-size: 100%;
		width: 22px;
		height: 22px;
		-moz-transition: all 0.25s ease;
		-webkit-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;	
		margin: 0 0 0 15px;		
	}
			
	.program .arrow.selected {
		transform: rotate(90deg);
	}

	.program .loader {
		background-image: url(/media/1407/loader1.gif);
		background-size: 100%;
		width: 150px;
		height: 4px;
		margin: 0 auto;
		display:none;
	}

	.program .seasonselections {
	    background: #000;
    	background: rgba(0,0,0,0.7);
		padding: 15px 30px 15px 30px;
		margin-top: -15px;
		display:none;
	}
		
	.program .seasonselections .seasonselection {
		padding: 10px 30px 10px 0px;
		cursor: pointer;
		display: inline-block;
	}

	.program .seasonselections .seasonselection.selected,
	.program .seasonselections .seasonselection:hover,
	.program .seasonselections .seasonselection:active {
		text-decoration:underline;
	}
									
	.program .nocontent {
		font-size: 20px;
    	background: #000;
    	background: rgba(0,0,0,0.7);
		text-align:center;
	}										

	.program.innsikter > h2 {
		text-transform:uppercase;
	}

	.program .header,
	.program .element
	{
		color:#000;
		background-color: rgba(255,255,255,0.95);
	}



	.program .element.even
	{
		background-color: rgba(255,255,255,0.92);
	}

	.program .element.odd
	{
		background-color: rgba(255,255,255,0.95);
	}


	.program .header .event {
		width:480px;	
	}

	.program .element a {
		position: absolute;
		z-index: 3;
		top: 0;
		left: 0;
		right:0;
		bottom:0;
	}
	.program .element.active {
		background-color: rgba(255,255,255,0.99);
	}

	.program .element .event {
		max-width:500px;	
	}					

	.program .element .info.smallscreen {
		display:none;	
	}
	.program .category {
		width:125px;
	}
											
	.program .time {
		width:150px;
	}
														
	.program .tickets {

	}	
		
	
	.program .header {
		font-size:12px;
		height:25px;
		text-transform: uppercase;
		line-height:2;
		font-weight:bold;
	}
			
	.program .header > div {
		display:inline-block;
	}
					
	.program .header .event {
		margin-left: 30px;		
	}					

	.program .header .category {
		margin-left: -30px;
	}
											
	.program .header .time {

	}
														
	.program .header .tickets {

	}						
		

    .program .element {
		min-height:82px;
		border-bottom: 1px solid #E7E7E7;
	    position: relative;
    }

    .program .element > div {
		display: inline-block;
    }

    .program .element .event {
	
    }
			
    .program .element .event .imagecontainer {
		display: inline-block;
		width:74px;
		height:74px;
		margin: 4px 0 4px 4px;
    }
							
    .program .element .event .imagecontainer img {
		height:100%;
		width:100%;
    }
											
    .program .element .event .title {
		display: inline-block;
		vertical-align: bottom;
		margin-bottom: 10px;
		margin-left: 20px;
		width:380px
    }	

    .program.innsikter .element .event .title {
		display: inline-block;
		vertical-align: top;
		margin-top:10px;
		margin-left: 20px;
		width:380px
    }

    .program .element .event .title .over {
    }

    .program .element .event .title .under {
		text-transform: uppercase;
		font-weight:bold;
									
    }

    .program.innsikter .element .event .title .under {
		text-transform: none;
		font-weight:initial;
									
    }
			
    .program .element .category {
		vertical-align: bottom;
		margin-bottom: 25px;	
    }

	.program.innsikter .element .category {
		vertical-align: top;
		margin-top: 10px;
	}
						
    .program .element .time {
		vertical-align: bottom;
		margin-bottom: 25px;	
    }

	.program.innsikter .element .time {
		width: 180px;
		vertical-align: top;
		margin-top: 10px;
	}

    .program .element .time .date {
		font-weight:bold;
    }
			
    .program .element .time .datetime {
	
    }

	.program.innsikter .time .author {
		
    }
				
	.program.innsikter .time .author .by {
		text-transform: lowercase;
    }
									
    .program .element .tickets {
	  	margin-bottom: 25px;
	  	vertical-align: bottom;	
		position: relative;
		z-index: 4;
	    width: 165px;
	    text-align: center;
    }

	.program.innsikter .element .readmore {
		margin-top: 25px;
		margin-right: 10px;
		float: right;
    }



    .program .element img {        
        height:100%;
    }


/*** INNSIKT, oversikt ***/
.innsikter {
    position: absolute;
    top: 10%;
    left: 50px;
	width: 90%;
}
	
	.innsikter h2 {
		text-transform:uppercase;
		color:#FFF;
	}

	.innsikter .ingress {
		max-width: 500px;
		color:#FFF;
	}
	
	.innsikter .freewall {
		width:100%;	
	}

    .innsikter .element {   
        background:#000;
		width:270px;
		height:270px;
		display:inline-block;
		position:relative;
		box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		/* Firefox */
		-moz-transition: all 0.1s ease;
		/* WebKit */
		-webkit-transition: all 0.1s ease;
		/* Opera */
		-o-transition: all 0.1s ease;
		/* Standard */
		transition: all 0.1s ease;	
    }

    .innsikter .element:hover,
	.innsikter .element:active {   
		
		box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.19), 0 8px 17px 0 rgba(0, 0, 0, 0.2);
    }


    .innsikter .element.bred {
		background:#FFF;
		color:#000;
		width:575px;
    }

	.innsikter .element .bg {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}

	.innsikter .element .cover {
		background-color: rgba(0,0,0,0.5);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index:2;
	}

	.innsikter .element.bred .cover,
	.innsikter .element.utenbilde .cover
	{
		background:none;
	}
						
	.innsikter .element .coverlink {
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index:3;
	}

    .innsikter .element .imagecontainer {       
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
    }

    .innsikter .element.utenbilde .imagecontainer {       
		display:none;
    }
			
    .innsikter .element .imagecontainer img {       
		width:100%;
    }

    .innsikter .element.bred .imagecontainer img {       
		width:100%;
    }

    .innsikter .element .content {        
    position: absolute;
    padding: 20px;
    z-index: 2;
    /* height: 100%; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    }
	
	.innsikter .element.bred .content {        
		position: relative;
		padding:20px;
		z-index:2;
		width:260px;
		height: 210px;
		float:right;
    }

    .innsikter .element .content .title {        
		font-size:20px;
    }
				
	.innsikter .element .content .ingress {  
    }		
				

/*** INNSIKT ***/
.article {
  position: absolute;
  z-index: 3;
  top: 10%;
  left: 50px;
  width:650px;
}

.article.innsikt {
	color:#000;
	position: initial;
    margin: 0 auto;
	width: 650px;
    background-color: #FFF;
    padding: 50px;
}

.article .imagecontainer {
    width: 750px;
    margin-left: -50px;
}

.article .imagecontainer img {
	width:100%;	
}
		
.article .ingress {
	font-weight:bold;
}
				
.article .published {
	font-size:85%;
}
						
.article .author {
	font-size:85%;
	margin-bottom: 20px;
}
	
.article .header {
	margin-bottom:25px;	
}		
		
.article .header .over {
	font-size:40px;				
}
			
.article .header .under {
	font-size: 60px;
}
	
.article .header .companyContainer {

}	
			
.article .header .companyContainer .company {
	display:inline-block;
}	
					
.article .header .companyContainer .country {
	display:inline-block;
	font-size:initial;
	vertical-align: top;
	margin-top: 20px;
	margin-left: 10px;
}

.article .description {
	display:inline-block;
	width: 600px;
	margin-right:50px;
}
		
.article .description p:first-of-type {
	margin-top:0;
}

.article .description .ingress {
	margin-bottom:25px;
}
			
.article .description .text {
}
						
.article .description .text p:first-of-type {
	margin-top:0;				
}	
		
.article .infoContainer {
	display:inline-block;
	width: 250px;
	color: #000;
	vertical-align:top;
}
							
.article .infoContainer > div {
	background: #FFF;
	margin-bottom:25px;
	padding: 10px 25px 10px 25px;
}							

.article .infoContainer .ticketbox {
}
			
.article .infoContainer .infobox {
	padding:25px;
}
															
.article .infoContainer .infobox .datetimes {
	margin-bottom:25px;
}
																			
.article .infoContainer .infobox .map {
	margin-bottom:25px;
	text-decoration:underline;
	cursor:pointer;
}																				

.article .infoContainer .infobox .title {
	font-weight:bold;
}
															
.article .infoContainer .infobox .value {

}

.article .infoContainer .infobox .datetimes {

}
				
.article .infoContainer .infobox .datetimes .date {
	font-weight:bold;
}
									
.article .infoContainer .infobox .datetimes .time {

}
				
.article .infoContainer .infobox .datetimes .finished {

}
									
.article .infoContainer .infobox .datetimes .upcoming {

}									

.article .map_container {
	display:none;
}	


/*** PROVEROMMET ***/

.eventinfo.proverommet {
	top:100px;
	padding: 110px 0;
}
	
.eventinfo.proverommet h2 {
		
}

.eventinfo.proverommet .logo {
	width:320px;
	position: absolute;
    bottom: 0;
    right: 0;
}	
	
.eventinfo.proverommet .logo img {
	width:100%;
}
		
.eventinfo.proverommet .header {
		
}		
		
.eventinfo.proverommet .description {
	padding-bottom: 100px;
}
			
.eventinfo.proverommet .description .text {
}
						
.eventinfo.proverommet .description .text p:first-of-type {
	margin-top:0;				
}	
		
.eventinfo.proverommet .infoContainer {

}
							
.eventinfo.proverommet .infoContainer > div {

}							

.eventinfo.proverommet .infoContainer .ticketbox {
}
			
.eventinfo.proverommet .infoContainer .infobox {

}
															
.eventinfo.proverommet .infoContainer .infobox .datetimes {
	margin-bottom:25px;
}
																																					

.eventinfo.proverommet .infoContainer .infobox .title {
	font-weight:bold;
}
															
.eventinfo.proverommet .infoContainer .infobox .value {

}

.eventinfo.proverommet .infoContainer .infobox .hashtag {
	font-weight:bold;
}

.eventinfo.proverommet .infoContainer .infobox .datetimes {
	font-weight:bold;
}

.eventinfo.proverommet .infoContainer .infobox .datetimes a:hover,
.eventinfo.proverommet .infoContainer .infobox .datetimes a:active{
	text-decoration:underline;
}
				
.eventinfo.proverommet .infoContainer .infobox .datetimes .date {
	font-weight:bold;
}
									
.eventinfo.proverommet .infoContainer .infobox .datetimes .time {

}
				
.eventinfo.proverommet .infoContainer .infobox .datetimes .finished {

}
									
.eventinfo.proverommet .infoContainer .infobox .datetimes .upcoming {

}									

.eventinfo.proverommet .map_container {

}

/*** KLIKKBAR INFOBOKS ***/

.clickableInfobox {
	background: #EEE;
	width:500px;
	color: #000;
	cursor:pointer;
	margin-top: 25px;
}

.eventinfo .clickableInfobox {
	width:100%;
}
	
.clickableInfobox .row {
	position:relative;
	border-bottom: 1px solid #000;	
}

.clickableInfobox .row.active,
.clickableInfobox .row:hover,
.clickableInfobox .row:active
{
	background:#FFF;
}
		
.clickableInfobox .row .title {
	padding: 10px 30px 10px 30px;
}

.clickableInfobox .row .title p {
	margin:0;
}

.clickableInfobox .row .arrow {
  position: absolute;
  right: 10px;
  top: 20px;
  margin-top: -8px;
  background-image: url(/media/1064/triangle.png);
  background-size: 100%;
  width: 16px;
  height: 16px;
	/* Firefox */
	-moz-transition: all 0.25s ease;
	/* WebKit */
	-webkit-transition: all 0.25s ease;
	/* Opera */
	-o-transition: all 0.25s ease;
	/* Standard */
	transition: all 0.25s ease;
}

.clickableInfobox .row.active .arrow {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}

			
.clickableInfobox .row .content {
	display:none;
	cursor:initial;
	padding: 0px 30px 0px 30px;

}

/*** ANSATTE ***/
.employeescontainer {
			
}
	
.employeescontainer .employee {
	width: 245px;
	display:inline-block;
    vertical-align: top;
    margin-right: 10px;	
}

.employeescontainer .employee .imagecontainer {
	width: 100%;	
	margin-left: 0;
}

.employeescontainer .employee .imagecontainer img {
	width: 100%;	
}

.employeescontainer .employee .namecontainer {
	font-size: 150%;
}    
					
.employeescontainer .employee .textcontainer {
			
}					
			
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
	
	

/*** BUTTONS ***/

.button {
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	padding: 5px 10px 5px 10px;
	cursor:pointer;
	position:relative;
}
	
.button.black {
	color:#FFF;
	background:#000;
}

.button.black:hover {
	background:#2A2A2A;	
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */