@charset "utf-8";

/* defaults */

* { 
	vertical-align: baseline; 
	font-size: 100%; 
	border: 0 none; 
	outline: 0; 
	padding: 0; 
	margin: 0;
	} 

a {
	color:#00baf2; 
	text-decoration:none;
}

a h3, a.black-link {
	color:#000; 
	text-decoration:none;
}

a:hover h3, a.black-link:hover { text-decoration:underline;}

a:hover { 
	text-decoration:underline;
}

a img {
	border:0;
	}

.clear {
	clear:both;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}


/* container */

html {	
	background:#000  url("/system/modules/no.klapp.kosmorama/resources/images/2010/kosmorama_bg_2010.jpg") top center no-repeat;
	width: 100%;
	}
	
body{ 
	font-family:Arial;
	width: 100%; 
	text-align: center;
	}
	
#wrap {	
	width:960px; 
	padding:32px 0 0 0; 
	margin: 0 auto; 
	text-align: left;
	position:relative;
	}
	

	

	
#container { 
	width:950px;
	margin:0 80px 40px 0px; 
	background:#fff;
	}


/* header */

#header { 
	height:158px;
	border-bottom:3px solid #10a5d8;
	}
	
#header a.logo img {
	display:block;
	}
	
#header a.logo { 
	float:left;
	}
	
#header h1.logo-text {
	font-size:20px;	
	letter-spacing:-1px;	
	font-family:"Trebuchet MS";	float:left;
	/*width:236px;*/ 
	height:20px;
	margin:67px 0 0 -225px;
	}


/* meny */

#menu {
	height:74px;	
	background-color:#eeeeee;	
	background-image:url("/system/modules/no.klapp.kosmorama/resources/images/2010/menu-bg-tile.jpg");	
	background-repeat:repeat-x;	
	border-bottom:2px solid #9e9e9e;
	}
	
#menu ul.main-ul { 
	float:left;	height:74px;	
	padding-left:24px;	
	position:relative;
	}
	
#menu ul.main-ul li { 
	float:left;	
	list-style:none;	
	font-size:12px;	
	font-weight:bold;
	}
	
#menu ul.main-ul li a { 
	display:block;	
	height:28px;	
	padding:11px 12px 0 12px;	
	font-size:12px;	
	font-weight:bold;	
	color:#fff;	
	text-transform:uppercase;	
	text-decoration:none;
	}
	
#menu ul.main-ul li.here, #menu ul.main-ul li:hover {
	background:url("/system/modules/no.klapp.kosmorama/resources/images/2010/menu-bg-tile-hover.jpg") repeat-x;
	}
	
#menu ul.main-ul li.here > a {
	background:url("/system/modules/no.klapp.kosmorama/resources/images/2010/menu-bg-triang-hover.jpg") center bottom no-repeat;
	}
	
#menu ul.main-ul li.here ul, #menu ul.main-ul ul {
	display:block;
	}

#menu ul.main-ul li ul {	
	display:none;	
	width:926px;	
	height:26px;	
	padding:9px 0 0 24px;	
	position:absolute;	
	left:0;	
	bottom:0;	
	background-color:#f2f2f2;
	}
	
#menu ul.main-ul li ul li { 
	float:left;	
	list-style:	none;	
	font-size:12px;	
	font-weight:normal;
	}
	
#menu ul.main-ul li ul li a {	
	display:block;	
	height:auto;	
	padding:0 9px 0 9px;	
	font-size:12px;	
	font-weight:100;	
	color:#231f20;	
	text-decoration:none;	
	text-transform:none;	
	background:none;
	}
	
#menu ul.main-ul li ul li:hover a {
	text-decoration:underline; 
	background:none;
	}
	
#menu ul.main-ul li ul li.here a {
	font-weight:bold; 
	background:none;
	}
	
#menu ul.main-ul li ul li.here, #menu ul.main-ul li ul li:hover {
	background:none;
	}

/* søk */

#search {	
	float:right;	
	margin:0 6px 0 0;
	padding-top:8px;
	}
	
#flagg { float:right; width:25px; padding-top:12px; margin:0 10px 0 0; }
	
