/* Gulfarge: 	#F78E23; */
/* Grønnfarge:	#006938; */


/* test endringer */
body {
	background-color: #ffffff; 
}


/* Denne taggen omfatter alt som er på siden */
*{
	font-family: New Times,sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/* Denne taggen omslutter det som vises, og brukes for å posisjonere dette */
#page {
	width:		960px;
	position: 	relative;
	margin: 	0px auto;
	background-color:#FFFFFF;
}

/* Denne taggen inneholder sidens banner, og går igjen på toppen av alle sider */
#header {
	width: 960px;
	height: 150px;
	background: url("graphics/banner.jpg") #ffffff no-repeat;
	background-position: top center; 
	text-align: center;
}

#headerInfo {
	position: absolute;
	left: 60px;
	top: 100px;
	width: 150px;
	z-position: 10;
	color: #006938;
	font-weight: normal;
	font-size: 15px;
}

/* Dette er menyen som går igjen på alle sidene */
#menu {
	width: 		810px;
	height: 	25px;
	float: 		left;
	margin-top: 10px;
	padding-left: 150px;
	background-color:#FFFFFF; 
	
}
#menu ul {
	list-style: none;
	float: left;
	margin-left: 10px;
}

/* De ulike menyvalgene, oppdelt for individuell kontroll */
		
#menu a {
	display: block;
}

#menu h2 {
	display: block;
	padding: 5px;
	font-size: 0.9em;
}

#menu a {
	text-decoration: none;
	color: #000;
}

#menu ul li a:hover {
	text-decoration: underline;
	color: #F78E23;
}
#menu li {
	position: relative;
}

#menu ul ul {
	position: absolute;
	z-index: 500;
	margin: 0;
}

#menu ul li ul li a {
	padding: 5px;
	text-decoration: none;
	color: #000;
}

#menu ul li ul li a:hover {
	text-decoration: underline;
	color: #F78E23;
}


div#menu ul ul {
	display: none;
	width: 120px;
}

div#menu ul li:hover ul, div#menu ul ul li:hover ul {
	display: block;
	background: #fff;
	
}

div#menu ul li ul li {
	font-size: 0.8em;
}

div#menu ul li ul li:hover {
}


/* Meny slutt */

div.clearfloats {
	clear: 	both;
}

/* Denne beholderen omslutter alt hovedinnholdet på siden, mellom menyen og footeren */
#main {
background-color:#FFFFFF;
}

/* Dette er felles attributter for innholdet og sidebaren. Brukes for å plassere disse likt. */
#fpramme {
	width: 		540px;
	min-height: 1190px;
	height:		auto !important;
	height:		1190px;
	background: url("graphics/ramme_forside.jpg") no-repeat;
	padding-top: 90px;
	padding-left: 140px;
	padding-right: 280px;
	float:		left;
}

#frontpage {
	height:		920px;
}

#bigItem {
	padding-bottom: 25px;
	height: auto;
	margin-bottom: 25px;
}

#bigItem h2 {
	font-size: 1.9em;
	text-align: center;
	/*border-bottom: dashed 1px #F78E23;*/
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#bigItem img {
	float: left;
	margin: 0 15px 10px 5px;
	border: solid 1px #F78E23;
	padding: 2px;
}

#bigItem #text {
	font-size: 0.9em;
}

#bigItem p {
/*	text-indent: 1em; */
	margin-bottom: 5px;
	text-align: justify;
	line-height: 21px;
	font-size: 16px;
}

#fpbottom {
	height: 380px;
	font-size: 0.8em;
	width: 540px;
	overflow: auto;
	
}

#bigItem a, #smallItem a {
	color: #F78E23;
}

#bigItem a:hover, #smallItem a:hover {
	/*color: #F78E23;*/
	text-decoration: none;
}

#smallItem {
	width: 259px;
	color: #F78E23;
	float: left;
	padding-left: 5px;
	padding-right: 5px;
	min-height: 190px;
	height:		auto !important;
	height:		190px;
	
}

