/* ----------------------------- BEGIN PAGE ----------------------------- */
body {
	margin: 0 auto;
	padding: 0;
	background-color: #a79d96;
	background-image: url('images/MainBG.jpg');
	background-repeat: repeat-x;
	background-attachment: fixed;
	background-position: top center;	
	}
	#Main 
	{ width: 100%; left: 0; top: 0; margin-top: 10px; }
	.cleared 
	{ float: none; clear: both; margin: 0; padding: 0; border: none; font-size:1px; }
	.Container 
	{ margin:0 auto; width: 960px; }
	.Container-body 
	{ padding: 0px; min-height: 700px; }
/* ----------------------------- END PAGE ----------------------------- */

/* ----------------------------- BEGIN HEADER ----------------------------- */
.Header { width: 100%; height: 142px; background: url("images/HeaderBG.png") no-repeat center; }
/* begin Logo */
.Header .Banner 
{ width: 960px; margin: auto; height: 142px; }
.Header .Logo 
{ width: auto; margin-left: 106px; padding-top: 20px;}

/* begin Footer */
.Footer
{ width: 960px;}
.Footer .Sandnes{ width: 41px; margin: auto;  }
/* ----------------------------- END HEADER ----------------------------- */

.Breadcrumb { height: auto; padding: 4px 0; }
.Breadcrumb a { color: #000; font-weight: bold; } .Breadcrumb a:hover { color: #000; font-weight: bold; }

/* ----------------------------- BEGIN FORSIDE PANES ----------------------------- */

/*----------------------------- BEGIN FASTE PANES ----------------------------- */
.Panes .LeftPane 
{ margin: 0; padding: 0; float: left; overflow: hidden; width: 226px; }
.Panes .MainPanes
{ float: right; width: 721px; padding: 0; }
.MainPanes-Footer
{ clear: both; background: url('images/MainPanes-bottom.png') no-repeat; height: 25px; width: 706px; text-align: right; color: #fff; padding-right: 15px;
} .MainPanes-Footer a{color: #fff !important; text-transform: uppercase; font-size: 11px; line-height: 25px; }
/* ----------------------------- END FASTE PANES ----------------------------- */



/* ----------------------------- BEGIN FORSIDE PANES ----------------------------- */
.MainPanes-Header
{ clear: both; height: 25px; width: 721px;
  background: url('images/MainPanes-top.png') no-repeat;}  
  .MainPanes-Header ul{list-style: none; float: left; padding: 0; margin: 0; height: 21px; }
  .MainPanes-Header li{ float: left; list-style: none; padding-left: 25px; text-transform: uppercase; font-size: 10px; line-height: 24px;}
  
  .MainPanes-Header .BreadCrumb { float: left; width: auto; max-width: 570px; padding: 4px 0 0 20px; text-transform: uppercase; font-size: 10px; }
  .MainPanes-Header .BreadCrumb a{font-size: 10px;}
  /* SØKEFELT */
  	.SearchBar {float: right; width: auto;}
	.SearchBar #dnn_dnnSEARCH_ClassicSearch label { display:none; }			
	.SearchBar #dnn_dnnSEARCH_optWeb { display: none; }			
	.SearchBar #dnn_dnnSEARCH_optSite { display: none; }
	.SearchBar #dnn_dnnSEARCH_ClassicSearch {
	background: url(images/Sok-bg.png) no-repeat;
	display:block;
	width:178px;
	height: 21px;
	
	margin: 4px 20px 0 6px;
	
	}
	.SearchBar #dnn_dnnSEARCH_txtSearch {
	border: 0;
	background:none;
	width:112px;
	height: 15px;
	display:block;
	float:left;
	font-size: 10px;
	overflow: hidden;
	margin-left: 35px;
	}
	.SearchBar a.Sokefelt
	{
	display: block;
	width: 20px;
	height:16px;
	color: transparent;
	overflow: hidden;
	right: 0;
	float: right;
	} 

.Kino
{ background: url('images/InfoL-BG.png') repeat-x; height:255px; }
.Kultur
{ background: url('images/InfoC-BG.png') repeat-x; height:255px; }
.Hjertnes
{ background: url('images/InfoR-BG.png') repeat-x; height:255px;}
    
