@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;
}

object {
	outline: none;
}

.float_left{
	float:left;
	}

.clear{ 
	height:0px; 
	overflow:hidden; 
	display:block; 
	clear:both;
/*	border: solid 1px red; */
	}
	
a, a:visited{
	text-decoration: none;
	outline: none;
	}
	
a:hover{
	text-decoration:underline;
	}
	
ul { 
	list-style:none; 
	}

.click_link {
	cursor: pointer;
	}

/* 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:14px; font-weight:bold; color: #ed008c;}
h4, .h4 { font-size:13px; color: #ed008c;}
h5, .h5 { font-size:10px; font-weight:bold; }
p, .p {	font-size:13px; display: block;}

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:1350px;
	height: 1400px;
	margin: 0px 0px 0px 0px;
	background-image: url(../gfx/bg_utenMusikk.jpg);
	text-align: left;
	position: relative;
	}
#logo {
	width: 345px;
	height: 143px;
	position: relative;
	left: 140px;
	float: left;
}
	
area {
	cursor: pointer;
}


/* Topp og hovedmeny */
.external{
	float: left;
	position:relative;
	left:466px;
	top:114px;
/*	padding: 114px 0px 0px 730px; */
	}
	
.navigation{
	float: left;
	position:relative;
	left:375px;
	top:8px;
	width: 675px;
/*	padding: 5px 0px 0px 443px; */
	}

#rolloverBilderContainer {
	position: absolute;
	top: 5px;
	left: 2px;
	float: left;
	width: 46px;
	height: 20px;
}

#rolloverOmFilmenContainer {
	position: absolute;
	top: 5px;
	left: 77px;
	float: left;
	width: 73px;
	height: 20px;
}


#rolloverSkuespillereContainer {
	position: absolute;
	top: 4px;
	left: 179px;
	float: left;
	width: 90px;
	height: 20px;
}


#rolloverEventContainer {
	position: absolute;
	top: 4px;
	left: 296px;
	float: left;
	width: 100px;
	height: 19px;
}


#rolloverLastNedContainer {
	position: absolute;
	top: 5px;
	left: 423px;
	float: left;
	width: 115px;
	/*height: 18px;*/
	height: 21px;
}

#rolloverKonkContainer {
	position: absolute;
	top: 5px;
	left: 423px;
	float: left;
	width: 115px;
	height: 18px;
}


#rolloverKjopContainer {
	position: absolute;
	top: 1px;
	left: 564px;
	float: left;
	width: 111px;
	height: 25px;
}


#cornerDude {
	position: absolute;
	width: 164px;
	height: 315px;
	float: right;
	top: 0px;
	right: 152px;
	z-index:100;
}

/* ---------------- CONTENT ------------------ */

/* 3 COLUMNS */

.leftColumn{
	float:left;
	height: 450px;
	width: 250px;
	position:relative;
	left:230px;
	top:69px;	
	overflow: hidden;
	}

#scrollContainer {
	width: 250px;
	top: 0px;
	position:relative;
}

#leftColumnScroller {
	float: left;
	position:relative;
	height: 470px;
	width: 15px;
	top:49px;
	left: 230px;
}

#mainColumnScroller {
	float: left;
	position:absolute;
	height: 31px;
	width: 15px;
	top:140px;
	left: 613px;
}


#leftColumnScroller2 {
	float: left;
	position:relative;
	height: 360px;
	width: 15px;
	top:-321px;
	left: 230px;
}


.leftColumn2{
	float:left;
	height: 485px;
	width: 250px;
	position:relative;
	left:230px;
	top:-446px;	
	}	

#contentColumn{
	float:left;
	height: 1020px;
	width: 627px;
	position:relative;
	left:245px;
	top:49px;
	overflow: hidden;
	}

#ajaxLoader img {
	margin-top: 50px;
	margin-left: auto;
	margin-right:auto;
}
/* TOPPSAK */	

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

h1{
	padding-top: 0px;
	font-size: 11px;
	font-weight:bold;
	}
	
