/* program.css*/
		 
		 #program{
	display:block;
	width:100%;
	overflow:auto;
	overflow-y: hidden;
	height:110px;
	background-color:rgba(0,0,0,0.5);
	padding-left:170px;
}

#program>div{
	display:block;
}

#program>div>a{
	display:inline-block;
	width:160px;
	vertical-align:top;
	text-decoration:none;
	margin-right:5px;
	margin-left:5px;
	color:#FFF;
}

#program>div>a.active{
	box-shadow:0px 0px 4px rgba(255,255,255,0.5);
}

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


#program>div>a>span{
	display:block;
	padding:5px;
	width:100%;
	text-align:center;
}

#program>div>a>span:nth-child(1){
	display:block;
	height:60px;
	background-color:rgba(0,0,0,0.4);
	font-size:16px;
}

#program>div>a:hover>span:nth-child(1), #program>div>a.active>span:nth-child(1){
	height:70px;
}

#program>div>a.active{
	background-color:rgba(0,0,0,0.2);
}


#program>div>a>span:nth-child(2){
	height:40px;
	display:block;
}


#program .mkonsert>span>span{
font-size:80% !important;
display:block;
width:100%;
text-align:center;
}


#navlogo, #program #navlogo:hover{
background-color:rgba(0,0,0,0.95);
background-image:url(gfx/logokvit.png);
background-position:center center, left top;
background-size:95%,100%;
height:110px;
background-repeat:no-repeat;
margin-left:0px !important;
position:absolute;
left:0px;
top:0px;
color: #FFF;
}

#date{
	display:block;
	position:absolute;
	left:77px;
	top:4px;
	color:#000;
	z-index:999;
	font-size:20px;
	color:#CCC;

}

#program #navlogo:hover{
background-color:rgba(136,193,0,0.95) !important !important;	
}

#spanout{
	display:none;
	position:absolute;
	right:0px;
	top:0px;
	background-image:url(gfx/rollout.png);
	width:33px;
	height:107px;
}



#togproghide{
display:block;
position:fixed;
right:20px;
top:0px;
width:300px !important;
border:0px;

}

#tblprog span #togproghide{
border:0px solid #CCC !important;
}

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

#xross{
display:inline-block;
width:60px;
height:60px;
position:relative;
top:20px;
}

#xross>span{
height:5px;
width:100%;
background:rgba(255,255,255,0.6);
position:relative;
top:10px;
}

#xross>span:nth-child(1){
transform:rotate(45deg);
}
#xross>span:nth-child(2){
transform:rotate(-45deg);
top:5px;
}

#xrossLbl{
position:relative;
top:20px;
display:inline-block;
}

#togproghide:hover #xross>span{
background:rgba(255,255,255,0.9);
}


 #moblogo{
 display:none;
 }


 @media only screen and (max-width: 800px) {
 #program{
 display:none;
 }
 
 #moblogo{
 display:block;
 width:100%;
 height:160px;
 background-image:url(gfx/logokvit.png);
 background-position: center center;
 background-repeat:no-repeat;
 background-size: auto 80%;
 background-color:rgb(20,20,20);
 }
 
 
#date{
top:20px;
	left:20px;
}

#togproghide{
background:rgba(50,50,50,0.8);
width:100% !important;
margin:0px !important;
right:0px !important;
}

#tblprogc{
padding:0px !important;
padding-top:100px !important; 
}

 
}
 
 
 
		 
		 /* konsert.css*/
		 
		 .konsert{
	display:block;
	width:100%;
	padding:20px;
}

.konsert h1{
	font-size:473%;
	color:rgba(255,255,255,0.95);
transform: rotate(-3deg);
font-weight:normal;
margin-top:0px;
color:#c9dde4;
}

.konsert h1{
font-family: 'Licorice', cursive;
}

.konsert h1>span{
	font-size:40%;
	display:block;
	margin-top:-25px;
font-family: 'Raleway', sans-serif;
margin-left:20px;
}

