@charset "UTF-8";

html {height: 100%;}

body {
		font-size: 62.5%;
		font-family: Arial, Helvetica, sans-serif;
		line-height: 150%;
		height: 100%;
		background: url("../img/background_main.jpg") no-repeat top center #000;
		
		behavior: url("assets/css/csshover3.htc"); /* TABLEROW HOVER I IE */
	}
	

.clr {clear:both}; 


a:link, a:visited {
	color: #ae0000;
}

/* GENERAL DESIGN ELEMENTS */

#logo {width: 960px;}
	
#wrapper {
		background: #fff;
		width: 960px;
		margin: 0 auto; 
		padding: 0 0 30px 0;}
	

#program {
		background: url("../img/program_bg.jpg") repeat-x;
		border: 1px solid #d1d1d1;
		width: 938px;
		min-height: 318px;
		height: 100%
		height: auto !important;
		overflow: hidden;
		margin: 0 0 0 10px; }
		
			.program-bottom {background: url("../img/program_bottom.jpg") no-repeat center; width: 938px; height: 22px;}
			
			#program-today {
					width: 610px;
					
					float: left;
					padding: 20px 0 0 20px;
					}
				
				
						/* TEKSTFORMATERING AV PROGRAMTABELL PÅ FORSIDE */
						.front_program_header {
							font-size: 1.2em;
							font-weight: bold;
							color: #222;
							border-bottom: 1px solid #222;
							cursor: default;}
						
						table { border-collapse:collapse; }	
							
						tr.front_program_input {
							font-size: 1.2em;
							border-top: 1px solid #b2b2b2;
							height: 18px;
							cursor: default;
							color: #666;}
								
								td {border-bottom: 1px solid #b2b2b2;}
						
						tr.front_program_input:hover>td { background: #e1ecef; color: #000; }
						
				
			#program-popular {
					background: url("../img/program_shadow.jpg") no-repeat top left;
					width:288px;
					float: left;
					padding: 20px 0 0 20px
					}		
						
						
			/* FORMATERING AV TREKKSPILL */
						
						ul#accordion {margin: 0 0 0 0; width: 250px;}	
							a.nummer1, a.nummer2, a.nummer3, a.nummer4, a.nummer5 {
								background: url("../img/background_pop1.jpg") no-repeat;
								font-size: 1.4em;
								text-decoration: none;
								color: #444;
								margin: 0 0 0 0;
								display: block;
								padding: 8px 0 7px 35px;}
								
								a.nummer2 {background-position: 0 -30px;}
								a.nummer3 {background-position: 0 -60px;}
								a.nummer4 {background-position: 0 -90px;}
								a.nummer5 {background-position: 0 -120px;}
							
							a.nummer1:hover, a.nummer2:hover, a.nummer3:hover, a.nummer4:hover, a.nummer5:hover {
								/*background: url("../img/arw_down.png") no-repeat left;*/
								color: #222;}
							
							
							ul.popular-shows {
								width: 237px;
								padding: 8px 0 8px 8px;
								margin: 0 0 0 0;
								background: url("../img/program_li_bg.jpg") repeat-x #fff;
								font-size: 1.2em;
								border: 1px solid #c5c5c5;}
								
								ul.popular-shows li {
									border-bottom: 1px solid #ebebeb;
									padding: 3px 0 1px 0;
									display: block;}
			
			
			/* TEKSTFORMATERING TABELL FOR KOMMENDE FILMR */
			
				.coming_header {
					font-size: 1.2em;
					font-weight: bold;
					color: #222;
					border-bottom: 2px solid #222;
					cursor: default;
					height: 20px;
					line-height: 20px;
					text-indent: 5px;}
				
				.coming_input {
					font-size: 1.2em;
					border-top: 1px solid #fff;
					height: 20px;
					line-height: 20px;
					cursor: default;
					color: #222;
					text-indent: 5px;
					}
					
						tr.coming_input:hover>td {background-color: #222; color: #fff;}	
						
						
						
						
			/* FORMATERING AV PROGRAMTABELL */
			
			#program10 {width: 610px; float: left; margin: 0 20px 0 0; padding: 0 0 20px 0; border-right: 1px solid #c1c1c1;}
			
			#program_info {width: 250px; float: left; padding: 20px 0 0 0;}
			
			#program_info_tekst {margin: 20px 0 0 0; padding: 10px 0 0 0; border-top: 1px dotted #c1c1c1;}
			
			a.program_title {
				background: url("../img/program_full_bg.jpg") repeat-x;
				display: block; 
				float: none; 
				width: 590px;
				height: 24px;
				
				text-decoration: none;
				color: #444;
				font-size: 1.6em;
				padding: 7px 0 0 5px;}
				a.program_title:hover {background: url("../img/program_full_bg_hover.jpg") repeat-x;}
			
			tr.program_input {font-size: 1.2em; padding: 3px 0 0 0; line-height: 15px; text-indent: 3px;}
				tr.program_input:hover>td {background-color: #ccc; color: #000;}
						
						


#content-wrapper {padding: 20px;}
#content-wrapper2 {padding: 20px 20px 20px 50px;}
			
			.poster {border: 1px solid #222; float:left; margin: 0 20px 40px 0;}
			
			#content-right {
				width: 600px;
				float: left;}
				
					#content-right ul { }
					#content-right li {
						height: 215px;
						display: block;}
						
			#content-left {
				width: 200px;
				margin: 0 0 0 20px;
				padding: 20px;
				float: left;}
				

	
#footer {
	margin: 0 auto;
	color: #ddd;
	width: 960px;
	padding: 10px 0 10px 0;
	}
	
		#footer p {font-size: 1.2em; color: #444; text-align: center;}
		
		a.footerlink {color: #444; text-decoration: none;}
			a.footerlink:hover {color: #ebebeb;}
		


/* INFORMASJONSSIDE FORMATERING AV KOLONNER */
#column-container {
	width: 800px;
	margin: 40px 0 0 0;}

.column {
	background: url("../img/box_bg.jpg") no-repeat;
	float: left;
	width: 248px;
	padding: 15px 0 0 15px;}




/* NAVIGATION */
#navigation {
		background: url("../img/nav_bg-tile.jpg") repeat-x;
		height: 85px;
		margin: 4px 0 0 0; }
	
	#navigation ul {
			margin:28px 0 0 0; 
			list-style: none; 
			float:left; 
			font-size: 1.8em; }
	
		#navigation ul li {
				float: left; 
				margin: 0 15px 0 0; }
		
			#navigation ul li a {color: #ddd; text-decoration: none; display: block; padding: 19px 10px 21px 10px;}
			#navigation ul li a:hover {color:#fff; background: url("../img/nav_sel.jpg") repeat-x; }
			
			.nav-left {background: url("../img/nav_left.jpg") no-repeat; float:left; height: 85px; width: 35px;}
			.nav-right {background: url("../img/nav_right.jpg") no-repeat; float:right; height: 85px; width: 35px;}
			.nav-bottom {background: url("../img/nav_shadow.jpg") no-repeat center; width: 960px; height: 18px;}
			
			a.giftcard-link {
					float: right;
					margin: 28px 0 0 0;
					text-indent: -9999px;
					background: url("../img/btn_giftcard.jpg") no-repeat;
					
					width: 159px;
					height: 56px;}
					
					a.giftcard-link:hover {
					background-position: 0 -56px;}
			

/* TEXTFORMATTING */	
#logo h1 {margin:0; padding:0;}
	#logo h1 a {	
			display: block;
			width: 960px;
			height: 135px;
			
			
			background: url("../img/logo.jpg") no-repeat bottom center;
			text-indent: -9999px;
			overflow: hidden; }
			
