/*
 * service.css
 * GESAA stylesheet for service 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 55px 50px;
    text-align: right;
  }

  /* the visual area on the start page */
  div#visual {
    background-image: url("../img/service/visual.jpg");
    background-repeat: none;
    border-top: 2px solid white;
    height: 358px;
    padding: 0 380px 0 105px;
  }
  div#visual h1#site-title {
    color: #2E4BAA;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 21px;
    line-height: 27px;
    font-style: italic;
    font-weight: bold;
    margin: 0;
    padding: 95px 0 0 0;
  }

  /* the extra menu on top of the page */
  ul#extra-menu {
    left: 118px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 123px;
    z-index: 1;
  }
  body#home ul#extra-menu {
    top: 484px;
  }
  ul#extra-menu li {
    display: inline;
  }

  /* the main menu on top of the page */
  ul#main-menu {
    left: 367px;
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 152px;
    z-index: 1;
  }
  body#home ul#main-menu {
    left: 370px;
    top: 310px;
  }
  ul#main-menu li {
    display: inline;
    padding: 0 3px 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 ul {
  line-height: 17px;
  margin-bottom: 25px;
  }
  table#main-area td.spacer {
    background-color: #DFEEF5;
    width: 50px;
  }
  body#home table#main-area td.spacer-l {
    background-color: #AED2E6;
    width: 105px;
  }
  body#home table#main-area td.spacer-r {
    background-color: #AED2E6;
    width: 117px;
  }
  table#main-area td#main-content-top {
    background-image: url("../img/service/content-t.jpg");
    background-repeat: no-repeat;
    height: 150px;
  }
  body#home table#main-area td#main-content-top {
    background-color: #AED2E6;
    background-image: url("../img/service/home-content-t.gif");
    background-position: left bottom;
    height: 105px;
  }
  table#main-area td#main-content {
    padding: 0 105px 40px 90px;
    vertical-align: top;
  }
  body#home table#main-area td#main-content {
    padding: 5px 30px 0 30px;
  }
  table#main-area td#main-content-bottom {
    background-color: #DFEEF5;
    background-image: url("../img/service/content-b.gif");
    background-repeat: no-repeat;
    height: 70px;
  }
  body#home table#main-area td#main-content-bottom {
    background-color: #AED2E6;
    background-image: url("../img/service/home-content-b.gif");
    height: 80px;
  }


  /* the bottom menu */
  table#bottom-menu td#box-0 {
    background-color: #E4EEF3;
  }
  table#bottom-menu td#box-1 {
    background-color: #B8D1E8;
  }
  table#bottom-menu td#box-2 {
    background-color: #8AB8DC;
  }
  table#bottom-menu td#box-3 {
    background-color: #3B90C6;
  }
  table#bottom-menu td#box-4, table#bottom-menu td#box-5,
    table#bottom-menu td#box-6
  {
    background-color: #1373BF;
  }


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

  /* headers */
  h1#title {
    color: #2E4BAA;
  }

  h4 {
    padding-left: 5px;
  }

  .blue {
    background-color: #F1F6F9;
    padding: 5px 0 5px 5px;
  }

  p.text-zeit {
    color: #363535;
    line-height: 170%;
    margin-bottom: 25px;
    margin-top: 25px;
  }

  .bttm {
    padding-bottom: 25px;
  }

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

}