.konsertxt{
	display:inline-block;
	width:50%;
	max-width:560px;
	font-size:16px;
	vertical-align:top;
	padding:20px;
}

.konsertimg{
	width:50%;
	display:inline-block;
	vertical-align:top;
	text-align:center;

}

.konsertimg img{
	max-width:100%;
	max-height:700px;
}

.artistar{
	display:block;
	background-color:rgba(0,0,0,0.1);
	padding:7px;
	margin-top:10px;
	margin-bottom:10px;
}

.artistar p{
	margin:0px;
}
		 
		 /* kampanje.css*/
		 
		 .kampanje{
	display:block;
	height:500px;
	width:100%;
	background-size:cover;
	background-position:center top;
	padding:20px;
	padding-top:350px;
	text-decoration:none;
	text-align:right;
	color:#FFF;
	text-shadow: 0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000,0px 0px 3px #000;
	font-size:130%;
		height:calc(100vh - 500px);
	min-height:500px;
}

.kampanje h2{
	margin:0px;
}
		 
		 /* startside.css*/
		 
		 #startme{
	display:block;
}

#mainstart,#feis{
	height:calc(100vh - 500px);
	min-height:500px;
}

#mainstart{
	display:inline-block;
	vertical-align:top;
	background-color:#CCC;
}

#mainstart h1{
	width:100%;
	text-align:center;
}

#feis{
	display:inline-block;
	vertical-align:top;
	text-align:left;
filter: grayscale(22%) contrast(80%);
}
#mob2Face{
display:none;
}

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

#mob2Face{
display:block;
width:100%;
background-color:#164354;
color:#FFF;
padding:6px;
text-align:center;
font-size:140%;
text-decoration:none;
}

}
		 
		 /* splash.css*/
		 
		 #startSplashC{
	display:block;
	position:absolute;
	left:0px;
	top:120px;
	max-width:500px;
	box-sizing:border-box;
	padding:20px;
	background-color:rgba(0,0,0,0.8);	
}

#startSplashC h2{
	font-weight:normal;
	font-size:100%;
	margin:0px;
	padding:0px;
	margin-bottom:10px;
	color:#CCC;
}

.startSplash{
	display:block;
	color:#FFF;
	margin-bottom:10px;
	width:200px;
	max-width:100%;
	font-size:150%;
	text-align:center;
	background-color:rgba(255,255,255,1);
	color:#3CF;	
	padding:20px;
	transition:0.4s all;
	text-decoration:none;
}

.startSplash:hover{
	background-color:#3CF;	
	color:#FFF;
}
		 
		 /* info.css*/
		 
		 .info{
	display:block;
	padding:20px;
	color:#333;
}

.infolink.active{
	background:none;
}

.infotxt{
	display:inline-block;
	width:500px;
	max-width:95%;
}

.infotxt a{
	color:#369;
}

.infotxt strong{
font-weight:600;
}

.info h2{
font-size:140%;
color:#666;
font-weight:300;
margin:0px;
padding:0px;
margin-top:30px;
}


@media  (min-width: 900px){
.infoBilde{
width:calc(100% - 550px);
height:calc(100vh - 110px);
position:fixed;
right:0px;
top:110px;
background-size:cover;
background-position:center center;
transition:0.4s all;
}

.infoBilde.scrolledDown{
top:0px;
height:100vh;
}
}

@media  (max-width: 899px){
.infoBilde{
width:100%;
height:calc(50vh);
display:block;
background-size:cover;
background-position:center center;
}

}
		 
		 /* konkurranse.css*/
		 
		 #konkurranseW{
display:block;
width:500px;
max-width:100%;
font-size:130%;
}

#konkurranseW label{
background:rgba(255,255,255,0.8);
box-shadow:0px 0px 5px rgba(0,0,0,0.1);
padding:10px;
margin:0px;
display:block;
margin-top:20px;
} 

#fetchFile{
height:1px;
width:1px;
opacity:0.01;
background:none;
padding:2px;
overflow:hidden;
}

