/********************************************

	GENERAL STYLES
	Tag-specific styles: body, a, td, img
	General reuseable classes

********************************************/

body  /* The body tag. Body background, overall font settings. */
{	
	background-color:#7D848C;
	color:#666666;
	background-image:url(bg_body.gif);
}

/********************************************

	ICON LINKS
	Classes for varios links with an image icon
	CommentLink, PrintLink, EmailPageLink etc
	
********************************************/

.iconlink a:hover /* Hover for all icon link a-tags */
{
    color:White;
    background-color:#DB0000;
}

.arrowlink /* Read more... */
{
	background-image:url(i_linkarrow.gif);
}

.arrowlink a 
{
    color:#CC3333;
}

.printlink /* Print the page */
{
	background-image:url(i_print.gif);
}

/********************************************

	HEADINGS
	h1, h2, and special headings 
	
********************************************/

h1
{
	color:#444444;
}


/********************************************

	OVERALL PAGE STRUCTURE
	Styles for the basic buildning blocks of the page

********************************************/

#fullpagewrap /* Wrap for #fullpage. For setting background. */
{
	background-image:none;
}

#pagewrap /* Wrap for #page. For setting background. */
{
	background-image:none;
}

#pagebottom /* Page end... */
{
	background-image:none;
}

#page /* The div holding the page. */
{
	background-color:Transparent;
	background-image:none;
}

table#leftandmaincolumn /* The table holding left and main columns. Do not change border-collapse or border-spacing */
{
	border-collapse: collapse; 
	border-spacing: 0;
	margin-left:0px;
}

td#leftcolumn /* The td for the left column. Do not change vertical-align. */
{
	width:189px;
	background-image:url(bg_leftcolumn.gif);
}

td#columnseparator /* The td for the left + main column separator. */
{
	padding:0;
	width:1px;
    background-color:#F0F0EF;
}

td#contentcolumn /* The td for the content column. Do not change vertical-align. */
{
	vertical-align:top;
	padding:0;
	width:562px;
	background-color:#F0F0EF;
}

#navigationtrail /* The div holding the navigation trail. */
{
	background-image:none;
	background-color:Black;
	width:548px;
	border-bottom:1px white solid;
}

#navigationtrail a
{
	color:White;
}

#navigationtrail a:hover
{
	background-color:#DB0000;
}

#leftcolumncontent
{
    border-left:6px #F0F0EF solid;
    border-bottom:6px #F0F0EF solid;
}

#footer /* The div holding the page footer. Do not change text-align */
{
    background-image:url(bg_footer.gif);
    background-repeat:no-repeat;
    background-position:right;
}

#footer a:hover
{
    color:White;
	background-color:#DB0000;	
}

/********************************************

	MENU
	Menu items and links
	
********************************************/

#navigation
{
    background-color:#FF3800;
    background-image:url(bg_navigation.jpg);    
    background-repeat:no-repeat;
    padding:0px;
    margin:0px;
	font-weight:bold;
	font-size:91%;
}

#navigation a
{
	color:white;
}

#navigation a:hover
{
    background-color:#999999;
	color:white;
}

#navigation .selected a
{
	color:white;
}

#navigation .selectedexpanded a
{
	color:white;
}

/*  TOP LEVEL   ul li */

#navigation ul li div.menuitem
{
    height:26px;    
	line-height:26px;
	background-image:url(topmenuitem.gif);	
    border-bottom:2px #F0F0EF solid;
}

#navigation ul li div.selected
{
	background-image:url(topmenuitem.gif);
	background-color:Black;
}

#navigation ul li div.expanded
{
	background-image:url(topmenuitem.gif);
	border-bottom:none;
}

#navigation ul li div.selectedexpanded
{
	background-image:url(topmenuitem.gif);
	background-color:Black;
	border-bottom:none;
}

/*  LEVEL 2   ul li ul li */

#navigation ul li ul li div.menuitem
{
	background-image:none;
	font-weight:normal;
	border-bottom:none;
	height:20px;
	line-height:20px;
}

#navigation ul li ul li div.selected
{
	background-image:none;
}

#navigation ul li ul li div.expanded
{
	background-image:none;
}

#navigation ul li ul li div.selectedexpanded
{
	background-image:none;
}

/*  LEVEL 3   ul li ul li ul li */

/* Special för border på nivå 2 */
#navigation ul li ul
{
	border-bottom:2px #F0F0EF solid;
	padding-bottom:5px;
}

#navigation ul li ul li ul li  div.menuitem
{
	padding-left:32px;	
}

/*  LEVEL 4   ul li ul li ul li ul li */

#navigation ul li ul li ul li ul li div.menuitem
{
	padding-left:39px;	
}

/********************************************

	MAINCONTENT
	The "article" content
	
********************************************/

#mainbody a 
{
    color:#CC3333;
}

#mainbody a:hover
{
    color:White;
    background-color:#DB0000;
}

/********************************************

	PROGRAMINFO
	On program page to the right of the content
	
********************************************/

#programinfomedialinks
{
	background-image:none;
	background-color:Black;
}

#programinfo .videolink a
{
	color:#BABABA;
}

#programinfo .videolink a:hover
{
	color:White;
}

#broadcastinfo tr.firstrow td div
{
    background-color:#FF9999;
}

/********************************************

	PUFFS
	Classes for puffs and puff area
	
********************************************/

.puff1 /* Puff size 1 (full width / one row) */
{
	background-color:#DBD9DA;
    COLOR:#343233;
}

.puff1 h2 a
{
	color:#010101;
}

.puff1 h2 a:hover
{
	color:#010101;
}

.puffrow /* Puffgroup size 1 (full width / one row) */
{
	background-image:url(bg_puffrow.gif);
}

.puff2pos1 /* Puff size 1 (half width) position 1. Do not change float. */
{
	color:#333333;
}

.puff2pos2 /* Puff size 1 (half width) position 2. Do not change float. */
{
	color:#333333;
}

/* BOTTOM PUFF */

.bottompuffarea .puffcontentwrap
{
	background-color:#A5A5A5;
	border:6px White solid;
	color:#080601;
}

.bottompuffarea a
{
    color:White;
}

.bottompuffarea h2 a
{
    color:#333333;
}

.bottompuffarea h2 a:hover
{
    color:#333333;
}

/********************************************

	PROGRAMINDEX PUFFS
	
********************************************/

/* NEXT PROGRAM PUFF */

.pagetype-programindex .mainpuffarea .nextprogrampuff
{
    background-color:white;
    color:#343233;
}

.pagetype-programindex .mainpuffarea .nextprogrampuff .arrowlink
{
    background-image:url(i_linkarrow.gif);    
}

.pagetype-programindex .mainpuffarea .nextprogrampuff a
{
    color:#343233;
}

.pagetype-programindex .mainpuffarea .nextprogrampuff a:hover
{
    color:white;
    background-color:#DB0000;
}

/********************************************

	SERIESINFO
	
********************************************/

#seriesinfo a:hover /* Hover for all icon link a-tags */
{
    color:White;
    background-color:#DB0000;
}

/********************************************

	PAGETYPE-POPUP
	
********************************************/

body.pagetype-popup 
{
    background-image:none;
    background-color:#A5A5A5;
    color:#080705;
}

.pagetype-popup  h1
{
    color:#080705;
}