/*
	Site design & kode by We Make
			www.wemake.no
*/

/*---------- CSS RESET ----------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var 
{font-style:normal; font-weight:normal;}ol,ul{ list-style:none;}caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;}*{outline: none;}
	
	
/*---------- MAIN CSS ----------*/

@font-face {
	font-family: 'EdGothic';
	src: url('fonts/Ed-Gothic.eot');
	src: local('Ed Gothic'), local('Ed-Gothic'), url('fonts/Ed-Gothic.woff') format('woff'), url('fonts/Ed-Gothic.otf') format('opentype'), url('fonts/Ed-Gothic.svg#Ed-Gothic') format('svg');}

body {
	background-color: #25211d;
	color: #fafafa;
	font-size: 14px;
	font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif ;
	letter-spacing: 0.05em;
	}

a, a:visited {color: #fff;text-decoration: none;}

h1 {font-family: 'EdGothic';font-size: 66px;line-height: 1em;text-transform: uppercase;margin-bottom: 20px;letter-spacing: .08em;}
h2 {font-family: 'EdGothic';font-size: 36px;text-transform: uppercase;padding-bottom: 10px;}
h3 {font-family: 'EdGothic';font-size: 20px;text-transform: uppercase;}
h4 {font-size: 34px;text-transform: uppercase;}

#header {height: auto;background: #25211d url('images/bg.png') top center repeat;}
#billett {height: auto;background: #9d2755 url('images/bg.png') top center repeat;}
#frivillig {height: auto;background: #3697c3 url('images/bg.png') top center repeat;}
#nyheter {min-height: 600px;height: auto;background: #ea702c url('images/bg.png') top center repeat;}
#footer {height: 20px;padding: 50px;background: #25211d url('images/bg.png') top center repeat;}

/*------ CLASSES ----------*/

.hrshadow{height: 40px;background: transparent url('images/hr-shadow.png') no-repeat bottom center;}
.content {width: 960px;padding: 0;margin: 0 auto;}
.maincontent { padding: 60px 0 0 0; height:auto;overflow:visible;}
.clear { clear: both;}
.left {	float: left;}
.right {float: right;}
.center {text-align: center;margin-left: auto;margin-right: auto;}
.onecolumn {width: 300px;margin: 20px 0;}
.twocolumn {width: 640px;}
.small {font-size: .65em;}
.blue:hover {background: #3697c3;}
::selection {background: yellow;color: #202020;}
::-moz-selection {background: yellow;color: #202020;}
.button, .button:visited {
	margin-top: 10px;
	display: block;
	padding: 6px 8px;
	width: 150px;
	background: #fafafa;
	color: #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	text-align: center;
	border-bottom: none;
	font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif ;
	text-transform: uppercase;}
.button:hover {background: #9d2755;color: #fafafa;border-bottom: none;}
a#wemake {background:url('images/sprite-wemake-logo.png') no-repeat left top;border: none;display:block;height:26px;text-indent:-9999px;width:129px;}
a#wemake:hover{background-position: left bottom;}


.regday, .regmonth, .regyear{
	width:100px;
}

.artist_linker {
	padding-top: 20px;
}

.artist_bilde{
	width: 700px;
	height: 200px;
	padding-bottom: 40px;
}

.spar-180 {
	display: block;
	height: 73px;
	width: 73px;
	background: url('images/spar-180.png') no-repeat;
	position: absolute;
	margin-top: -110px;
	margin-left: 230px;
}

.spar-85 {
	display: block;
	height: 73px;
	width: 73px;
	background: url('images/spar-85.png') no-repeat;
	position: absolute;
	margin-top: -110px;
	margin-left: 230px;
}


/*---------- HEADER ----------*/
#header-logoartist {height: 380px;}
#header .maincontent {padding: 0 0 10px 0;}
#headerlogo {display: block;width: 532px;height: 469px;float: left; margin-top:-63px;}
#headercontent {width: 960px;float:left;padding:60px 0 0 0;background:url('images/headersocial.png') no-repeat;}
#headerleft {width:500px;float:left;padding-top: 20px;border-top:2px solid #fafafa;}
#headerright {width: 360px;float:right;padding-top: 20px;border-top:2px solid #fafafa;}

#headerartists {height: auto; float:right;margin-top:30px;width:420px;}
#headerartists li{display: block;padding-right: 5px;font-family: 'EdGothic';font-size: 26px;line-height:36px;text-transform:uppercase;letter-spacing:0.05em;}
#headerartists .pri1 {font-size: 78px; color: #fafafa;line-height:70px;}
#headerartists .pri2 {font-size: 50px; line-height: 46px;}
#headerartists .pri1 a:hover, #headerartists .pri2 a:hover{color:#9d2755;}
#headerartists .button {background:#fafafa;}
#headerartists .button:hover {background:#9d2755;color:#fafafa;}

#headersocial {width: 160px;float:left;margin:0;padding:0;border-top:1px solid #505050;float:left;margin-right:35px;padding-top:20px;}
#headersocial h1 {display: block;text-transform: none;font-size: 60px;float: left;padding: 10px 10px 20px 20px;}
#headercontent #headersocial {float: left;}
.headertext {display: block;margin: 16px 0 0 0;font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif;font-size: 11px;line-height: 14px;}

.twitter a{font-size:12px;display:block;color:#404040;width:135px;height:19px;background:url('images/icon-twitter.jpg') no-repeat;padding:12px 0 8px 35px;opacity:.5;margin-bottom:10px;text-indent: -9999px;}
.facebook a{font-size: 12px;display: block;width: 135px;height: 19px;background: url('images/icon-facebook.jpg') no-repeat; padding: 12px 0 8px 35px;opacity:.5;margin-bottom:10px;text-indent: -9999px;}
.spotify a{font-size: 12px;display: block;width: 135px;height: 19px;background: url('images/icon-spotify.jpg') no-repeat; padding: 12px 0 8px 35px;opacity:.5;text-indent: -9999px;}

.twitter a:hover {opacity:1;}
.facebook a:hover {opacity:1;}
.spotify a:hover {opacity:1;}

#headernews {float:right;width:370px;border-top:1px solid #505050;padding-top:20px;}
#headernews li{font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif;margin: 0 0 10px 0;padding: 0px;}
#headernews li p {font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif;font-size: 14px;}
#headernews a:hover {
	border-bottom: 1px solid #fafafa;
}
#twitterSearch {
	display: block;
	width: 360px;
	height: auto;
	margin: 0 30px 0 0;
	float: left;
}

.tweet {
	display: table;
	margin-bottom: 10px;
	padding: 5px;
	height: auto;
	width: 350px;
	background: rgba(255,255,255,0.2);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
}

.text {
	width: 285px;
	float: right;
	margin: 0;
	height: auto;
	font-size: 12px;
}

.tweet img {
	float: left;
	margin-right: 5px;
}

#tweets {
	border-top:1px solid #505050;
	float:left;
	margin-right:35px;
	padding-top:20px;
	width: 360px;
}




/*---------- PARTNERE ----------*/

#mainsponsor{
	float: left;
	width: 385px;
	height: 260px;
	text-align: center;
	padding: 0 0 15px 0;
	background: url('images/samarbeidspartnere-bg.png') no-repeat left bottom;
}

#sponsor{
	float: right;
	width: 440px;
	height: 300px;
	text-align: center;
	padding: 0 0 15px 0;
}

#mainsponsor ul, #sponsor ul {font-size: 12px;}
#mainsponsor ul li, #sponsor ul li{
	display: block;
	float: left;
	margin-right: 1px;
	height: auto;
	width: auto;
	font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif;
	font-size: 10px;
	color: #aaa;
	opacity: 0.2;
	padding: 0px 8px 10px 8px;
	vertical-align: text-bottom;
}