#smallItem h3 {
	/*border-bottom: dashed 1px #F78E23;*/
	margin-bottom: 2px;
	padding-bottom: 2px
}

#smallItem img {
	margin: 2px 4px 2px 4px;
	border: solid 1px #F78E23;
	padding: 1px;
}

#smallItem p {
	text-align: justify;
}

#smallItem.even img {
	float: right;
}
#smallItem.odd img {
	float: left;
}
#smallItem.odd {
	border-right: solid 1px #F78E23;
}



#ramme {
	width: 		650px;
	min-height: 1140px;
	height:		auto !important;*/
	height:		1140px;
	background: url("graphics/ramme.jpg") no-repeat;
	padding-top: 100px;
	padding-left: 155px;
	padding-right: 155px;
	float:		left;
}
/* Dette er felles attributter for innholdet og sidebaren. Brukes for å plassere disse likt. */
#content {
	height:		1000px;
}

#contentTop {
	height: 1000px;
}
#contentBottom {
	height: 300px;
}
#contentBottomLeft {
	height: 300px;
	width: 250px;
	float: left;
}
#contentBottomLeft.artist {
	background: url("graphics/musikk_logo.jpg") no-repeat;
}
#contentBottomLeft.artItem {
	background: url("graphics/kunst_logo.jpg") no-repeat;
}
#contentBottomLeft.news {
/*	background: url("graphics/nyheter_logo.jpg") no-repeat; */
}
#contentBottomRight {
	height: 300px;
	width: 400px;
	float: left;
}

#subPage {
	height: 1000px;
	overflow: auto;
}

#subPage h4 {
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 20px;
	color: #006938;
	border-bottom: solid 2px #006938;
}

#subItem {
	
}
#subItem .text {
	font-size: 1em;
	padding-left: 25px;
	padding-right: 25px;
}

#subItem .text h1,
#subItem .text h2,
#subItem .text h3,
#subItem .text h4,
#subItem .text h5,
#subItem .text h6 {
	font-size: 1.1em;
	/*border-bottom: dashed 1px #F78E23;*/
	padding-bottom: 5px;
	text-align: center;
	color: #F78E23;
}

#subItem p {
	margin-bottom: 10px;
}

#subItem img {
	margin: 0 10px 5px 0;
	border: solid 1px #F78E23;
	padding: 2px;
	float: left;
	clear: right;
}

#subItem ul {
	list-style: inside;
}
/*
#content {
	width: 960px;
	min-height: 1280px;
	height:		auto !important;
	height:		1280px;
	background: url("graphics/ramme_960x1280.jpg") no-repeat;
	padding-top: 90px;
	padding-left: 140px;
	padding-right: 140px;
	float:		left;
}*/

#footer {
	width: 960px;
	height: 80px;
	margin-top: 20px;
	border-top: solid 1px #F78E23;
	border-bottom: solid 1px #F78E23;
}

/* SKJEMAET FOR NYHETSBREV I FOOTEREN */
#newsLetter {
	width: 200px;
	height: 80px;
	float: right;
	font-size: 0.9em;
	border-left: solid 1px #F78E23;
}

/* MELDINGEN SOM VISES TIL BRUKEREN VED PÅMELDING TIL NYHETSBREV */
#newsLetterMsg {
	padding-left: 25px;
	color: #006938;
	display: none;
}

#newsLetter h5 {
	text-align: center;
	color: #006938;
	margin-bottom: 5px;
	margin-top: 5px;
}

#form {
	padding-left: 25px;
}

#firefox {
	padding-left: 25px;
}

/* HOLDER FOR LOGO I FOOTEREN */
.sponsorFooter {
	width: 60px;
	height: 60px;
	background: #ccc;
	float: left;
	margin: 10px;
}

#emailmsg {
	text-align: center;
	color: red;
	font-weight: bold;
}




/* DEN STORE SAKEN PÅ TOPPEN AV NYHETER, ARTISTER OG KUNST */
.listItemBig {
	margin-bottom: 15px;
	min-height: 250px;
	height:		auto !important;
	height:		250px;
}

