@charset "utf-8";
/* CSS Document */



/* GENERAL */

html {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}	
body {	
    color:#000000; 
	font-family:Arial,Helvetica, sans-serif;
 	font-size: 11px;
	text-align: left;
	margin:0px; 
	padding:0px;
}

#filmwebLogo {
	background-image: url("http://www.filmweb.no/felles/gfx/bg.gif");
	background-repeat:repeat-x;
	height: 20px;
	width: 100%;
}


object {
	outline: none;
}

.float_left{
	float:left;
	}

.clear{ 
	height:0px; 
	overflow:hidden; 
	display:block; 
	clear:both;
	}
	
a, a:visited{
	text-decoration: none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
ul { 
	list-style:none; 
	}

.click_link {
	cursor: pointer;
	}	

.stickGrey{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;	
	width: auto;
	padding: 0px 5px 0px 5px;
	background-color: #757575;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
}

.stickGreyLink{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;	
	width: auto;
	padding: 0px 5px 0px 5px;
	background-color: #757575;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}

.stickGreyLink:hover{
	text-decoration: none;
}

.stickOrange{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;	
	width: auto;
	background-color: #ff9900;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 20px 15px 0px;
	margin-right: 20px;	
}

.stickGreen{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;	
	width: auto;
	background-color: #a2cd24;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 20px 15px 0px;
}

.stickRed{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;	
	width: auto;
	background-color: #db222b;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 20px 15px 0px;
}


.greenBackground {
	background-color: #a2cd24;
}

.stickRed{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;
	padding: 0px 6px 0px 6px;	
	width: auto;
	background-color: #db222b;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 20px 15px 0px;
}

.linkBlue{
	float: left;
	color: #0196f1;
	text-decoration: underline;
	margin-right: 15px;
	cursor: pointer;
	}
	
.linkOrange{
	float: left;
	color: #ff9900;
	text-decoration: underline;
	margin-right: 15px;
	cursor: pointer;
	}	
	
.titleBg{
	height: 20px;
	line-height: 21px;
	vertical-align: middle;
	padding-left: 12px;
	background-color: #ebebeb;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	}	

.titleBgRight{
   	height: 20px;  
  /*	line-height: 21px;  */
 /*  	margin-left: 17px; */  
	background-color: #ebebeb;
 	padding: 3px 132px 3px 17px;
 	font-size: 12px;
	font-weight: bold;
	color: #666666;
	}	


/* Nullstiller margins og paddings */

h1,h2,h3,h4,h5,h6,p,.h1,.h2,.h3,.h4,.h5,.h6,ul,li { margin:0px; padding:0px; }
img { display:block; border:none; }	

h1, .h1, h1 a, .h1 a { font-size:24px; }
h2, .h2, h2 a, .h2 a { font-size:18px; font-weight:normal; color:#000; }
h3, .h3 { font-size:16px; font-weight:bold; }
h4, .h4 { font-size:13px; }
h5, .h5 { font-size:10px; font-weight:bold; }
p, .p {	font-size:11px; }

a.h1 { text-decoration:none; }
a.h1:hover { text-decoration:underline; }
a.h2 { text-decoration:none; color:#000000; }
a.h2:hover { text-decoration:underline; color:#000000;}
a.h3 { text-decoration:none; }
a.h3:hover { text-decoration:underline; }
a.h4 { text-decoration:none; }
a.h4:hover { text-decoration:underline; }
a.h5 { text-decoration:none; }
a.h5:hover { text-decoration:underline; }


/* LAYOUT */

.framework {
	width:1000px;
	height: 500px;
	margin: 0px 0px 0px 0px;
	background-color:#FFFFFF;
	text-align: left;

	}


/* Topp og hovedmeny */
.topContainer{
	width: 1000px;
	height: 127px;
	}
	
.topNavContainer{
	float: left;
	width: 743px;
	height: 127px;
	}	
	
.navigation{
	width: 743px;  
	height: 25px;
	}	
	
.nav_btn{
 	float: left; 
	}
	
/* SØKEFELT */

.search_bar{
 	float: left; 
	width: 257px;
	height: 127px;
	background-image: url(../gfx/bg_search_input.gif);
	}
	
.followContainer{
	width: 250px;
	height: 16px;
	margin-top: 24px;
	}	
	
.followIco{
	float: left;
	margin-right: 10px;
	}		
	
.search_bar .text_plain{
	float: left;
	margin: 0px 10px 0px 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	}	
	
form{
	margin:0px; 
	padding:0px;
	}
	
input{
	float: left;
	margin: 0px 0px 0px 22px ;
	font-size: 11px;
	color: #000;
	width: 173px;
	background: transparent url(../gfx/blank.gif) no-repeat fixed;
	border: 0px;
	
	}
	
input.textfield {
	background: transparent url(../gfx/blank.gif) no-repeat; 
	}
	
.search_btn{
	float: left;
	margin-top: 0px;
	}

/* FOOTER */
	
.footer{
	font-family:Verdana, Geneva, sans-serif;
	background-image: url(../gfx/bg_footer.gif);
	background-repeat: no-repeat;
	width: 956px;
	height: 87px;
 	font-size: 9px;
	color: #666666;
	padding: 0px 0px 100px 0px;
	margin-left: 30px;
	}
	
.footer .text{
	padding: 18px 0px 0px 200px;
	}
	
.footer hover a{
	
	
	}	
	
	
/* ---------------- CONTENT ------------------ */

/* 3 COLUMNS */

.leftColumn{
	float:left;
	height: 222px;
	width: 30px;
	background-image: url(../gfx/left_side.gif);
	}

.contentColumn{
	float: left;
	height: auto;
	width: 713px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	}
	
.rightColumn{
	float: right;
	height: auto;
	width: 257px;	
	}
	
/* TOPPSAK */	

.toppsak{
	width: 713px;
 /*	height: 222px;  */
	height: 171px;
/*	background-image: url(../gfx/toppsakBg.gif);  */ 
	background-image: url(../gfx/toppsakBg_V2.gif);
	}

.toppsakBg2{
	width: 713px;
 	height: 222px;
	background-image: url(../gfx/toppsakBg.gif);  */ 
	}

.toppsak .imageInfo .zoom, .toppsakBg2 .imageInfo .zoom {
	display: inline;
	padding-top: 2px;
}

.toppsak .imageInfo .zoom, .toppsakBg2 .imageInfo .span {
	vertical-align: top;
}

.toppsak .imageInfo a, .toppsakBg2 .imageInfo a {
	color: #0099FF;
	vertical-align: top;
	text-decoration: none;
}

h1{
	padding-top: 0px;
	font-size: 11px;
	font-weight:bold;
	}
	
.toppsakTekst{
 	float: left;
 	width: 380px;
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	}	

/* SAKER */
.sak1{
 	padding-top: 1px;
}

.sakBottom{
	background-image: url(../gfx/sakBottom.gif);
	height: 1px;
}


.sakTekst{
	float: left;
 /*	width: 475px; */ 
 	line-height: 18px;
	margin-bottom: 10px;
	color: #666;
	font-weight: normal;
}

.sak1img{
	float:left; 
	padding-right: 20px;
}

.sak2{
	width: 220px;
	padding: 0px 0px 0px 17px;
}

.sakTekst2{
	float: left;
	width: 220px;
	line-height: 18px;
	margin-bottom: 10px;
	color: #666;
	font-weight: normal;
}

.sak2img{
	float:left; 
	padding: 2px 10px 10px 0px
}

.rightHr{
	height: 11px;
	margin-top: 25px;
	background-image: url(../gfx/rightHr.gif); 
}

.icoRss{
	height: 20px;
	margin: 20px 0px 20px 16px;
}


/* ---------------- FILMOMTALE ------------------ */

.filmomtaleTopp{
	width: 713px;
	height: 222px;
	}
	
.filmomtaleTopp .zoom { 
	display: inline;
	vertical-align: bottom;
}

.filmomtaleTopp .storeBilderLink a {
	color: #0099FF;
}

.filmomtaleTekst{
 /*	width: 700px; */ 
	line-height: 18px;
	margin-bottom: 10px;
	font-weight: normal;
	}	

.filmomtaleDetaljer{
 	float: left; 
 	clear: left;  
	height: auto;
	line-height: 18px;
	text-align: right;
	padding: 3px 20px 40px 0px;
	width: 208px;
	font-weight: normal;
	}
	
.filmomtaleDetaljer a, a:visited{
	text-decoration: underline;
	color: #0196f1;
 /*	float: right; */
	}	

.stickYella{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;	
	width: auto;
	padding: 0px 5px 0px 5px;
	background-color: #efe100;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin-right: 20px;
}

.stickCox{
	float: left;
	height: 15px;
	line-height: 16px;
	vertical-align: middle;	
	width: auto;
	padding: 0px 5px 0px 5px;
	background-color: #494949;
	color: #FFF;
	font-weight: bold;
	font-size: 11px;
	margin-right: 20px;
}


	
.hilightGrey{
	color:#999;
	}	
	
	
/* ---------------- KOMMENDE FILMER ------------------ */	

.kommendeTopp{
	width: 713px;
	height: 20px;
	background-color: #F90;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
	}
	
.kommendeToppGreen{
	width: 713px;
	height: 20px;
	background-color: #a2cd24;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
}

.kommendeToppRed{
	width: 713px;
	height: 20px;
	background-color: #db222b;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
}

.sak1kommende{
 	padding-top: 1px;
}

.sakBottomKommende{
	background-image: url(../gfx/sakBottomKommende.gif);
	height: 1px;
}

/* ---------------- ARTIKKEL ------------------ */		

.titleBgBlue{
	height: 20px;
	line-height: 21px;
	vertical-align: middle;
	padding-left: 12px;
	background-color: #0196f1; 
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	}
	
.sakOm{ 
	float:left;
 /*	width: 346px; */
 	width: 346px; 
	background-image: url(../gfx/sakBgOm.gif);
	padding-top: 1px;
	margin-right: 10px;
}

.sakBottomOm{
 	background-image: url(../gfx/sakBottomOm.gif);
	height: 1px;
}
	
/* ---------------- ARKIV ------------------ */		

.arkivKino{
	float: left;
	width: 713px;
	height: 20px;
	background-color: #a2cd24;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
	}
	
.arkivDvd{
	float: left;
 	width: 713px;
	height: 20px;
	background-color: #db222b;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
	}
	
/* ---------------- DROPDOWN ------------------ */		


.menu {
  	float: right;  
	font-family: arial, sans-serif; 
	height:18px; 
	position:relative; 
	font-size:11px; 
	z-index:100;
	padding-left: 20px;
	padding-right: 1px;
	padding-top: 1px;
	}
	
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	width:133px; 
	height:18px;
	text-align:left;
	text-indent: 8px;
 /*	color:#a2cd24; */
	color: #ffff;
	background-image:url(../gfx/dropdown_bg.gif);
	line-height:20px; 
	font-size:11px;
	font-weight: bold;
	overflow:hidden;
	}
	
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}
.menu ul li {
	float:left; 
	position:relative;
	}
	
.menu ul li ul {
	display: none;
	}


/* specific to non IE browsers */
.menu ul li:hover a {
	color:#a2cd24; 
	background-image:url(../gfx/dropdown_bg.gif);
	}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:18px; 
	left:0; 
	width:133px;
	}
	
.menu ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
	}
	
.menu ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
	}
	
.menu ul li:hover ul li ul {
	display: none;
	}
	
.menu ul li:hover ul li a {
	height: 20px;
	display:block;
	background:#262626; 
	color: #a2cd24; 
	}
	
.menu ul li:hover ul li a:hover {
	background:#333; 
	color:#a2cd24;
	}
	
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; top:0;
	}
	