#konkSelectImg{
display:block;
width:100%;
font-size:140%;
text-align:center;
padding-bottom:40px;
padding-top:40px;
background:#FFFF;
box-shadow:0px 0px 5px rgba(0,0,0,0.1);
text-decoration:none;
color:#01687C;
}

#konkurranseW label input[type=text]{
display:block;
box-sizing:border-box;
padding:5px;
background:none;
font-size:150%;
border:0px;
width:100%;
border-bottom:3px solid #CCC;
}

#konkurranseW label select{
width:100%;
font-size:120%;
padding:7px;
}

#konkSelected.selectedImg{
display:block;
width:100%;
padding:10px;
margin-bottom:20px;
text-align:center;
background:#01687C;
color:#FFF;
}

#konkSubmit{
display:block;
width:100%;
box-sizing:border-box;
padding:20px;
font-size:140%;
margin-top:20px;
margin-bottom:30px;
}



.konkimgPage{
display:block;
padding:20px;
text-align:center;
background:#333;
}

.konkImg img{
display:inline-block;
max-height:calc(100vh - 200px);
max-width:90%;
}

.konkImgAbout{
display:inline-block;
max-width:100%;
width:400px;
}




		 
		 /* content.css*/
		 
		 body{
height:100vh;
width:100%;
overflow:hidden;
}

#content{
	display:block;
overflow:hidden;
}

#content.konsert{
	background-color:rgba(0,0,0,0.6);
}

.#content.blurred{

}

#allContentW{
display:block;
width:100%;
position:absolute;
height:100vh;
overflow:auto;
transition:0.5s all;
}

#allContentW.blurred{
filter: blur(2px) brightness(10%) grayscale(40%);
background:rgba(0,0,0,0.9);
overflow:hidden;
}
		 
		 /* tblprog.css*/
		 
		 #tblprog{
	display:block;
	max-width:100%;
	position:fixed;
	right:0;
	top:0px;
	color:#FFF;
	text-align:center;
	z-index:9999;
	overflow:auto;
	padding:0px;
	min-width:26px;
}

#tblprog.open{
width:100%;
height:100vh;
}

#tblprog.open #tblprogc{
height:100vh;
background:#164354;
overflow:auto;
}

#tblprog span a{
	display:inline-block;
	width:48%;
	margin:1%;
	margin-bottom:4px;
	border:2px solid rgba(255,255,255,0.2);
	padding:4px;
	vertical-align:top;
	color:rgb(230,230,230);
	text-decoration:none;
}

#tblprog span a:hover{
	border:2px solid rgba(255,255,255,0.8);
	color:rgb(255,255,255);
}

#tblprog span a span{
	display:block;
}

#tblprogc{
	display:inline-block;
	padding:10px;
	width:100%;
	padding-top:80px;
	background-color:rgba(0,0,0,0.8);
}

#tblprog h2{
	margin:0px;
	margin-top:20px;
}

#tblprog h2:nth-child(1){
	margin-top:0px;
}

#tblprog span a span:nth-child(1){
	font-size:80%;
	color:#999;	
}

#togprog{
	display:block;
	position:relative;
	top:240px;
	background-color:rgba(0,0,0,0.8);
	width:300px;
	left:-140px;
	font-size:140%;
	padding-top:3px;
	margin-right:-276px;
	text-decoration:none;
}



 @media only screen and (max-width: 1000px) {
#tblprog span a{
margin-bottom:8px;
} 



 }
		 
		 /* hist.css*/
		 
		 .histyear{
	display:block;
	width:100%;
	margin-bottom:20px;
	background-color:rgba(0,0,0,0.05);
}

.histconcert{
	display:inline-block;
	background-color:rgba(255,255,255,0.8);
	padding:4px;
	width:190px;
	min-height:60px;
	vertical-align:top;
	margin:4px;
	text-align:center;
	padding-top:10px;

}

.histyear h2{
	font-weight:normal;
	font-size:20px;
	margin:0px;
}

.histyear h3{
	font-weight:normal;
	font-size:14px;
	margin:0px;
}

