/*-------------------------------------------------------------

CSS code by Emil Bonsaksen
Designer and frontend developer
We Make (http://www.wemake.no)
				
				
First things first: The 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;}


/*-------------------------------------------------------------
							BASICS
---------------------------------------------------------------*/

body { 	
	background: url(images/bg-tile.gif) repeat;
	font-family: Arial, sans-serif;
	font-size: 13px;
	color: #202020;
	line-height: 20px;
}

h2 {
	font-size: 18px;
	padding-bottom: 10px;
	padding-top: 20px;
}

/*-------------------------------------------------------------
							STRUCTURE
---------------------------------------------------------------*/

#background {
	background: url(images/bg-wood.jpg) no-repeat;
}

#wrapper {
	width: 982px;
	margin-left: auto;
	margin-right: auto;
	background: #fff url(images/bg-inner-tilable-982px.jpg) repeat;
	clear: both;
}

#header {
	width: 982px;
	height: 302px;
	background: #fff url(images/header.jpg) no-repeat;
	display: block;
}

#content {
	padding: 0px 20px 20px 20px;
	margin-bottom: 20px;
}

#footer {
	background: #fff url(images/footer.jpg) no-repeat;
	width: 982px;
	height: 122px;
	clear: both;
}

a {
	outline: none;
}
a:link {
	color: black;
	text-decoration: underline;
}

a:hover {
	color: #505050;
}

/*-------------------------------------------------------------
							CONTENT
---------------------------------------------------------------*/

#flashplaceholder {
	width: 940px;
	height: 361px;
	background: url(images/flash-placeholder.jpg);
}

#boxorder {
	width: 300px;
	height: 266px;
	background: #101010;
	margin-right: 20px;
}

#boxmap {
	width: 300px;
	height: 266px;
	background: #101010;
	margin-right: 20px;

}

#boxcontest {
	width: 300px;
	height: 266px;
	background: #101010;
}

#fremsidetekst{
	margin: 300px 0 20px -18px;
	width: 972px;
	height: 288px;
	background: aqua url(images/fremside-tekst.gif) no-repeat;
}
/*-------------------------------------------------------------
							HISTORY
---------------------------------------------------------------*/


#historiebilde {
	width: 460px;
	height: 568px;
	margin-top: 10px;
	background: url(images/historie-kyrkje.jpg) no-repeat;	
	float: left;
}

#historiebildetorberg {
	width: 460px;
	height: 568px;
	margin-top: 10px;
	background: url(images/historie-torberg.jpg) no-repeat;	
	float: left;
}

#historiebildefinn {
	width: 460px;
	height: 568px;
	margin-top: 10px;
	background: url(images/historie-finn.jpg) no-repeat;	
	float: left;
}

#historiebildekalv {
	width: 460px;
	height: 568px;
	margin-top: 10px;
	background: url(images/historie-kalv.jpg) no-repeat;	
	float: left;
}

#historiebildearne {
	width: 460px;
	height: 568px;
	margin-top: 10px;
	background: url(images/historie-arne.jpg) no-repeat;	
	float: left;
}

#historiebilderagnhild {
	width: 460px;
	height: 568px;
	margin-top: 10px;
	background: url(images/historie-ragnhild.jpg) no-repeat;	
	float: left;
}

#historietext {
	margin-top: 10px;
	float: right;
	width: 460px;
}


/*-------------------------------------------------------------
							PHOTO CONTEST
---------------------------------------------------------------*/


#fotokonkurransetitle {
	width: 464px;
	height: 52px;
	background: url(images/fotokonkurranse-title.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#fotokonkurranse {
	width: 940px;
	height: 568px;
	background: url(images/fotokonkurranse.jpg) no-repeat;	
	float: left;
}



/*-------------------------------------------------------------
							MAP
---------------------------------------------------------------*/


#karttitle {
	width: 241px;
	height: 50px;
	background: url(images/kart-title.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#kartbox {
	width: 940px;
	height: 568px;
	background: url(images/kart-stort.jpg) no-repeat;
}

/*-------------------------------------------------------------
							PICTURES
---------------------------------------------------------------*/


#biletetitle {
	width: 340px;
	height: 55px;
	background: url(images/bilete-title.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}
	
/*-------------------------------------------------------------
							MENU
---------------------------------------------------------------*/

#menu {
	width: 852px;
	height: 29px;
	float: left;
	margin-left: 130px;
	margin-right: auto;
	margin-top: 249px;
}

#menu ul{
	width: 852px;
	height: 29px;
	list-style: none;
	float: left;
	margin:0;
	padding:0;
}

#menu ul li {	
	display:inline;
	padding: 0 0 0 0;
	height: 29px;
	margin: 0;
}
	