#search input.submit { 
	width:19px;	
	height:15px;	
	margin:5px 6px 0 0;	
	background:url('/system/modules/no.klapp.kosmorama/resources/images/2010/input-submit-bg.gif') no-repeat;	
	border:0;
	}
	
#search input.submit:hover {
	cursor:pointer
	}

#search input {
	float:left;
	}

#search input.text {
	width:149px; 
	height:20px; 
	padding:4px 0 0 3px; 
	font-size:12px; 
	background:url('/system/modules/no.klapp.kosmorama/resources/images/2010/input-text-bg.jpg') repeat-x; 
	border:0; 
	border-left:2px solid #d6d6d6;
	}


/* content */

#content{
	padding:20px 25px 0 24px;
	}

#content div.left-side {	
	float:left;	
	width:672px;
	}

#content a img { 
	display:block; 
	border:0;
	}

#content .big-picture div.triang {
	width:26px;	
	height:17px;	
	margin:-17px 0 0 20px;	
	background:url("/system/modules/no.klapp.kosmorama/resources/images/2010/triang.png") no-repeat;	
	position:relative;	
	z-index:1;
	}

#content .big-picture h2 { 
	height:48px;	
	padding:12px 0 0 12px;		
	font-family:"Trebuchet MS";	
	font-size:30px;	
	font-weight:100;	
	text-transform:uppercase;	
	color:#fff;	
	background-color:#04a6d7;	
	border-bottom:1px solid #ccc;
	}

#content .big-picture p { 
	margin:8px 10px 0 4px;	
	font-size:14px;	
	color:#424242;
	}

#content .small-pictures {
	margin:25px 0 0;
	}

#content .small-pictures li { 
	float:left;
	width:210px;	
	margin:0 20px 10px 0px; 
	list-style:none;
	}

#content .small-pictures li.last {
	margin: 0 0 10px 0;
	}

#content .small-pictures div.triang { 
	width:22px;	
	height:14px;	
	margin:-14px 0 0 14px;	
	background:url("/system/modules/no.klapp.kosmorama/resources/images/2010/triang-mini.png") no-repeat;	
	position:relative;	
	z-index:1;
	}

#content .small-pictures h3 {	
	height:48px;	
	padding:8px 0 0 8px;	
	font-family:"Trebuchet MS";	
	font-size:18px;	
	font-weight:100;	
	letter-spacing:-1px;	
	text-transform:uppercase;	
	color:#fff;	
	background-color:#04a6d7;	
	border-bottom:1px solid #ccc;
	}

#content .small-pictures p { 
	margin:8px 0 0 4px;	
	font-size:12px;	
	color:#424242;
	}

#content .left-side h2.bott-elem { 
	margin:28px 0 4px 13px;	
	font-family:"Trebuchet MS";	
	font-size:20px;	
	letter-spacing:-1px;	
	font-weight:100;	
	text-transform:uppercase;	
	color:#0b0b0b;
	}

#content .left-side div.act-element img { 
	display:block;
	}


/* arkiv, flere saker */

#line { 
	margin-top:25px; 
	padding:11px 13px 0 13px; 
	height:29px;	
	font-size:12px; 
	border-top:1px solid #ccc; 
	border-bottom:1px solid #ccc;
	}

#line span { 
	float:left;
	}

#line a {
	float:right;	
	color:#00baf2; 
	text-decoration:none;
	}

#line a:hover {
	text-decoration:underline;
	}


/* venstre sidebar */

#content div.right-side { 
	float:right;	
	width:210px;
	}

#content .right-side div {
	margin-bottom:12px;
	}

#content .right-side div.mini-cont {
	margin-bottom:0;
	}

#content .right-side div h2 { 
	height:32px;	
	padding:10px 0 0 13px;	
	font-family:"Trebuchet MS";	
	font-size:17px;	
	font-weight:100;	
	letter-spacing:-1px;	
	text-transform:uppercase;	
	color:#fff;	
	background-color:#101010;	
	border-bottom:4px solid #04a6d7;
	}

#content .right-side .mini-cont, .onecol .mini-cont {
	background-color:#e1e1e1;
	}