.Panes .ContentPane
{ margin: 0; padding: 0; float: left; width: 100%; height: 254px; }
.Panes .InfoLeft
{ padding: 0; float: left; overflow: hidden; width: 240px; height: 255px; }
.Panes .InfoCenter
{ padding: 0; float: left; overflow: hidden; width: 241px; height: 255px; }
.Panes .InfoRight
{ padding: 0; float: left; overflow: hidden; width: 240px; height: 255px;}

/* ----------------------------- END FORDSIDE PANES ----------------------------- */

/* ----------------------------- BEGIN KINO PANES ----------------------------- */  
 .Panes .ContentPane-Kino
{ background: #312260 url("images/CPKiBG-top.png") repeat-x top; float: left;}
 .ContentPane-Kino .Kino
{ background: url("images/CPBG-bottom.png") repeat-x bottom;  margin: 0;
   min-height: 481px;  width: 693px; float: left; padding: 14px;}
    .ContentPane-Kino .KinoA
{ background: url("images/CPBG-bottom.png") repeat-x bottom;  margin: 0;
   min-height: 509px;  width: 721px; float: left;}
/* ----------------------------- END KINO PANES ----------------------------- */  
  
/* ----------------------------- BEGIN KULTUR PANES ----------------------------- */  
 .Panes .ContentPane-Kultur
{ background: #65254d url("images/CPKBG-top.png") repeat-x top; float: left; }
 .ContentPane-Kultur .Kultur
{ background: url("images/CPBG-bottom.png") repeat-x bottom;  margin: 0; 
  min-height: 581px; height: auto; width: 693px; float: left; padding: 14px;}
  .ContentPane-Kultur .KulturA
{ background: url("images/CPBG-bottom.png") repeat-x bottom;  margin: 0; 
  min-height: 509px; height: auto; width: 721px; float: left;}
/* ----------------------------- END KULTUR PANES ----------------------------- */ 
  
/* ----------------------------- BEGIN OM OSS PANES ----------------------------- */  
 .Panes .ContentPane-OmOss
{ background: #4a6757 url("images/CPOBG-top.png") repeat-x top; float: left; }
 .ContentPane-OmOss .OmOss
{ background: url("images/CPBG-bottom.png") repeat-x bottom;  margin: 0; padding: 14px;  
 min-height: 481px; width: 693px; float: left;}
/* ----------------------------- END OM OSS PANES ----------------------------- */ 

/* ----------------------------- BEGIN DIVERSE PANES ----------------------------- */  
 .Panes .ContentPane-Diverse
{ background: #807872 url("images/CPDBG-top.png") repeat-x top; float: left;}
 .ContentPane-Diverse .Diverse
{ background: url("images/CPBG-bottom.png") repeat-x bottom;  margin: 0; padding: 14px; 
   min-height: 481px; width: 693px; float: left;}
/* ----------------------------- END DIVERSE PANES ----------------------------- */ 

/* ----------------------------- BEGIN ADMIN PANES ----------------------------- */ 
.AdminPane { width: 940px; background: #fff; color:#000; padding: 10px;}
.AdminPane .Normal { color: #000; }
/* ----------------------------- END ADMIN PANES ----------------------------- */ 

/* Start images */
a img { border: 0; }


/* ----------------------------- BEGIN TEKST ----------------------------- */

/* begin Admintext */
#dnn_ControlPanel, #dnn_ControlPanel a,#dnn_ControlPanel a.link,#dnn_ControlPanel a.visited,#dnn_ControlPanel a.hover, #dnn_ControlPanel span, #dnn_ControlPanel div, {
color: #000;
} 
.AdminPane td.SubHead, .AdminPane .Normal, .AdminPane .normal, .AdminPane #LoginInfo, .AdminPane #QuickLinks, .AdminPane #LoginInfo p.LoginNotes, .AdminPane .art-PostContent, .AdminPane .art-PostContent .AdminPane .Normal,  .AdminPane .WizardText, .AdminPane .SkinObject {
color: #000;	
}
.AdminPane #form, .AdminPane span, .AdminPane div, .AdminPane .Normal a { 
color: #666;
}
#tblOrganizeDetail .Normal{ color: #000; }
/* end AdminText */

/* begin PostContent */
/* Content Text Font & Color (Default) */
body, #form, span, div,p
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 12.8px;
  line-height: 19px;
  font-style: normal;
  font-weight: normal;
  text-align:left;
  color: #fff;
}

/* Start Content link style */
a
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #e7a730;
}

/* Adds special style to an unvisited link. */
a:link
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #e7a730;
}

