/* STYLE FESTSPILL  PRICOM AS 03.2010 */


/*   *:first-child+html body   hack for IE7 */

* {
	padding:0;
	margin:0;
}

html, body {
	height: 101%;
	min-height: 100%;
	max-height: 100%;
}


body
{
    background-color: #000000;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-weight: normal;
    color: #CCCCCC;
    margin-top: 0px;
    text-align: center;
    background-image: url( '/images/Main/BodyBck.gif' );
    background-repeat: repeat-x;
    background-position: top;
    height: 100%;
}

#Klarer{
    clear:both;
}

.h1
{
	clear:both;
    font-size: 18px;
    color: #666699;
    font-weight: bold;
}

.h2{
    font-size:14px;
    color:#CCCCCC;
    font-weight:bold;
    text-decoration: none;
 }
 
.BrTekst {
    font-size: 12px;
    color: #CCCCCC;
    text-decoration: none;
}

.BrTekst a, .BrTekst a:active, .BrTekst a:visited {
    color: #333366;
}

a{
    color:#333366;
}



.BrTekst a:hover{
    color: #ffffff;
}
.BrTekst div a{text-decoration:underline;  }
.BrTekst div a:visited{text-decoration:underline;  }
.BrTekst div a:hover{text-decoration:underline; color: #ffffff; }
 
/* --------------------------------------------------------------------------------------------    CONTAINER */
#container{
    margin-left: auto;
    margin-right: auto;
    width: 960px;
    /*height: 100%;*/
    text-align: left;
}

#bottom{
    width: 100%;
    height: 230px;
    background-color: #333333;
    z-index: 2;
    position: relative;
    margin:50px 0px 0px 0px;
}

/* --------------------------------------------------------------------------------------------    TOPP */
#Topp{
}

#ToppBilde
{
	background-image:url(/Images/Main/ToppBilde.jpg);
	background-repeat:no-repeat;
	width:960px;
	cursor:pointer;
	height:130px;		
}
#LanguageTag 
{	 
	float:right;
	display:block;  		
	font-size:12px;  	
	text-decoration:none;
	margin:20 20 0 0;
	}
#LanguageTag a:hover
{color:#333366;}	
#LanguageTag .on{color:#FFFFFF;font-size:12px;text-decoration:none;line-height:40px;}
#LanguageTag .off{color:#ccccff;font-size:12px;line-height:40px;}

#LanguageTag .on a{color:#FFFFFF;font-size:12px;text-decoration:none; }
#LanguageTag .off a{color:#ccccff;font-size:12px;text-decoration:none; }

#LanguageTag .on a:hover{ color:#ccccff;font-size:12px;text-decoration:none; }
#LanguageTag .off a:hover{color:#ccccff;font-size:12px;text-decoration:none; }


/* --------------------------------------------------------------------------------------------    TOPP MENY */
#TopMeny{
	height:28px;
	margin-top: 8px;
	margin-bottom: 0px;
	font-weight:bold;
}

#TopMeny a, TopMeny a:visited, TopMeny a:active {
	font-size:18px;
	text-decoration:none;
	color:#333366; 
}

#TopMeny a:hover  {
	color:#FFFFFF; 
}

#TopMeny li {
    display: inline;
    padding-right: 25px;
}

/* --------------------------------------------------------------------------------------------    SUB MENY 	border-bottom:1px solid #FFFFFF; 	*/
#SubMeny{
	height:22px;
	margin-top: 5px;
	margin-bottom: 0px;
	font-weight:bold;
}

#SubMeny a, SubMeny a:visited, SubMeny a:active  {
	font-size:14px;
	text-decoration:none;
	color:#ccccff; 
}

#SubMeny a:hover  {
	color:#FFFFFF; 
}

#SubMeny li  {
	display: inline;
	padding-right:30px;
}

/* --------------------------------------------------------------------------------------------    Fotogalleri for Program/Kun frontside */
#FrontFoto{
	height:340px;
	background-color:#000000;
	margin: 20px 0px 0px 0px;
}

/* ---------------------------------------------- BILDESERIER */

#BigLeft img{
	margin: 0px 20px 20px 0px;
	Float:left;
	width:470px;
	height:320px;
	cursor:pointer;  
	color: #fff;
}