.menu ul li:hover ul li:hover ul.left {
	left:-105px;
	}
	
	
/* ---------------- DROPDOWN ------------------ */	

table{
	border-width: 0px;
	border-spacing: 0;
	color: #666;
}

a, a:visited{
	color: #666;
}

a:hover{
	color: #000;
}

.tableRollGreen tr:hover { 
	background-color:#ecfbcc;  
}

.tableRollGreen a:visited {
	text-decoration: none;
}


tr{
	line-height: 20px;
	}

.tableTitleGreen{
	color: #a2cd24;
	font-weight: bold;
	line-height: 30px;
	}

.tableTitleRed{
	color: #db222b;
	font-weight: bold;
	line-height: 30px;
	}

.tableGap{
	padding-left: 10px;
	}	

.tableHighlight{
	font-weight: bold;
	padding-left: 10px;
	}
	
		
.tableTr a:hover{
	background-color: #063;
	}
	
	
/* ---------------- DROPDOWN ------------------ */		


.menu {
	float: right;
	font-family: arial, sans-serif; 
	width:133px; 
	height:18px; 
	position:relative; 
	font-size:11px; 
	z-index:100;
	padding-left: 20px;
	padding-right: 1px;
	padding-top: 1px;
	}
	
.menu ul li a, .menu ul li a:visited {
	display:block; 
	text-decoration:none; 
	width:133px; 
	height:18px;
	text-align:left;
	text-indent: 8px;
 	color: #a2cd24;
	background-image:url(../gfx/dropdown_bg_green.gif);
	line-height:20px; 
	font-size:11px;
	font-weight: bold;
	overflow:hidden;
	}
	
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}
.menu ul li {
	float:left; 
	position:relative;
	}
	