.shhistyear{
	display:block;
	background-color:#999;
	color:#FFF;
	text-decoration:none;
	text-align:center;
	padding:5px;
}

.shhistyear:hover{
	background-color:#666;
}

.btn{
	background-color:#597681;
	color:#FFF;
	text-decoration:none;
	padding:4px;
	border-radius:4px;
}

.btn:hover{
	box-shadow:0px 0px 4px #000;
}

.histartist{
	font-size:11px;
	color:#999;
}

.histartist p{
	margin:0px;
}
		 
		 /* sponsors.css*/
		 
		 #sponsors{
	width:100%;
	min-height:100px;
	background-color:#FFF;
	text-align:center;
	color:#999;
filter: grayscale(22%) contrast(70%) ;	
}


#sponsors>div{
	vertical-align:top;
}

#sponsors a{
	text-decoration:none;
	display:inline-block;
	margin:15px;
	vertical-align:top;
}

#sponsors>div.laug{
	padding-top:22px;
}

#sponsors>div.laug img{
	height:45px;
}

#sponsors>div.sponsors2{
	border-top:1px solid #999;
	padding-top:20px;
	margin-top:15px;
}

#sponsors>div.sponsors2 img{
	height:33px;
}

#sponsors>div.sponsors3 a{
color:#000;
}

#sponsors>div.sponsors3 a:hover{
border-bottom:1px solid #666;
}

#sponsors>div.sponsors4 img{
	height:33px;
}
		 
		 /* basic.css*/
		 
		 body,html{
	margin:0px;
padding:0px;
}

body{
	background-color:rgba(0,0,0,0.1);
	color:#FFF;
font-family: 'Fira Sans Extra Condensed', sans-serif;
font-family: 'Raleway', sans-serif;
font-weight:300;
/*
background-image:url(bgs/IMG_5444.jpg);
background-position:center top;
background-size:cover;
*/
font-size:16px;
//	image-rendering: pixelated;
}

img{
//	image-rendering: pixelated;
-ms-interpolation-mode: bicubic;
}

a{
	color:#CCC;
	outline:none;
	border:0px;
}

a,span,div,img,iframe{
box-sizing: border-box;
}

.day{
	display:inline-block;
	vertical-align:top;
	min-width:325px;
	text-align:center;
}

.day:nth-child(1){
	width:28%;	
}
.day:nth-child(2){
	width:53%;	
}

.day:nth-child(3){
	width:15%;
	min-width:150px;	
}



.day a{
	display:inline-block;
	width:150px;
	height:80px;
	text-decoration:none;
	padding:5px;
	padding-top:0px;
	background-color:rgba(0,0,0,0.6);
	margin:5px;
	margin-top:0px;
}

.day a:hover{
	background-color:rgba(255,255,255,0.8);
	color:#333;
	box-shadow:0px 0px 15px #FFF;
}

.day a h3{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	width:150px;
	height:80px;
	font-weight:normal;
}


.day a h3 span{
	display:block;
	width:100%;
	text-align:center;
	font-size:80%;
}

#proground{
	display:block;
	background-color:#164354;
	border-radius:150px;
	height:90px;
	padding-top:35px;
	text-align:center;
	font-size:100%;
	width:90px;
	position:fixed;
	right:3px;
	top:13px;
	color:#FFF;
	text-decoration:none;
}


 @media only screen and (max-width: 800px) {
 
 body{
 	font-size:16px;
 }
 
 }

		 
		 /* submenu.css*/
		 
		 #submenu{
	display:block;
	width:100%;
	text-align:center;
	filter: grayscale(0%) contrast(98%);
	background:#CCC;
}

#submenu a{
	display:inline-block;
	color:#FFF;
	padding:4px;
	background-color:rgba(0,0,0,0.3);
	border-right:2px solid #999;
	border-left:2px solid #999;
	font-size:20px;
	text-decoration:none;
}

#submenu a:hover{
	background-color:rgba(0,0,0,0.5);	
}

#submenu a.active{
	background:none;
	color:#000;
}