/**
* LAYOUT-DEFINITIONEN
*
* Strukturierung der Website und Ausrichtung der Elemente
* sowie Definition von Website-spezifischen Contentelementen
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

/* Scenario C: Vertical navigation and flexible content */
/*
 * |-------------------------------------------------------|
 * | navigation      |    content                          |
 * | col 1 | fixed   |    col 3 | flexible                 |
 * |                 |                                     |
 * |-------------------------------------------------------|
 */

@media screen, projection {

  /*-------------------------------------------------------------------------*/
  /* Layout-Ausrichtung */

  body {
    overflow-y: scroll;
  }

  .ym-wrapper {
    max-width: 960px;
    margin: 0 auto;
  }

  /* subnavigation */
  .ym-col1 {
    width: 240px;
    margin: 0;
  }

  /* maincontent 1col template */
  .ym-col1.template-1col{
    width: 100%;
    margin: 0;
  }

  /* maincontent */
  .ym-col3 {
    margin: 0 0 0 240px;
  }


  /*-------------------------------------------------------------------------*/
  /* Spaltenabstand */

  .ym-cbox,
  .ym-gbox {
    padding: 0;
  }

  .ym-cbox .csc-frame,
  .ym-cbox .csc-default,
  #footercontent .csc-frame,
  #footercontent .csc-default,
  .ym-cbox .ce-gridelements_pi1 .hf-1col {
    margin-left: 15px;
    margin-right: 15px;
  }

  /* Elemente ohne Abstand
   – 2 Spalten FCEs und mehrere Spalten FCEs */
  .ym-cbox .fce-ds-5,
  .ym-cbox .fce-ds-6,
  .ym-cbox .fce-ds-22,
  #footercontent .fce-ds-5,
  #footercontent .fce-ds-6,
  .fce-roundBoxIcon .container .csc-default,
  .ym-cbox .ce-dce_dceuid3,
  .ym-cbox .ce-gridelements_pi1,
  #footercontent .csc-default.ce-gridelements_pi1,
  .csc-default.ce-shortcut {
    margin-left: 0;
    margin-right: 0;
  }

    .ym-cbox .ce-gridelements_pi1 .hf-1col {
        display: block;
        width: auto;
    }

  /*-------------------------------------------------------------------------*/
  /* Definitionen der Basis Blocks */

  #mainheader {
    background: transparent url(../../../gui/bg_top_2.png) repeat-x;
  }

  /* Siteheader */
  #siteheader {
      margin: 0 15px;
      padding: 0;
      position: relative;
      height: 94px;
  }

  /* Logo */
  #siteheader #logo {
    padding:  24px 0 0;
  }

  /* Mainnav */
  #mainnav {
    margin: 0 15px;
  }



  #main {
    min-height: 400px;
    margin: 0 10px 0 10px;
    padding: 42px 0 60px 0;
    background: transparent url(../../../gui/bg_img_transp.png) no-repeat 50% -50px;
  }

  /*-------------------------------------------------------------------------*/
  /* Sitefooter */

  #sitefooter {
    color: #808080; /* 12px */
    line-height: 1.5em;
    background: #852945 url(../../../gui/bg_footer_2.png) repeat-x;
  }

  #sitefooter #footercontent {
    padding: 25px 0 20px 0;
    color: #ffffff;
  }

  #legals #legalscontent {
    padding: 10px 15px;
    overflow: hidden;
  }

  #sitefooter #footercontent a {
    color: #FECC00;
  }

  #sitefooter #legals {
    background-color: #681C44;
    color: #ffffff;
    overflow: hidden;
  }

  #sitefooter #legals #copyright {
    float: left;
  }

  #sitefooter #legals #metanav {
    float: right;
  }

  /* Absicherung korrekte Positionierung */
  #logo,
  #main,
  #mainnav,
  #siteheader,
  #sitefooter {
    clear: both;
  }


  /*-------------------------------------------------------------------------*/
  /* Spezialtemplates (hometemplate, etc.) */

  /* maincontent */
  .hometemplate .ym-col1,
  .landingpagetemplate .ym-col1 {
    width: 100%;
  }


  /*-------------------------------------------------------------------------*/
  /* Diverse Anpassungen */

  /* desktop & mobile Klassen */
  .desktop-only,
  .csc-layout-2 {
    display: block;
  }

  .mobile-only,
  .csc-layout-1 {
    display: none;
  }
  .print-only {
    display: none;
  }


  /* Überblendung zwischen den Stati (:hover) */
  a,
  #mainnav ul li {
    transition: all 100ms ease-in-out;
    -webkit-transition: all 100ms ease-in-out;
    -moz-transition: all 100ms ease-in-out;
    -o-transition: all 100ms ease-in-out;
  }
  .fce-serviceMenu a{
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
  }

  /*-------------------------------------------------------------------------*/
  /* Devnote */

  #devnote {
    border-radius: 0;
    font-size: 12px;
    margin: 30px 10px 0;
  }


  /*-------------------------------------------------------------------------*/
  /* Agencie links */

  #agencies a {
    margin: 0;
    width: 5px;
    right: 5px;
    z-index: 10;
    position: fixed;
    text-indent: -999em;
  }

  #agencies a.hausformat {
    height: 53px;
    bottom: 5px;
    background: transparent url(../../../gui/hausformat-black.png) no-repeat 0 0;
  }

}