#BigRight img{
	margin: 0px 0px 0px 0px;
	Float:right;
	width:470px;
	height:320px;		
	cursor:pointer;
	color: #fff;
}

#SmallLeft img{
	margin: 0px 20px 20px 0px;
	Float:left;
	cursor:pointer;
	color: #fff;
	
}
#SmallLeft2 img{
	margin: 0px 20px 20px 0px;
	Float:left;
	cursor:pointer;
	color: #fff;
}
#SmallRight img{
	margin: 0px 0px 0px 0px;
	Float:right;
	cursor:pointer;
	color: #fff;
}
#SmallRight2 img{
	margin: 0px 0px 0px 0px;
	Float:right;
	cursor:pointer;
	color: #fff;
}

/* --------------------------------------------------------------------------------------------    Kalender - kun programsider 	border-bottom:1px solid #FFFFFF; 	*/
#KalenderBox{
    height: 45px;
    width: 960px;
    display: block;
    position:relative;
    background-image: url( '/img/common/kalender_color.gif' );
/*    background-color: #9999cc;*/
}



#DatoKal a{
    width: 45px;
    display: block;
    float: left;
    text-align: center;
    display: table-cell;    
    line-height: 20px;
    height: 45px;
}

#DatoKal a:hover{
    background-color: #666699;
}


#DatoKalAktBck a{
    width: 45px;
    display: block;
    float: left;
    text-align: center;
    display: table-cell;    
    line-height: 20px;
    height: 45px;
    background-color: #666699;
    text-decoration:none;
    color: #FFFFFF;
}

#DatoKalAktBck,  #DatoKal a, a:active, a:visited{
    text-decoration: none;
    color: #FFFFFF;
}


.wd{
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

.dag{
    font-size: 20px;
    font-weight: bold;
}

.alle {
    font-size:14px;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration:none;
    float: left;
    line-height: 20px;
}



/* --------------------------------------------------------------------------------------------    Programkategorier- kun programsider 	border-bottom:1px solid #FFFFFF; 	*/
#ProgMeny{
    height: 40px;
    width: 480px;
    background-image: url( '/img/common/kalender_color.gif' );
    display: block;
    float: right;
}
/* --------------------------------------------------------------------------------------------    Programkategorier- dropdown 	*/

#Progkat{
    width: 225px;
    display: block;
    float: left;
    font-size: 12px;
    margin:0px 0px 0px 10px;
    color:#FFFFFF;

}

#KategoriTekst{
	cursor:pointer; 	
    font-weight:bold;
    margin:5px 0px 0px 10px;
    font-size: 10px;
    text-transform: uppercase;
	}	


#Progkat li{
    border-width: 1px;
    list-style-type: none;
    padding-left: 10px;
    border-top-style: solid;
    border-top-color: #ccccff;
    font-weight: bold;
    line-height: 23px;
}

#Progkat ul a {
    color:#FFFFFF;
    font-size: 14px;
}

#KategoriListe{
    margin-top:9px;
    background-image: url( '/img/common/kalender_color.gif' );
	cursor:pointer; 	
	display:none; 
    text-decoration: none;
    color: #FFFFFF;
}

#Kategorialle{
    margin: 3px 0px 0px 10px;
    font-weight:bold;
    font-size: 14px;
}

.ProgSokInp{
    border-width: 0px;
    width: 150px;
    background-color: #666699;
    color: #FFFFFF;
    font-size: 10px;
    height: 20px;
    padding:0px 0px 0px 10px;
    margin:12px 0px 0px 25px;
}

.ProgSokBtn{
    border-width: 0px;
    width: 40px;
    background-color: #666699;
    color: #FFFFFF;
    font-size: 10px;
    height: 20px;
    margin: 12px 0px 0px 5px;
    position: absolute;
}
.TableBildeMain{
    margin-left:10px;
    margin-top:5px;
    border-collapse:collapse;
    font-size:12px;
    font-weight:bold;
    color: #FFFFFF;
}

.TableBilde, .TableBilde a, .TableBilde a:active, .TableBilde a:visited{
    text-decoration: none;
    color: #FFFFFF;
    font-size:10px;            
	}

.TableBilde a:hover{
    color: #666699;
}


.TableBilde td{
    color: #FFFFFF;
}


#BigTransLeft
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:470px; 
	height:70px;
	position:absolute;        
	color: #fff;         
	}	
	