#mainsponsor ul li:hover, #sponsor ul li:hover {opacity: 1;}


/*---------- BILLETT ----------*/


#billett {
	font-size: 26px;
}

#billett h1 {
	font-size: 46px;
}
#fredag {
	width: 400px;
	float: left;
	font-size: 38px;
	background: transparent url('images/bg-black-5per.png');
	background: rgba(0,0,0,0.05);
	padding: 40px 20px 40px 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

}


#lordag {
	width: 400px;
	float: right;
	font-size: 38px;
	background: transparent url('images/bg-black-5per.png');
	background: rgba(0,0,0,0.05);
	padding: 40px 20px 40px 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}


.bestillbillett h1 {
	font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif ;
	letter-spacing: .02em;
	text-transform: none;
	margin-bottom: 0px;
}

.bestillbillett {
	margin: 0 auto;
	display: inline;
}

.bestillbillett a p {
	font-size: 14px;
}

.bestillbillett a {
	width: 280px;
	background: #f5f5f5;
	padding: 20px 10px;
	margin: 10px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	text-decoration: none;
	text-align: center;
	color: #9d2755;
	border-bottom: none;
	float: left;
	font-size: 20px;
	line-height: 1.2em;
}

.bestillbillett a:hover{
	background: #fafafa;
	color: #404040;
	border-bottom: none;
	-moz-box-shadow: 0px 0px 5px #202020;
	-webkit-box-shadow: 0px 0px 5px #202020;
}

