/*
	Rosa: cd1982
*/

/*----------Attributter for dokumentet----------*/

html, body {
	background:url(../images/bakgrunn.jpg) no-repeat;
	background-attachment:fixed;
	margin:0;
	padding:0;
	/* \*/
  height:100%;
	/* Last height declaration hidden from Mac IE 5.x */
	font-family: Arial, Verdana, Tahoma;
	font-size:11px;
	line-height:17px;
	color:#222224;
}

/*----------Layout-DIV'er----------*/


a#logo {
	position:fixed;
	top:0px;
	left:0px;
	width:220px;
	height:300px;
	z-index:10;
	background:url(../images/logo.png) no-repeat;
}

#shadow {
	position:fixed;
	top:300px;
	left:0px;
	width:220px;
	height:12px;
	z-index:10;
	background:url(../images/shadow.png) no-repeat;
}

#sponsorshadow {
	position:absolute;
	top:170px;
	left:792px;
	width:11px;
	height:700px;
	z-index:20;
	background:url(../images/sponsorshadow.png) no-repeat;
}

#leftwrap {
	position:fixed;
	top:300px;
	left:0px;
	height:624px;
	width:220px;
	background:url(../images/leftwrap.jpg) no-repeat;
}

#header {
	position:fixed;
	top:0px;
	left:220px;
	height:93px;
	width:732px;
	background:url(../images/header.jpg) no-repeat;
}

#title {
	position:absolute;
	top:5px;
	left:320px;
	height:80px;
	width:495px;
	background:url(../images/title.png) no-repeat;
}

#search {
	position:absolute;
	top:0px;
	left:758px;
	height:24px;
	width:193px;
	z-index:50;
}

.searchfld {
	width:130px;
	height:16px;
	background:url(../images/searchfld.png) no-repeat;
	_background-attachment:fixed;
	border:0;
	color:#c2c2c2;
	line-height:14px;
	font-size:11px;
	font-family:Arial, Helvetica, Tahoma;
	padding:4px 7px;
	margin:0;
	float:left;
}

.searchbtn {
	background:url(../images/searchbtn.png) no-repeat;
	border:0px;
	width:44px;
	height:24px;
	margin:0;
	margin-left:2px;
	float:right;
}

#meny {
	position:absolute;
	top:93px;
	left:220px;
	height:78px;
	width:731px;
	background:url(../images/meny.png) no-repeat;
}

#wrap {
	position:absolute;
	top:171px;
	left:220px;
	height:auto;
	width:731px;
}

.content {
	float:left;
	width:731px;
	height:auto;
	background:url(../images/contentbg.png) repeat-y;
}

.main {
	float:left;
	width:525px;
	padding:25px 10px 10px 35px;
	min-height:680px;
}

.leftcol {
	float:left;
	width:300px;
}

.rightcol {
	width:180px;
	margin-left:320px;
}

#accordion {
	width: 180px;
	margin-left: auto;
	margin-right: auto;
}
 
.accordionButton {	
	width:170px;
	height:30px;
	float: left;
	margin-bottom:1px;
	cursor: pointer;
	font-family:Arial, Helvetica;
	color:#fff;
	font-size:14px;
	line-height:30px;
	font-weight:bold;
	padding-left:10px;
}

.tur {
	background:#cd1982;
}

.film {
	background:#4b9bb9;
}

.foredrag {
	background:#418f26;
}

.accordionContent {	
	width:180px;
	float:left;
	display: none;
	margin-bottom:1px\9; /* IE HACK */
}

a.accordionItem {
	float:left;
	margin-bottom:1px;
	background:#fff;
	padding:5px 9px;
	width:152px;
	color:#56575a;
	border-left:10px solid #d9d9d9;
}

a.accordionItem:hover {
	text-decoration:none;
	color:#56575a;
}

.turliste a.accordionItem:hover {
	border-left:10px solid #cd1982;
}

.filmliste a.accordionItem:hover {
	border-left:10px solid #4b9bb9;
}

.foredragliste a.accordionItem:hover {
	border-left:10px solid #418f26;
}

/* Nyheter/Forside */
.focuswrap {
	width:544px;
}

.focuswrap_image { position: relative; width: 500px; height: 250px; margin: 0; padding: 0;}

