﻿body, div, p, h1, h2, h3, h4, ul, li, table
{
	margin:0;
	padding:0;
	border:none;
}
#Calendar1 a 
{
	text-decoration: none;
}
/*
<asp:Calendar ID="Calendar1" runat="server" BackColor="White" BorderColor="#5277A7"
                                    DayNameFormat="Shortest" Font-Names="Verdana" Font-Size="7pt"
                                    ForeColor="#0068B2" Height="100px" ShowGridLines="False" Width="162px" 
                                    CellPadding="0" OnSelectionChanged="Calendar1_SelectionChanged" 
                                    OnDayRender="Calendar1_DayRender" CellSpacing="1" 
                                    NextMonthText="<img src='grafikk/kalender_fram.gif'>" 
                                    PrevMonthText="<img src='grafikk/kalender_tilbake.gif'>">
                                    <SelectedDayStyle BackColor="#CC071E" Font-Bold="False" />
                                    <TodayDayStyle BackColor="#CC071E" ForeColor="White" />
                                    <OtherMonthDayStyle ForeColor="#D2E2F0" />
                                    <NextPrevStyle Font-Size="13pt" ForeColor="#FFFFCC" />
                                    <DayHeaderStyle BackColor="#9BBEDE" Font-Bold="False" Height="0px" />
                                    <TitleStyle BackColor="#CC071E" Font-Bold="False" Font-Size="9pt" ForeColor="#FFFFCC" />
                                    <DayStyle BorderWidth="0px" Font-Underline="False" BorderStyle="None" />
                                </asp:Calendar>

*/
a img 
{
	text-decoration: none;
	background-color: Transparent;
	border: 0px;
}
a.lenkedagens
{
	display: block;
	text-decoration: none;
	padding: 1px 3px;
	color: #0068B2;	
}
a.lenke
{
	/*display: block;5377A9*/
	text-decoration: none;
	padding: 2px 5px;
	color: #0068B2;
}
a.forsidelenke
{
	text-decoration: none;
	padding: 2px 5px;
	color: #0068B2;
	font-size: 13px;
}
a.forsidelenke:hover
{
	background-color: #FFAB03;
	color: #FFF;
}
a.link3:hover
{
	text-decoration: none;
}
a.lenke:hover
{
	background-color: #0068B2;
	color: #FFF;
}
a.link2:hover 
{
	text-decoration: none;
	background-color: #FFF;
	font-size: 0px;
}
/*
.toppbilde
{
	border: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	background: url(../grafikk/topp_gul.jpg) no-repeat left top;
}*/
body
{
	background: #B4B4B4 url(../grafikk/vinter/bakgrunn.jpg) repeat left top;	
	font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
}
p.overskrift
{
	font-size: 15px;
	color: #D1411B;	
}
p.datooverskriftkvit
{
	font-size: 1.0em;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	padding-top: 5px;
}
p.datooverskriftsvart
{
	font-size: 1.0em;
	font-weight: bold;
	color: #666666;
	text-align: left;
	padding-bottom: 2px;
}
p.overskriftstor
{
	font-size: 16px;
	color: #666666;	
}
p.ingress
{
	font-size: 11px;
	font-weight: bold;
}
p.omtale
{
	font-size: 11px;
	font-weight: normal;
}
.programdata
{
	font-size: 11px;
	font-weight: normal;
	color: #D1411B;	
}
p.programdata2
{
	font-size: 11px;
	font-weight: normal;
	font-style: italic;
	color: #666666;	
}
.header
{
	margin: 0px auto 0 auto;
	width: 950px;
	height: 110px;
	border: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
	background: url(../grafikk/vinter/topp_vinter.png) no-repeat left top;
}
div.innlogging
{
	margin: 7px auto 0 auto;
	text-align: left;
	width: 950px;
}
.hovudside
{
	margin: 7px auto 0 auto;
	width: 950px;
}
.meny 
{
	width: 100%;
	margin-bottom: 0px;
}
.venstreboksar
{
	float: left;
	width: 210px;
	padding-right: 7px;
}
.midtboksar
{
	float: left;
	width: 547px;
	color: #666666;
}
.rettar
{
	padding: 5px 5px 10px 5px;
	color: White;
	font-size: 0.8em;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	text-align: center;
}
.hogreboksar
{
	float: right;
	width: 180px;
	padding-left: 5px;
	color: #666666;
}
/*.sponsorar
{
	background: url(../grafikk/sponsorar.gif) no-repeat left top;
	color: #FFF;
	height: 50px;
}*/
.venstreheader
{
	background: url(../grafikk/vinter/venstre_kolonne_topp.png) no-repeat left top;
	color: #FFF;
}
.venstrebotn
{
	background: url(../grafikk/vinter/venstre_kolonne_botn.png) no-repeat left top;
	color: #FFF;
	padding-bottom: 2px;
}
.midtheader
{
	background: url(../grafikk/vinter/midt_kolonne_topp.png) no-repeat left top;
	color: #FFF;
	padding-bottom: 2px;
}
.midtbotn
{
	background: url(../grafikk/vinter/midt_kolonne_botn.png) no-repeat left top;
	color: #FFF;
	padding-bottom: 2px;
}
.hogreheader
{
	background: url(../grafikk/vinter/hogre_kolonne_topp.png) no-repeat left top;
	color: #FFF;
	/*padding-bottom: 2px;*/
}
.hogrebotn
{
	background: url(../grafikk/vinter/hogre_kolonne_botn.png) no-repeat left top;
	color: #FFF;
	padding-bottom: 2px;	
}
.datofelt
{
	/*height: 30px;*/
	background: url(../grafikk/vinter/datofelt_bakgrunn.png) no-repeat left top;
}
.venstre_innhold
{	
	background: #FFF;	
	background-image: url(../grafikk/vinter/venstre_kolonne_bak.png);
	padding: 0px 8px 0px 6px;
	line-height: 1.9em;
	font-size: 1.0em;
	font-weight: bold;
}
.midtinnhold
{
	background: #FFF;	
	background-image: url(../grafikk/vinter/midt_kolonne_bak.png);
	padding: 0px 9px 0px 12px;
	line-height: 1.7em;
	font-size: 1.0em;
	font-weight: bold;
}
.hogrekulturspirenheader
{
	background: url(../grafikk/vinter/kulturspiren_topp.png) no-repeat left top;
	color: #FFF;
	height: 80px;
}
.hogretwitterheader
{
	background: url(../grafikk/vinter/twitter-grafikk.png) no-repeat left top;
	color: #FFF;
	height: 52px;
}
.lenketilframsida
{
	background: url(../grafikk/vinter/framsida_210_sentrert.png) no-repeat left top;
	color: #FFF;
	height: 31px;
}
.facebooklenke
{
	background: url(../grafikk/vinter/facebook-grafikk.png) no-repeat left top;
	color: #FFF;
	height: 51px;
}
.kinolist
{
	background: url(../grafikk/vinter/raud_list_kino.gif) no-repeat left top;
	color: #FFF;
	height: 20px;
}
.husetlist
{
	background: url(../grafikk/vinter/raud_list_huset.gif) no-repeat left top;
	color: #FFF;
	height: 20px;
}
.teaterlist
{
	background: url(../grafikk/vinter/raud_list_teater.gif) no-repeat left top;
	color: #FFF;
	height: 20px;
}
.billettlist
{
	background: url(../grafikk/vinter/raud_list_billettar.gif) no-repeat left top;
	color: #FFF;
	height: 20px;
	margin-left: 5px;
	margin-top: 10px;
}
.filmrull
{
	background: url(../grafikk/vinter/ikon_film_sjanger.gif) no-repeat left top;
	color: #FFF;
	height: 30px;
	width: 40px;
}
.alder
{
	background: url(../grafikk/vinter/ikon_alder.gif) no-repeat left top;
	color: #FFF;
	height: 30px;
}
.klokke
{
	background: url(../grafikk/vinter/ikon_klokke.gif) no-repeat left top;
	color: #FFF;
	height: 30px;
}
.hogreinnhold
{	
	background: #FFF;
	background-image: url(../grafikk/vinter/hogre_kolonne_bak.png);
	padding: 0px 6px 8px 9px;
	line-height: 1.7em;
	font-size: 1.0em;
	font-weight: bold;
}