#content .right-side .mini-cont li, .onecol .mini-cont li {	
	list-style:none;	
	padding:12px 15px 12px 14px;
	}

#content .right-side .mini-cont li.bright, .onecol .mini-cont li.bright {
	background-color:#ececec;
	}

#content .right-side .mini-cont li h3, .onecol .mini-cont li h3 {
	font-size:12px;
	}

#content .right-side .mini-cont li div, .onecol .mini-cont li div {
	font-size:10px;
	margin:0;
	padding:0;
	}

#content #community div {
	font-size:11px;
	}

#content #sponsorer div, .onecol #sponsorer div {
	
	}

#content #snarveier h3, .onecol #snarveier h3 {
	text-transform:uppercase;
	}

#content #nyheter ul {		
	padding:8px 0 4px 0;	
	background-color:#f7f5f5;	
	overflow:scroll;	
	overflow-x:hidden;	
	border:1px solid #c9c8c8;	
	border-top:0;
	}

#content #nyheter li {	
	padding:0 10px 8px 22px; 	
	background:url('/system/modules/no.klapp.kosmorama/resources/images/2010/list.jpg') 11px 6px no-repeat;
	}

#content #nyheter li a { 
	display:block;	
	font-size:10px;	
	text-decoration:none;	
	color:#908080;}

#content #nyheter li a:hover {
	text-decoration:underline;
	}

.right-side #community div.mini-cont, .right-side .fritekst, .onecol .fritekst { 
	background: #c1c1c1 url(/system/modules/no.klapp.kosmorama/resources/images/2010/community_bg.jpg) 0 0 repeat-x;
	}

.right-side .fritekst p, .onecol .fritekst p { padding:8px; font-size:11px; }
	
.right-side #sponsorer div.mini-cont, .onecol #sponsorer div.mini-cont {
	background: #c1c1c1 url(/system/modules/no.klapp.kosmorama/resources/images/2010/sponsorer_bg.jpg) 0 0 repeat-x;
	}

/* footer */

#footer { 
	height:33px; 
	margin:32px 30px 0 22px;	
	padding:8px 11px 0 12px;	
	font-size:10px;	
	color:#999;
	border-top:1px solid #ccc;
	}
	
#footer span {
	float:left;
	}

#footer span.first {
	width:492px;
	}

#footer a {
	color:#999;
	}

#footer a:hover {
	text-decoration:none;
	}

#footer > a { 
	float:right; 
	}


/////// DINSIDE



.botmarg { margin-bottom: 10px; }

.underheading {
	display:block;
	background-color:#757575;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding: 5px;
	margin-bottom: 8px;
}


.dine-filmer {
display:block; padding-bottom:8px; border-bottom:3px solid #d6d6d6; margin-bottom:8px; clear:both;
}

.undercontent {
	display:block;
	font-size:11px;
	background-color:#e9e9e9;
}

