/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *
 *  Version: 0.02
 *  Dateiversion  04.10.08  
 *  Datei         base.css
 *  Funktion      Basis-Stylesheet
 *
 *  @reference    some parts from yaml 3.04
 *  @link         http://www.yaml.de 
*/

@media all {

  * { margin:0; padding: 0 }

  /* Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left: 0.4em }

  /* Erzwingen vertikaler Scrollbalken in Netscape, Firefox und Safari Browsern */
  html { height: 100%; margin-bottom: 1px; }
  
  body {
    /* Beseitigung von Rundungsfehler beim Skalieren von Schriftgröߟen */
    font-size: 100.01%;
    /* Vorgabe der Standardfarben und Textausrichtung */
    color: #000;
    background: #fff;
    text-align: left;
  }

  /* Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset, img { border: 0 solid; }
  
  table { table-layout:fixed; border-collapse: collapse; }
  
  /* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
	select, input, textarea { font-size: 99% }
	
	em { font-style: normal; text-transform: uppercase; }

  /* Float Clearing */
   .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
  }
  .clearfix { display: block }
  
  /* Inhaltblöcke Überspringen */
  .skip {
    position: absolute;
    top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
  }
  .skip:focus, .skip:active {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    width: auto;
  }
}
/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *
 *  Version: 0.09
 *  Dateiversion: 31.10.08  
 *  Datei       : layout.css
 *  Funktion    : Aufbau und Spalten
 *
 */
 
 /**
 *  width: 1 x 855px, 15px, 510px, 15px, 300px, 15px
 */

@media all {
/* main --------------------------------------------------------------------- */ 
  /*html, body {
  	height: 100%;
  }*/
  
  div#pageWrapper{
    padding-top: 100px; 
    padding-bottom: 30px;
    clear: both;
    width: 855px;
    margin-left:auto;
    margin-right:auto;
  }
  div#pageHeader { overflow: hidden; position: relative; height: 60px; width: 854px; }
  div#pageContent { overflow: hidden; padding: 15px 0 0 0; }
  div#outer-pageContent { padding: 0 0 36px 0; }
  /*div#contentCol { float: left; width: 510px; padding-left: 15px; padding-top: 146px; }*/
  
  /* kleineres Logo */
  div#contentCol { float: left; width: 510px; padding-left: 15px; padding-top: 110px; }
  div#marginalCol { float: right; width: 300px; padding-right: 15px; }
  
  div#socialCol { position: absolute; width: 350px; height: 40px; padding-left: 176px; font-size: 1.1em; }
  div#socialCol div.socialBox { border: 1px solid #CCCCCC; padding: 15px 5px 15px 5px; position: relative; width: 350px; height: auto; float: right; }
  div#socialCol div.socialBox div.socialRight { float: right; padding-right: 1px; }
  div#socialCol div.socialBox div.socialLeft { float: left; width: 240px; }
  div#socialCol div.socialBox div.socialLeft div#google-div { width: 85px !important; float: left !important; margin-right: 10px !important; } 
  /*div#socialCol div.socialBox div#fb-root { margin-top: 10px; }*/
  /*div#socialCol div.facebook .fb_iframe_widget iframe { width: 340px !important; }*/
 
  div#pageFooter {}
  div#outer-pageFooter { width: 854px; overflow: hidden; }
  div#outer-pageFooter ul li ul { margin: 0; padding: 0; }
  div#outer-pageFooter ul li ul li { margin: 0; padding: 0; }
  
  /* boxen  ------------------------------------------------------------------*/
  div.outer-previewBox { overflow: hidden; padding-top: 21px; position: relative; }
  div.previewBox { overflow: hidden; padding: 10px 8px 10px 8px; clear: both; margin-top: -1px; }
  
  div.outer-videoBox { overflow: hidden; position: relative; border-bottom: 12px solid #FFFFFF; }
  div.videoBox { overflow: hidden; padding: 2px; clear: both; }
  
  div.outer-banner { margin-top: 6px; padding: 2px 0 0 0; }
  div.banner {  padding: 0 0 2px 0; }
  
  div.contentRow { overflow: hidden; }
  div.contentRow-first { margin-top: 2em;}
  div.contentRow { }
  div.contentRow-last { margin-bottom: 6em;}
  div.colLeft { float: left; }
  div.colRight { float: right; }
  
  div.contentRow div.contentCol { width: 248px; }
  
  div.secondbox { display: none; }
  div.thirdbox { display: none; }
  
  /* search  ------------------------------------------------------------------*/
  form#searchbox { overflow: hidden; border-bottom: 6px solid #fff; }
  form#searchbox fieldset { overflow: hidden; padding: 10px 8px 15px 8px; }
  form#searchbox input#search-input { width: 174px; height: 20px; float: left; }
  form#searchbox input#search-button { float: right; }
  
/* addon footer  ------------------------------------------------------------ */ 
  div#pageAddOnFooter { padding: 8px 15px 15px 15px; }
  div#pageAddOnFooter h4 { float: left; margin-right: 15px; padding-top: 3px; }
  p#copyright { float: right; font-size: 1em; padding-top: 2px;}
  
  dl#status-quo { clear: both; padding-top: .5em; }
  dl#status-quo dt { display: block; }
  dl#status-quo dd { display: inline; }
}
/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *
 *  Version: 0.11
 *  Dateiversion: 10.11.08  
 *  Datei       : content.css
 *  Funktion    : Content-Stylesheet
 *
 */