.menu ul li ul {
	display: none;
	}


/* specific to non IE browsers */
.menu ul li:hover a {
	color:#a2cd24; 
	background-image:url(../gfx/dropdown_bg_green.gif);
	}
.menu ul li:hover ul {
	display:block; 
	position:absolute; 
	top:18px; 
	left:0; 
	width:133px;
	}
	
.menu ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
	}
	
.menu ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
	}
	
.menu ul li:hover ul li ul {
	display: none;
	}
	
.menu ul li:hover ul li a {
	height: 20px;
	display:block;
	background:#262626; 
	color:#a2cd24;
	}
	
.menu ul li:hover ul li a:hover {
	background:#333; 
	color:#a2cd24;
	}
	
.menu ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; top:0;
	}
	
.menu ul li:hover ul li:hover ul.left {
	left:-105px;
	}
	
	

/* -------- TRAILER -----------------  */
	#trailer-overlay{
		width: 100%;
		position:absolute; 
		top: 0;
		left: 0;	
		background-image: url(http://www.filmweb.no/arthaus/template/static/gfx/overlay.png); 
		background-repeat: repeat;
		z-index: 9000;
	}

	#trailer {
		position:absolute;
		top: 140px;
		left: 236px; 
	/*	position: relative;
		top: 0px;
		left: 0px; */
		z-index: 9001;
		width: 793px;
		height: 500px;
	}

	#trailer div {
		height: 20px;
		width: 440px; /*635px;*/
		text-align: right;
		font-family:Verdana, Geneva, sans-serif;
		color: #FFF;
	}

	#trailer div a{
		font-size: 13px;
		text-decoration: underline;
		cursor: pointer;
		background-color: #000000;
	}

