body{
  background-color:#f4f4f2;
  font-family: eurostile,arial,sans-serif;
}
/*h2      {font-size: 12pt;}*/
p{
  /*background-color:#f4f4f2; font-family: eurostile,arial,sans-serif; text-align:justify*/
  font-size: .8em;
  margin: 0.6em 0;
}
div.just{
  text-align: justify;
}
p.indent{
  text-align: justify;
  text-indent: 1.8em;
}
p.center{
  font-size: 1em;
  text-align: center;
}

a.link{
  text-decoration: none;
  color: black;
}
a.link:hover{
  text-decoration: underline;
  color: darkred;
}

h2.glossaryhead{
   padding-top: .4em;
   font-size: 1.1em;
   border-bottom: solid black 1px;
}

.topimg{
     background-image:url(film.jpg);
     background-repeat:repeat-x;
     height:140px;
     border:none;
}

/****** NAVBAR *****/
#navcontainer ul
{
text-align: center;
padding-bottom: .2em;
padding-top: .3em;
padding-left: 0;
margin-top: 0;
/* cancels gap caused by top padding in Opera 7.54 */
margin-left: 0;
background-color: black;
color: white;
width: 100%;
font-family: eurostile,Arial,Helvetica,sans-serif;
font-size: 1.5em;
/*font-weight: bold;*/
line-height: 1.1em;
/* fixes Firefox 0.9.3 */
}

#navcontainer ul li
{
display: inline;
white-space: nowrap;
padding-left: 0;
padding-right: 0;
padding-bottom: .2em;
/* matches link padding except for left and right */
padding-top: .3em;
}

#navcontainer ul li a
{
padding-left: .3em;
padding-right: .3em;
padding-bottom: .2em;
padding-top: .3em;
color: white;
text-decoration: none;
/*border-right: 1px solid #fff;*/
}

#navcontainer ul li a:hover
{
background-color: #f4f4f2;
color: black;
}

/*#navcontainer #active { border-left: 1px solid #fff; }*/



/****** TITELZEILE ******/
table.titletable{
      margin-top: 0;
      margin-bottom: 1.8em;
}
td.links{
    width: 128px;
   background-image:url(verlauflinks.jpg); background-repeat:repeat-y;

}
td.titel{
   background-color: #bfbfb9;
   font-size: 1.2em;
   text-align: center;
   padding-left: 1em;
   padding-right: 1em;
}
td.rechts{
    width: 128px;
    background-image:url(verlaufrechts.jpg); background-repeat:repeat-y;
}
/*** ENDE TITLELZEILE ***/


/***** LISTE LINKS ******/
td.tdnavlist{
   border-right: solid 2px #555555;
   white-space: nowrap;
}
ul#navlist{
   list-style-type: none;
   list-style-position: outside;

   padding-right: 2em;
}
ul#navlist li{
   padding-top: .3em;
   padding-bottom: .3em;
   color: #666666;
}
ul#navlist li.act{
   color: black;
   font-weight: bold;
}
/*** ENDE LISTE LINKS ****/

/**** TEXTZEILE OBEN *****/
p.textline{
  font-size: 1em;
  text-align: center;
  font-weight: bold;
  padding-bottom: 1.2em;
}
/** ENDE TEXTZEILE OBEN **/

td.filmtable{
   font-size: 0.9em;
   font-weight: bold;
   text-align: left;
   padding-bottom: 1em;
   padding-right: 4em;
}

td.header{
   text-align: center;
   font-weight: bold;
   padding-right: 1.5em;
}

select.cast{
       width: 17em;
}
select.dimensions{
       width: 33em;
}
select.students{
       width: 20em;
}

td.entry{
  text-align: left;
  padding-top: .3em;
  padding-bottom: .3em;
}
a.entry{
  font-size: 1.0em;
  text-decoration: none;
  font-weight: bold;
  color: black;
}
a.entry:hover{
  text-decoration: underline;
  color: darkred;
}
h2.filmhead{
   padding-top: .0em;
   font-size: 1.1em;
   border-bottom: solid black 1px;
}
p.alttitle{
  font-size: .8em;
  font-weight: bold;
  margin-bottom: .8em;
}
p.production{
  font-size: .8em;
  margin-bottom: .3em;
}
p.genre{
  font-size: .8em;
  margin-bottom: 2em;
}
p.features{
  font-size: .8em;
  text-indent: 2em;
  margin-bottom: .8em;
}
p.cultures{
  font-size: .8em;
  text-indent: 2em;
  margin-bottom: 2em;
}

p.plot{
  font-size: .8em;
  text-indent: 2em;
  margin-top: 2em;
  margin-bottom: 2em;
}
p.plot_new{
  font-size: .8em;
  text-indent: 2em;
  text-align: justify;
}
/*### Table in the analysis text ###*/
p.plot_new table{
  font-size: 1em;
  border-collapse: separate;
  border-spacing: 2px;
  empty-cells: show;
}
p.plot_new th{
  background-color: #c0c0bb;
  padding: .3em .5em;
}
p.plot_new td{
  background-color: #ddddda;
  padding: .25em 1em;
}

p.scenestitle{
  font-size: .8em;
  font-weight: bold;
  margin-top: 2em;
  margin-bottom: .8em;
}
p.timing{
  font-size: .8em;
  margin-bottom: 2em;
}
p.analysis{
  font-size: .8em;
  text-indent: 2em;
  margin-top: .8em;
  margin-bottom: 2em;
}

ul.scenes{
   font-size: .8em;
   list-style-image: url(pfeilrechts.gif);
}
ul.scenes a{
   text-decoration: none;
   color: black;
}
ul.scenes a:hover{
  text-decoration: underline;
  color: darkred;
}

a.std{/*link with an arrow*/
   background-image: url(pfeilrechts.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 1.4em;
   font-size: .8em;
   text-decoration: none;
   color: black;
}
a.std:hover{
  text-decoration: underline;
  color: darkred;
}

p.footnote{
  color: #404040;
  font-size: .79em;
}

ul.letterlist{
   padding: 0;
   list-style-type: none;
}
ul.letterlist li{
   padding: 0 1em;
   display: inline;
}
a.bold{
   font-weight: bold;
   text-decoration: none;
   color: black;
}
a.bold:hover{
   text-decoration: underline;
   color: darkred;
}

td.topline{
   border-top: solid 1px black;
}

/* ### links to the left ### */
td.linksnav{
   border-right: solid 1px #999999;
   padding-right: .8em;
   vertical-align: top;
   padding-top: .5em;
   text-align: right;
}
td.linksnav ul{
   padding: 0;
   list-style-type: none;
}
td.linksnav li{
   padding-bottom: 1em;
}
td.linksnav a{
   font-weight: bold;
   text-decoration: none;
   color: black;
}
td.linksnav a:hover{
   text-decoration: underline;
   color: darkred;
}
td.linksnav span{
   background-image: url(pfeilrechts.gif);
   background-repeat: no-repeat;
   background-position: left center;
   padding-left: 1em;
   font-weight: bold;
   color: #aaaaaa;
}
td.rechtsinh{
   padding-left: 1.3em;
}

/* ## tell IE not to stretch this table ## */
table.search{
   width: 40em;
}

.emphasise{
   color: darkred;
   font-weight: bold;
}