h1 {
	font-size: 3.2em;
	color: #8d1412;
	font-weight: normal;
	padding: 0 0 18px 0;}
	
h1.front {
	font-size: 2.4em;
	color: #555;
	float:left;
	margin:0;
	padding: 3px 0 4px 0}
	
h1.front-right {
	font-size: 2.4em;
	color: #777;
	float:right;
	margin: 0 20px 0 0;
	padding: 3px 0 4px 0}

	h1.front-right a {
		text-decoration: none;
		color: #777;}
			h1.front-right a:hover {color: #222;}
	
h1.front-pop {
	font-size: 1.8em;
	color: #333;}

h2 {
	font-size: 2.4em;
	line-height: 120%;
	font-weight: normal;
	color: #8d1412;
	margin: 0 0 15px 0;
	padding: 30px 0 0 0}

h3 {
	font-size: 1.8em;
	color: #555;
	margin: 0 0 7px 0;
	font-weight: normal;}
	
h5 {cursor: pointer; font-size: 12px; margin: 0; padding: 0; font-weight: normal;}
	
h4 {
	font-size: 1.6em;
	font-weight: normal;
	color: #8d1412;
	margin: 0 0 4px 0;
	padding: 0 0 0 0}
	

p {
	font-size: 1.2em;
	color: #000;}
	
		

a.readon {
		background: url("../img/btn_readon.jpg") no-repeat;
		width: 81px;
		height: 23px;
		display: block;
		float: left;
		margin: 15px 0 0 0;
		text-indent: -9999px;}
			
			a.readon:hover {background-position:  0 -23px;}
			
a.movieinfo {
		background: url("../img/btn_info.png") no-repeat;
		width: 13px;
		height: 14px;
		display: block;
		margin: 2px 0 0 4px;
		text-indent: -9999px;}
			
			a.movieinfo:hover {background-position:  0 -14px;}
			
a.buyticket {
		background: url("../img/btn_buyticket.png") no-repeat;
		width: 35px;
		height: 14px;
		display: block;
		float: left;
		margin: 2px 0 0 4px;
		text-indent: -9999px;}
			
			a.buyticket:hover {background-position:  0 -14px;}		

a.checktrans {
		background: url("../img/btn_checktrans.jpg") no-repeat;
		width: 261px;
		height: 77px;
		display: block;
		margin: 2px 0 0 4px;
		text-indent: -9999px;}
			
			a.checktrans:hover {background-position:  0 -77px;}	
			
a.facebook {
	background: url("../img/btn_facebook.jpg") no-repeat;
	width: 260px;
	height: 82px;
	display: block;
	text-indent: -9999px;}
	
		a.facebook:hover {background-position: 0 -82px;}
			
img.telephone {margin: 2px 0 0 4px}		
img.legendinfo {float: left; margin: 0 4px 0 0;}


.small {font-size: 1em; color:#666;}
span.red {color: #8d1412; margin-right: 5px;}
span.col {color: #222; width: 70px; margin: 0 5px 0 0; display: table-cell;}
span.col2 {color: #222; width: 35px; margin: 0 5px 0 0; display: table-cell;}
span.col3 {color: #222; width: 30px; margin: 0 5px 0 0; display: table-cell;}

span.col, span.col2, span.col3 {float: left; display: block;}

/* PROGRAM LEGEND */
span.legend_lastday, span.legend_premier, span.legend_worldpremier, span.legend_prepremier {
	text-indent: -9999px;
	display: block;
	height: 13px;
	width: 13px;
	float: left;
	margin: 2px 5px 0 0;}	
	
	span.legend_lastday {background: url("../img/program_legend_lastday.jpg") no-repeat;}
	span.legend_premier {background: url("../img/program_legend_premier.jpg") no-repeat;}
	span.legend_worldpremier {background: url("../img/program_legend_worldpremier.jpg") no-repeat;}
	span.legend_prepremier {background: url("../img/program_legend_prepremier.jpg") no-repeat;}
	span.legend_text {float: left; padding: 0 10px 0 0; display: block; color: #444;}