.bestillbillett a:active{
	background: #fff;
	-moz-box-shadow: 0px 0px 5px #fafafa;
	-webkit-box-shadow: 0px 0px 5px #fafafa;
	
}

.bestillbillett h4{
	font-size: 26px;
}

.top {
	text-align: center;
}

.bottom {
	text-align: center;
	margin-bottom: 30px;
}
#fredag a {
	z-index: 1;
}


#fredag a:hover, #lordag a:hover {
	background: transparent url('images/anchor.png') no-repeat left;
	padding: 0 0 0 20px;
	margin-left: -20px;
	z-index: -1;
}

#fredag a:active, #lordag a:active {
	background: transparent url('images/anchor.png') no-repeat left;
	padding: 0 0 0 22px;
	margin-left: -20px;
	z-index: -1;
}


/*---------- FRIVILLIG ----------*/
#frivillig p {
	font-family: 'EdGothic';
	font-size: 30px;
	line-height: 1.15em;
	letter-spacing: .03em;
}

#frivillig .small {
	font-size: 20px;
	margin: 10px 0 0 0;
	letter-spacing: 0.05em;
}
.frivillighuge {
	display: block;
	width: 960px;
	height: 147px;
	background: url('images/frivillig-header.png') no-repeat;
	text-indent: -9999px;
	margin-bottom: 20px;
}
.frivilligboble {
	display: block;
	width: 294px;
	height: 108px;
	background: transparent url('images/frivillig-arrow.png') no-repeat;
	color: #3697c3;
	float: left;
	font-family: 'EdGothic';
	font-size: 30px;
	padding: 15px 30px 10px 15px;
	overflow: hidden;
	line-height: 1.15em;
}
.black {
	color: #000;
}

.frivilligkolonne1 {
	width: 370px;	
	height: auto;
	float: left;
	font-size: 28px;
	letter-spacing: 0.03em;
	font-family: 'EdGothic';
	line-height: 1.4em;
	
}

.frivilligkolonne2{
	width: 570px;
	float: right;
	height: auto;
}


/*---------- REGISTRERINGSSKJEMA ----------*/

#regskjema {
	width: 920px;
	height: 500px;
	height: auto;
	background: url('images/bg-white-10per.png');
	background: rgba(255,255,255,0.1);
	padding: 40px 20px 20px 20px;
	color: black;
	margin-top: 20px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-size: 28px;
}

.regskjema1 {
	display: block;
	width: 440px;
	float: left;
	padding: 0 20px 0 0;
	font-size: 18px;
	color: #fff;
	letter-spacing: .05em;
	text-transform: uppercase;
}
.regskjema2 {
	display: block;
	width: 440px;
	float: right;
	padding: 0 0 0 20px;
	font-size: 18px;
	color: #fff;
	letter-spacing: .03em;
	text-transform: uppercase;
}

.regskjema3 {
	padding: 20px 0 0 0;
	color: #FFF;
}

.btreg {
	width: 346px;
	height: 102px;
	display: block;
	padding: 0;
	background: url('images/btreg_bg.png') no-repeat;
	text-indent: -9999px;
	color: #fafafa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: none;
	cursor: pointer;
	opacity: 0.9;
}

.btreg:hover {
	opacity: 1;
}



/*---------- NYHETER ----------*/

#nyhetsliste h1{
	font-size: 2em;
	margin-bottom: 10px;
} 

#nyhetsliste li {
	display: block;
	width: 470px;
	min-height: 200px;
	float: left;
	padding-bottom: 0px;
	margin-bottom:20px;
}

.dtg {
	display: block;
	width: 60px;
	padding: 6px;
	margin:  20px -10px 0 0;
	height: 80px;
	background: transparent url('images/bg-dtg.png') no-repeat;
	float: left;
	text-align: center;
}

.day  {
	font-size: 22px;
	border-bottom: 1px solid #fafafa;
	display: block;
	width: 40px;
	margin: 0 auto;
	margin-top: 5px;
	
}

.month {
	font-size: 8px;
	display: block;
	text-transform: uppercase;
	width: 50px;
	margin: 0 auto;
	margin-top: 7px;
}

.year {
	font-size: 14px;
	display: block;
	height: 14px;
	width: 50px;
	margin: 0 auto;
	margin-top: -3px;
	
}

div.nyhet {
	display: table;
	background: transparent url('images/bg-black-5per.png');
	background: rgba(0,0,0,0.05);
	padding: 15px;
	width: 360px;
	
}

