/*
 * schubladen-1.0.css
 * General stylesheet for schubLaden website, version 1.0
 *
 * $Id: $
 *
 * Copyright (c) 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.
 */


/*===============================================
 *
 *
 * General style sheets
 *
 *
 *=============================================*/

@media all {

  /*-----------------------------------
   *
   * General settings
   *
   *---------------------------------*/

  /* general appeareance */
  a, body, button, div, dl, input, ol, p, select, td, th, ul {
    color: #737A7F;
    font-family: "Bitstream Vera Sans", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
  }
  code, pre, textarea, tt, xmp {
    color: #3F3F3F;
    font-family: "Bitstream Vera Sans Mono", "Lucida Console", "Courier New",
      Courier, monospace;
    font-size: 11px;
  }

  /* default links */
  a {
    color: white;
    text-decoration: none;
  }
  a:hover {
    color: #9CAA27;
    text-decoration: none;
  }

  /* general body settings */
  body {
    background-color: white;
    margin: 0;
  }

  /* general blocks */
  div, p {
    margin: 0 !important;
    padding: 0;
  }

  /* default definition term */
  dt {
    font-weight: bold;
  }

  /* headers */
  h1 {
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 15px;
  }
  h2 {
    font-size: 11px;
    font-weight: bold;
  }
  h3 {
    font-size: 11px;
    font-weight: normal;
  }

  /* default rulers */
  hr {
    background: white;
    border-style: solid;
    border-width: 0;
    color: white;
    height: 1px;
  }

  /* default inner frames */
  iframe {
    border: none;
  }

  /* default images */
  img {
    border: none;
  }

  /* images as symbols */
  img.symbol {
    vertical-align: middle;
  }

  /* alignments */
  *.align-left {
    text-align: left !important;
  }
  *.align-center {
    text-align: center !important;
  }
  *.align-right {
    text-align: right !important;
  }

  /* paddings */
  *.padd-b {
    padding-bottom: 10px;
  }
  *.padd-t {
    padding-top: 10px;
  }

  /* clear */
  div.clear {
    clear: both;
    font-size: 0;
    height: 0;
  }


  /*-----------------------------------
   *
   * General page elements
   *
   *---------------------------------*/

  /* the frames containing the whole page */
  div#outer-frame {
    text-align: center;   /* IE only */
  }
  div#inner-frame {
    margin: 45px auto !important;
    text-align: left;     /* IE only */
    width: 900px;
  }

  /* the top bar */
  div#top-bar {
    background-color: #E5E9C7;
    border-bottom: 2px solid white;
  }
  div#top-bar div#logo-container {
    float: left;
    padding: 18px 0 2px 65px;
    width: 340px;
  }
  div#top-bar div#language-selector {
    float: right;
    font-size: 10px;
    padding: 107px 10px 0 0;
    text-align: right;
    width: 150px;
  }
  div#top-bar div#language-selector ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  div#top-bar div#language-selector ul li {
    display: inline;
    font-size: 10px;
    padding: 0;
  }
  div#top-bar div#language-selector ul li:before {
    color: #737A7F;
    content: "|";
    padding-left: 7px;
    padding-right: 7px;
  }
  div#top-bar div#language-selector ul li:first-child:before {
    content: "";
    padding-left: 0;
    padding-right: 0;
  }
  div#top-bar div#language-selector ul li a {
    color: white;
    font-size: 10px;
    padding: 0;
  }
  div#top-bar div#language-selector ul li a:hover {
    color: #9CAA27;
  }
  div#top-bar div#language-selector ul li.current a {
    color: #9CAA27;
  }
  div#top-bar div#language-selector ul li.not-available {
    color: #B5BF5D;
  }

  /* the main area */
  div#main-area {
    width: 900px;
  }

  /* the left bar containing the navigation menu */
  div#main-area div#left-bar {
    background-color: #CBD28D;
    border-right: 2px solid white;
    float: left;
    height: 300px;
    padding: 30px 15px 10px 15px;
    width: 160px;
  }
  div#main-area div#left-bar h2 {
    color: #9CAA27;
    font-weight: normal;
    margin: 0 0 25px 0;
    text-align: right;
  }
  div#main-area div#left-bar ul#main-menu {
    height: 280px;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  div#main-area div#left-bar ul#main-menu li {
    margin-bottom: 15px;
    text-align: right;
  }
  div#main-area div#left-bar ul#main-menu li.current a {
    color: #9CAA27;
  }
  div#main-area div#left-bar ul#extra-menu {
    height: 22px;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  div#main-area div#left-bar ul#extra-menu li {
    text-align: right;
  }
  div#main-area div#left-bar ul#extra-menu li a {
    font-size: 10px;
  }
  div#main-area div#left-bar ul#extra-menu li.current a {
    color: #9CAA27;
  }

  /* the main content */
  div#main-area div#main-content {
    background-color: #B5BF5D;
    float: right;
    height: 285px;
    padding: 34px 10px 21px 35px;
    width: 663px;
  }
  div#main-area div#main-content div#content-area-1 {
    float: left;
    height: 285px;
    overflow: auto;
    width: 430px;
  }
  div#main-area div#main-content div#content-area-2 {
    float: right;
    height: 285px;
    margin-left: 5px !important;
    overflow: auto;
    width: 228px;
  }


  /*-----------------------------------
   *
   * TYPO3 elements
   *
   *---------------------------------*/

  /* headers */
  div#main-area h1 {
    color: #D7DA94;
    font-size: 11px;
    font-weight: normal;
    margin: 10px 0 1px 0;
    padding: 0;
  }
  div#main-area h1.csc-firstHeader {
    margin-top: 0;
  }

  /* text paragraphs */
  p.bodytext {
    line-height: 140%;
    margin-bottom: 13px !important;
  }
  p.bodytext em {
    color: #D7DA94;
    font-style: normal;
  }

  /* forms */
  div#content-area-1 form#mailform {
    width: 410px;
  }
  div#content-area-1 form#mailform div.csc-mailform-field label {
    float: left;
    padding-top: 3px;
    width: 100px;
  }
  div#content-area-1 form#mailform div.csc-mailform-field input,
    div#content-area-1 form#mailform div.csc-mailform-field select,
    div#content-area-1 form#mailform div.csc-mailform-field textarea
  {
    background-color: #E5E9C7;
    border: none;
    color: black;
    float: right;
    font-size: 12px;
    width: 300px;
  }
  div#content-area-1 form#mailform div.csc-mailform-field div.clear {
    height: 2px;
    padding-bottom: 2px;
  }
  div#content-area-1 form#mailform div.csc-mailform-field
    input.csc-mailform-submit
  {
    background-color: transparent;
    color: white;
    float: right;
    font-size: 11px;
    padding: 0;
    text-align: right;
    width: 100px;
    -moz-box-sizing: content-box;
  }
  div#content-area-1 form#mailform div.csc-mailform-field
    input.csc-mailform-submit:hover
  {
    color: #9CAA27;
  }


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

  /* image selector */
  div#main-area div#main-content div#image-sel div#content-area-1 {
    height: 272px;
  }
  div#main-area div#main-content div#image-sel div#content-area-2 {
    height: 239px;
  }
  div#main-area div#main-content div#image-sel div#content-area-3 {
    float: right;
    height: 35px;   /* actual height: 30px, but FF needs more space */
    margin-left: 5px !important;
    margin-top: 5px !important;
    overflow: auto;
    width: 228px;
  }

  /* furniture list */
  body#furnitures div#main-area div#left-bar ul#main-menu {
    height: 245px;
  }
  body#furnitures div#main-area div#main-content {
    height: 306px;
    padding-bottom: 0;
  }
	body#furnitures div#main-area div#furniture-list {
    height: 281px;
  }
  body#furnitures div#main-area div#page-browser span,
    body#furnitures div#main-area div#page-browser span a
  {
    font-size: 10px;
  }
  body#furnitures div#main-area div#page-browser span.page-no-list {
    padding: 0 10px;
  }
  body#furnitures div#main-area div#page-browser span.page-no {
    padding-left: 10px;
  }
  body#furnitures div#main-area div#page-browser span.first-page-no {
    padding-left: 0;
  }

  /* furniture details */
  body#furniture-details {
    margin: 0;
    padding: 0;
  }
  body#furniture-details div#inner-frame {
    height: 330px;
    margin: auto !important;
    width: 710px;
  }
  body#furniture-details div#inner-frame div#main-area {
    height: 330px;
    width: 710px;
  }
  body#furniture-details div#inner-frame div#main-area div#main-content {
    float: none;
    height: 296px;
    padding-bottom: 0;
    width: 665px;
  }
  body#furniture-details div#inner-frame div#main-area div#main-content
    div#content-area-1
  {
    height: 296px;
  }
  body#furniture-details div#inner-frame div#main-area div#main-content
    div#content-area-2
  {
    height: 239px;
  }
  body#furniture-details div#inner-frame div#main-area div#main-content
    div#content-area-3
  {
    float: right;
    height: 35px;   /* actual height: 30px, but FF needs more space */
    margin-left: 5px !important;
    margin-top: 5px !important;
    overflow: auto;
    width: 228px;
  }
  body#furniture-details div#inner-frame div#main-area div#main-content
    div#content-area-4
  {
    float: right;
    font-size: 10px;
    margin-top: 2px;
    width: 228px;
  }
  body#furniture-details div#content-area-2 h2#furniture-number {
    font-weight: normal;
    margin: 0 0 15px 0;
  }
  body#furniture-details div#content-area-4 a {
    font-size: 10px;
  }

  /* furniture reservation/buy */
  body#furniture-reservation-buy {
    margin: 0;
    padding: 0;
  }
  body#furniture-reservation-buy div#inner-frame {
    height: 330px;
    margin: auto !important;
    width: 710px;
  }
  body#furniture-reservation-buy div#inner-frame div#main-area {
    height: 330px;
    width: 710px;
  }
  body#furniture-reservation-buy div#inner-frame div#main-area
    div#main-content
  {
    float: none;
    height: 296px;
    padding-bottom: 0;
    width: 665px;
  }
  body#furniture-reservation-buy div#inner-frame div#main-area div#main-content
    div#content-area-1
  {
    height: 296px;
    width: 310px;
  }
  body#furniture-reservation-buy div#inner-frame div#main-area div#main-content
    div#content-area-2
  {
    height: 230px;
    width: 328px;
  }
  body#furniture-reservation-buy div#inner-frame div#main-area div#main-content
    div#content-area-3
  {
    float: right;
    height: 35px;   /* actual height: 30px, but FF needs more space */
    margin-left: 5px !important;
    margin-top: 10px !important;
    overflow: auto;
    width: 328px;
  }
  body#furniture-reservation-buy div#content-area-1 h2#furniture-header {
    margin: 0 0 20px 0;
    padding: 0;
  }
  body#furniture-reservation-buy div#content-area-1 form#mailform {
    width: 300px;
  }
  body#furniture-reservation-buy div#content-area-1 form#mailform
      div.csc-mailform-field input,
    body#furniture-reservation-buy div#content-area-1 form#mailform
      div.csc-mailform-field select,
    body#furniture-reservation-buy div#content-area-1 form#mailform
      div.csc-mailform-field textarea
  {
    width: 190px;
  }
  body#furniture-reservation-buy div#content-area-1 form#mailform
      div.csc-mailform-field input.csc-mailform-submit
  {
    margin-top: 5px;
    width: 60px;
    -moz-box-sizing: content-box;
  }
  body#furniture-reservation-buy div#content-area-3 {
    padding-top: 5px;
  }
  body#furniture-reservation-buy div#content-area-3 label {
    color: white;
    float: left;
    font-size: 9px;
    line-height: 150%;
    margin-left: 20px;
    text-indent: -20px;
    width: 300px;
  }
  body#furniture-reservation-buy div#content-area-3 input#i_agree {
    margin: 0 4px 0 0;
  }
}