.toppsakTekst{
	float: left;
	width: 380px;
	line-height: 18px;
	margin-bottom: 10px;
/* 	border: 1px solid red;*/	
	}	

.vegas_nyhet {
	width: 245px;
	padding-bottom: 10px;
}

	.vegas_nyhet h3 {
		color: #ed008c;
		font-size: 14px;
	}
	
	.vegas_nyhet p {
		color: #FFFFFF;
	}
	
	#nyhet a, .vegas_nyhet .artLink {
		color: #ed008c;
		font-size: 12px;
		text-decoration: underline;
	}

#nyhet .articleContent{
	font-size: 13px;
	width: 490px;
}

/** TWITTER ***/
.twitter_user {
	width: 250px;
	height: 120px;
}

	.twitter_user img {
		float: right;
	}
	
.twitter_label {
	float: left;
	font-weight: bold;
	padding-right: 5px;
	clear: left;
}

.twitter_value {
	float: left;
	width: 165px;
	color: #FFFFFF;
}

#twitterViewport {
	height: 365px;
	overflow: hidden;
	position: relative;
}


#twitter_statuses {
	position: relative;
}

	.twitter_status {
		padding-bottom: 10px;
	}
	.twitter_status a{
		color: #000000;
		text-decoration: underline;
	}

		.twitter_message {
			color: #FFFFFF;
		}
		
		.twitter_message a {
			font-weight: bold;
			text-decoration: none;
		}
.titleImg {
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
		
.galleryImage {
	float: left;
	width: 150px;
	margin-left: 61px;
	height: 150px;
	padding-bottom: 3px;
}
	.galleryImage a img{
		margin-left: auto;
		margin-right: auto;
	}
	.galleryImage a {
		color: #FFFFFF;	
	}
.rowFirst {
	margin-left: 27px;
}

.articleContent {
	width: 573px;
	margin-left: 27px;
	color: #FFFFFF;
	
}


	.articleContent{
		font-size: 13px;
		}
	.articleContent h3 {
		text-transform:uppercase;
		margin-bottom: 20px;
	}
	.articleContent p {
		padding-bottom: 15px;
	}
	#eventkalender .articleContent p {
		padding-bottom: 0;
	}
	
	.articleContent #topMovie {
		position: relative;
		height: 303px;
	}
	
	.articleContent #movieBanner {
		position:absolute;
		z-index: 100;
		top:0;
		left: 0px;
		width: 500px;
		height: 303px;
	}

#omFilmen .titleImg, #skuespillere .titleImg {
	margin-bottom: 0;
}

#content {
	width: 600px;
}

#contentColumn .subNav {
	position: relative;
	width: 500px;
	height: 30px;
	background-color: #FFFFFF;
	margin-left: 27px;
	margin-bottom: 20px;
}
#contentColumn .subNav img{
	z-index: 100;
	position: relative;
}

.bgMarker {
	height: 30px;
	position: relative;
	width: 60px;
	top: -30px;
	background-color: #ed008c;
	z-index: 0;
}


#eventkalender td {
	vertical-align: top;
	font-size: 13px;
	padding-bottom: 10px;	
}

	#eventkalender td h4{
		display: inline;
	}


#eventkalender .date {
	width: 63px;
}

.sang {
	margin-bottom: 10px;	
}

	.sang img {
		float: left;
		margin-right: 20px;
	}
	
	.sang p img {
		margin-right: 5px;
		vertical-align: middle;
	}

	.sang h3 {
		margin-bottom: 5px;
	}
	
	.sang p {
		line-height: 13px;
	}
	
	.sang a {
		color: #ed008c;
		font-size: 13px;
		text-decoration: underline;
	}
	
.klipp {
	margin-top: 10px;	
}

	.klipp img {
		float: left;
		margin-right: 20px;
	}
	
	.klipp p img {
		margin-right: 5px;
		vertical-align: middle;
	}

	.klipp h3 {
		margin-bottom: 5px;
	}
	
	.klipp p {
		line-height: 13px;
	}
	
	.klipp a {
		color: #ed008c;
		font-size: 13px;
		text-decoration: underline;
	}