@media all {
/* main --------------------------------------------------------------------- */
	body { 
    /* Rücksetzen auf 10pt, annahme Browserdefault = 16pt */
	 font: 62.5%/120% Arial, Helvetica, sans-serif;
	}
	
	textarea, input { font-family: Arial, Helvetica, sans-serif; }
	body * { font-size: 100.01%; }
	
	div#contentCol p ,
	div#contentCol address ,
	div#contentCol h2 ,
  div#pageFooter ul li h2 { font-size: 1.1em; line-height: 130%;  }

  /*div#logo { position: absolute; margin-left: 16px; top: 110px; width: 162px; height: 207px; z-index: 1000; }
  div#logo a { display: block;  text-indent: -999em; height: 207px; width: 162px; }*/
  /* kleineres Logo */
  /*div#logo { position: absolute; margin-left: 16px; top: 110px; width: 130px; height: 166px; z-index: 1000; }*/
  /* kleineres Logo */
  div#logo { position: absolute; margin-left: 16px; margin-top: 10px; top: auto; width: 130px; height: 166px; z-index: 1000; }
  div#logo a { display: block;  text-indent: -999em; height: 130px; width: 166px; }
  
  div#marginalCol h2 { font-size: 1.1em; margin: 0.2em 2px 0.2em 2px; font-weight: bold !important; text-transform: uppercase; line-height: 150%; }
  
  div#contentCol h1 { margin-bottom: 1em; font-size: 2em; font-weight: normal; line-height: 130%; text-transform: uppercase; }
  div#contentCol h2 { margin-top: 1em; font-weight: bold !important; text-transform: uppercase; line-height: 150%; }
  body.starlist div#contentCol h2,
  body.genresite div#contentCol h2,
  body.mainsite div#contentCol h2 { margin-top: 0 !important; }
  body.starlist div#contentCol .person-main-content,
  body.genresite div#contentCol .person-main-content,
  body.mainsite div#contentCol .person-main-content,
  body.mainsite div#contentCol .movie-main-content { width: 100%; }
  div#contentCol h2 span { padding-right: 8px; text-transform: uppercase; }
  div#contentCol h2.follow { margin-top: 2em; }
  div#contentCol h3 { text-transform: uppercase; }
  
  div#contentCol p {  font-size: 1.2em; margin-bottom: 1em; line-height: 150%; }
  div#contentCol p.answer { margin: 1em 0 2.5em 0; }
  div#contentCol p.answer strong { font-weight: normal; text-transform: uppercase; }
  div#contentCol p.back { margin-top: 2em;  }
  

  div#contentCol li { padding-bottom: 4px; line-height: 140%;  }
  
  div#contentCol ul { list-style: none; font-size: 1.1em;  }
  div#contentCol ul.plain li { padding: 4px 0 0 7px; }
  
  div#contentCol ul dl { font-size: 1.0em; }
  div#contentCol ul dl ul { font-size: 1.0em; }
  
  div#contentCol dl { font-size: 1.1em; line-height: 130%; }
  div#contentCol dl table { font-size: 1.0em; }
  div#contentCol table { font-size: 1.1em; line-height: 130%; }
  
  /** archiv overview */
  .archiv-overview dl { padding: 0; margin: 0; min-height: 94px; }
  .archiv-overview dl dd.overview-navigation { margin-left: 10px;  }
  .archiv-overview dl dd.overview-navigation { margin-top: 0.5em; }
  
  ul.overview-content-navigation { overflow: hidden; list-style: none;  }
  ul.overview-content-navigation li.daysofmonth { float: left; padding-right: 8px;  }
  ul.overview-content-navigation li { float: left; padding-right: 10px;  }
  ul.overview-content-navigation li a { font-weight: bold;  }
  ul.overview-content-navigation li a.chosen { color: #222 !important; text-transform: uppercase;  }
  
  ul.letter li { float: left; padding-right: 5px !important; }
  
  /** overview */
  ul.movies-overview { list-style: none; margin-bottom: 20px; }
  ul.movies-overview li { position: relative; margin-bottom: 18px; }
  ul.movies-overview.textlist li { margin-bottom: 0; margin-top: 3px; }
  ul.movies-overview.textlist li a { font-weight: bold; }
  ul.movies-overview.textlist li a.genrelink,
  ul.movies-overview.textlist li a.directorlink { font-weight: normal; }
  ul.movies-overview li dl { padding: 0; margin: 0; min-height: 94px; }
  
  ul.movies-overview li dt.movies-title { text-transform: uppercase; }
  
  ul.movies-overview li dt.movies-title ,
  ul.movies-overview li dd.movies-description ,
  ul.movies-overview li dd.movies-navigation { margin-left: 70px;  }
  ul.movies-overview li dt.movies-title span { padding-right: 8px; font-weight: bold; }
  ul.movies-overview li dd.movies-navigation { margin-top: 1em; }
  ul.movies-overview li dd.movies-cover { position: absolute; left: 0px; top: 3px; }
  
  /** overview detail*/
  
  h1.movie-title-subsite { margin-bottom: 0.5em !important; z-index: 999; }
  h1.movie-title-mainsite { position: relative; }
  
  body#stars h1.person-name { margin-top: 1em; }
  h1.person-name-subsite { z-index: 999; }
  h1.person-name-mainsite { position: relative; }
  
  dl.detail-header { position: relative; min-height: 218px; }
  dl.detail-header dt.movie-cover { position: absolute; top: 1px; left: 0px; }
  dl.detail-header-mainsite { margin-bottom: 1em; }
  dl.detail-header-mainsite dt.movie-cover { top: 1px; }
  
  dl.detail-header-subsite { min-height: 141px !important; }
  dl.detail-header-subsite table { margin-top: 0.6em; }
  
  dl.detail-header-subsite dd.movie-title,
  dl.detail-header-subsite dd.movie-navigation,
  dl.detail-header-subsite dd.movie-info { margin-left: 110px !important; position: relative; top: -4px;  }
  dl.detail-header-subsite dd.movie-navigation { margin-top: 5px !important; }
  
  dl.detail-header dd.movie-navigation ,
  dl.detail-header dd.movie-info { margin-left: 160px; }
    
  dl.detail-header dd.movie-screenshots { position: absolute; bottom: 0px; left: 148px; }
  dl.detail-header ul.screenshot { overflow: none; list-style: none;  }
  dl.detail-header ul.screenshot li  { float: left; margin-left: 10px; }
  
  div#contentCol div.paginate { float: right; margin-top: 20px; margin-bottom: 20px; font-size: 1.1em; }
  div#contentCol div.paginate .chosen { font-weight: bold; }
  
  /* Filmhauptseite */
  .movie-main-trailer dd.movie-main-screenshots,
  .movie-main-bilder dd.movie-main-screenshots { position: absolute; left: 0; /*top: 34px;*/ }
  dd.movie-main-screenshots ul.screenshot { overflow: none; list-style: none; }
  dd.movie-main-screenshots ul.screenshot li  { float: left; margin-left: 10px; }
  dd.movie-main-screenshots ul.screenshot li.first  { margin-left: 0; }
  .movie-main-trailer #play-button  { display:none; position: absolute; top: 18px; left: 40px; width: 34px; height: 36px; margin: 0; padding: 0; z-index: 9999; }
  
  .movie-main-trailer ,
  .movie-main-bilder { float: left; position: relative; height: 105px; }
  .movie-main-trailer { width: 150px; margin-right: 10px; }
  .movie-main-bilder { width: 350px;  }
  .movie-main-trailer-bilder-all { width: 100% !important; margin-right: 0 !important; }
  
  /* Personenhauptseite, Genrehauptseite */
  .footer-genre { clear: both; }
  .footer-genre a { font-weight: bold; }
  
  .person-main-preise dd.person-main-screenshots,
  .person-main-nomin dd.person-main-screenshots,
  .person-main-images dd.person-main-screenshots,
  .person-main-movies dd.person-main-screenshots { position: absolute; left: 0; }
  .genre-main-movies dd.person-main-screenshots  { left: 0; }
  .genre-main-movies h2.linkpage { margin-top: 0 !important; }
  .genre-main-movies-height { height: 190px; }
  .trailer-main-movies-height { height: 165px; }
  dd.person-main-screenshots ul.screenshot { overflow: none; list-style: none; }
  dd.person-main-screenshots.quermiddle ul.screenshot li { float: left; margin-left: 12px !important; }
  dd.person-main-screenshots ul.screenshot li { float: left; margin-left: 10px; }
  .trailerspecial dd.person-main-screenshots ul.screenshot li { float: left; margin-left: 8px; }
  .trailerspecial h3 { font-weight: bold; font-size: 11px; margin-top: 4px; margin-bottom: 4px; }
  dd.person-main-screenshots ul.screenshot li.first { margin-left: 0 !important; }
  dd.person-main-screenshots ul.screenshot li.longlist { margin-bottom: 20px !important; }
  dd.person-main-screenshots ul.screenshot li span.title { display: block; height: 24px; line-height: 1.1em; overflow: hidden; padding-left: 2px; white-space: normal; width: 92px; }
  dd.person-main-screenshots-trailer { margin-top: 10px;}

  .trailer-main-movies  { width: 100% !important; margin-right: 0 !important; }
  .genre-main-movies  { float: left; position: relative; width: 100% !important; margin-right: 0 !important; }
  .person-main-movies  { float: left; position: relative; height: 190px; width: 100% !important; margin-right: 0 !important; }
  .person-main-images  { float: left; position: relative; height: 105px; width: 100% !important; margin-right: 0 !important; }
  
  .person-main-preise,
  .person-main-nomin { float: left; position: relative; height: 190px; }
  .person-main-preise { width: 302px; margin-right: 10px; }
  .person-main-nomin { width: 198px;  }
  .person-main-preise-nomin-all { width: 100% !important; margin-right: 0 !important; }
  
  dl.piclist-header { position: relative; }
  dl.piclist-header dd.picbig { bottom: 0px; margin-bottom: 10px; }
  dl.piclist-header dd.picbig div.picbig-box { position: relative; display: block; }
  dl.piclist-header dd.picbig div.picbig-box > #picNavi { left: 0; }
  
  dl.piclist-header dd.picbig div.picbig-box #picNavi {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
  }

  dl.piclist-header dd.picbig div.picbig-box #picNavi a { outline: medium none; }
  dl.piclist-header dd.picbig div.picbig-box #prev-link { float: left; left: 0; }
  dl.piclist-header dd.picbig div.picbig-box #next-link { float: right; right: 0; }

  dl.piclist-header dd.picbig div.picbig-box #prev-link,
  dl.piclist-header dd.picbig div.picbig-box #next-link {
    background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */
    display: block;
    height: 100%;
    width: 49%;
  }
  
  dl.piclist-header dd.picbig div.picbig-box #prev-link:hover,
  dl.piclist-header dd.picbig div.picbig-box #prev-link:visited:hover{
    background: url("../ximg_css/lightbox/prev.gif") no-repeat scroll 0 50% transparent;
  }

  dl.piclist-header dd.picbig div.picbig-box #next-link:hover,
  dl.piclist-header dd.picbig div.picbig-box #next-link:visited:hover {
    background: url("../ximg_css/lightbox/next.gif") no-repeat scroll right 50% transparent;
  }

  dl.piclist-list { position: relative; }
  dl.piclist-list dd.piclist { bottom: 0px; }
  dl.piclist-list ul.piclist { overflow: none; list-style: none;  }
  dl.piclist-list ul.piclist li  { height: 76px; overflow: hidden; float: left; width: 120px !important; margin-right: 10px; padding-bottom: 0 !important; margin-bottom: 8px; }
  dl.piclist-list ul.piclist li.last  { float: left; margin-right: 0 !important; }
  dl.piclist-list ul.piclist li.chosen  { margin-left: -1px; margin-top: -1px; }
  dl.piclist-list ul.piclist li.chosen img { border: 1px dashed #666; }
  dl.piclist-list dd.clear { clear: both; }
  
  
  table.short-info { margin-top: 2em; width: 342px; }
  dl.detail-header-subsite table.short-info { width: 400px; }
  table.short-info .info { width: 122px; text-align: left; padding-bottom: 4px; }
  table.short-info .info span { padding-right: 8px;   }
  table.short-info .description { width: 220px; text-align: right; padding-bottom: 4px; }
  table.short-info .description span { padding-left: 8px; }
  
  table.overview { margin-top: 2em; width: 510px; }
  table.overview th { text-transform: uppercase; }
  table.overview .info { width: 160px; text-align: left; padding-bottom: 4px; }
  table.overview .info span { padding-right: 8px; }
  table.overview .protagonist { width: 164px; text-align: left; padding-bottom: 4px; }
  table.overview .protagonist span { padding: 0 8px;   }
  table.overview .description { width: 186px; text-align: right; padding-bottom: 4px; }
  table.overview .description span { padding-left: 8px; }
  table.overview tr.sub .info span { display: none;  }
  
  table.overview-crew { margin-top: 2em; width: 510px; }
  table.overview-crew th { text-transform: uppercase; }
  table.overview-crew th.info { width: 510px; }
  table.overview-crew .info { width: 162px; text-align: left; padding-bottom: 4px; }
  table.overview-crew .info span { padding-right: 8px; }
  table.overview-crew .description { width: 348px; text-align: right; padding-bottom: 4px; }
  table.overview-crew .description span { padding-left: 8px; }
  table.overview-crew tr.sub .info span { display: none;  }
  
  body#stars.starlist div.person-more,
  div.person-more,
  div.movie-more { clear: both; text-align: right; font-size: 1.2em; margin: 1em 0 2em 0; }
  body#stars div.person-more { margin-bottom: 1em; }
  div.person-more a,
  div.movie-more a,
  p.movie-crew a,
  div.person-more .person-name,
  div.movie-more .movie-title { font-weight: bold; }
  
 h1.trailer-start { margin-top: 2em; }
  
  /** film-quiz */
  ul.support { margin-top: 2em; }
  ul.support li { padding: 0!important; line-height: 150% !important; }
  
  ul.high-score { width: 180px;  margin: 0 0 2em 0; padding-top: 4px; }
  ul.high-score li { overflow: hidden; }
  ul.high-score li span.name { display: block;  float: left; padding-right: 8px; }
  ul.high-score li span.points { display: block; float: right; padding-left: 8px; }
  
  ul.linklist-intern { list-style: none; padding-top: 4px; }
  ul.linklist-intern li { overflow: hidden; }
  ul.linklist-intern li span { display: block;  float: left; padding-right: 8px; }
  ul.linklist-intern li a { display: block; float: right; padding-left: 8px; }


/* form --------------------------------------------------------------------- */
   
  form#login, form#account { margin-top: 2em; }
  
  legend { display: none; }
 
  input.text { margin: 0; padding: 2px 4px 2px 4px; height: 17px; }
   
  ul.form li { display: block; margin-bottom: 5px; padding: 0px; }
  ul.form li label { display: block; margin-bottom: 2px; }
  ul.form input.text { width: 300px; padding: 2px 5px 2px 5px; font-size: 1.2em; }
  
  ul.form-quiz li { overflow: hidden; }
  ul.form-quiz li input { float: left; margin-right: 8px;  }
  ul.form-quiz li label { float: left; position: relative; top: -2px; }
  
  p.button { margin-top: 1em;}
  p.submit { margin-top: 1.5em;}
  p.submit button,
  ul.form li button { margin: 1em 0 1em -2px; padding: 0; border: 0px solid; height: 26px!important;  } 
  p.submit button span.outer,
  ul.form li.login button span.outer { display: block; float: left; height: 26px; padding: 0 7px 0 0; text-transform: uppercase; text-decoration: none !important; }
  p.submit button span.inner,
  ul.form li.login button span.inner { display: block; height: 26px; padding: 5px 8px 0 36px; font-weight: normal; font-size: .9em!important; }
  
  ul.form li.register button span.outer { display: block; float: left; height: 26px; padding: 0 7px 0 0;  text-transform: uppercase; text-decoration: none !important; }
  ul.form li.register button span.inner { display: block; height: 26px; padding: 5px 8px 0 36px; font-weight: normal; font-size: .9em!important;  }
   
/* Address ------------------------------------------------------------------ */
  address.content {}
  address.content span { display: block; font-style: normal; }
  
  address.content span.url a { text-decoration: none; text-decoration: none !important; }
  address.content span.email a { font-weight: bold; text-decoration: none !important; }
  
  address.content span.logo  { margin: 7px 0 4px 0 }

/* footer  --------------------------------------------------------------------*/ 
  div#outer-pageFooter { padding: 0 0 27px 0; }
  div#pageFooter { padding: 25px 0 0px 0; position: relative; }
  
  div#pageFooter h3 { position: absolute; right: 15px; bottom: 30px; width: 74px; height: 70px; text-indent: -999em; }
  div#pageFooter ul { overflow: hidden; list-style: none; }
  div#pageFooter ul li { width: 194px; float: left; padding-left: 15px; margin-bottom: 15px; min-height: 7em;  }
  div#pageFooter ul li ul li { margin-left: 0px; margin-bottom: 0px; line-height: 140%; min-height: 0;  }
  div#pageFooter ul li#navF_themen-listen ,
  div#pageFooter ul li#navF_television { clear: left; float: left; }
  div#pageFooter ul li h2 { font-weight: normal; text-transform: uppercase; }
  div#pageFooter ul li h2 span { padding-right: 8px; }
  div#pageFooter ul li p ,
  div#pageFooter ul li ul { padding-left: 36px; }
  div#pageFooter ul li p { line-height: 140%; }
  
  div#pageFooter ul li a:hover { text-decoration: underline; }
  
/* Anzeigen Dummy ------------------------------------------------------------*/  
  div.fremdLayout { height: 100px; background: #dcebec; padding: 10px; }
}
/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *   
 *  Version: 0.14
 *  Dateiversion: 08.11.08
 *  Datei       : navigation.css
 *  Funktion    : Navigationselemente
 *   
 */

@media all {

  a { text-decoration: none; }
  a:focus { outline: none !important; }
  
  a.go_overview { display: block; text-align: right; text-decoration: underline; clear: both; color: #CC0033; font-weight: bold;}
  a.go_overview_videobox { margin: 6px 2px 2px 2px; display: block; text-align: right; text-decoration: underline; clear: both;  color: #CC0033; font-weight: bold; }
  a.go_feed { display: block; text-align: left; text-decoration: underline; clear: both;  color: #CC0033; font-weight: bold; }
  a.go_overview:hover,
  a.go_overview_videobox:hover,
  a.go_feed:hover { color: #990033; }
  
  div#contentCol a { }
  div#contentCol a.extern { padding-right: 13px; }
  
  div#socialCol a { font-weight: bold; }
  
  p.button { overflow: hidden; }
  a.button { display: block; float: left; height: 25px; margin: .5em 0 1em 0; padding-right: 7px; text-transform: uppercase; text-decoration: none !important; }
  a.button span { display: block; height: 25px; padding: 4px 8px 0 36px; font-weight: normal;  }
  
  .adminedit { font-size: 11px; float: right; background-color:#eee; padding: 2px; border: 1px solid #666; }
  .adminedit a { padding: 0 4px; font-weight: bold;}
  
  ul.form li.login button { display: block; float: left; height: 25px; margin: 1em 0 1em 0; padding-right: 7px; text-transform: uppercase; text-decoration: none !important; }
  ul.form li.login button span { display: block; height: 25px; padding: 4px 8px 0 36px; font-weight: normal;  }
  
/* navigation  --------------------------------------------------------------------*/

  ul#navigationMain {
  	height: 24px;
    position: relative;
    padding: 17px 6px 0 0;
    z-index: 999;
    text-transform: uppercase;
    text-align: right; 
    float: right;
  }
  
  
  #navigationMain li a {
  	float: left;
  	display: block;
  	height: 15px;
  	font-weight: normal;
  	z-index: 999;
  	padding: 4px 0 5px 0;
  }
  
  #navigationMain li span {
    float: left;
  	display: block;
  	padding: 0 8px 0 8px;
  }
  
  
  #navigationMain a { cursor: pointer; }
  
  #navigationMain li ul li a {
  	padding: 3px 0px 3px 1px;
  	display: block;
  	white-space: normal !important;
    z-index: 999;
    font-weight: normal;
  }
  
  #navigationMain li.current ul li a:hover {
  	padding: 3px 0px 3px 0;
  }
  
  #navigationMain li ul li.current a {
    font-weight: bold;
  }
  
  #navigationMain li ul li span {
    display: block;
    float: left; 
    padding: 2px 8px 5px 8px;
  }
  
  #navigationMain li a:hover ,
  #navigationMain li.current a {
    z-index: 999;
    margin-left: -1px!important; 
  }
  
  #navigationMain li ul li a:hover ,
  #navigationMain li.current ul li a:hover {
    z-index: 999;
    margin-left: 0px!important; 
  }
  
  
  #navigationMain li {
  	float: left;
    background: none;
    list-style: none;
    margin-left: 0px;
  }
  
  #navigationMain li ul {
  	position: absolute;
  	top: 42px; 	
  	left: -999em;
  	width: 100%!important;
  	height: auto;
  	margin-left: 2px; 
  	padding-top: 4px; 
  	padding-left: 0px;
    z-index: 900;
  }
  	
  #navigationMain li ul li {
    float: left;
    padding: 0px 0px 0 0;
    margin-left: 0;
    z-index: 900;
  }
  
  #navigationMain li.current ul { z-index: 900; left: 6px;}
  #navigationMain li:hover ul, 
  #navigationMain li li:hover ul, 
  #navigationMain li.sfhover ul, 
  #navigationMain li li.sfhover ul{
  	z-index: 999;
  	left: 6px;
  }
  
