/* @override http://www.storymagazine.be/wp-content/themes/Story/liquid.css */

table.container{margin-left:auto;margin-right:auto;margin-top:10px;text-align:left;} /* Centers the page in the browser */
table{margin:0 0 0 0;
display: block;}
td, th{font-size:11px;vertical-align:top;} /* Makes sure IE displays the correct font-size in tables */
td.right{text-align:right;}
/* End sitecontainer */
/* Start advertising */
div.topbanner{margin:auto;display:block;width:100%;text-align:center;}
td.skyscraper{padding:19px 0 0 0;text-align:center;}
/* End advertising */
div#centralpage {
 background-color:#fff;
 border: 1px solid #656565;
 margin:10px 10px 0 0;
 }
 
 #mainbox {
	margin: 0px auto;
}
  
div#navigatie_balk {
 margin:0px;
 padding:0px;
 background:url(http://www.humo.be/images/nav_bak.gif) repeat-x;}
 
div#humo_header {
 margin:0px;
 padding:0px; 
 background-color:#000;
 }
div.pagebackgroundpadding{padding:0 19px 0 21px; position:relative; }
div.rightcolumn{ width:178px; border-left:1px solid #CCC; margin:0;} /* Rightcolumn */div.rightcolumn div.margin{margin:0 0 0 10px;}
div.clear{clear:both;display:block;font-size:1px;height:10px;width:100%;}
div#content { margin-bottom: 50px; }
/* start grid-css */
table#epg { 
background-color: white;
margin-top:12px;
border-right:12px;
}
table#epg td { 
vertical-align: top;
border-right: 1px solid silver;
	
}

#GridTopBlancoRow .GridTopBlanco {
	margin: 0;
	padding: 0;
	border-style: solid;
	border-color: white;
}





tr.odd { 
background-color: white;
}

tr.between { 
background-color: white;
	border: 1px solid silver;
}

tr.even { 
background-color:#ebecec;
	margin: 0;
	padding: 0;
}

DIV.paginatelling
{
    COLOR: #686868;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
}
/* start programlisting leftnav */
DIV.timer
{
    COLOR: #A3A3A3;
    FONT-FAMILY: Sans-serif, Verdana, Arial, Helvetica, Helv;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
}
TD.lefttxt
{
    COLOR: White;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
  TEXT-ALIGN: right;
    font-style : normal;
  font-weight : normal;
}
/* end programlisting leftnav */
/**/
/* tvtip homepage */
TD.tvtiptitel
{
    COLOR: White;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 background-color : red;
}
TD.popup
{
    COLOR: #686868;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
}
TD.tvtipdetail
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 background-color : #FF0000;
}
div.tvtipcontent
{
    COLOR: Black;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
}

/*end tvtip homepage */
/* start programlisting homepage */
TD.ndlzenders
{
 background-color : #F62813;
    COLOR: White;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left;
    font-style : normal;
 font-weight : bold;
 
}
TD.customtitel
{
 background-color : red;
    COLOR: White;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left;
    font-style : normal;
 font-weight : bold;
}
TD.uur
{
    COLOR: #000000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: left;
    background-color : #BCB7C6;
    font-weight : bold;
}
TD.divider
{
    background-color : #8F8F8F;
}
TD.programmatitel
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: left;
    font-style : normal;
 background-color : #BCB7C6;
 font-weight : bold;
}

TD.programmabeschrijving
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    TEXT-ALIGN: left;
    font-style : normal;
    background-color : #EFEDF3;
}
TD.programmathema
{
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    TEXT-ALIGN: right;
    font-style : normal;
 font-weight : bold;
    background-color : #A099AE;
}
TD.logo
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9px;
    TEXT-ALIGN: center;
    font-style : normal;
    background-color : #EFEDF3;
}
/* start style TVNU */