/* Adds special style to a visited link. */
a:visited, a.visited
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: none;
  color: #e7a730;
}

/* :hover - adds special style to an element when you mouse over it. */
a:hover, a.hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  text-decoration: underline;
  color: #e7a730;
}
/* Finish Content link style */
.Normal, .normal, #LoginInfo, #QuickLinks, #LoginInfo p.LoginNotes, .art-PostContent, .art-PostContent .Normal,  .WizardText, .SkinObject
{
  font-size: 1em;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #fff;
}

.NormalBold
{
  font-size: 1em;
  font-family: Arial, Helvetica, Sans-Serif;
  font-style: normal;
  font-weight: normal;
  text-align: left;
  color: #000;
  font-weight: bold;
}

/* Resert some headings default style & links default style for links in headings*/
h1, h2, h3, h4, h5, h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover
h1 a:visited, h2 a:visited, h3 a:visited, h4 a:visited, h5 a:visited, h6 a:visited
{
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  color:#fff;
}
h1 {
	padding:0; margin:0; padding-bottom:5px;
}


/* Start Content headings Fonts & Colors  */
h1, h1 a, h1 a:link, h1 a:visited, h1 a:hover
{
  font-family: Arial, Helvetica, Sans-Serif;
  font-size: 20px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

h2, h2 a, h2 a:link, h2 a:visited, h2 a:hover
{
  font-family: Arial, Sans-Serif;
  font-size: 17px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

h3, h3 a, h3 a:link, h3 a:visited, h3 a:hover
{
  font-family: Arial, Sans-Serif;
  font-size: 16px;
  font-style: normal;
  text-align: left;
  color: #fff;
}

h4, h4 a, h4 a:link, h4 a:visited, h4 a:hover
{
  font-family: Arial, Sans-Serif;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

h5, h5 a, h5 a:link, h5 a:visited, h5 a:hover
{
  font-family: Arial, Sans-Serif;
  font-size: 14px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #fff;
}

h6, h6 a, h6 a:link, h6 a:visited, h6 a:hover
{
  font-family: Arial, Sans-Serif;
  font-size: 13px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  color: #fff;
}
/* Finish Content headings Fonts & Colors  */


/* end PostContent */

/* begin PostBullets */ /* Start Content list */
ol, ul { color: #fff; margin:1em 0 1em 2em; padding:0; font-family: Arial, Helvetica, Sans-Serif; font-size: 12.8px; text-align: left; margin-left: 12px; }
li ol, li ul { margin:0.5em 0 0.5em 2em; padding:0; }
li { margin:0.2em 0; padding:0; }
ul { list-style-type: none; }
ol { list-style-position:inside; }
/* Finish Content list */ /* end PostBullets */

/* begin PostQuote */ /* Start blockquote */
blockquote p
{
	color:#fff;
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: italic;
	font-weight: normal;
	text-align: left;
}
blockquote
{
	margin:10px 10px 10px 50px;
	padding:5px 5px 5px 41px;
	border: 1px dotted color:#fff;
	background-image:url('images/PostQuote.png');
	background-position:left top;
	background-repeat:no-repeat;
}
/* Finish blockuote */ /* end PostQuote */

/* ----------------------------- END TEKST ----------------------------- */



/* begin PostHeaderIcon */
div.hr { display: none; }
/* end PostHeaderIcon */

/* begin PostContent */

#LoginInfo { width: 100%; background-color:Transparent; }
#LoginInfo div.LoginBlock { width: 45%; }
#LoginInfo dt
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

.Head
{
	font-family: Arial, Sans-Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
	}
h2.Head
{
	font-family: Arial, Sans-Serif;
	font-size: 20px;
	font-style: normal;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	color: #fff;
}

#QuickLinks 
{
    border: 0;
    float: none;
    width: auto;
    background-color:Transparent;
}

th
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	color: #fff;
	font-weight: bold;
}

/* ----------------------------- BEGIN KOMMANDO LENKER (adminlenker/loginlenker) ----------------------------- */


a.CommandButton, a.SkinObject
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #000;
}

a.CommandButton:link, a.SkinObject:link
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #fff;
}

a.CommandButton:visited, a.SkinObject:visited
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #fff;
}