#BigTransRight
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:470px; 
	height:50px;
	position:absolute;  
	color: #fff;
	}	
	
#SmallTransRight1
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}	

#SmallTransRight2
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}	
#SmallTransRight3
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}
#SmallTransRight4
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}		
#SmallTransLeft1
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}	
#SmallTransLeft2
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}	
#SmallTransLeft3
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}
#SmallTransLeft4
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:225px; 
	height:150px;
	position:absolute;  
	color: #fff;
	}			

/* --------------------------------------------------------------------------------------------    Container for lesestoff ; 	*/

#MidContainer
{
	width:960px;
	margin: 20px 0px 0px 0px;
}

#FrontNews
{
    width:470px;
    display: block;
    float: left;
    padding-right:10px;
}

#FrontNews h1
{
    font-size: 18px;
    color:#666699;
}
#FrontNews p
{
    font-size: 12px;
    color:#CCCCCC;
}

#FrontNews .readmore a
{
    font-size: 10px;
    color: #666699;
    text-decoration: none;
    line-height:200%;
}
#FrontNews .readmore a:hover{
   color: #ffffff;
}

/*   News Read  -------------------------------------------------------------------    */

#News {}

#News h2{
    float:left;
}

#News .NewsBrTekst{
    float:left;
    font-size:12px;
}

#News .Bilde{
    float: right;
    margin: 20px 0px 20px 20px;
    display: block;
}


/*    Formatering av frontside -------------------------------------------------------------------    */

#midsection{
    border-left: 1px solid #333333;
    border-right: 1px solid #333333;
    width: 223px;
    display: block;
    float: left;
    padding: 0px 10px 0px 10px;
}

#rightsection{
    width: 225px;
    display: block;
    float: right;
    padding: 0px 0px 0px 10px;
}

#rightsection .h2 a,  .h2 a:visited,  .h2 a:active{
    font-size:14px;
    color:#666699;
    font-weight:bold;
    text-decoration:none;
 }

#rightsection .h2 a:hover{
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
 }

/*Programliste* -------------------------------------------------------------------     */

#tblProgListe{
	border-collapse:collapse;
	width:960px;
	}

#ProgListeDato{
    color:#666699;
    font-size:20px;
    text-decoration:none; 
    padding-bottom:2px;
    text-transform:uppercase;
    border-bottom-color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
	
#ProgListe{
    border-bottom-color: #333333;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding: 5px 0px 5px 0px;
}

#ProgListe .Liste{
    font-size:12px;
}
#ProgListe .Liste a, .Liste a:visited,  .Liste a:active{
    font-size:12px;
    text-decoration:none; 
    color:#9999cc;
    font-weight:bold;
}

#ProgListe .Liste a:hover{
    color:#ffffff
}

	
/* PROGRAMPOST - les mere nivå 2 ------------------------------------------------------------------- */

#ProgPost{
    margin-top:20px;
}

#ProgPost Table{
    width:960px;
}

#ProgPost td {
    width: 480px;
    vertical-align: top;
}

#ProgPost .top {
    width: 470px;
    margin: 0px 0px 20px 0px ;
}
#ProgPost .midt {
    width: 470px;
    margin: 0px 0px 20px 0px ;
    display:block;
}
#ProgPost ul{
    margin-bottom:20px;
}
#ProgPost li{
    font-size: 12px;
    color: #CCCCCC;
    list-style-type: none;
}
#ProgPost li a,  li a:active,  li a:visited{
    color: #9999cc;
    text-decoration:none;
}

#ProgPost li a:hover{
    color: #CCCCCC;
}

#ProgPost .H1{
    font-size:24px;
    color:#666699;
    font-weight:bold;
}

#ProgPost .H2{
    font-size:18px;
    color:#666699;
    font-weight:bold;
    margin-bottom:20px;
}

#ProgPost .Left {
    width: 260px;
    display: block;
    float: left;
}

#ProgPost .H3{
    font-size:18px;
    color:#CCCCCC;
    font-weight:bold;
}

#ProgPost .H4{
    font-size:14px;
    color:#CCCCCC;
    margin-bottom:20px;
}
#ProgPost .right {
    width: 220px;
    display: block;
    float: right;
}    
#ProgPost .SmHead {
    font-size: 14px;
    color: #666699;
    text-transform: uppercase;
}