.focuswrap_image img { padding: 3px; border: 1px solid #c5c5c5; background: #fff; margin: 0;}

.focuswrap_image .focuswrap_ingress {
	color: #fff; 
	position: absolute;
	bottom: -4px;
	left: 0px;
	height: 70px;
	width: 486px; 
	margin: 0 4px 0 4px;
	padding: 0 3px 3px 3px;
	background: #000; 	
	/* for IE */
  filter:alpha(opacity=60);
  /* CSS3 standard */
  opacity:0.6;
  overflow: hidden; 
 }

.focuswrap_image .focuswrap_ingress h2 {margin: 0; padding: 0;}
.focuswrap_image .focuswrap_ingress h2 a { color: #fff; }
.focuswrap_image .focuswrap_ingress p { margin: 5px 0 0 0; }

.newswrap {
	width:544px;
	background:url(../images/newslines.png);
	float:left;
}

.newsspacer {
	float:left;
	width:502px;
	height:58px;
	background:url(../images/newsspacer.png) no-repeat 0px 28px;
}

.newsitem {
	width:140px;
	margin-right:41px;
	float:left;
}

.newsitem_image img { padding: 3px; border: 1px solid #c5c5c5; background: #fff;}

.newsitem p {
	margin-top:5px;
	margin-bottom:10px;
	line-height:16px;
}

.newsitem h3 {
	margin-top:12px;
	margin-bottom:8px;
}

/* Arkiv */

.archivewrap {
	width:544px;
	float:left;
}

.archivespacer {
	width:502px;
	height:30px;
	background:url(../images/newsspacer.png) no-repeat 0px 18px;
}

.archiveitem {
	width: 540px;
}

.archiveitem_image img { padding: 3px; border: 1px solid #c5c5c5; background: #fff;}

.archiveitem_image {
	float: left;
	width: 90px;
	margin-right: 10px;
}

.archiveitem_text {
	float: left;
	width: 430px;
}

.archiveitem h3 {
	margin:0px;
}

/* Program */

.programwrap {
}

.programitem {
 width: 300px;
 margin-bottom: 20px;
}

.programitem_image {
	margin-bottom: 10px;
}

.programitem_text {
}

.programitem h3 {
	margin:0px;
}


.sponsorer {
	margin-left:572px;
	width:159px;
	padding-top:35px;
	padding-bottom:35px;
}

.footer {
	float:left;
	width:731px;
	height:100px;
	background:url(../images/footer.png) no-repeat;
	padding-bottom:50px;
}

.footer_text {
	padding-top: 30px;
	color: #fff;
}
.footer_text td {vertical-align: top;}
.footer_text .one {width: 200px;}
.footer_text .two {width: 200px;}
.footer_text .three {width: 250px;}

/*----------Tekststiler----------*/


.ingress {
	font-family:Arial, Georgia, Arial, Helvetica;
	font-size:14px;
	line-height:22px;
	margin-bottom:20px;
}

.teaser {
	font-family:Arial, Helvetica;
	font-size:12px;
	line-height:18px;
}

ul {
	line-height:17px;
}

td {
	line-height:13px;
}

.newsdate, .feeddate {
	color:#919394;
	font-size:10px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:12px;
}

.hidden {
	display: none;
	visibility: hidden;
}


/*----------Attributter for bilder----------*/

img  {
	border:0px;
}

.trettifem {
	margin-bottom:35px;
}

.tjuefem {
	margin-bottom:25px;
}

.trettifemopp {
	margin-top:35px;
}

.lesmerlink {
	margin-bottom:20px;
}

/*----------Overskrifter----------*/


h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color:#222224;
}

h1 {
	font-size:28px;
	margin-top:0px;
	line-height:28px;
	font-weight:normal;
}

.leftcol h1 {
	margin-bottom:28px;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	text-decoration:none;
}
	
h2 {
	font-size: 20px;
	line-height:22px;
}

h3 {
	font-size:16px;
	line-height:17px;
}

h4 {
	font-size:13px;
	line-height:15px;
	margin-bottom:6px;
	margin-top:0px;
	color:#dc002e;
	font-weight:bold;
}

h5 {
	font-size: 12px;
	font-weight:bold;
	line-height:14px;
	margin-top:1px;
	margin-bottom:5px;
}

/*----------Linker i dokumentet----------*/

a { 
	text-decoration: none; 
	COLOR: #A80F69;
}

a:hover { 
	COLOR: #A80F69;
	text-decoration: underline; 
}

a#teaser_en {
	position:absolute;
	top:305px;
	left:24px;
	width:200px;
	height:160px;
}

a#teaser_to {
	position:absolute;
	top:485px;
	left:12px;
	width:200px;
	height:160px;
}

a#teaser_tre {
	position:absolute;
	top:670px;
	left:24px;
	width:200px;
	height:160px;
}