a.CommandButton:hover, a.SkinObject:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
 	letter-spacing: 1px;
  	color: #fff;
}

/* begin Innholdslenker */
.AdminPane a.CommandButton, .AdminPane a.SkinObject, #dnn_ControlPanel a.CommandButton
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #000;
}

.AdminPane a.CommandButton:link, .AdminPane a.SkinObject:link, #dnn_ControlPanel a.CommandButton:link
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #000;
}

.AdminPane a.CommandButton:visited, .AdminPane a.SkinObject:visited
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: underline;
	letter-spacing: 1px;
	color: #000;
}

.AdminPane a.CommandButton:hover, .AdminPane a.SkinObject:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	text-decoration: none;
 	letter-spacing: 1px;
  	color: #000;
}
/* end Innholdslenker */

/* ----------------------------- END KOMMANDO LENKER ----------------------------- */

/* end PostContent */

/* ----------------------------- BEGIN KINO PROGRAMLISTE FORSIDEN ----------------------------- */
.program-btn
{
	height: auto;
	background: url("images/program-t-btn.png") repeat-x top;
	text-align: center;
	padding-top: 7px;
	color: #fffffe;
	font-size: 11px;
	} .program-btn a{ color: #fff; font-weight: bold;
	} .program-b-btn { background: url("images/program-b-btn.png") repeat-x; height:8px;
}

/* ----------------------------- BEGIN KINO PROGRAMLISTE FORSIDEN ----------------------------- */


/* ----------------------------- BEGIN NEWSARTICLES ----------------------------- */
.NewsSmall, .NewsTop { padding:14px; }

	.NewsTop .Picture img {
	float: right;
	padding-left: 10px;
	padding-bottom:10px;
	}
	.NewsTop .Title H1 a{
	font-size: 20px;
	font-weight: normal;
	line-height: 20px;
	margin: 0;
	}
	.NewsTop .Premiere {
	font-size: 13.5px;
	line-height: 22px;
	padding-bottom:10px;
	}
	.NewsTop .Summary {
	font-size: 14px;
	line-height: 22px;
	font-weight: Normal;
	margin-bottom: 10px;
	}
	
	.NewsSmall .Picture {
	height: 136px;
	overflow: hidden;
	}
	
	.ListItem .Picture {
	height: 136px;
	overflow: hidden;
	}	
	
	.NewsSmall .Summary {
	font-size: 13px;
	font-weight: normal;
	line-height: 19px;
	padding: 10px 0;
	}
	.NewsSmall .Details {
	font-size: 12px;
	font-weight: normal;
	}
	.NewsSmall .ReadMore, .NewsTop .ReadMore, .NewsList .ReadMore {
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	}
	