/*	Stil for dynamisk dagsprogram	*/
p.dagensprogramListeheader
{
	color: #666666;
	font-family: Arial, Sans-Serif;
	font-size: 1.2em;
	font-weight: bold;
}
.programplakat
{
	float: right;
	width: 250px;
	margin-left: 10px;
	margin-bottom: 10px;
}
.oppdateringsindikator
{
	padding-left: 10px;
	background: url(../grafikk/vinter/oppdateringsindikator_vinter.gif) no-repeat left top;
}


/* Stilar for forsideformat med store plakatar */
.forsideplakat
{
	vertical-align: top;
	margin-bottom: 4px;
	margin-right: 4px;
	margin-left: 4px;
	width: 162px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}

.hovedplakat
{
	width: 512px;
	margin-left: 6px;
	margin-right: 6px;
	margin-bottom: 5px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}
.gullistinnholdstandard
{
	color: White;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;	
}
.gullistinnholdmini
{
	color: White;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 0.8em;
	font-weight: bold;	
}
.gullistsmal
{
	width: 162px;
	margin-left: 4px;
	margin-bottom: 4px;	
	background: url(../grafikk/vinter/blaa_list_smal.png) no-repeat left top;
	height: 20px;
	text-align: center;		
}
.gullistbrei
{
	margin-left: 6px;
	margin-bottom: 6px;
	background: url(../grafikk/vinter/blaa_list_brei.png) no-repeat left top;
	height: 20px;
	text-align: left;
	text-indent: 7px;
}
/*.billettlist
{
	margin-left: 5px;
	margin-top: 10px;
}*/
.bannerreklame
{
	padding: 5px 0 5px 14px;
}
.programtider
{
	padding: 4px 0 0 0;
}
table.programtabell
{
	width: 513px;
	text-align: center;
	margin-left: 5px;
}
table.kalendartabell
{
	width: 125px;
	padding-left: 2px;
	padding-right: 2px;
}
table.rammekalendartabell
{
	width: 520px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;	
}
td.rammekalendartd
{
	width: 125px;
	vertical-align: top;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;	
}
td.kalendartabellcelle0
{
	text-align: center;
	background-color: #FFBE8A;
	padding: 2px 2px 2px 2px;
	font-size: 1.3em; 	
}
td.kalendartabellcelle1
{
	padding: 0 0 0 0;
	background-color: #FFDC99;
	vertical-align: top;
}
td.kalendartabellcelle2
{
	padding: 0 0 0 0;
	background-color: #FFBE8A;
	vertical-align: top;
}
td.programtabellcelle0
{
	background-color: #FFBE8A;
	padding: 2px 2px 2px 2px;
	font-size: 1.3em; 	
}
td.programtabellcelle1
{
	padding: 0 0 0 0;
	background-color: #D2E2F0;
}
td.programtabellcelle2
{
	padding: 0 0 0 0;
	background-color: #9BBEDE;
}
.billett
{
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-right-width: 0px;
	border-top-width: 0px;
}
img.quicktimebilete
{
	width: 250px;
	border: 0px;
	margin-left: 2px;
	margin-right: 2px;
}
a.quickies:hover 
{ 
	background-color: transparent;
	border-spacing: 0px;
}
img.kontaktbilete
{
	width: 75px;
}