@import url('reset.css');

body {
	background: #000;
	color: #fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 15px;
	padding-bottom: 20px;
}

a { color: #00beff; }

a.blacklink { color: #000;}
a.blacklink:hover { color: #00beff;}

.container {
	width: 960px;
	margin: 20px auto;
}

.header {
	float: left;
	width: 576px;
	height: 167px;
	margin-bottom:8px;
}

.logo { 
	float: left;
	margin: 0 0 8px 15px;
	padding-top: 115px;
	vertical-align: bottom;
	height: 52px;
}

.hide { display:none; }

/*-----------------------------------------------------------------------
hovedmeny
-----------------------------------------------------------------------*/

#mainmenu-align {

	float: left;	
	width: 576px;
	height: 27px;	
	margin-right: 8px;
	margin-bottom: 8px;
	background: #fff;
	color: #000;
	font-family: Georgia, Times New-Roman, Serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 27px;
}
	

/* Toppnivå */
ul.dropdown { 
	margin:0; 
	padding:0; 
	position:absolute; 
	z-index:10;
}
ul.dropdown li { 
	float:left;
	list-style:none; 
}
ul.dropdown li .active { 
	background:#00abff;
	text-decoration:underline;
}
ul.dropdown li a { 
	display:block;
	color:#000;
	text-decoration:none;
	position:relative;
	padding:0 13px;
}
ul.dropdown li.hover, ul.dropdown li:hover { 
	background:#00abff; 
	position:relative;
}
ul.dropdown li.hover a { 
	color:#000; 
}

/* Subnivå */
ul.dropdown ul { 
	width:148px; 
	visibility:hidden; 
	position:absolute; 
	top:100%; 
	left:0; 
	margin:0; 
	padding:10px;
	background:#00abff;
	line-height: 18px;
}
ul.dropdown ul li { 
	font-weight:normal; 
	color:#000; 
	float:none; 
}
ul.dropdown ul li a { 
	padding:0;
	display:inline-block;
}
ul.dropdown ul li a:hover { 
	background:#FFF; 
} 
ul.dropdown ul li .active {	
	text-decoration:none;
}

/* Subnivå 2 */
ul.dropdown ul ul { 
left:100%; 
top:0;
}
ul.dropdown li:hover > ul { 
visibility: visible; 
}
ul.dropdown ul ul li .active {	
	text-decoration:none;
}


/*-----------------------------------------------------------------------
søkefelt
-----------------------------------------------------------------------*/

.sitesearch {
	padding-top: 3px;
	float: left;
}

.searchfield {
	vertical-align: bottom;
	border: none;
	margin-left: 5px;
	background: #fff;
	height: 22px;
	width: 150px;
}

.searchbutton {
	vertical-align: bottom;	
	font-family: Georgia, Times New-Roman, Serif;
	font-weight: bold;
	height: 24px;
	border: none;
	background: #b4b4b4;
}

.searchbutton:active {
	background: #ccc;
}

/*-----------------------------------------------------------------------
venstre kolonne
-----------------------------------------------------------------------*/

.leftcolumn {
	clear: both;
	float: left;
	margin-right: 11px;
	width: 145px;
	min-height: 100px;
	font-family: Georgia, Times New-Roman, Serif;	
	font-size: 12px;	
	font-weight: bold;	
	color: #000;
}

.leftcolumn a { color: #000; text-decoration: none;}
.leftcolumn a:hover { color: #000; text-decoration: underline;}

.leftcolumn .normal {
	background: #b9b9b9;
	padding: 10px;
	margin-bottom: 8px;
}

.leftcolumn .grey {
	background: #b9b9b9;
	padding: 10px;
	margin-bottom: 8px;
}

.leftcolumn .green {
	background: #00b800;
	padding: 10px;
	margin-bottom: 8px;
}

.leftcolumn .blue {
	background: #00abff;
	padding: 10px;
	margin-bottom: 8px;
}

.leftcolumn .red {
	background: #d62b17;
	padding: 10px;
	margin-bottom: 8px;
}


.leftcolumn .fritekst {
	background: #b9b9b9;
	padding: 10px;
	margin-bottom: 8px;
	font-weight:normal;
}

.leftcolumn .fritekstsimple {
	margin-bottom: 8px;
	font-weight:normal;
}

.filmdatabase {
	margin-top: 86px;
	padding: 0;	
	background: #00b800 url('../images/filmdatabasesymbol.png') right no-repeat;
}

.filmdatabase a {
	display: block;
	padding: 10px;
	width: 100%;
	height: 15px;
}

.sublist {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 10.5px;
}

.sublist a:hover { background: #fff;}

.sublist li {
	padding: 0px;
	margin: 0px;
	margin-left: 5px;
}


/*-----------------------------------------------------------------------
innhold
-----------------------------------------------------------------------*/

.content {
	float: left;
	background: #fff;
	color: #000;
	padding: 14px;
	width: 392px;
}

.content-wide {
	float: left;
	background: #fff;
	color: #000;
	padding: 14px;
	width: 548px;
	}

.content-program {
	float: left;
	background: #fff;
	color: #000;
	padding: 14px;
	width: 711px;
}

.content .string, .content-wide .string, .content-program .string {
	background: #000;
	text-align: center;
	margin-top: 28px;
	margin-bottom: -15px;
	margin-right: -15px;
	margin-left: -15px;	
}


.content h1, .content-wide h1, .content-program h1 {
	font-family: Georgia, Times New-Roman, Serif;	
	font-size: 11px;	
	font-weight: bold;	
	margin-bottom: 3px;
}

.content p, .content-wide p, .content-program p {
	margin-top: 5px;
}

.item {	margin-bottom: 20px; border-bottom: 1px solid #66cdff; }

.item img { float: left; margin-bottom: 10px; margin-right: 10px;}

.meta { 
	clear: both;
	font-size: 9px;
	margin-top: 5px;
	margin-bottom: 25px;
	color: #00beff;
}

.articlechivelink {
	font-size:9px;
	text-decoration:none;
}
a.articlechivelink:hover { 
	color: #000; 
	text-decoration: none; 
}

.archivelink { 
	margin-left:-5px;
	clear: both;
	font-size: 9px;
	margin-bottom: 25px;
	color: #00beff;
}

.shortcast-top {
	margin:5px 0 25px 0; 
	float:left;
}

.shortcast-topicon {
	float:left;
	width:100px;
}

.shortcast-toptext {
	float:left; 
	width:280px;
}

.shortcast-container {
	width: 160px; 
	margin-right: 10px; 
	margin-bottom: 10px;
	float: left;
}

.shortcast-sort {
	margin-bottom:10px;
}

.shortcast-meta { 
	clear: both;
	font-size: 9px;
	margin-top: 5px;
	padding-bottom: 2px;
	color: #00beff;
	background: url('../images/blastrek.gif') no-repeat left bottom;
}

.shortcast-watch {
	clear: both;
	font-size: 9px;
	color: #00beff;
}

.shortcast-watch a {
	text-decoration:none;
}

.meta a, .archivelink a { color: #00beff; text-decoration: none; }
.meta a:hover, .archivelink a:hover { color: #000; text-decoration: none; }
.meta .readmore, .archivelink .readmore { float: left;}
.dateandcomments { float: right;}

#filmbuttons { float:left; clear:both; width:100%; margin-bottom:5px; }
A.nkbutton, A.ndbutton, A.ikbutton, A.idbutton, A.spbutton, A.sabutton {
	float:left;
	display:block;
	padding:5px;
	margin:0 6px 0 0;
	background:#CCC;
	text-decoration:none;
	color:#FFF;
	font:bold 14px Arial, Helvetica, sans-serif;
}

A.nkbutton:hover, #nk-a { background:#ffcb08; }
A.ndbutton:hover, #nd-a { background:#39b54a; }
A.ikbutton:hover, #ik-a { background:#ed1c24; }
A.idbutton:hover, #id-a { background:#b371af; }
A.spbutton:hover, #sp-a { background:#f58220; }
A.sabutton:hover, #sa-a { background:#c7c8ca; }

.submitLink {
   color: #00beff;
   background-color: transparent;
   text-decoration: none;
   border: none;
   cursor: pointer;
   cursor: hand;
   font-size:9px;
   margin:0;
   padding:0;
}

.content-shortcast {
	float: left;
	background: #fff;
	color: #000;
	padding: 14px;
	clear:both;
	width:320px;
	}
.content-shortcast-left {
	float:left;
	width:180px;
	margin-left:10px;
}
.content-shortcast-left a {
	font-size:9px;
}

.content-shortcast .string2 {
	background: #000;
	text-align: center;
	margin-top:10px;
	margin-bottom: -15px;
	margin-right: -15px;
	margin-left: -15px;	
}

#article-byline { clear:both; width:100%; border-bottom: 1px solid #66cdff; }


/*-----------------------------------------------------------------------
breadcrumbs
-----------------------------------------------------------------------*/

.breadcrumbs {
	font-size: 8px;
	position: relative;
	color: #00beff;
	margin-left: -5px;
	top: -10px;
}

.breadcrumbs a { text-decoration: none;}
.breadcrumbs a:hover { text-decoration: underline;}

.hr { display:block; height:2px; border-top:2px dotted #a2a1a2; margin:5px 0 10px 0; }
.hr hr { display:none; }

/*-----------------------------------------------------------------------
høyre kolonne
-----------------------------------------------------------------------*/

.rightcolumn {
	margin-left: 13px;
	float: left;
}

.picsfromfestival {
	margin-bottom: 16px;	
}

.picsfromfestival h1 {
	background: #ffe100;
	color: #000;
	padding: 10px;
	font-family: Georgia, Times New-Roman, Serif;	
	font-size: 12px;	
	font-weight: bold;
}

.shortcast { width: 205px; font-size: 10px; margin-bottom: 20px; line-height: 13px;}
.shortcast a { color: #fff;}
.shortcast img { float: left; margin-right: 10px; }


.kortnytt {  background: #fff; padding: 8px; margin-bottom: 16px; }
.fritekstright {  background: #fff; padding: 8px; margin-bottom: 16px; }
.fritekstrightsimple {  margin-bottom: 16px; }

.kortnytt h1, .fritekstright h1 { 
	font-family: Georgia, Times New-Roman, Serif; 
	font-size: 11px; 
	font-weight: bold; 
	color: #000; 
}

.kortnytt .seperator, .fritekstright .seperator { margin-top: 5px; margin-bottom: 6px;}

.kortnytt p, .fritekstright p { font-size: 10px; color: #000; margin-bottom: 1px; width: 189px; }
#kortnytt-1, #kortnytt-2, #kortnytt-3, #kortnytt-4, #kortnytt-5, #kortnytt-6, #kortnytt-7, #kortnytt-8, #kortnytt-9, #kortnytt-10 { font-size: 10px; margin-bottom: 1px; color: #000; width: 189px;}

.fritekstright a { text-decoration: none; }
.kortnytt a { text-decoration: none; margin-bottom: 10px;}
.kortnytt a:hover { text-decoration: underline;}

.kortnytt .string {
	text-align: center;
	background: #000;
	margin-top: 28px;
	margin-left: -13px;
	margin-right: -13px;	
	margin-bottom: -13px;	
}



/*-----------------------------------------------------------------------
annonser
-----------------------------------------------------------------------*/

.advertising {
	float: left;
	width: 150px;
	margin-left: 13px;
	min-height: 600px;
	}



/*-----------------------------------------------------------------------
tooltip
-----------------------------------------------------------------------*/

.toolTip {
	position: relative;
	cursor:pointer;
	text-decoration:none;
	}

	.toolTipWrapper {
		width: 175px;
		position: absolute;
		display: none;
		color: #FFF;
		font-size: 10px;	
		}
	
		.toolTipTop {
			width: 175px;
			height: 0;
			}

		.toolTipMid {
			padding: 8px 15px;
			background: #333;
			}
		
		.toolTipBtm {
			height: 0;
			}



/*-----------------------------------------------------------------------
show/hide
-----------------------------------------------------------------------*/

.hide p { margin:0; padding:0; }

#films div.morefilms {
	margin:8px 0 0 0;
	height:16px;
	cursor:pointer;
	background: url('../images/lesmer.png') no-repeat;
}

#films div.morefilmseng {
	margin:8px 0 0 0;
	height:16px;
	cursor:pointer;
	background: url('../images/readmore.png') no-repeat;
}

#films div.selected {
	background: url('../images/lukk.png') no-repeat;
}

#eng #films div.selected {
	background: url('../images/close.png') no-repeat;
}

@media print {
	#films div {
		display:block!important;
		height:auto!important
	}
}

/*-----------------------------------------------------------------------
Filmprogram
-----------------------------------------------------------------------*/

ul.filmprogram, ul.filmprogram ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}


/*-----------------------------------------------------------------------
program kalender
-----------------------------------------------------------------------*/

#cal-contain { 
	width:640px;
	float:left;
	background: url(../images/cal-bg.gif) repeat-y; 
	}
	
	#cal-top {
	height:13px;
	line-height:13px; 
	background: url(../images/cal-top.gif) no-repeat;
	}
	
		.cal-top-spot-first { 
		width:49px; 
		float:left; 
		}
		
		.cal-top-spot { 
		width:98px; 
		padding-top:2px; 
		text-align:center; 
		float:left; 
		}
		
		.cal-clear {
		clear:both;
		}
		
		.cal-time { 
		width:39px; 
		padding-left:10px; 
		line-height:15px; 
		font-size:9px; 
		float:left; 
		margin-top:-3px; 
		}
		
		.cal-spot { 
		width:98px; 
		float:left; 
		margin-top:6px; 
		z-index:0; 
		position:relative; 
		}
		
			.cal-nk, .cal-nd, .cal-ik, .cal-id, .cal-sp, .cal-sa, .cal-pr { position:absolute; width:88px; padding:0 5px; text-decoration:none; color:#000; font:bold 13px Arial, Helvetica, sans-serif; line-height:15px; }
			.cal-nk { background:#ffcb08; }
			.cal-nd { background:#39b54a; }
			.cal-ik { background:#ed1c24; }
			.cal-id { background:#b371af; }
			.cal-sp { background:#f58220; }
			.cal-sa { background:#c7c8ca; }
			.cal-pr { background:#70a7ca; }
			
			.cal-img { padding:10px; }
			
			.calsubnavcontainer { margin-bottom:30px; font-size: 13px; }
			a#calnavlinkchosen { color: black; background-color: #00abff; }
			a#calnavlinkchosen:hover { text-decoration:none; }
			a.calnavlink { padding-right: 4px; padding-left: 4px; padding-bottom: 3px; padding-top: 2px; background-color: black; color: white; text-decoration:none; margin-right:5px; }
			a.calnavlink:hover { background-color: #8b8b8b; }