.NewsList { }

	.AdminPane a.NewsMenu, .AdminPane a.MenuTop{ padding: 5px 0; width: auto; text-align: center; color: #000;}	
	.AdminPane .MenuTopSelected { font-weight: bold; color: #000;}
	
	.NewsMenu { padding: 5px 0; width: auto; text-align: center;}
	.NewsMenu .MenuTopSelected { font-weight: bold;}

	.ContentPane-Kultur .NewsList .ListItem { background: url('images/KulturABG.png') repeat-x; border-right: 1px solid #373330; border-bottom: 1px solid #373330; }
	.ContentPane-Kino .NewsList .ListItem { background: url('images/KinoABG.png') repeat-x; border-right: 1px solid #373330; border-bottom: 1px solid #373330; }
	
	.NewsList .ListItem {
	float: left; 
	width: 211px;
	height: 254px;
	padding: 0 14px 0 14px;
	}
	.NewsList .Picture { 
	float: none;
	margin: auto;
	padding-bottom: 5px;
	margin-top: 14px;
	margin-left: 1px;
	}
	.NewsList .Tittel {
	font-size: 15px;
	}
	.NewsList .Dato {
	line-height: 20px;
	font-size: 11px;
	}
	.NewsList .ReadMore a{
	color: #ffb92e;
	margin-right: 15px;
	}
	.NewsList .Text{ height: 80px; max-height: 80px;}
	

.NewsListAll { width: 100%;}

	.NewsListAll .ListItem {
	float: left;
	clear: both;
	width: 97%;
	padding: 10px;
	background: url('images/CPDBG-top.png') repeat-x;
	}
	.NewsListAll .Picture { 
	float: right;
	overflow: hidden;
	height: 80px;
	}
	.NewsListAll .Tittel a{
	font-size: 17px;
	float: left;
	color: #fff;
	}
	.NewsListAll .Summary {
	font-size: 12px;
	clear: both;
	}
	.NewsListAll .Dato {
	line-height: 20px;
	font-size: 12px;
	padding-bottom: 10px;
	clear: left;
	}
	.NewsListAll .ReadMore a {
	color: #ffb92e;
	font-size: 11px;
	text-transform: uppercase;
	margin-right: 17px;
	}
	.NewsListAll .Text{ float: left; width: 540px;}
	
.ViewItem { padding: 14px; }
/* ----------------------------- END NEWSARTICLES ----------------------------- */




/* ----------------------------- BEGIN MENU ----------------------------- */
.SBfane{
	width:100px;
	position:absolute;
	margin-left:20px;
	float:left;
	height:20px;
}
.MainMenu 
{ width: 721px; clear: both; margin-left: 290px; margin-bottom: 0px; padding:0;}


/* ----------------------------- START MENY ----------------------------- */



/*** ESSENTIAL STYLES ***/
#dnn_ctl00 {
	 background-image:url(images/menubackground.png); background-repeat:no-repeat;;
	 margin:			-1px;
	padding:		0;
	list-style:		none;
	width: 620px;

}

.sf-menu, .sf-menu * {
	margin:			-1px;
	padding:		0;
	list-style:		none;
}
.sf-menu {
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
	width: 104px;
	text-align:center;
}
.sf-menu li ul li {
	float:			left;
	position:		relative;
	text-align:left;
}
.sf-menu a {
	display:		block;
	position:		relative;
	
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			26px; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
	
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1px;
}
.sf-menu a {
	border-top:		none;
	padding: 		3px;
	text-decoration:none;
	margin:0;
	
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#ffffff;
	font-weight: bold;
}
.sf-menu li {
}

.sf-menu li.niv1kino {
	background:url(images/kino-btn.png);
	width: 100px;
	text-align: center;
	
}


li.niv1kino .niv2:hover, li.niv1kino niv2 a:hover {
	background-color: #312260;
	
}

.sf-menu li.niv1kultur {
	background: url(images/kultur-btn.png);
	width: 100px;
	text-align: center;
}

li.niv1kultur .niv2:hover, li.niv1kultur niv2 a:hover   {
	background-color: #65254d;
	
}

.sf-menu li.niv1omoss {
	background:url(images/omoss-btn.png);
	width: 100px;
	text-align: center;
	
}
li.niv1omoss .niv2:hover, li.niv1omoss niv2 a:hover   {
	background-color: #4a6757;
	
}
.sf-menu li.niv1gray {
	background:url(images/annet-btn.png);
	width: 100px;
	text-align: center;
	
}
.sf-menu li.niv1gray:hover, .sf-menu li.niv1gray a:hover {
	color: black;
	
}
ul li li:hover, u li li a:hover   {
	background-color: #999999;
	
}

.sf-menu li li {
	background:		 #807872;
	padding-left:10px;
}
.sf-menu li li li {
	background:		#807872;
}



/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	display: none; visibility:hidden; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	 /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
display: none; visibility:hidden; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
		background: transparent;

}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}




/* ----------------------------- END MENY ----------------------------- */




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