/* ---------------- DROPDOWN RED ------------------ */		


.menuRed {
	float: right;
	font-family: arial, sans-serif; 
	width:133px; 
	height:18px; 
	position:relative; 
	font-size:11px; 
	z-index:100;
	padding-left: 20px;
	padding-right: 1px;
	padding-top: 1px;
	}
	
.menuRed ul li a, .menuRed ul li a:visited {
	display:block; 
	text-decoration:none; 
	color:#000;
	width:133px; 
	height:18px;
	text-align:left;
	text-indent: 8px;
	color:#db222b;
	background-image:url(../gfx/dropdown_bg_red.gif);
	line-height:20px; 
	font-size:11px;
	font-weight: bold;
	overflow:hidden;
	}
	
.menuRed ul {
	padding:0; 
	margin:0; 
	list-style: none;
	}
.menuRed ul li {
	float:left; 
	position:relative;
	}
	
.menuRed ul li ul {
	display: none;
	}


/* specific to non IE browsers */
.menuRed ul li:hover a {
	color:#db222b; 
	background-image:url(../gfx/dropdown_bg_red.gif);
	}
.menuRed ul li:hover ul {
	display:block; 
	position:absolute; 
	top:18px; 
	left:0; 
	width:133px;
	}
	
.menuRed ul li:hover ul li a.hide {
	background:#6a3; 
	color:#fff;
	}
	
.menuRed ul li:hover ul li:hover a.hide {
	background:#6fc; 
	color:#000;
	}
	
.menuRed ul li:hover ul li ul {
	display: none;
	}
	
.menuRed ul li:hover ul li a {
	height: 20px;
	display:block;
	background:#262626; 
	color:#db222b;
	}
	
.menuRed ul li:hover ul li a:hover {
	background:#333; 
	color:#db222b;
	}
	
.menuRed ul li:hover ul li:hover ul {
	display:block; 
	position:absolute; 
	left:105px; top:0;
	}
	
.menuRed ul li:hover ul li:hover ul.left {
	left:-105px;
	}
	
/* ---------------- TABLE RED ------------------ */	


.tableRollRed tr:hover { 
	background-color:#f8d3d5;  
}

.tableRollRed a:visited {
	text-decoration: none;
}


.tableTitleRed{
	color: #db222b;
	font-weight: bold;
	line-height: 30px;
	}
	
.tableTrRed a:hover{
	background-color: #f8d3d5;
	}

/* ---------------- SØKERESULTAT ------------------ */		
.arkivSok{
	width: 713px;
	height: 20px;
	background-color: #666;
	color: #FFF;
	font-weight: bold;
	line-height: 20px;
	text-indent: 10px;
	}	


.tableRollGrey tr:hover { 
	background-color:#f8f8f8;
}
	
.tableRollGrey a
{
	color: #0196f1;
	text-decoration: underline;	
}
	
.tableRollGrey a:hover{
	color: #000;
}