#menu ul li a{
	display: block;
	height: 29px;
	padding: 0px 0 0 0;
	text-indent: -9999px;
	float:left;
	color: #fff;
	text-decoration: none;
}
	
	#menu ul li a#framside {width: 91px;background:url(images/knapp-01-framside.jpg) no-repeat top left;}
	#menu ul li a#framside:hover {background:url(images/knapp-01-framside.jpg) no-repeat bottom left;}

	#menu ul li a#bestill {width: 91px;background:url(images/knapp-02-bestill.jpg) no-repeat top left;}
	#menu ul li a#bestill:hover {background:url(images/knapp-02-bestill.jpg) no-repeat bottom left;}

	#menu ul li a#program {width: 91px;background:url(images/knapp-03-program.jpg) no-repeat top left;}
	#menu ul li a#program:hover {background:url(images/knapp-03-program.jpg) no-repeat bottom left;}
	
	#menu ul li a#historie {width: 91px;background:url(images/knapp-04-historie.jpg) no-repeat top left;}
	#menu ul li a#historie:hover {background:url(images/knapp-04-historie.jpg) no-repeat bottom left;}
	
	#menu ul li a#bilete {width: 91px;background:url(images/knapp-05-bilete.jpg) no-repeat top left;}
	#menu ul li a#bilete:hover {background:url(images/knapp-05-bilete.jpg) no-repeat bottom left;}

	#menu ul li a#kart {width: 91px;background:url(images/knapp-06-kart.jpg) no-repeat top left;}
	#menu ul li a#kart:hover {background:url(images/knapp-06-kart.jpg) no-repeat bottom left;}

	#menu ul li a#musikk {width: 91px;background:url(images/knapp-06-musikk.jpg) no-repeat top left;}
	#menu ul li a#musikk:hover {background:url(images/knapp-06-musikk.jpg) no-repeat bottom left;}

	#menu ul li a#avis {width: 91px;background:url(images/knapp-07-avis.jpg) no-repeat top left;}
	#menu ul li a#avis:hover {background:url(images/knapp-07-avis.jpg) no-repeat bottom left;}
	
	#menu ul li a#kunstnere {width: 91px;background:url(images/knapp-08-kunstnere.jpg) no-repeat top left;}
	#menu ul li a#kunstnere:hover {background:url(images/knapp-08-kunstnere.jpg) no-repeat bottom left;}

	#menu ul li a#presse {width: 91px;background:url(images/knapp-09-presse.jpg) no-repeat top left;}
	#menu ul li a#presse:hover {background:url(images/knapp-09-presse.jpg) no-repeat bottom left;}

	#menu ul li a#sponsorar {width: 91px;background:url(images/knapp-10-sponsorar.jpg) no-repeat top left;}
	#menu ul li a#sponsorar:hover {background:url(images/knapp-10-sponsorar.jpg) no-repeat bottom left;}

	#menu ul li a#vinn {width: 91px;background:url(images/knapp-11-vinn.jpg) no-repeat top left;}
	#menu ul li a#vinn:hover {background:url(images/knapp-11-vinn.jpg) no-repeat bottom left;}

	#menu ul li a#imedia {width: 91px;background:url(images/knapp-12-media.jpg) no-repeat top left;}
	#menu ul li a#imedia:hover {background:url(images/knapp-12-media.jpg) no-repeat bottom left;}

/*-------------------------------------------------------------
							BOXMENU
---------------------------------------------------------------*/

#boxmenu {
	width: 940px;
	height: 266px;
	float: left;
	margin-top: 20px;

}

#boxmenu ul{
	width: 940px;
	height: 266px;
	list-style: none;
	float: left;
	margin:0;
	padding:0;
}

#boxmenu ul li {	
	display:inline;
	padding: 0 0 0 0;
	height: 266px;
	margin: 0;
}
	
#boxmenu ul li a{
	display: block;
	height: 266px;
	padding: 0px 0 0 0;
	text-indent: -9999px;
	float:left;
	color: #fff;
	text-decoration: none;
	background: black;
}
	
	#boxmenu ul li a#boxorder {width: 300px;background:url(images/boxmenu-01.jpg) no-repeat top left;}
	#boxmenu ul li a#boxorder:hover {background:url(images/boxmenu-01.jpg) no-repeat bottom left;}

	#boxmenu ul li a#boxmap {width: 300px;background:url(images/boxmenu-02.jpg) no-repeat top left;}
	#boxmenu ul li a#boxmap:hover {background:url(images/boxmenu-02.jpg) no-repeat bottom left;}

	#boxmenu ul li a#boxcontest {width: 300px;background:url(images/boxmenu-03.jpg) no-repeat top left;}
	#boxmenu ul li a#boxcontest:hover {background:url(images/boxmenu-03.jpg) no-repeat bottom left;}

/*-------------------------------------------------------------
							ORDER & PROGRAM
---------------------------------------------------------------*/

#bestillbilde {
	width: 460px;
	height: 568px;
	background: url(images/bestillbilde.jpg) no-repeat;	
	float: right;
	margin-top: 20px;
}

#programbilde {
	width: 460px;
	height: 568px;
	background: url(images/programbilde.jpg) no-repeat;	
	float: left;
	margin-top: 20px;
}