/* Ariadne  ------------------------------------------------------------------*/  
  ul#navigationAriadne { overflow: hidden; list-style: none;  margin-bottom: 10px; }
  ul#navigationAriadne li { float: left; font-size: 1.1em; }
  ul#navigationAriadne li span { padding: 0 4px; }
  ul#navigationAriadne li a { text-decoration: underline;  }
  ul#navigationAriadne li.current a {cursor: default; }
  ul#navigationAriadne li.current span { display: none; }

/* Content  ------------------------------------------------------------------*/
  ul.movie-content-navigation { overflow: hidden; list-style: none;  }
  ul.movie-content-navigation li { float: left; padding-right: 9px;  }
  ul.movie-content-navigation li a { font-weight: bold;  }
  
/* boxen  --------------------------------------------------------------------*/
  ul.previewBox-navigation { list-style: none; margin-bottom: 0; z-index: 999; position: absolute; top: 0px;  height: 22px;  }
  ul.previewBox-navigation li { float: left;   }
  ul.previewBox-navigation li a { display: block; float: left; height: 9px;  padding: 5px 10px 5px 10px; }
  ul.previewBox-navigation li a span { padding: 2px 0 2px 0; font-weight: bold; }
  
  ul.cover-navigation { overflow: hidden; list-style: none; margin-left: -10px; }
  ul.cover-navigation li { float: left; width: 63px; padding-left: 10px; }
  
  ul.theme-navigation { list-style: none; }
  ul.theme-navigation li { overflow: hidden; clear: both; margin-bottom: 5px; }
  ul.theme-navigation li img { float: left; margin-top: 3px; }
  ul.theme-navigation li p { float: right; width: 140px; display: table-cell; vertical-align: bottom; }

