/*
 * ziel3-sw-1.0.css
 * General stylesheet for Ziel3/Cíl3 software, version 1.0
 *
 * $Id: $
 *
 * Copyright (c) 2008-2009 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: #343434;
    font-family: "Bitstream Vera Sans", Verdana, Tahoma, 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: #296285;
    font-weight: bold;
    text-decoration: none;
  }
  a:hover {
    text-decoration: underline;
  }

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

  /* captions */
  table caption {
    caption-side: bottom;
    margin-top: 5px;
  }

  /* 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: #03581E;
    border-style: solid;
    border-width: 0;
    color: #03581E;
    height: 1px;
  }

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

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

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

  /* margins of various sizes */
  *.margin-b {
    margin-bottom: 1em !important;
  }
  *.margin-2b {
    margin-bottom: 1.5em !important;
  }
  *.margin-3b {
    margin-bottom: 2em !important;
  }
  *.margin-t {
    margin-top: 1em !important;
  }
  *.margin-2t {
    margin-top: 1.5em !important;
  }
  *.margin-3t {
    margin-top: 2em !important;
  }

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

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

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


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

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

  /* elements in the top bar of the page */
  div#top-bar {
    background-color: white;
    background-image: url("../img/ziel3-logo.jpg");
    background-position: 570px 12px;
    background-repeat: no-repeat;
    border-bottom: 10px solid #E6E9F0;
    height: 80px;
    padding: 5px 10px 10px 10px;
  }
  div#top-bar div#logo-container {
    float: left;
    padding-top: 10px;
    width: 165px;
  }
  div#top-bar div#inst-name {
    color: #296285;
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 150%;
    padding-top: 20px;
  }
  div#top-bar div#top-nav {
    text-align: right;
  }
  div#top-bar div#top-nav ul#lang-sel {
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  div#top-bar div#top-nav ul#lang-sel li {
    display: inline;
    padding: 0 0 0 3px;
  }
  div#top-bar div#top-nav ul#lang-sel li:first-child,
    div#top-bar div#top-nav ul#lang-sel li.first-child
  {
    padding-left: 0;
  }
  div#top-bar div#top-nav ul#lang-sel li#lang-label {
    color: #406A68;
    font-size: 9px;
    font-weight: bold;
    padding-left: 15px;
    padding-right: 15px;
  }
  div#top-bar div#top-nav ul#lang-sel li img {
    vertical-align: middle;
  }

  /* main area */
  div#main-area {
    background-color: white;
    padding: 55px 10px 10px 10px;
  }
  div#main-area div#main-frame {
    width: 680px;
  }
  div#main-area div#main-frame h1#title {
    font-size: 14px;
    margin: 0 0 55px 0;
  }
  div#main-area div#main-frame div#main-content {
    min-height: 200px;
    padding-right: 20px;
  }
  div#main-area ul#bottom-menu {
    list-style-type: none;
    margin: 0;
    padding: 40px 0 5px 0;
    text-align: center;
  }
  div#main-area ul#bottom-menu li {
    display: inline;
    padding: 0;
  }
  div#main-area ul#bottom-menu li:before {
    color: #406A68;
    content: "|";
    padding-left: 10px;
    padding-right: 10px;
  }
  div#main-area ul#bottom-menu li:first-child:before {
    content: "";
    padding-left: 0;
    padding-right: 0;
  }
  div#main-area ul#bottom-menu li a {
    font-size: 9px;
    padding: 0;
  }

  /* the bottom bar */
  div#bottom-bar {
    padding: 15px 10px;
  }
  div#bottom-bar div#euro-logo {
    background-image: url("../img/flag-eu.gif");
    background-repeat: no-repeat;
    color: #406A68;
    float: left;
    font-size: 9px;
    height: 24px;
    padding-left: 50px;
    padding-top: 1px;
    width: 250px;
  }
  div#bottom-bar div#copyright {
    color: #406A68;
    font-size: 9px;
    text-align: right;
  }


  /*-----------------------------------
   *
   * Forms on pages
   *
   *---------------------------------*/

  /* form structure */
  div.form {
    width: 100%;
  }
  div.form:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
  }
  div.form div.row {
    clear: left;
    width: 100%;
  }
  div.form div.row:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
  }
  div.form label {
    float: left;
    margin: 4px 20px 4px 0;
    text-align: left;
    width: 150px;
  }
  div.form button, div.form input, div.form select, div.form textarea,
    div.form div.ctrl-panel, div.form div.radio-btn-panel,
    div.form div.checkbox-panel
  {
    float: left;
    margin-bottom: 4px !important;
  }
  div.form span.required {
    color: #3380D8;
    float: left;
    font-weight: bold;
    margin-left: 10px;
  }
  div.form div.ctrl-panel button, div.form div.ctrl-panel input,
    div.form div.ctrl-panel label, div.form div.ctrl-panel select,
    div.form div.ctrl-panel textarea, div.form div.radio-btn-panel input,
    div.form div.radio-btn-panel label, div.form div.checkbox-panel input,
    div.form div.checkbox-panel label
  {
    float: none;
    margin: 0 !important;
  }
  div.form div.radio-btn-panel input {
    vertical-align: middle;
  }
  div.form div.radio-btn-panel label {
    padding-left: 5px;
  }
  div.form div.radio-btn-panel-horizontal {
    padding-top: 2px;
  }
  div.form div.radio-btn-panel-horizontal label {
    padding-right: 10px;
  }
  div.form div.radio-btn-panel-vertical label {
    line-height: 140%;
  }
  div.form div.spacer {
    clear: both;
    height: 15px;
  }
  div.button-area {
    border-top: 1px solid #DEDADE;
    margin-top: 1.2em;
    padding-top: 1.2em;
    text-align: center;
  }
  div.button-area button, div.button-area input {
    float: none;
    margin-right: 1em;
    padding-left: 1.5em;
    padding-right: 1.5em;
  }

  /* 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.flat-button, input.submit, select, textarea {
    border: 1px solid #606060 !important;
  }
  input.flat, select, textarea {
    background-color: #F8F8F8;
  }
  button, input.flat-button, input.submit {
    background-color: #F8F8F8;
    padding-left: 6px !important;
    padding-right: 6px !important;
  }
  button:hover, input.flat-button:hover, input.submit:hover {
    background-color: #F0F0F0;
  }
  input[type=radio] {
    vertical-align: text-bottom;
  }
  input.error, select.error, textarea.error {
    background-color: #FFE8E8;
    border: 1px solid red;
  }
  button.readonly, input.readonly, select.readonly, textarea.readonly,
    button[disabled], input[type=button][disabled],
    input[type=submit][disabled]
  {
    background-color: #DDDDDD;
  }
  button img {
    margin: 0 !important;
    padding: 0 !important;
  }
  fieldset {
    border: none;
    margin-top: 2px;
    padding: 10px;
  }
  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: 0 !important;
    margin-top: 5px;
  }
  div.form-errors ul li:first-child {
    margin-top: 0;
  }


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

  /* headers */
  div.csc-header h1 {
    margin-top: 40px;
  }
  div.csc-header h1.csc-firstHeader {
    margin-top: 0;
  }

  /* text paragraphs */
  p.bodytext {
    line-height: 140%;
    margin-bottom: 15px !important;
  }
  p.align-center {
    line-height: 140%;
    margin-bottom: 15px !important;
    text-align: center;
  }
  div.indent {
    margin-left: 25px !important;
  }

  /* frames */
  div.csc-frame-frame1 {
    border: 1px solid #E3E3E3;
    padding: 20px 10px;
  }
  div.csc-frame-frame2 {
    border: 1px solid white;
    padding: 15px;
  }

  /* lists */
  div#main-content ol li, div#main-content ul li {
    line-height: 140%;
    margin-bottom: 10px;
  }
  div#main-content ul.clean {
    list-style-type: none;
    margin: 0 0 0 25px;
    padding: 0;
  }
  div#main-content ul.clean li {
    line-height: 140%;
    margin: 0 0 15px 0;
  }
  div#main-content ul.small {
    margin-right: 25px;
  }
  div#main-content ol.compact li, div#main-content ul.compact li {
    margin-bottom: 3px;
  }
  dl.csc-menu-4 dt {
    margin-top: 5px;
  }

  /* images and associated stuff */
  div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image
    .csc-textpic-caption
  {
    font-size: 9px;
    margin-top: 5px;
    text-align: center;
  }

  /* tables */
  table.contenttable, table.content-table {
    border: 1px solid #F0F0F0;
  }
  table.contenttable caption, table.content-table caption {
    font-size: 9px;
    margin-bottom: 5px;
  }
  table.contenttable thead tr th, table.content-table thead tr th {
    border-left: 1px solid white;
    border-top: 1px solid white;
    padding: 8px 3px;
    text-align: center;
  }
  table.contenttable thead tr th.td-last,
    table.content-table thead tr th.td-last
  {
    border-right: 1px solid white;
  }
  table.contenttable tbody tr td, table.content-table tbody tr td {
    background-color: #F8F8F8;
    border-left: 1px solid white;
    border-top: 1px solid white;
    padding: 5px 3px;
    vertical-align: top;
  }
  table.contenttable tbody tr.tr-even td,
    table.content-table tbody tr.tr-even td
  {
    background-color: #F8F8F8;
    border-left-color: #F0F0F0;
  }
  table.contenttable tbody tr.tr-odd td,
    table.content-table tbody tr.tr-odd td
  {
    background-color: #F0F0F0;
    border-left-color: #F8F8F8;
  }
  table.contenttable tbody tr td.td-0, table.content-table tbody tr td.td-0 {
    border-left: 1px solid white;
  }
  table.contenttable tbody tr td.td-last,
    table.content-table tbody tr td.td-last
  {
    border-right: 1px solid white;
  }
  table.contenttable tbody tr.tr-last td,
    table.content-table tbody tr.tr-last td
  {
    border-bottom: 1px solid white;
  }
  table.contenttable tbody tr td.empty-list,
    table.content-table tbody tr td.empty-list
  {
    padding: 15px 3px;
    text-align: center;
  }
  table.content-table-2 tbody tr td {
    background-color: #F0F0F0 !important;
  }
  table.content-table-2 tbody tr td.label,
    table.content-table-2 tbody tr td.value
  {
    vertical-align: top;
  }
  table.content-table-2 tbody tr td.value ul {
    margin-bottom: 0;
    margin-top: 0;
  }
  table.content-table-2 tbody tr td.value ul li {
    margin-bottom: 3px;
  }
  table.csc-uploads {
    border-left: 1px solid #F0F0F0;
    border-top: 1px solid #F0F0F0;
    width: 100%;
  }
  table.csc-uploads tbody tr.tr-even td {
    background-color: #F8F8F8;
    border-color: #F0F0F0;
  }
  table.csc-uploads tbody tr.tr-odd td {
    background-color: #F0F0F0;
    border-color: #F8F8F8;
  }
  table.csc-uploads tbody tr td {
    padding: 5px 3px;
    border-bottom: 1px solid;
    border-right: 1px solid;
  }
  table.csc-uploads tbody tr td.csc-uploads-fileSize {
    text-align: right;
    width: 80px;
  }

  /* form elements */
  td.td-csc-form-commentcell, td.csc-form-labelcell, td.csc-form-fieldcell {
    padding: 2px;
    vertical-align: top;
  }
  td.td-csc-form-commentcell {
    padding: 5px 2px;
  }
  td.csc-form-labelcell {
    font-weight: bold;
    padding-right: 20px;
    padding-top: 5px;
  }
  td.button-area {
    padding: 15px 0 2px 2px;
  }
  span.req-field {
    color: #03581E;
    font-size: 12px;
    font-weight: bold;
    padding-left: 10px;
  }
  div.button-area {
    border-top: 1px solid #606060;
    margin-top: 10px !important;
    padding-top: 10px;
  }
}