@media screen
{

  html
  {
    margin: 0.5em 0 0 0.6em;
  }

  body
  {
    color: #848688;
    width: 63.9em;
    min-width: 770px;
    margin: 0px auto;
    font-family: Arial, Tahoma, sans-serif;
    font-size: 0.75em;
    text-align: center;
  }


  a  {text-decoration: none;}
  a:link,
  a:active,
  a:visited,
  a:hover,
  .highlight-txt,
  #imprint .grayLink:hover,
  h1,
  h4
  {color: #981C3C;}


  h1, h2, h3, h4, h5, h6
  {
    font-weight: normal;
    font-size: 1em;
    margin-top: 0;
  }

  ul
  {
    list-style: none;
    margin: 0;
    padding: 0;
  }


  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after
  {
  	content: ".";
  	display: block;
  	height: 0;
  	clear: both;
  	visibility: hidden;
  }

  /* Hides from IE-mac \*/
  * html .clearfix {height: 1%;}
  .clearfix {display: block;}
  /* End hide from IE-mac */


  .hidden /* ohne CSS sichtbar */
  {
    display: none;
  }

  .floatLeft
  {
    float: left;
  }

  .no-margin
  {
    margin: 0;
  }

  .text-gray, #imprint .grayLink
  {
    color: #848688;
  }


  /* --------------------- Kopfbereich der Seite --------------------- */

  #head
  {
    min-height: 55px;
    height: 6.2em;
    margin-top: 7px; /*damit es im MSIE 6 nicht ganz am Rand klebt */
    border-bottom: 1px solid #BBBDBF;
  }

    #logo
    {
      float: right;
      display: block;
    }
    #logo img
    {
      border: none;
      width: 15.0833em;
      height: 3.5833em;
    }


    #navigation
    {
      float: left;
      width: 76%;

    }

    /* Hauptmenu */
    #main-nav
    {
      margin: 1.6667em 0 0 0;
    }

      #main-nav li, #sub-nav li
      {
        float: left;
        letter-spacing: 0.05em;
        font-size: 1.1em;
      }

      #main-nav .mainNavFirst { width: 5.9em; }

        #main-nav li a, #sub-nav li a
        {
          background: url(../gfx/main-nav.gif) 0 3px no-repeat; /* Pfeil-Grafik in der Navigation */
          padding: 0 1.2em 0 1.6667em;
          color: #848688;
        }

          #main-nav li a:hover, #sub-nav a:hover, #main-nav .active, #sub-nav .active
          {
            background-position: 0 -30px;
            color: #981C3C;
          }


      /* Untermenu */
      #sub-nav
      {
        clear: left;
        margin: 0.7em 0 0 6.5em;
      }

      ul#sub-nav>li>a[href="logos-01.html"], ul#sub-nav>li>a[href="../logos/logos-01.html"]
      {
        background-image: url(../gfx/main-subnav.gif);
      }



  /* --------------------- Inhaltsbereich allgemein --------------------- */

  #content
  {
    margin-top: 2.8em;
    margin-bottom: 1em;
    text-align: left;
  }


  /* ---------------- Start Seite --------------------------------*/
  #index #content
  {
    margin-top: 4.5em;
    height: 27em;
    position: relative;
  }

    #index h1
    {
      font-size: 1.25em;
      margin: 0;
      color: #848688;
    }

    #index h2
    {
      font-size: 1.75em;
      margin: 0.2em 0 3em 0;
    }

    #index h3
    {
      padding-left: 3px; /* Ausnahme, damit Anfang gleich wie Tabelle */
    }

    #index h4
    {
      position: absolute;
      top: 0.3em;
      right: 4.6em;
      margin: 0;
    }

    #profilData
    {
      position: absolute;
      bottom: -0.6em;
      left: 16.5em;
    }

    #portrait-border
    {
      border: 1px solid #BBBDBF;
      padding: 0.4167em 0.4167em 0.25em 0.4167em;
      position: absolute;
      left: 0;
      bottom: 0;
    }
      #portrait-border img
      {
        width: 14.4167em;
        height: 18.3333em;
        border: 1px solid #BBBDBF;
      }

    #profilData table
    {
      line-height: 1.3em;
      padding: 0;
    }


    ul#service-list
    {
      position: absolute;
      right: 0.1em;
      bottom: -1.75em;

    }
    ul#service-list li {margin-bottom: 1.6em;}

  /* --------------------- Alle anderen Seiten --------------------- */

  /* grauer Inhalts-Kasten */
  .contentBlock
  {
    height: 29.75em;
    border: 1px solid #BBBDBF;
    position: relative;
    min-width: 765px;
    min-height: 357px;
  }


  /* --------------------- Projekt-Seiten --------------------- */

  #project .contentBlock img
  {
    width: 63.75em;
    height: 29.75em;
    min-width: 765px;
    min-height: 357px;
  }

  /*  Projekt-Navigation */
  ul#project-navigation
  {
    width: 90%;
    float: left;
  }

    #project-navigation li
    {
      border: 1px solid #981C3C;
      float: left;
      margin: 0 1em 0 0;
      text-indent: -200em;
      height: 1em; /* fix für: wenn es kein link ist, ist kein Quadrat zu sehen */
      width: 1em;
      overflow: hidden;
    }
      #project-navigation li a
      {
        display: block;
        height: 1em; /* für IE */
        width: 1em;
        overflow: hidden;
      }

      #project-navigation li a:hover, #project-navigation .active
      {
        background-color: #981C3C;
      }

      .grayBack { background: #F6F6F6;}

  /* Vor/ Zurück Menü */
  #navArrows
  {
    float: right;
    width: 55px;
  }
    #leftarrow a, #rightarrow a, #leftarrow-inactive, #rightarrow-inactive
    {
      text-indent: -200em;
      display: block;
      width: 21px;
      overflow: hidden;
    }

    #leftarrow, #leftarrow-inactive
    {
      float: left;
    }

    #rightarrow, #rightarrow-inactive
    {
      float: right;
    }

      #leftarrow a { background: url(../gfx/left-arrow-magenta.gif) no-repeat; }
      #leftarrow-inactive { background: url(../gfx/left-arrow-gray.gif) no-repeat; }

      #rightarrow a { background: url(../gfx/right-arrow-magenta.gif) no-repeat; }
      #rightarrow-inactive { background: url(../gfx/right-arrow-gray.gif) no-repeat; }


  /* --------------------- Kontakt/Impressum --------------------- */
  /* Margin für Impressum und Kontakt */
  .subPage #content { margin-top: 4.7em;}

  #contact
  {
    background: #F4F3F1 url(../gfx/conatct_loop.gif) repeat-x bottom;
  }

    #contact img
    {
      position: absolute;
      left:0;
      bottom: 0;
      z-index: 2;
    }

    ul#ul-contactdata
    {
      line-height: 2.7em;
      float: right;
      position: relative;
      margin-right: 2em;
      margin-top: 1.25em;
      z-index: 5;
    }


    #ul-contactdata a, #imprint a
    {
      text-decoration: underline;
    }

  /* Impressum Paragraph */
  #imprint p
  {
    margin-left: 1.25em;
    letter-spacing: 0.04em;
    position: absolute;
    bottom: 0.8333em;
    line-height: 1.5em;
  }
}

@media print
{
  #main-nav { display: none; }
  #sub-nav { display: none; }
  ul#project-navigation { display: none; }
  #navArrows { display: none; }
  .hidden { display: none; }
  #logo img { border: none;}

}