div.nyhet p {
	display: block;
	height: auto;
	float: left;
	padding-bottom: 10px;
}

div.nyhet a{
	display: block;
	color: fafafa;
	background: rgba(0,0,0,0.1);
	padding: 3px 4px 3px 4px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	margin-top: 10px;
}

div.nyhet a:hover {
	background: rgba(0,0,0,0.3);
}

.nyhet_bilde{
	width: 370px;
	height: 200px;
	margin-bottom:10px;
}
/*---------- NAVBAR ----------*/

.navbar-wrapper {
/*	background-color: rgba(0, 0, 0, 0.2); */
	height: 150px;
	margin-left: auto;
	margin-right: auto;
}

.navbar {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	z-index: 2;
	position: absolute;
}

.logowrapper {
	height: 150px;
	width: 249px;
	float: left;
	margin-left: -10px;
}

.logo {
	background: transparent url('images/logo.png');
	height: 150px;
	width: 249px;
	float: left;
}


/*---------- MENU ----------*/

.menu {
	width: 420px;
	height: 150px;
	float: right;
	display: inline;
	padding-top: 20px;
}

.menu li{
	width: 100px;
	height: 50px ;
	float: left;
	display: inline;
	text-indent: -9999px;
}

.menu li a{
	width: 100px;
	height: 50px ;
	float: left;
	display: inline;
	text-indent: -9999px;
}

.menu li a.bthjem{width: 85px;height: 104px;background: transparent url(images/menu.png) no-repeat 0px 0px;}
.menu li a.bthjem:hover{background-position: 0px -121px;}
.menu li a.bthjem:active{background-position: 0px -120px;}
#pagehjem #header .menu li a.bthjem{background-position: 0px -241px;}

.menu li a.btbillett{width: 90px;height: 104px;background: transparent url(images/menu.png) no-repeat -120px 0px;}
.menu li a.btbillett:hover{background-position: -120px -121px;}
.menu li a.btbillett:active{background-position: -120px -120px;}
#pagebillett #billett .menu li a.btbillett{background-position: -120px -241px;}

.menu li a.btfrivillig{width: 104px;height: 104px;background: transparent url(images/menu.png) no-repeat -240px 0px;}
.menu li a.btfrivillig:hover{background-position: -240px -121px;}
.menu li a.btfrivillig:active{background-position: -240px -120px;}
#pagefrivillig #frivillig .menu li a.btfrivillig{background-position: -240px -241px;}

.menu li a.btnyheter{width: 99px;height: 104px;margin-left: 20px;background: transparent url(images/menu.png) no-repeat -360px 0px;}
.menu li a.btnyheter:hover{background-position: -360px -121px;}
.menu li a.btnyheter:active{background-position: -360px -120px;}
#pagenyheter #nyheter .menu li a.btnyheter{background-position: -360px -241px;}





/*----------- DatePicker ---------*/


table.jCalendar {
	border: 1px solid #555;
	background: #EEE;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #3989AD;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #ff65b5;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #ff65b5;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #EEE;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 6px;
	width: 190px;
	line-height: 1.2em;
	border: 1px solid #AAA;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
	color: #202020;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
input.dp-applied {
	width: 90px;
	float: left;
}
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: -20px 0;
	cursor: default;
}


table {
	width: 190px;
}


#regskjema ul li table td {
	padding: 5px;
	border: none;
	vertical-align: middle;
}

#regskjema .va{
	vertical-align: top;
}



#regskjema ul li h4 {
	margin-bottom: 20px;
}

input{
	height: 25px;
	width: 240px;
	padding: 5px;
	font-size: 15px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #DDD;
}
select{
	width: 205px;
	height: 30px;
	padding: 4px;
	font-size: 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #DDD;
	font-size: 12px;
}
.postnr{
	width: 40px;
	margin-right: 8px;
}
.poststed{
	width: 180px;
}
.verving{
	margin-bottom: 10px;
	width: 80px;
}

.regday, .regmonth, .regyear{
	width:80px;
}

.error-div{
	background: #D32C2C;
	padding: 10px;
	margin-bottom: 10px;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	color: #FFF;
}

.regskjema3 textarea { 
	padding: 10px;
	font-family: “Trebuchet MS”, “Gill Sans”, Calibri, sans-serif ;
	font-size: 16px;
	width: 895px;
	height: 120px;
}

.clear{
	clear: both;
}
.login-details{
	text-align: right;
	vertical-align: middle;
	font-size: 12px;
}

.login-inputs{
	width: 230px;
}

input[type="checkbox"] {
	width: 20px;
	height: 20px;
}