#ordertitle {
	width: 352px;
	height: 52px;
	background: url(images/ordertitle.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}

#programtitle {
	width: 376px;
	height: 52px;
	background: url(images/program-title.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
}


#orderprogram {
	width: 460px;
	height: 568px;
	background: url(images/program.jpg) no-repeat;	
	float: right;
	margin-top: 20px;
}

#order {
	width: 460px;
	float: left;
	margin-top: 20px;
}

#order ul{
	width: 460px;
	list-style: none;
	float: left;
	margin:0;
	padding:0;
}

#order ul li {	
	display:inline;
	padding: 0 0 0 0;
	height: 70px;
	margin: 0;
}
	
#order ul li a{
	display: block;
	height: 70px;
	padding: 0px 0 0 0;
	margin-bottom: 20px;
	text-indent: -9999px;
	float:left;
	color: #fff;
	text-decoration: none;
	background: black;
}
	
	#order ul li a#order1 {width: 460px;background:url(images/knapp-bestill-1.jpg) no-repeat top left;}
	#order ul li a#order1:hover {background:url(images/knapp-bestill-1.jpg) no-repeat bottom left;}

	#order ul li a#order2 {width: 460px;background:url(images/knapp-bestill-2.jpg) no-repeat top left;}
	#order ul li a#order2:hover {background:url(images/knapp-bestill-2.jpg) no-repeat bottom left;}
	
	#order ul li a#order3 {width: 460px;background:url(images/knapp-bestill-3.jpg) no-repeat top left;}
	#order ul li a#order3:hover {background:url(images/knapp-bestill-3.jpg) no-repeat bottom left;}

	#order ul li a#order4 {width: 460px;background:url(images/knapp-bestill-4.jpg) no-repeat top left;}
	#order ul li a#order4:hover {background:url(images/knapp-bestill-4.jpg) no-repeat bottom left;}
	
	#order ul li a#order5 {width: 460px;background:url(images/knapp-bestill-5.jpg) no-repeat top left;}
	#order ul li a#order5:hover {background:url(images/knapp-bestill-5.jpg) no-repeat bottom left;}

#nicolaititle {
	width: 413px;
	height: 51px;
	background: url(images/nicolai-title.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#nicolaibilde {
	width: 460px;
	height: 568px;
	background: url(images/nicolaibilde.jpg) no-repeat;	
	float: left;
}

/*-------------------------------------------------------------
							HISTORIE MENY
---------------------------------------------------------------*/

#historiemeny {
	width: 960px;
	height: 146px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;

}

#historiemeny ul{
	width: 960px;
	height: 146px;
	list-style: none;
	float: left;
	margin:0 0 0 -10px;
	padding:0;
}

#historiemeny ul li {	
	display:inline;
	padding: 0 0 0 0;
	height: 146px;
	width: 140px;
	margin: 0;
}
	
#historiemeny ul li a{
	display: block;
	height: 146px;
	margin-left: 10px;
	margin-right: 10px;
	text-indent: -9999px;
	float:left;
	color: #fff;
	text-decoration: none;
	background: black;
}
	
	#historiemeny ul li a#historielink {width: 140px;background:url(images/historie-knapp-01-historie.gif) no-repeat top left;}
	#historiemeny ul li a#historielink:hover {background:url(images/historie-knapp-01-historie.gif) no-repeat bottom left;}

	#historiemeny ul li a#torberg {width: 140px;background:url(images/historie-knapp-02-torberg.gif) no-repeat top left;}
	#historiemeny ul li a#torberg:hover {background:url(images/historie-knapp-02-torberg.gif) no-repeat bottom left;}

	#historiemeny ul li a#finn {width: 140px;background:url(images/historie-knapp-03-finn.gif) no-repeat top left;}
	#historiemeny ul li a#finn:hover {background:url(images/historie-knapp-03-finn.gif) no-repeat bottom left;}

	#historiemeny ul li a#kalv {width: 140px;background:url(images/historie-knapp-04-kalv.gif) no-repeat top left;}
	#historiemeny ul li a#kalv:hover {background:url(images/historie-knapp-04-kalv.gif) no-repeat bottom left;}

	#historiemeny ul li a#arne {width: 140px;background:url(images/historie-knapp-05-arne.gif) no-repeat top left;}
	#historiemeny ul li a#arne:hover {background:url(images/historie-knapp-05-arne.gif) no-repeat bottom left;}

	#historiemeny ul li a#ragnhild {width: 140px;background:url(images/historie-knapp-06-ragnhild.gif) no-repeat top left;}
	#historiemeny ul li a#ragnhild:hover {background:url(images/historie-knapp-06-ragnhild.gif) no-repeat bottom left;}

/*-------------------------------------------------------------
							I MEDIA
---------------------------------------------------------------*/


#imediatitle {
	width: 413px;
	height: 51px;
	background: url(images/imedia-title.jpg) no-repeat;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

#imediainnhald {
	width: 940px;
	height: 568px;
}