.listItemBig h2 {
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 10px;
	color: #006938;
	border-bottom: solid 2px #006938;
}

.listItemBig h3 {
	font-size: 1.3em;
	text-align: center;
	/*border-bottom: dashed 1px #F78E23;*/
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.listItemBig a {
	color: #F78E23;
}

.listItemBig a:hover {
	text-decoration: none;
}

.listItemBig img {
	float: left;
	margin: 0 5px 10px 5px;
	border: solid 1px #F78E23;
	padding: 2px;
}

.listItemBig .text {
	font-size: 1.1em;
	text-align: justify;
}
.smallList {
	height:	750px;
	overflow: auto;
}
#contentTop h2 {
	font-size: 1.2em;
	text-align: center;
	margin-bottom: 10px;
	color: #006938;
	border-bottom: solid 2px #006938;
}


/* LISTEN OVER NYHETER, ARTISTER OG KUNST, DE SMÅ SAKENE */
.listItem {
	margin-bottom: 10px;
	min-height: 120px;
	height:		auto !important;
	height:		120px;
}

.listItem h3 {
	font-size: 1.1em;
	text-align: center;
	/*border-bottom: dashed 1px #F78E23;*/
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.listItem a {
	color: #F78E23;
}

.listItem a:hover {
	text-decoration: none;
}

.listItem img {
	float: left;
	margin: 0 5px 10px 5px;
	border: solid 1px #F78E23;
	padding: 2px;
}

.listItem .text {
	font-size: 0.9em;
}

/* LISTEN I BUNN */

#contentBottomRight {
	overflow: auto;
}
#contentBottomRight img {
	float: left;
	margin: 0 5px 10px 5px;
	border: solid 1px #F78E23;
	padding: 2px;
}

#contentBottomRight ul {
	list-style: none;
	
	
}
#contentBottomRight li {
	margin-left: 15px;
	margin-bottom: 5px;
}
#contentBottomRight a {
	color: #F78E23;
}
#contentBottomRight a:hover {
	text-decoration: none;
}
#contentBottomRight h3 {
	text-align: center;
	/*border-bottom: dashed 1px #F78E23;*/
}
#contentBottomRight div {
	font-size: 0.9em;
}


/* ENKELTARTIKLER */
.item {

}

.item h4 {
	font-size: 1.4em;
	text-align: center;
	/*border-bottom: dashed 1px #F78E23;*/
	padding-bottom: 5px;
	margin-bottom: 10px;
	color: #F78E23;
}

.item h5 {
	font-size: 1.1em;
	text-align: center;
	/*border-bottom: dashed 1px #F78E23;*/
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 10px;
	color: #F78E23;
}

.item .ingress {
	font-size: 0.9em;
	font-weight: bold;
	border-bottom: dashed 1px #F78E23;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.item .text {
	font-size: 0.9em;
}

.item p {
	text-indent: 1em;
	margin-bottom: 5px;
}

.item img {
	float: left;
	margin: 0 10px 5px 0;
	border: solid 1px #F78E23;
	padding: 2px;
}




/* BILDEGALLERI */
/* (view/imagegallery.view.php) */

#gallery {
	/*border: dashed 1px #F78E23;
	height: 520px;
	width:	520px;*/
	text-align: center;
}

#gallery h4 {
	font-size: 1.3em;
	text-align: center;
	margin-bottom: 10px;
	color: #006938;
	border-bottom: solid 2px #006938;
}

/* SLIDESHOW PÅ FORSIDEN */
#slideshowContainer {
	width: 140px;
	height: 140px;
	position: absolute;
	left: 340px;
	bottom: 110px;
	z-index: 10;
	border: solid 1px #F78E23;
}


#credits {
	width: 960px;
	text-align: center;
	font-size: 0.7em;
	margin-top: 5px;
	color: #006938;
}
#credits a {
	color: #F78E23;
}
#credits a:hover {
	text-decoration: none;
}