#ProgPost .BrTekst {
    font-size: 12px;
    color: #CCCCCC;
}
 
#ProgPost .BrTekstColor {
    font-size: 14px;
    color: #666699;
}

#ProgPost .Btm {
    clear:both;
    width: 470px;
    display: block;
}

#ProgPost .bokser{
    height:35px;
    margin-bottom:20px;
}


#ProgPost .Kjop a{
    width: 205px;
    display: block;
    float: left;
    background-image: url( '/img/common/kalender_color.gif' );
    line-height: 35px;
    padding: 0px 0px 0px 20px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}


#ProgPost .Kjop a:hover{
    background-image: url( '/img/common/k_bck.gif' );
}


#ProgPost .KjopGratis
{
    width: 205px;
    display: block;    
    float: left;
    line-height: 35px;
    padding: 0px 0px 0px 20px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;	
    background-image: url( '/img/common/kalender_color.gif' );
	}

#ProgPost .Tilbake a{
    width: 205px;
    display: block;
    float: right;
    background-image: url( '/img/common/kalender_color.gif' );
    line-height: 35px;
    padding: 0px 0px 0px 20px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    margin-bottom:20px; 
}

#ProgPost .Tilbake a:hover{
    background-image: url( '/img/common/k_bck.gif' );
}

#ProgPost img {
    clear:both;
    margin:20px 0px 20px 0px ;
}

 .QuickTime{}


/* SIDER UTAFOR PROGRAM;   -------------------------------------------------------------------       */
/* 3 SPALTER DEFINERES FØRST   -------------------------------------------------------------------  */

 #Ramme{
    Margin: 20px 0px 0px 0px;
 }


 #Venstre
{
    width: 101px;
    margin: 0px 20px 0px 0px;
    display: block;
    float: left; 
}

 #Midt {
    width: 574px;
    margin-right:20px;
    display:block;
    float:left;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #333333;
    padding-right:20px;
}

 #Hoyre {
    width: 225px;
    display:block;
    float:left;
    padding-left:0px;
    margin-left: -1px;
 }

#Hoyre .h1
{
    font-size: 18px;
    color: #666699;
    font-weight: bold;
}

#Hoyre .h2 a,  .h2 a:visited,  .h2 a:active{
    font-size:14px;
    color:#666699;
    font-weight:bold;
    text-decoration:none;
 }

#Hoyre .h2 a:hover{
    font-size:14px;
    color:#ffffff;
    font-weight:bold;
    text-decoration:none;
 }

#Hoyre .h3{
    font-size:12px;
    color:#666699;
    font-weight:bold;
 }

#Hoyre .BrTekst{
    font-size:12px;
 }

#Hoyre .Link a, .Link a:visited, .Link a:active
{
    font-size: 14px;
    color: #666699;
    text-decoration: none;
    margin-bottom: 50px;
}

#Hoyre .Link a:hover{
    color:#ffffff;
  }

#Midt .h1{
    font-size:24x;
    color:#666699;
    font-weight:bold;
}

#Midt .h2{
    font-size:18px;
    color:#666699;
    font-weight:bold;
}

#Midt .h3{
    font-size:14px;
    color:#666699;
    font-weight:bold;

}
#Midt .h4{
    font-size:12px;
    color:#999999;
    font-weight:bold;
}

#Midt .BrTekst {
    font-size:12px;
    color:#CCCCCC;
    text-decoration:none;
}

#Midt .BrTekst a, .BrTekst a:active, .BrTeksta:visited{
    color:#666699;
}



#Midt .BrTekst a:hover{
    color:#ffffff;
}

#Midt .BrTekst10{
    font-size:10px;
    color:#CCCCCC;
    text-decoration:none;
}

#Midt .Bilde{
    float: right;
    padding: 30px 0px 20px 20px;
}

#Midt #Kontakt {
    width: 178px;
    display:block;
    float:left;
    margin:0px 20px 20px 0px;
}

#Midt #tlf1{
    width: 50px;
    float:left;
    margin-bottom:20px;
}
#Midt #tlf1 li{
    font-size:12px;
    color:#999999;
    list-style-type: none;
    font-weight:bold;
 }

#Midt #tlf2 li, li a{
    font-size:12px;
    color:#CCCCCC;
    list-style-type: none;
    text-decoration:none;
 }