#teaser_facebookbadge {
	position:absolute;
	top:900px;
	left:45px;
	width:210px;
	height:360px;
}

a#no {
	position:absolute;
	top:127px;
	left:884px;
	width:22px;
	height:22px;
	background:url(../images/no.png) no-repeat;
}

a#en {
	position:absolute;
	top:127px;
	left:911px;
	width:22px;
	height:23px;
	background:url(../images/en.png) no-repeat;
}


/*-------Hovedmeny-------*/

.liquidmenu {
	font-family: Helvetica;
	position: relative;
	height: 78px;
  width: 880px;
	overflow: hidden;
	margin:0;
	padding:0;
	padding-left:0px;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
}

.liquidmenu li {
	float: left;
	list-style: none;
	margin-right:15px;
	padding-top: 14px;
}

.liquidmenu li.back {
	border-top: 8px solid #cd1982;
	width: 9px;
	height: 70px;
	z-index: 8;
	position: absolute;
}

.liquidmenu li a {
	text-decoration: none;
	outline: none;
	text-align: center;
	top: 20px;
	letter-spacing: 0;
	z-index: 10;
	display: block;
	float: left;
	height: 70px;
	position: relative;
	overflow: hidden;
	margin: auto 0px 0px;
	color: #fff;
}   
                    
.liquidmenu li a:hover, .liquidmenu li a:active, .liquidmenu li a:visited {
	color: #fff;
	border: none;
}                     

a.menu_element {
	width: 110px;
	color: #fff;
	/*background: #ff4;*/
}
						
a.nyheter {
	width:62px;
}
					
a.program {
	width:65px;
}
					
a.praktisk {
	width:96px;
}

a.om {
	width:106px;
}

a.billetter {
	width:60px;
}

/* ***** ***** Jon Arvid fixes ***** ***** */

.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

.debug {
	margin-top: 50px;
	width: 1000px;
	background: #eee;
	clear: both;
}


/*-------Artikkel-------*/


#article_view {
}

#article_view p{ padding: 0px 0 5px 0; }
#article_view img { padding: 3px; border: 1px solid #c5c5c5; background: #fff;}


#article_view .object-right img { float: right; clear: right; margin: 5px 0px 5px 10px; }
#article_view .object-left img { float: left; clear: left; margin: 5px 10px 5px 0px;}
#article_view .object-center img { margin: 10px 0px 10px 0px;}

#article_view h1, #article_view h2, #article_view h3, #article_view h4, #article_view h5, #article_view h6 {
	margin: 0px 0 15px 0;
}

#article_view ol, #article_view ul { list-style-position: inside; }
#ingress_wrapper h1{ margin: 0 0 15px 0; }
#ingress_wrapper p { padding: 0px; margin: 0px;}

#ingress_image{
	width: 210px;
	float: left;
	margin: 0px 10px 0px 0px;
}

#ingress_text {
	width: 270px;
	float: left;
	font-weight: bold;
	margin: 0px 5px 0 0;
	padding: 0px;
}



/* 
***** ***** ***** SEARCH ***** ***** ***** 
*/

#search_wrapper {
}

#search_wrapper h1{ margin-bottom: 10px; }
#search_wrapper h2{ margin-top: 10px; }

.search_field {
	margin-bottom: 10px;
}

.search_choosers {
	margin-bottom: 20px;
	clear: both;
}

.search_choosers .element {
	float: left;
	margin: 0 40px 20px 0;
}
.search_button {
	clear: both;
}

#search_wrapper label{
	font-weight: bold;
	display: block;
}

#search_result {
	margin-top: 20px;	
}


#search_result table { }
#search_result th { font-weight: bold; text-align: left;}
#search_result td { padding: 3px; }
#search_result .title { width: 350px; }
#search_result .date { width: 120px; }


td.bglight, tr.bglight { background: #fff; }

td.bgdark, tr.bgdark { }