TD.titel
{
    COLOR: #FD0000;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 12pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 }
TD.subtitel
{
    COLOR: Black;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 }
TD.bodytxt
{
    COLOR: Black;
    FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 10pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
 }
TD.tvnutop
{
 background-color : #FF000C;
}
TD.tvnucontent
{
 background-color : #BCB7C6;
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 8pt;
    COLOR: white;
    TEXT-ALIGN: left;

}
TD.tvnuthema
{
    COLOR: White;
 background-color : #A099AE;
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
}
 A.tvnu:link
{
    COLOR: Black;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}

A.tvnu:hover
{
    COLOR: White;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A.tvnu:visited
{
    COLOR: Black;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A.tvnu:active
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
/* end tvnu */

/* start detail */
TD.detailtop
{
 background-color : #FF0000;
 COLOR: #ffffff;
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : center;
}
TD.detailtitels
{
 background-color : #E92009;
 COLOR: #ffffff;
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
}
TD.detailcontent
{
 background-color : #CECECE;
 COLOR: #000000; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
}
/* end detail*/


/* start personalisatie form */
TD.PersoFormLeft
{
 background-color : #F62813;
 COLOR: #ffffff;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : left;
}
TD.zenderlijst
{
 background-color : #999999;
 COLOR: #000000;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
 text-align : left;
}
TD.zendergroepenlijst
{
 background-color : #C9C9C9;
 COLOR: Black;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
    FONT-STYLE: normal;
 text-align : left;
 font-weight : bold;
}
TD.PersoFormRight
{
 background-color : #EFEDF3;
 COLOR: #F62813;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
}
Select.PersoFormSelect
{
 background-color : #DFDFDF;
 COLOR: Black;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : left;
}
Input.PersoFormInput
{
 background-color : #DFDFDF;
 COLOR: Black;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
 text-align : left;
}
Textarea.PersoFormInput
{
 background-color : #DFDFDF;
 COLOR: Black;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 8pt;
    FONT-STYLE: normal;
 text-align : left;
}
DIV.PersoFormUitleg
{
 COLOR: Black;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
 text-align : left;
 font-weight : bold;
}
DIV.PersoTextNonBold
{
 COLOR: Black;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
 text-align : left;
}
ul
{
 list-style : square url(../gfx/ico/list.gif);
 color : Black;
 font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-size : 9pt;
    FONT-STYLE: normal; 
}
/* end personalisatie form*/

/* start personalisatie overzicht*/
TD.PersoOverzichtTitel
{
 background-color : red;
 COLOR: #ffffff;
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : center;
}
TD.PersoOverzichtTopBalk
{
 background-color : #F62813;
 COLOR: #FFFFFF;
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : center; 
}
TD.PersoOverzichtTXT
{
 background-color : #CECECE;
 COLOR: #000000; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
 text-align : center;
}
TD.PersoOverzichtButtonCells
{
 background-color : #CECECE;
 COLOR: #000000; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
 text-align : center;
}
TD.PersoOverzichtTips
{
 background-color : #CECECE;
 COLOR: #000000; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: normal;
 text-align : center;
}
/* end personalisatie overzicht*/

/* start rechterframe */
TD.RightFrame
{
 COLOR: #778899; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 7pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : center;
}
TD.RightFrame.Text
{
 COLOR: Black; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: italic;
    FONT-WEIGHT: normal;
 text-align : left;
}
A.RightFrame:link
{
    COLOR: #00008B;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}

A.RightFrame:hover
{
    COLOR: Red;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A.RightFrame:visited
{
    COLOR: #00008B;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A.RightFrame:active
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
/* end rightframe*/
/* start linkerframe */

A.LeftFrame
{
 COLOR: White;
 FONT-FAMILY: Tahoma, Verdana, sans-serif, Arial;
 FONT-SIZE: 8pt;
 TEXT-DECORATION: none;
 line-height: 10px;
}
A.LeftFrame:visited
{
    COLOR: #FFFFFF;
    FONT-FAMILY: Tahoma, Verdana, sans-serif, Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
 line-height: 10px;
}
A.LeftFrame:hover
{
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Verdana, sans-serif, Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
 line-height: 10px;
}
A.LeftFrame:active
{
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Verdana, sans-serif, Arial;
    FONT-SIZE: 8pt;
    TEXT-DECORATION: none;
 line-height: 10px;
}
/* end linkerframe*/
/* start titletable 3*/
TD.TitleTable3Td1
{
 background-color : #FE0D10;
}
TD.TitleTable3Td2
{
 background-color : #FE0D10;
}
TD.TitleTable3Td3
{
 background-color : #FE0D10;
}
TD.TitleTable3Td4
{
 background-color : #FE0D10;
}
TD.TitleTable3Td5Left
{
 background-color : #FE0D10;
 COLOR: White; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : left;
}
TD.TitleTable3Td5Center
{
 background-color : #FE0D10;
 COLOR: White; 
 FONT-FAMILY: Verdana, Arial, Helvetica, Helv, Sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
    FONT-WEIGHT: bold;
 text-align : center;
}
TD.TitleTable3Td6
{
 background-color : #FE0D10;
}
TD.TitleTable3Td7
{
 background-color : #FE0D10;
}
TD.TitleTable3Td8
{
 background-color : #FE0D10;
}

/* end titletable 3*/

/* start grid */
TD.GridContent
{
 COLOR: #505050;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
 font-weight : normal;
 text-align: center;
 margin-bottom: 0px;
 padding:5px;
	border-top: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid silver;
}

TD.GridTop
{
 background-color : #F62813;
 COLOR: #FFFFFF;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    FONT-STYLE: normal;
 font-weight : bold;
 text-align: left;
}

tbody {
	background-color: white;
	width: 98%;

}



TD.GridLeft{
 background-color : #9a9c9d;
 COLOR: #fff;
 FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 10px;
 font-weight : bold;
 text-align: center;
 height:80px;
 vertical-align: top;
 text-transform: uppercase;
 padding: 0px;
}
div.logo { 
	display:block;
	width:85px; 
	height: 65px; 
	margin:4px; 
	padding: 5px;
	background-color:#FFFFFF; 
	vertical-align:middle;
	text-align:center;
}

div.logo img { 
	display: block;
	margin-left: 10%;
	margin-top: 20%;
}
 A.grid:link
{
    COLOR: #000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}

A.grid:hover
{
    COLOR: #232368;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A.grid:visited
{
    COLOR: #000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
A.grid:active
{
    COLOR: #ff0000;
    FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif;
    FONT-SIZE: 9pt;
    TEXT-DECORATION: none
}
/* end grid*/
/* Navigation */
#epg_nav {
        margin: 0 0 15px 3px;
        padding: 0;
        list-style: none;
 }
#epg_nav li{
        display:inline;
}
#epg_nav a {
        color:#FFFFFF;
        background-color: black;
    text-decoration: none;
        padding: 2px 10px;     
}
#epg_nav a:hover {
        color:#232368;
        background-color: yellow;
        text-decoration: none;

 }
#epg_nav a.active {
        background-color:#ff0000;
}
#epg_nav a.active:hover {
        color:#FFFFFF;
        background-color:#ff0000;
}


/* epg classes */
span.cat_film, span.cat_sport, span.cat_actua, span.cat_muziek, span.tip {
    font-family:arial, sans-serif;
    font-weight:bold;
    color:#fff;
    font-size:11px;
    padding: 0px 3px;
    margin-right:5px;
}
span.cat_film {background-color:#000000;}
span.cat_sport {background-color:#009900;}
span.cat_actua {background-color:#1C658C;}
span.cat_muziek {background-color:#D90000;}
span.tip {background-color:#aaa;}
.humo_selectie { background-color:#fefe00; padding:1px 2px;}
span.quotering {
    font-size:11px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin-right:5px;}
    
#user_selection {
    position:relative;
    top:5px;
    left:5px;}
div#placeholder { float:left; width:1px; height:1300px;}
/* end epg classes */