html {
  height: 100%;
}


header
{
	/*display: inline-block;*/
    width: 100%;
	height: 35 px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	/*background-color:Black;*/
	background-color:White;
}


body {

	font-family: "Lucida Grande", sans-serif;
	/*height: 100%;*/
	}

nav
{
   display: inline-block;
	position:fixed;
    width: 150px;
    vertical-align: sub;
	left:5px;
	font-size: 12px;
}

article
{
    display: inline-block;
	position:fixed;
    /*border: 1px solid blue;*/
    vertical-align: top;
	left:160px;
	right:200px;
	min-width:800px;
	padding:5px;
}

aside
{
    display: inline-block;  
	position:fixed;
	min-width: 170px;	
    vertical-align: top;
	top : 65px;
	right:0px;
	font-size: 12px;
	background-color:white;
	overflow:auto;
	padding:25px 5px 5px 15px;

}

section
{	
}


footer {  
	position:fixed;
    width: 100%;
    height: 15px; /* height of footer */
    bottom: 5px;
    margin-top: 15px; /* height of footer */
	text-align: center;
	font-size: 9px;
	background-color:black;
	font-color: white;
}


.Liste tr:hover {background-color: #FFE1AA;}
/*.Liste tr:onClick{background-color: #DDE1AA;}*/

a.Film {color:black;}
a.Film:link    {color:black; background-color:transparent; text-decoration:none}
a.Film:visited {color:#19334d; background-color:transparent; text-decoration:none}
a.Film:hover   {color:black; background-color:transparent; text-decoration:underline}
a.Film:active  {color:black; background-color:transparent; text-decoration:underline}

a.FilmFrance {color:#cc3300;}
a.FilmFrance:link    {color:#cc3300; background-color:transparent; text-decoration:none}
a.FilmFrance:visited {color:#a34729; background-color:transparent; text-decoration:none}
a.FilmFrance:hover   {color:#cc3300; background-color:transparent; text-decoration:underline}
a.FilmFrance:active  {color:#cc3300; background-color:transparent; text-decoration:underline}*/