/* addon footer  ------------------------------------------------------------ */ 
  ul#socialBookmarks { list-style: none;  float: left; }
  ul#socialBookmarks li { float: left; margin-right: 7px; }
  ul#socialBookmarks li a { display: block; float: left; width: 15px; height: 15px; text-indent: -999em; }
 
}
/**
*  Code (c) kombinat-berlin, Berlin, Germany
*
*  Version: 0.13
*  Dateiversion: 07.11.08
*  Datei       : color.css
*  Funktion    : Farben und Hintergruende
*
*/

/**

 * Background (grey)    : #e6e6e6
 * Border (grey)        :#cccccc 

 */
 
@media all{

/* layout  -------------------------------------------------------------------*/
  body { background: #666; }
  div#pageHeader ,
  div#pageContent { background:#fff url(../ximg_css/bg/dotted_line.gif) left 8px repeat-x; }
  div#outer-pageContent { background:#fff url(../ximg_css/bg/bottom_dotted_line.gif) left bottom repeat-x; }
  div#pageHeader ,
  div#outer-pageContent,
  div#outer-pageFooter { border-right: 1px solid #000; }
  div#outer-pageFooter { background: url(../ximg_css/bg/footer_movie_line.gif) left bottom no-repeat; }
  
  div#pageHeader { background: #fff url(../ximg_css/bg/header_pattern.jpg) left top repeat-x; }

/* boxen  --------------------------------------------------------------------*/
  div.outer-previewBox { background: #e6e6e6; border-top: 6px solid #fff; }
  div.previewBox { background: #fff; border: 1px solid #ccc; }
  
  div.outer-videoBox { background: #e6e6e6; border-top: 6px solid #fff; }
  div.videoBox { background: #fff; border: 1px solid #ccc; }
  
  div.outer-banner { background: url(../ximg_css/bg/dotted_line.gif) left top repeat-x; }
  div.banner { background: url(../ximg_css/bg/dotted_line.gif) left bottom repeat-x; }
  
/* typo  -------------------------------------------------------------------*/
  /*div#logo { background: url(../ximg_css/main/filmzeit.png) left top no-repeat; }*/
  /* kleineres Logo */
  div#logo { background: url(../ximg_css/main/filmzeit-smaller.png) left top no-repeat; }
  
  div#contentCol h2 { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  div#contentCol h2 span { background: #fff; }
  
  
  div#contentCol ul.plain li { background: url(../ximg_css/icon/list-dot.gif) left .9em no-repeat; }
  
  ul.movies-overview li dt.movies-title  { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  ul.movies-overview li dt.movies-title span { background: #fff; }
  
  
  table.short-info td ,
  table.short-info th { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  table.short-info span { background: #fff; }
  
  table.overview td ,
  table.overview th { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  table.overview span { background: #fff; }
  
  table.overview td.noback { background: none !important; }
  
  table.overview-crew td ,
  table.overview-crew th { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  table.overview-crew span { background: #fff; }
  
  /** film-quiz */
  ul.high-score li { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  ul.high-score li span { background: #fff; }
  
  ul.linklist-intern li { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  ul.linklist-intern li span { background: #fff; }
  ul.linklist-intern li a { background: #fff; }

  
/* search  -------------------------------------------------------------------*/
  form#searchbox { background: #e6e6e6;  }
  form#searchbox #search-input { border: 1px solid #ccc; }
  
  ul.form input.text { border: 1px solid #cbcbcb; }
  
  p.submit button,
  ul.form li button { background: none; }
  ul.form li.login button span.outer{ border: 0px solid; background: url(../ximg_css/button/button_bubble_right.gif) right top no-repeat;  }
  ul.form li.login button span.inner { color: #fff; background: url(../ximg_css/button/button_bubble_left.gif) left top no-repeat;  }
  
  p.submit button span.outer,
  ul.form li.register button span.outer { border: 0px solid;  background: url(../ximg_css/button/button_right.gif) right top no-repeat;  }
  p.submit button span.inner,
  ul.form li.register button span.inner { color: #fff; background: url(../ximg_css/button/button_left.gif) left top no-repeat;  }
  
/* footer  --------------------------------------------------------------------*/
  div#pageFooter { background: url(../ximg_css/bg/bg_pattern.jpg);  }
  div#pageFooter h2 { background: url(../ximg_css/bg/footer_dotted_line.gif) left .7em repeat-x; }
  div#pageFooter h2 span { color: #fff; background: url(../ximg_css/bg/h2_pattern.jpg); }
  div#pageFooter h2 span a { color: #fff; }
  
  div#pageFooter h3 { background: url(../ximg_css/main/filmzeit-footer.png) no-repeat;  }

  div#pageFooter ul li#navF_archiv { background: url(../ximg_css/footer/archiv.png)  }
  div#pageFooter ul li#navF_bucher { background: url(../ximg_css/footer/bucher.png)  }
  div#pageFooter ul li#navF_filmemacher-stars { background: url(../ximg_css/footer/filmemacher-stars.png)  }
  div#pageFooter ul li#navF_filmfestivals-preise { background: url(../ximg_css/footer/filmfestivals-preise.png)  }
  div#pageFooter ul li#navF_filmquiz { background: url(../ximg_css/footer/filmquiz.png)  }
  div#pageFooter ul li#navF_filmzeit { background: url(../ximg_css/footer/filmzeit.png)  }
  div#pageFooter ul li#navF_filmzeit-freunde { background: url(../ximg_css/footer/filmzeit-freunde.png)  }
  div#pageFooter ul li#navF_home { background: url(../ximg_css/footer/home.png)  }
  div#pageFooter ul li#navF_kino { background: url(../ximg_css/footer/kino.png)  }
  div#pageFooter ul li#navF_television { background: url(../ximg_css/footer/television.png)  }
  div#pageFooter ul li#navF_themen-listen { background: url(../ximg_css/footer/themen-listen.png)  }
  
  div#pageFooter ul li { background-repeat: no-repeat!important; }
  div#pageFooter ul li { background-position: 10px 1.5em !important; }
  
/* addon footer  ------------------------------------------------------------ */ 
  p#copyright ,
  div#pageAddOnFooter h4 { color: #fff; }
  dl#status-quo dt ,
  dl#status-quo dd ,
  dl#status-quo dt a ,
  dl#status-quo dd a { color: #ccc; }
}
/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *
 *  Version: 0.10
 *  Dateiversion: 07.10.08  
 *  Datei       : color_navigation.css
 *  Funktion    : Farben und Hintergruende der Navigationselemente
 *
 */
/**

 * Background (grey)    : #e6e6e6
 * Border (grey)        :#cccccc 
 */ 
 
@media all{
  
  a { color: #000; }
  a:hover { color: #000; }

  div#socialCol a:link,
  div#contentCol a:link  { color: #cc0033; }
  div#socialCol a:visited,
  div#socialCol a:focus, 
  div#socialCol a:hover,
  div#socialCol a:active,
  div#contentCol a:visited,
  div#contentCol a:focus, 
  div#contentCol a:hover,
  div#contentCol a:active  { color: #990033 }
  
  body#home div#contentCol a:link,
  body#archiv div#contentCol p a:link,
  body#theme div#contentCol p.content a:link { font-weight: bold; }
  
  div#contentCol a.extern { background: url(../ximg_css/icon/link-extern.gif) right .2em no-repeat; }
  
  a.button { background: url(../ximg_css/button/button_bubble_right.gif) right top no-repeat;  }
  a.button span { color: #fff; background: url(../ximg_css/button/button_bubble_left.gif) left top no-repeat;  }
  
  h1.movie-title-subsite a { border-bottom: 1px dashed; color: #000000 !important; }
  h1.movie-title-subsite a:hover { text-decoration: none; border-bottom: none; color: #990033 !important; }
  
  h1.person-name-subsite a { border-bottom: 1px dashed; color: #000000 !important; }
  h1.person-name-subsite a:hover { text-decoration: none; border-bottom: none; color: #990033 !important; }

/* navigation  ---------------------------------------------------------------*/ 
  
  ul#navigationMain { }
  
  ul#navigationMain li.current a ,
  ul#navigationMain li.current a:hover { background: #fff; color: #000; border: 1px solid #a88544; border-bottom: 0 solid;  }
  ul#navigationMain li a:hover { background: #000; color: #fff; border-top: 1px solid #a88544; }
  
  ul#navigationMain li ul { background: #fff; }
  ul#navigationMain li ul li a ,
  ul#navigationMain li.current ul li a { color: #666; border: 0px solid !important; background: none; }
  
  ul#navigationMain li ul li.current a ,
  ul#navigationMain li ul li a:hover ,
  ul#navigationMain li.current ul li a:hover{ color: #000; border: 0px solid !important; background: none; }
  
  ul#navigationMain li a span { border-right: 1px solid #805329; font-weight: bold; }
  ul#navigationMain li a:hover span { border-right: 1px solid #000; border-left: 1px solid #000; }
  
  ul#navigationMain li ul li a span { border-right: 0px solid; }
  ul#navigationMain li ul li a:hover span { border-right: 0px solid; border-left: 0px solid; }
  
  ul#navigationMain li.current a span { border-right: 1px solid #fff; }
  ul#navigationMain li.current a:hover span { border-right: 1px solid #fff; border-left: 0px solid; }
  
  ul#navigationMain li.current ul li a span { border-right: 0px solid; }
  ul#navigationMain li.current ul li a:hover span { border-right: 0px solid; border-left: 0px solid; }
  
  ul#navigationMain li.last a span { border-right: 0px solid; }
  ul#navigationMain li.last a:hover span { border-right: 0px solid; }
  
/* Ariadne  ------------------------------------------------------------------*/  
  ul#navigationAriadne li {  }
  ul#navigationAriadne li span { color: #000; }
  ul#navigationAriadne li a { color: #000 !important; }
  ul#navigationAriadne li.current a  { color: #000; }
  ul#navigationAriadne li.current span {  }
  
/* Content  ------------------------------------------------------------------*/


  ul.movie-content-navigation li a { color: #cc0033; text-decoration: none !important; }
  ul.movie-content-navigation li.current a ,
  ul.movie-content-navigation li a:hover { color: #990033 !important; }
   
/* boxen  --------------------------------------------------------------------*/
  ul.previewBox-navigation { overflow: hidden; list-style: none; float: left;  }
  ul.previewBox-navigation li { float: left;   }
  ul.previewBox-navigation li a { background: #dadada; border: 1px solid #dadada; border-right: 1px solid #f6f6f6; border-bottom: 1px solid #ccc; }
  ul.previewBox-navigation li a:hover { background: #000; color: #fff; border: 1px solid #000; }
  ul.previewBox-navigation li.current a { color: #000; background: #fff; border: 1px solid #ccc; border-bottom: 1px solid #fff; cursor: default; }
  ul.previewBox-navigation li.current a:hover { color: #000; background: #fff; border: 1px solid #ccc; border-bottom: 1px solid #fff;  cursor: default; }
  ul.previewBox-navigation li a span.feed { background: url(../ximg_css/icon/feed_small_black.png) right 2px no-repeat; padding-right: 18px; }

/* addon footer  ------------------------------------------------------------ */  
  ul#socialBookmarks li#navSB-mr_wong a { background: url(../ximg_css/social_bookmarks/mr_wong.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-google a { background: url(../ximg_css/social_bookmarks/google.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-yahoo a { background: url(../ximg_css/social_bookmarks/yahoo.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-reddit a { background: url(../ximg_css/social_bookmarks/reddit.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-digg a { background: url(../ximg_css/social_bookmarks/digg.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-furl a { background: url(../ximg_css/social_bookmarks/furl.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-deicious a { background: url(../ximg_css/social_bookmarks/deicious.gif) top left no-repeat; }
  ul#socialBookmarks li#navSB-technorati a { background: url(../ximg_css/social_bookmarks/technorati.gif) top left no-repeat; }
  ul#socialBookmarks li a:hover { background-position: 0px -15px !important; }

  
/* 404er -------------------------------------------------------------------- */ 
  
}
/* xlayout  ------------------------------------------------------------------*/

/* main --------------------------------------------------------------------- */
  
  /*div.outer-banner { margin-top: 2em; padding: 2px 0 0 0; }*/
  div.outer-banner { padding: 2px 0 0 0; }
  div.outer-banner-statad { margin-top: 12px !important; }
  div#contentCol div.outer-banner { margin-top: 4em; }

/* xcolor  ------------------------------------------------------------------*/

  div#contentCol h2.big { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  div#contentCol h2.big span { background: #fff; }
  
  div#contentCol span.quiz-correct  { background: url(../ximg_css/red.gif) left .2em no-repeat; }
  ul.form-quiz li.correct  { background: url(../ximg_css/red.gif) left .2em no-repeat; }
  div#contentCol span.quiz-answer  { background: url(../ximg_css/black.gif) left .2em no-repeat; }
  ul.form-quiz li.answer  { background: url(../ximg_css/black.gif) left .2em no-repeat; }
  div#contentCol span.quiz-correct span,
  div#contentCol span.quiz-answer span,
  ul.form-quiz li.question span,
  ul.form-quiz li.correct span,
  ul.form-quiz li.answer span { padding-left: 15px; }
  ul.movies-overview li dd.person-description  { background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  ul.movies-overview li dd.person-description span { background: #fff; }
  
  div.ruler { margin-bottom: 1.2em; font-size: 0.5em; line-height: 0.9em; width: 100%; background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  div.inner-ruler { margin-bottom: 1.5em; margin-top: 1.1em; font-size: 0.5em; line-height: 0.9em; width: 100%; background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  div.inner-ruler-overview { margin-bottom: 1.5em; margin-top: 0; font-size: 0.5em; line-height: 0.9em; width: 100%; background: url(../ximg_css/bg/dotted_line.gif) left .7em repeat-x; }
  div.spacer-ruler { height: 0.2em; }
  
  body#archiv div#contentCol p.partnerpress,
  body#archiv div#contentCol h3.partnerpress { background-color: #eee; }
  body#archiv div#contentCol h3 span.partnerhead { font-weight: normal; position: relative; /*top: -1.1em;*/ float: right; padding:2px 2px 2px 4px; background-color:#FFFFFF; }
  
  div#contentCol span.page-number-chosen { font-size: 1.2em; font-weight: bold; }

/* xcontent  ------------------------------------------------------------------*/

/* main --------------------------------------------------------------------- */

  div#contentCol h2.big { font-size: 1.4em; line-height: 150%;  }
  
  ul.movies-overview li dd.person-description { text-align: right; margin-left: 70px;  }
  ul.movies-overview li dd.person-description span { padding-left: 8px; }
  
  ul.movies-overview li dd.person-description-space { margin-left: 70px; margin-top: 0.5em;  }
  
  ul.movies-overview li dd.movies-description-space { margin-left: 70px; margin-top: 0.5em;  }
  
  ul.movies-overview li dd.person-description { margin-left: 70px;  }
  
  body#stars div#contentCol p,
  body#archiv div#contentCol p,
  body#home div#contentCol p,
  div#contentCol p.awardpress { margin-bottom: 0.3em; }
  
  div#contentCol div.info-links { clear: both; width: 100%; margin-bottom: 1em; }
  
  body#archiv div#contentCol p.movie-content,
  body#archiv div#contentCol p.person-bio,
  body#archiv div#contentCol p.kritik,
  body#archiv div#contentCol p.movie-crew,
  body#archiv div#contentCol p.kurzkritik,
  body#genre div#contentCol p.kurzkritik { margin-bottom: 0 !important; }
  body#archiv div#contentCol p.person-bio.no-bio { margin-top: 1em; margin-bottom: 1em !important; }
  body#archiv div#contentCol p.kurzkritik span.source { font-weight:bold; }
  body#archiv div#contentCol p.kurzkritik span.catsort { font-weight:normal; }
  body#genre div#contentCol p.kurzkritik span.catsort_bold { font-weight:bold; }
  div#contentCol p.award-overview { margin-top: 1em; }
  div#contentCol p.content { margin-bottom: 2em; }
  div#contentCol p.award { margin-bottom: 0.3em; }
  div#contentCol h3.detail { margin-top: 0.5em; font-size: 1.1em; font-weight: bold; text-transform: none;  }
  div#contentCol h3.detail span { text-transform: none; }
  
  body#archiv b.filmtitel,
  body#archiv td.filmtitel { font-size: 1.1em; margin-top: 1em; font-weight: bold !important; text-transform: uppercase; line-height: 150%; }
  
  div#contentCol li.subpic { padding-bottom: 0; line-height: 140%;  }
  
  div#contentCol div.trailer { margin-top: 1em; }
  
  table.overview { margin-top: 0; width: 510px; }
  table.crew { margin-top: 1em; }
  
  dl.detail-header dd.book-info { margin-left: 168px;  }
  dl.detail-header dd.book-info table.short-info { margin-top: 0;  }
  dl.detail-header dd.book-info table.short-info td.noback { background: none; }
  
  div#contentCol table.book_article { margin-bottom: 10px; }
  div#contentCol table.book_article td.book_article_namer { width: 70px; padding-right: 40px; }
  
  div#contentCol h1.stars { margin-top: 1em; }
  div#contentCol h2.stars { background: none; }
  
  div#contentCol div#pages { margin-top: 10px;  }
  
  ul.linklist-intern li span.link { display: block; float: right; padding-left: 8px; }
  ul.linklist-intern li span.link a { display: inline; float: none; padding-left: 0; }
  
  div.previewBox li.favorites { margin-bottom: 7px; }
  div.previewBox table.favorites td { padding-bottom: 7px; }
  div.previewBox table.favorites td.right { padding-left: 3px; text-align: right; width: 35px; min-width: 35px; }

  form#search input#search-input { width: 300px; height: 20px; float: left; }
  form#search input#search-button { float: right; }
  form#search input.lookin { margin-left: 5px; vertical-align: bottom; }
  form#search label { margin: 0 5px 0 5px; }
  
  p#copyright a { color: #fff; }
  p#copyright a:link,
  p#copyright a:visited { color: #fff; }
  p#copyright a:hover { color: #ddd; }
  
  
/* Special  ------------------------------------------------------------------*/

  div#contentCol #outer-weekspecial { margin: 15px 0 0 0; padding-top: 1px; background: url(../ximg_css/bg/dotted_line.gif) left top repeat-x; }
  div#contentCol #weekspecial { padding: 4px 4px 8px 4px; background: #efefef url(../ximg_css/bg/dotted_line.gif) left bottom repeat-x; }
  div#contentCol #weekspecial table { width: 100% }
  div#contentCol #weekspecial .caption,
  div#contentCol #weekspecial .quelle { text-align: right; font-weight: bold; }
  div#contentCol #weekspecial .extra { text-align: left; margin-top: 5px; }
  div#contentCol #weekspecial .extra span { font-weight: bold; }
  div#contentCol #outer-weekspecial .trailer-main-movies a span { font-weight: normal; font-size: 11px; }

/* Werbung  ------------------------------------------------------------------*/

  div#adTop { position:absolute; width:728px; height:90px; top:5px; margin-left:125px; }
  div.adRight { position:absolute; width:160px; height:600px; top:5px; margin-left:858px; }
  div#adTopBorder { position:absolute; width:728px; height:90px; top:5px; margin-left:125px; border: 1px solid #555; }
  div#adRightBorder { position:absolute; width:160px; height:600px; top:5px; margin-left:858px; border: 1px solid #555; }
  
  .partnerlink { display: none; top:100px !important; height: 54px !important; border: 1px solid #555; background-color: #f7f7f7; }
  .partnerlink .partnercaption { display: none; color: #333; float: left; margin-top: 20px; margin-left: 35px; font-size: 1.1em; }
  .partnerlink .partnerlogo { margin: 1px 5px 2px 2px; float: right; }
  
/* Anzeigen Dummy ------------------------------------------------------------*/  
  div.fremdLayout { height: auto; background: #dcebec; padding: 0 !important; }
  div.fremdLayoutBorder { height: 100px; background: #dcebec; padding: 10px; }
  div.fremdLayout p.staticAdvertisement { padding: 3px 0 3px 0; text-align: center; }
  
/* xcolor-navigation  ------------------------------------------------------------------*/

/* Content  ------------------------------------------------------------------*/
  
  div#contentCol a.extern { background: url(../ximg_css/icon/link-extern-awardpress-h.gif) right no-repeat; }
  
  ul.movies-overview li.winner,
  ul.movies-overview li dt.movies-title span.winner,
  ul.movies-overview li dd.person-description span.winner { background: #eee; }
  
  body#archiv div#contentCol a.searchlist { padding-left: 12px; font-weight: bold; text-transform: none; }
  body#archiv div#contentCol a.searchlist:link,
  body#archiv div#contentCol a.searchlist:visited { color: #CC0033; background: url(../ximg_css/icon/link-paragraph-h.gif) left no-repeat;  }
  body#archiv div#contentCol a.searchlist:hover { color: #990033; background: url(../ximg_css/icon/link-paragraph-down-h.gif) left no-repeat !important;  }
  
  div#contentCol #weekspecial a.extern { background: url(../ximg_css/icon/link-extern-special-h.gif) right no-repeat; }
  div#contentCol #weekspecial a.extern:link,
  div#contentCol #weekspecial a.extern:visited  { color: #CC0033; }
  div#contentCol #weekspecial a.extern:hover { color: #990033; background: url(../ximg_css/icon/link-extern-special-h.gif) right no-repeat; }
  
  body.awardpress div#contentCol p a { font-size: 12px; }
  body.awardpress div#contentCol p a.extern,
  div#contentCol .awardpress a.extern { background: url(../ximg_css/icon/link-extern-awardpress.gif) right no-repeat; }
  body.awardpress div#contentCol p a.extern:link,
  body.awardpress div#contentCol p a.extern:visited,
  div#contentCol .awardpress a.extern:link,
  div#contentCol .awardpress a.extern:visited  { font-weight: bold; color: #333; }
  body.awardpress div#contentCol p a.extern:hover,
  div#contentCol .awardpress a.extern:hover  { color: #990033; background: url(../ximg_css/icon/link-extern-awardpress-h.gif) right no-repeat; }
  
  body.homepress div#contentCol p a.extern,
  div#contentCol .homepress a.extern { background: none; }
  body.homepress div#contentCol p a.extern:link,
  body.homepress div#contentCol p a.extern:visited,
  div#contentCol .homepress a.extern:link,
  div#contentCol .homepress a.extern:visited  { font-weight: bold; color: #333; }
  body.homepress div#contentCol p a.extern:hover,
  div#contentCol .homepress a.extern:hover  { color: #990033; background: none; }
  div#contentCol .movies-overview a.extern:link,
  div#contentCol .movies-overview a.extern:visited { color: #333; }
  div#contentCol .movies-overview a.extern:hover { color: #990033; }
  
  div#contentCol h2.trailer span { text-transform: none !important; }
  div#contentCol h2.trailer span a.trailerlist:link,
  div#contentCol h2.trailer span a.trailerlist:visited { color: #990033 !important; background: url(../ximg_css/icon/link-paragraph-h.gif) left no-repeat !important;  }
  div#contentCol h2.trailer span a.active:link,
  div#contentCol h2.trailer span a.active:visited { color: #333 !important; background: url(../ximg_css/icon/link-paragraph-down.gif) left no-repeat !important;  }
  div#contentCol h2.trailer span a.trailerlist:hover { color: #333 !important; background: url(../ximg_css/icon/link-paragraph-down.gif) left no-repeat !important;  }
  
  div#contentCol h2 a { padding-left: 12px; }
  div#contentCol h2 a.themelist:link,
  div#contentCol h2 a.themelist:visited,
  div#contentCol h2 a.festprice:link,
  div#contentCol h2 a.festprice:visited { color: #333; background: url(../ximg_css/icon/link-paragraph.gif) left no-repeat;  }
  div#contentCol h2 a.active:link,
  div#contentCol h2 a.active:visited { background: url(../ximg_css/icon/link-paragraph-down.gif) left no-repeat !important;  }
  div#contentCol h2 a.themelist:hover,
  div#contentCol h2 a.festprice:hover { color: #990033; background: url(../ximg_css/icon/link-paragraph-down-h.gif) left no-repeat;  }
  div#contentCol h2 a.active:hover { color: #990033; background: url(../ximg_css/icon/link-paragraph-down-h.gif) left no-repeat !important;  }
  
  body#contact div#contentCol h2 a { padding-left: 0; }
  body#contact div#contentCol h2 a:link,
  body#contact div#contentCol h2 a:visited { color: #000 !important;  }
  
  div#contentCol h2.subpichead a { padding-left: 0; }
  
  table.overview .description a:link,
  table.short-info .description a:link,
  div#contentCol .movies-title a:link,
  div#contentCol .award a:link,
  div#contentCol .rolle a:link { text-decoration: none !important; }
  table.overview .description a:hover,
  table.short-info .description a:hover,
  div#contentCol .movies-title a:hover,
  div#contentCol .award a:hover,
  div#contentCol .rolle a:hover { text-decoration: none !important; }
  table.overview .description a:visited,
  table.short-info .description a:visited,
  div#contentCol .movies-title a:visited,
  div#contentCol .award a:visited,
  div#contentCol .rolle a:visited { text-decoration: none !important; }
  
/* xnavigation  ------------------------------------------------------------------*/
  
  body.awardpress div#contentCol p a.extern,
  div#contentCol .awardpress a.extern,
  div#contentCol a.extern { padding-right: 10px; padding-left: 0; }
  body.homepress div#contentCol p a.extern,
  div#contentCol .homepress a.extern { padding-right: 0; }
/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *
 *  Version: 0.01
 *  Dateiversion: 21.09.08  
 *  Datei       : print.css
 *  Funktion    : Druck-Stylesheet
 *  Status      : not use
 */

@media print{
  body, #pageWrapper, #pageContent { position: static; margin: 0; padding: 0; border: 0; }
  #pageWrapper, #pageContent { width:100% !important; min-width: 0; max-width: none; }
  body { font-size:12pt; }
  h1, h2, h3, h4, h5, h6 { page-break-after: avoid; }
}
/**
 *  Code (c) kombinat-berlin, Berlin, Germany
 *
 *  Version: 0.01
 *  eingebunden mit:
 *  <link rel='stylesheet' type='text/opera;charset=utf-8' href='opera.css' />
 *  Opera und Safari 
 *  alternativ
 *  <link rel="stylesheet" type="text/nonsense" href="style.css" />
 *  nur Opera 
 *  html:not([dummy]) Selektor { Deklaration; } 
 *  Ausnahmen für Safari
 *  <link rel="extra-keyword stylesheet" type="text/css" href="style.css"/>
 *  Mozilla und Safari   
 *  Dateiversion: 21.09.08  
 *  Datei       : opera.css
 *  Funktion    : Druck-Stylesheet
 *  Status      : not use
 */

@media all{
  /*html:not([dummy]) Selektor { Deklaration; }*/
  
}
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100000; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../ximg_css/lightbox/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../ximg_css/lightbox/next.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90000; width: 100%; height: 500px; background-color: #000; }