/*
 * pees-1.0.css
 * General stylesheet for PEES, version 1.0
 *
 * $Id: $
 *
 * Copyright (c) 2006-2007 AMC World Technologies
 * Fischerinsel 1, D-10179 Berlin, Deutschland
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of AMC World
 * Technologies ("Confidential Information"). You shall not disclose such
 * Confidential Information and shall use it only in accordance with the terms
 * of the license agreement you entered into with AMC World Technologies.
 */


/*===============================================
 *
 *
 * General style sheets
 *
 *
 *=============================================*/

@media all {

  /*-----------------------------------
   *
   * General settings
   *
   *---------------------------------*/

  /* general appeareance */
  a, body, button, div, dl, input, ol, p, select, ul {
    color: #2D2E1C;
    font-family: "Bitstream Vera Sans", Verdana, Tahoma, Arial, Helvetica,
      sans-serif;
    font-size: 10px;
  }
  code, pre, textarea, tt, xmp {
    color: #2D2E1C;
    font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Courier New",
      Courier, monospace;
    font-size: 10px;
  }

  /* default links */
  a {
    color: #91907C;
    text-decoration: none;
  }
  a:hover {
    color: black;
  }

  /* general body settings */
  body {
    background: url("images/verlauf.jpg") repeat-x;
    color: #333;
    margin: 0;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
  }

  /* general blocks */
  div, p {
    margin: 0 !important;
    padding: 0;
  }

  /* default definition term */
  dt {
    font-weight: bold;
  }

  /* header */
  h1 {
    font-size: 11px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  h2 {
    font-size: 10px;
    font-weight: bold;
  }

  /* default rulers */
  hr {
    background: #2D2E1C;
    border-style: solid;
    border-width: 0;
    color: #2D2E1C;
    height: 1px;
  }

  /* default inner frames */
  iframe {
    border: none;
  }

  /* default images */
  img {
    border: none;
  }

  /* images as symbols */
  img.symbol {
    vertical-align: middle;
  }

  /* unordered lists without bullets */
  ul.clear {
    line-height: 140%;
    list-style: none;
    margin-left: 0 !important; /* former: 15px */
    padding-left: 0 !important;
  }
  ul.clear li {
    list-style: none;
    margin: 0;
  }

  /* paddings */
  *.margin-2t {
    margin-top: 20px;
  }
  *.padd-b {
    padding-bottom: 10px;
  }
  *.padd-t {
    padding-top: 10px;
  }


  /*-----------------------------------
   *
   * Forms on pages
   *
   *---------------------------------*/

  /* default form elements */
  button, input[type=text], input[type=password], input[type=submit],
    input[type=reset], input[type=button]
  {
    padding: 1px !important;
  }
  button, input.flat, input.button, input.flat-button, input.submit, select,
    textarea
  {
    border: 1px solid #2D2E1C !important;
  }
  input.flat, input.error, select, textarea {
    background-color: #F8FAF3;
  }
  button, input.button, input.flat-button, input.submit {
    background-color: white;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  button:hover, input.button:hover, input.flat-button:hover,
    input.submit:hover
  {
    background-color: #91907C;
  }
  button.readonly, input.readonly, select.readonly, textarea.readonly,
    button[disabled], input[type=button][disabled],
    input[type=submit][disabled]
  {
    background-color: #DDDDDD;
    color: #666699;
  }
  button img {
    margin: 0 !important;
    padding: 0 !important;
  }
  input.error {
    border: 1px solid red;
  }
  fieldset {
    border: none;
    margin: 0;
    padding: 0;
  }
  legend {
    font-weight: bold;
  }

  /* error lists */
  div.form-errors {
    background-color: #B1BE6A;
    border-bottom: 1px solid #03581E;
    border-top: 1px solid #03581E;
    margin-bottom: 30px !important;
    margin-top: 30px !important;
    padding: 10px 20px;
  }
  div.form-errors ul {
    margin: 0;
    padding: 10px;
  }
  div.form-errors ul li {
    margin-bottom: 5px;
  }


  /*-----------------------------------
   *
   * General page elements
   *
   *---------------------------------*/

  /* top page areas */
  td#logo {
    padding: 20px 0 40px 43px;
  }
  td#lang-sel {
    padding-top: 10px;
    text-align: right;
    vertical-align: top;
  }
  td#extra-menu ul {
    font-size: 10px;
    list-style-type: none;
    margin-left: 10px;
    margin-top: 40px;
    padding: 0;
  }
  td#extra-menu ul li {
    margin-bottom: 5px;
  }
  td#extra-menu ul li.current a {
    color: #2D2E1C;
  }
  td#extra-menu ul li span.hide {
    color: #ECE9E0;
  }

  /* the main area */
  table#main-area {
    margin-bottom: 35px;
  }

  /* the banner area */
  table#main-area td#banner, div#banner, table#main-area td#banner-spacer {
    background-color: #F8E81F;
    height: 210px;
  }
  table#main-area td#banner-spacer {
    border-right: 1px solid white;
  }
  div#banner {
    width: 900px;
  }

  /* teaser area on subpages */
  table#main-area td#teaser {
    background-color: #F8E81F;
    border-left: 1px solid white;
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    vertical-align: bottom;
  }

  /* the main menu */
  table#main-area td#main-menu {
    padding-bottom: 35px;
    vertical-align: top;
    width: 240px;
  }
  table#main-area td#main-menu ul {
    list-style-type: none;
    margin-left: 30px;
    margin-top: 50px;
    padding-left: 0;
  }
  table#main-area td#main-menu ul li {
    margin-bottom: 10px;
  }
  table#main-area td#main-menu ul#submenu {
    margin: 10px 0 15px 12px;
  }
  table#main-area td#main-menu ul#submenu li {
    margin-bottom: 7px;
  }
  table#main-area td#main-menu ul#submenu li.current a {
    color: #2D2E1C;
  }
  table#main-area td#main-menu ul#submenu li ul#subsubmenu {
    margin: 10px 0 15px 12px;
  }
  table#main-area td#main-menu ul#submenu li ul#subsubmenu li a {
    color: #91907C;
  }
  table#main-area td#main-menu ul#submenu li ul#subsubmenu li.sub-current a {
    color: #2D2E1C;
  }

  /* breadcrumbs */
  table#main-area div#breadcrumbs {
    background: white url("images/hg_pfad.gif") repeat-x;
    border-top: 1px solid white;
    color: #EDECE3;
    font-weight: bold;
    height: 22px;
    padding: 7px 15px 0 15px;
  }
  table#main-area div#breadcrumbs a {
    color: white;
    font-weight: normal;
  }

  /* the main content */
  table#main-area td#main-container {
    background-color: white;
  }
  table#main-area div#main-content {
    background-color: white;
    min-height: 170px;
    padding: 20px 10px 35px 10px;
    vertical-align: top;
  }
  table#main-area td#main-content p.intro {
    font-weight: bold;
    line-height: 17px;
    margin-bottom: 20px !important;
  }
  table#main-area td#main-content-spacer {
    background-color: white;
  }
  table#main-area div.small-content {
    padding-right: 230px !important;
  }

  /* bottom stuff */
  div#bottom-bar {
    background-color: #E9E9E1;
    border-top-color: #71726D;
    width: 1000px;
    border-top: 1px solid #737264;
  }
  div#bottom-bar table {
    border-top: 1px solid white;
  }
  div#bottom-bar table td#claim {
    padding: 20px 0 20px 35px;
  }

  /* popup windows */
  body.popup {
    padding: 15px 20px 15px 30px;
    width: 450px;
  }
  body.popup td#logo {
    padding: 10px 0 0 0;
  }
  body.popup td#close-btn-container {
    text-align: right;
    vertical-align: top;
  }
  body.popup div#main-content {
    margin-top: 35px !important;
  }


  /*-----------------------------------
   *
   * Typo3 elements
   *
   *---------------------------------*/

  /* headers */
  h1.csc-firstHeader {
    margin-top: 0;
  }

  /* text paragraphs */
  p.bodytext {
    line-height: 140%;
    margin-bottom: 10px !important;
  }

  /* sitemap */
  div.csc-sitemap ul li.level1 {
    list-style-image: url("images/plus.gif");
    margin-bottom: 20px;
  }
  div.csc-sitemap ul ul.sub {
    margin-top: 3px;
  }
  div.csc-sitemap ul ul.sub li {
    list-style-image: none;
    list-style-type: none;
    margin-bottom: 3px;
  }

  /* forms */
  table td.csc-form-labelcell {
    padding-left: 0;
    padding-right: 30px;
  }
  table td.csc-form-fieldcell {
    padding-bottom: 5px;
  }
  span.req-field {
    font-weight: bold;
    padding-left: 10px;
  }

  /* download lists */
  table.csc-uploads {
    border-top: 1px solid #EBEAE9;
    margin-bottom: 20px !important;
    width: 80%;
  }
  table.csc-uploads td {
    border-bottom: 1px solid #EBEAE9;
    padding: 5px 10px;
  }
  table.csc-uploads td.csc-uploads-fileSize {
    text-align: right;
    vertical-align: top;
    width: 80px;
  }
}
