/*
 * autom.css
 * GESAA stylesheet for automatization section
 *
 * $Id: amcworld-v2.css,v 1.1 2006/02/07 13:49:47 danny Exp $
 *
 * Copyright (c) 1998-2008 AMC World Technologies GmbH
 * Fischerinsel 1, D-10179 Berlin, Deutschland
 * All Rights Reserved.
 *
 * This software is the confidential and proprietary information of AMC World
 * Technologies GmbH ("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 GmbH.
 */


@import url("general.css");


/*===============================================
 *
 *
 * General styles
 *
 *
 *=============================================*/

@media all {

  /*-----------------------------------
   *
   * Page elements
   *
   *---------------------------------*/

  /* the top bar containing the logo */
  div#top-bar {
    background-color: #DEECF3;
    padding: 50px 45px 60px 50px;
    text-align: right;
  }

  /* the visual area on the section home page */
  div#visual {
    background-image: url("../img/automat/main-visual.jpg");
    border-top: 2px solid white;
    height: 361px;
  }
  div#visual h1#site-title {
    color: #0874BF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 27px;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    padding: 70px 0 0 0;
    text-align: center;
  }

  /* the main menu on top of the page */
  ul#main-menu {
    left: 105px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 105px;
    z-index: 1;
  }
  body#home ul#main-menu {
    top: 460px !important;
  }
  ul#main-menu li {
    display: inline;
    padding: 0 8px 0 0;
  }
  ul#main-menu li a {
    outline-width: 0;
    padding: 0;
  }

  /* the main area with the content */
  table#main-area {
    border-top: 2px solid white;
    width: 100%;
  }
  table#main-area td {
    padding: 0;
  }
  table#main-area td.spacer {
    background-color: #DAE5EB;
    width: 50px;
  }
  body#home table#main-area td.spacer {
    background-color: #C1D4DD;
    width: 105px;
  }
  table#main-area td#main-content {
    background-image: url("../img/automat/content-t.jpg");
    background-repeat: no-repeat;
    padding: 145px 150px 40px 90px;
    vertical-align: top;
  }

  .bg-box {
  background-image: url("../img/automat/ref/background-01.gif");
  background-repeat: no-repeat;
  margin: -50px 0 0 -40px;
  padding: 25px 20px 40px 25px;
  }

  .bg-box2 {
  background-image: url("../img/automat/ref/background-02.gif");
  background-repeat: no-repeat;
  margin: -50px 0 0 -40px;
  padding: 25px 20px 40px 25px;
  }



  body#home table#main-area td#main-content {
    background-image: none;
    padding: 5px 30px 10px 30px;
  }
  body#product table#main-area td#main-content {
    border-bottom: 2px solid #DAE5EB;
    padding-bottom: 25px;
    padding-left: 55px;
    padding-right: 65px;
  }
  body#home table#main-area td#main-content-top {
    background-color: #C1D4DD;
    background-image: url("../img/automat/home-content-t.gif");
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 130px;
  }
  table#main-area td#main-content-bottom {
    background-color: #DAE5EB;
    background-image: url("../img/automat/content-b.gif");
    background-repeat: no-repeat;
    height: 80px;
  }
  body#home table#main-area td#main-content-bottom {
    background-color: #C1D4DD;
    background-image: url("../img/automat/home-content-b.gif");
    background-repeat: no-repeat;
    height: 55px;
  }

  /* the bottom menu */
  table#bottom-menu td#box-0 {
    background-color: #E6EFF0;
  }
  table#bottom-menu td#box-1 {
    background-color: #BDD5DD;
  }
  table#bottom-menu td#box-2 {
    background-color: #95BFCB;
  }
  table#bottom-menu td#box-3 {
    background-color: #549AAE;
  }
  table#bottom-menu td#box-4, table#bottom-menu td#box-5,
    table#bottom-menu td#box-6
  {
    background-color: #31869D;
  }


  /*-----------------------------------
   *
   * General content elements
   *
   *---------------------------------*/

  /* headers */
  h1#title {
    color: #0874BF;
  }

  .zitat {
    font-style: italic;
  }


  /*-----------------------------------
   *
   * Special content elements
   *
   *---------------------------------*/

  /* the product list */
  table#prod-list td {
    padding-right: 4px;
  }
  table#prod-list td.col-last {
    padding-right: 0;
  }
  table#prod-list th {
    padding-bottom: 15px;
    padding-top: 40px;
  }
  table#prod-list th.first-row {
    padding-top: 0;
  }
  table#prod-list th h3 {
    color: #0874BF;
    margin: 0;
  }

  /* the back link on product detail pages */
  div#back-link {
    margin-bottom: 60px;
    text-align: right;
  }

  /* the title on product detail pages */
  body#product h3#title {
    color: #0874BF;
    margin: 0;
  }

  /* the product details */
  table#main-area td.prod-detail-container {
    border-bottom: 2px solid #DAE5EB;
    padding: 20px 65px 25px 55px;
  }
  table.prod-detail td, table.prod-detail th {
    padding: 0 20px 0 0;
    vertical-align: top;
  }
  table.prod-detail tr.prod-title-row td {
    padding-bottom: 35px !important;
  }
  table.prod-detail tr.prod-data-row th {
    padding-bottom: 15px;
  }
  table.prod-detail td.prod-link-arrow-cell {
    padding-right: 5px !important;
    padding-top: 20px !important;
    text-align: right;
  }
  table.prod-detail td.prod-link-arrow-cell img {
    padding-top: 3px;
    vertical-align: middle;
  }
  table.prod-detail td.prod-link-cell {
    padding-top: 20px !important;
  }
  table.prod-detail h3.prod-title {
    color: #0874BF;
    margin: 0;
  }
  table.prod-detail p.prod-subtitle {
    color: #363535;
    font-weight: bold;
    line-height: 170%;
    margin: 0;
  }
}