#Midt #tlf2 li a:hover{
        color:#999999;
}

#Midt #Kontakt .Link {
    font-size:12px;
}
/* ANSATTE ------------------------------------------------------------   */
#AnsattR{

    width: 178px;
    float:left;
    margin:20px 0px 20px 0px;
}

#AnsattL{
    width: 178px;
    float:left;
    margin:20px 20px 20px 0px;

}
#Ansatt img{
margin-bottom:10px;
}


/* KUNST ------------------------------------------------------------   */
#Midt .Bestill
{
    width: 376px;
    background-color: #9999cc;
    height: 20px;
    float: right;
    line-height: 20px;
    padding-left:10px;
}
#Midt .Bestill {
    font-size: 12px;
    margin:0px 0px 0px 10px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
}

#Midt .Bestill .Txt a:hover{
    color:#666699;
}

#KunstKat{
    margin:0px 0px 150px 0px;
}

#KunstR{
    width: 178px;
    float:left;
    margin:20px 0px 20px 0px;
}

#KunstL{
    width: 178px;
    float:left;
    margin:20px 20px 20px 0px;

}
#KunstL .KBilde, #KunstR .KBilde
{
    width: 178px;
    height: 178px;
    background-color: #333333;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin-bottom: 50px;
}

#Kunst .h3{
    margin-top: 10px;
}

#KunstClear{
    clear: both;
}



/* --------------------------------------------------------------------------------------------    Partner 	*/

#Partner{
    clear: both;
}

#Partner .h1{
    font-size: 18px;
    color:#666699;
}


#PartnerL{
    display:block;
    float:left;
    margin-right: 20px;
}

#PartnerR{
    display:block;
    float:right;
}

#Partner img{
    margin-top: 20px;
}


/* --------------------------------------------------------------------------------------------    Pressebilder	*/

#Pressebilde{
}

#Pressebilde h1{
    float:left;
}

#Pressebilde .BrTekst10{
}

#PKategori{
    width: 376px;
    background-color: #9999cc;
    height: 20px;
    float: right;
    line-height: 20px;
}

#PBildeL{
    width: 178px;
    float:left;
    margin:0px 20px 20px 0px;
}
    
#PBildeR{
    width: 178px;
    float:left;
    margin:0px 0px 20px 0px;
}

#PBildeL .PBilde, #PBildeR .PBilde
{
    width: 178px;
    height: 178px;
    background-color: #333333;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    /*padding-bottom:5px;
    margin-bottom: 50px;
    text-decoration:none;*/
}

.BrTekstPresse10{
    margin-top:10px;
    font-size:10px;
}

.PByline{
    font-size:10px;
    color:#666699;
}

.readmore a, a:visited, a:active{
    font-size:10px;
    color:#666699;
    text-decoration:none;
}
.readmore a:hover {
    color:#CCCCCC;
}

#PBildeClear{
    clear: both;
}

/* ------------  FOOTER ---------------------------------------------------------------- */
#footer{
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 35px;
    text-align: left;
    font-size:10px;
    font-weight:bold;
}

#footer .adresse{
    font-size:10px;
    display: block;
    float: left;
    width: 490px;
}

#footer .logo1{
    font-size:10px;
    float: left;
    width: 240px;
}

#footer .logo2{
    font-size:10px;
    float: right;
}

#footer img{
border:0px;
}

#footer .kred, .kred a
{
    font-size: 10px;
    display: block;
    float: left;
    width: 490px;
    color: #666666;
    text-decoration:none;
}


#fadeshow{
}
#video{
    width:470px;
    height:320px;
    padding-top:0px; 
}



#rammeContainer{}


#NewsHeader    
{
	font-size: 24px;
    color:#666699;
    padding-bottom:20px;
    font-weight:bold;   
    }
    
/*RetroFestspill*/    
#retroTrans
{
	background-color:#000000; 	
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;	
	opacity: 0.8;
	filter:alpha(opacity=80);
	vertical-align:bottom;  
	width:715px; 
	height:322px;
	position:absolute;        
	color: #fff;         
	}	
/**/
#retroImage img{
	margin: 0px 20px 20px 0px;
	Float:left;
	width:715px;
	height:322px;
	cursor:pointer;  
	color: #fff;
}