.undercontent ul { padding:0; margin:0; list-style-type:none; }
.undercontent ul a { color:#000; font-size:12px; text-transform:uppercase; font-weight:bold; }
.undercontent ul a:hover { color:#333; }
.undercontent ul li { padding:10px; margin:0; }

.medpad { padding:10px; }

a.userpic {
	display:block;
	background:#f2f2f2;
	padding:15px;
	margin-top:10px;
	text-align:center;
	color:#e8e8e8;
}

a.userpic:hover { color:#e8e8e8; }

a.findfilms {
	background-image:url(/system/modules/no.klapp.kosmorama/resources/images/2010/bigbutton.png);
	display:inline-block;
	width:211px;
	line-height:38px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}


.onecol, .twocol, .threecol
{
float:left;
}


.onecol
{
width: 210px;
}

.twocol
{
width: 444px;
margin:0 15px
}

.threecol
{
width: 675px;
overflow: hidden;
margin-left:15px;
}

.onecol h2.sifr-right, .onecol h2.sifr-blue, .twocol h2.sifr-blue, .threecol h2.sifr-blue { 
	height:36px;	
	padding:10px 0 0 13px;	
	font-family:"Trebuchet MS";	
	font-size:17px;	
	font-weight:100;	
	letter-spacing:-1px;	
	text-transform:uppercase;	
	color:#fff;
	}
.right-side h2.sifr-right a { color:#fff; text-decoration:none; }
	
.left-side h2.sifr a, .left-side h3.sifr a { color:#fff; }

.onecol h2.sifr-right { 
	background-color:#101010;	
	border-bottom:4px solid #04a6d7;
	}
.onecol h2.sifr-blue, .twocol h2.sifr-blue, .threecol h2.sifr-blue {
	background-color:#04a6d7;
	border-bottom:4px solid #04a6d7;
	}

.grey, .privateinfo, a.grey {
  color: #666666;
}

a.grey:hover {
  color: #888;
}

.greysmall {
font-size:10px;
color:#666;
margin-bottom:5px;
}

.dinside { 
font-family:Arial, Helvetica, sans-serif;
color: #000000;
font-size:11px; 
}

.messages  {
	display:block;
  	font-family:Arial, Helvetica, sans-serif;
  	font-size: 12px;
  	font-weight:bold;
  	color:#808080;
  	padding:7px 7px 20px 7px;
    /* Mozilla ignores crazy MS image filters, so it will skip the following */
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/export/system/modules/no.klapp.kosmorama/resources/images/2010/talkbubblebot.png');
}

  /* IE ignores styles with [attributes], so it will skip the following. */
 .messages[class] {
   background:#fff url(/system/modules/no.klapp.kosmorama/resources/images/2010/talkbubblebot.png) no-repeat left bottom;
 }

.mini { font-size:10px; }
.blue { color:#04a7d2; }

#content div.full-side {	
	float:left;	
	width:900px;
	}

.pre-fest-meldinger {
margin-top:10px;
}

.pre-fest-meldinger p {	
	margin:0 0 12px 0;
}

.onecol h1 {
	font-size:36px;	
	letter-spacing:-1px;	
	margin-bottom:15px;
}

#kommentar_top
{
	display:block;
	background-color:#757575;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	padding: 5px;
	margin-bottom: 8px;
}

#playlist {
		border: 1px solid #666666;
	}

	#playlist thead tr th {
		font-family: Arial, Helvetica, sans-serif;
                font-weight: normal;
		padding: 3px 8px;
		border-left: 1px solid #bbb;
                background-color: #ddd;
                color: #00baf2;
 
	}

	#playlist tbody tr td {
		font-family: Arial, Helvetica, sans-serif;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
		font-size:13px;
	}

	#playlist tbody tr.selected td {
		background-color: #3d80df;
		color: #ffffff;
		font-weight: bold;
		border-left: 1px solid #346DBE;
		border-bottom: 1px solid #7DAAEA;
	}

.ocheadline {
margin-bottom:6px;
font-weight:bold;
font-size:16px;
}

table.program td, table.program th
{
border-width: 1px;
border-style: solid;
border-color: #666666;
padding: 2px;
text-align:center;
}

table.program
{
margin-bottom:10px;
width: 210px
}

table.program td
{
background-color:#666666;
}

table.program a
{
color:#ffffff;
}

#trailer
{
background-color:#000000;
display: none;
}

.twocol .kommentar {
	width: 430px;
	height: 65px;
	overflow-y: auto;
	vertical-align: top;
	border: 1px solid #CCC;
}

.twocol .kommentar_bt {
	width:150px;
	padding: 2px 0;	
	background:url("/system/modules/no.klapp.kosmorama/resources/images/2010/form-button-bg.jpg") repeat-x;	
	border:1px solid #a3a3a3;
	font-size: 13px;
	padding: 6px;
	margin-top:5px;
}

.twocol .kommentar_text { 
    border-bottom: 1px solid #CCC;
    padding: 10px 4px 10px 4px;
    margin: 0px;
}

.twocol .kommentar_text img {
    margin:0;
    padding:2px;
}

.twocol .kommentar_text_admin { 
    border-bottom: 1px solid #CCC;
    padding: 10px 4px 10px 4px;
    background-color: #fcf0f0;
    margin: 0px;
}