/*

Theme Name: Generic Theme for Great Stuff Film
Theme URI: http://www.lionics.de/
Description: Generic Theme for Great Stuff Film
Version: 1.0
Author: LIONICS Internet- und Netzwerkloesungen
Author URI: http://www.lionics.de/

        Copyright (c) 2008 LIONICS Internet- und Netzwerkloesungen,
	Leonhard Fellermayr <leo@slacky.de>

        Updated: 2009-01-30

        ALLE RECHTE VORBEHALTEN!

*/

  body {

    height: 100%;

    /*

       Calibri is very nice, but only available with Windows Vista or
       the freely available MS Powerpoint 2007 Viewer

       http://www.microsoft.com/downloads/details.aspx?familyid=048DC840-14E1-467D-8DCA-19D2A8FD7485&displaylang=de

    */

    font-family: Verdana, Arial, Helvetica, sans-serif;

    text-transform: uppercase;

    scrollbar-highlight-color: rgb(235,24,12);
    scrollbar-shadow-color: rgb(235,24,12);
    scrollbar-arrow-color: rgb(235,24,12);

    scrollbar-track-color: white;
    scrollbar-base-color: white;
    scrollbar-3dlight-color: white;
    scrollbar-darkshadow-color: white;

  }

  body.tbPopup {

    text-transform: none;
    margin: 0;
    font-size: 9pt;
  }

  .tbPopup table {
    width: 100%;
  }

  .tbPopup img {
    border: 0;
  }

  td.tbPopup {
    padding: 5px;
  }

  a {

    text-decoration: none;
    color: black;

  }

  a:hover, a.gray:hover {

    text-decoration: none;
    color: rgb(235,24,12);

  }

  #logo {

    position: absolute;
    left: 30px;
    top: 30px;

  }

  #logo img {

    border: 0;

  }

  #address {

    display: none;

  }

  #slogan {

    position: absolute;
    left: 250px;
    top: 30px;
    font-size: 10pt;
    color: rgb(235,24,12);
    line-height: 140%;

  }

  #navdiv {

    position: absolute;
    left: 30px;
    top: 200px;
    width: 150px;
    font-size: 7pt;

  }

  p.nav-spacer {

    margin-bottom: 25px;

  }

  /* ***** NAVIGATION ***** */

  /* GLOBAL settings for all navigation items */

  ul.nav {

    list-style-type: none;
    margin: 0;
    padding: 0;

  }

  .nav a {

    display: block;
    width: 100%;
    background-color: white; /* IE workaround */

  }

  .nav a:hover, .nav a.active {

    color: rgb(235,24,12);

  }

  /* SPECIAL settings for different navigations */

  .nav1 a {

    color: rgb(0,0,0);

  }

  .nav1 li.last { /* additional bottom line */

    border-bottom: 2px dotted rgb(180,180,180);

  }

  .nav2 a {

    color: rgb(150,150,150);

  }

  .nav2 li.first { /* no top line */

    border: 0;

  }

  /* SPECIAL settings for different navigation levels */

  .navlevel1 li { /* will be overwritten for higher levels below */

    border-top: 2px dotted rgb(180,180,180);
    padding-top: 10px;
    padding-bottom: 10px;

  }

  .navlevel1 a { /* will be overwritten for higher levels below */

    font-weight: bold;

  }

  ul.navlevel2, .navlevel2 ul { /* implicitly holds for all higher levels */

    padding-top: 4px; /* spacing from actual text */

  }

  .navlevel2 li { /* implicitly holds for all higher levels */

    border: 0;
    padding-top: 4px;
    padding-bottom: 4px;

  }

  .navlevel2 li.last { /* implicitly holds for all higher levels */

    padding-bottom: 0; /* avoid doubling the space with padding of next-lower level */
    border-bottom: 0; /* overwrite setting from above */

  }

  .navlevel2 a { /* implicitly holds for all higher levels */

    font-weight: normal;

  }

  .navlevel3 li {

    padding-left: 30px;

  }

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

  #footer1, #footer2, #footer3 {

    position: absolute;
    bottom: 20px;
    width: 170px;
height:37px;
    padding-top: 8px;
    padding-bottom: 8px;
    padding-left: 2px;
    padding-right: 2px;

    font-size: 7pt;
    color: rgb(150,150,150);
    border-top: 1px dotted rgb(150,150,150);
    border-bottom: 1px dotted rgb(150,150,150);

  }

  /* IE5 workaround */

  #footer2 td {

    font-size: 7pt;
    color: rgb(150,150,150);
    text-transform: uppercase;

  }

  #footer1 a, #footer2 a, #footer3 a {

    color: rgb(150,150,150);

  }

  #footer1 a:hover, #footer2 a:hover, #footer3 a:hover {

    color: rgb(235,24,12);

  }

  #headline, #content, #footer1 {

    left: 250px;

  }

  #footer2 {

    left: 440px;

  }

  #footer3 {

    left: 630px;

  }

  #headline {

    position: absolute;
    top: 160px;

  }

  #headline h1 {

    font-size: 13pt;
    font-weight: normal;
    color: rgb(0,0,0);
    margin: 0;

  }

  #content {

    position: absolute;
    top: 200px;
    width: 610px;
    height: 450px;
    padding-right: 20px;
    overflow: auto;
    text-transform: none;
    font-size: 10pt;

  }

  #content p {

    margin-top: 0;
    line-height: 140%;
    margin-bottom: 15px;

  }

  #content h3 {

    font-size: 10pt;
    font-weight: normal;
    padding-bottom: 3px;
    border-bottom: 1px dotted rgb(150,150,150);
    text-transform: uppercase;

  }

  /* **** Content-specific styles **** */

  body.intro {

    background-color: rgb(255,255,255);
    overflow: hidden;
    margin: 0;

  }

  .intro table {

    width: 100%;
    height: 100%; /* note: body and html element must also be set to this (see there) */

  }

  .intro td {

    text-align: center;
    vertical-align: middle;

  }

  .intro h1, .intro h2, .intro p {

    display: none; /* only for search engines */

  }

  .trailers {

    text-transform: uppercase;
    font-size: 9px;

  }

  .trailers td {

    padding-right: 10px;
    padding-bottom: 10px;

  }

  .trailers img {
    padding-bottom: 2px;
  }

  #TB_window a:link {

    color: rgb(235,24,12);
    font-weight: bold;

  }

  .contact td {

    text-transform: uppercase;
    font-size: 7pt;
    white-space: nowrap;

  }

  .contact img {

    margin-right: 35px;

  }

  td.dotted-top, td.dotted-both {

    border-top: 1px dotted rgb(150,150,150);

  }

  td.dotted-bot, td.dotted-both {

    border-bottom: 1px dotted rgb(150,150,150);

  }

  .gray {

    color: #969696;

  }

  .red {
    color: rgb(235,24,12);
  }


/* EOF */