/**
* EXTENSION CSS_STYLED_CONTENT
*
* CSS Styled Content Anpassungen für TYPO3 Elemente
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

    /* default spacer */

    /* not sure it doubles the margin-bottom of FCEs */

  /*-------------------------------------------------------------------------*/
  /* Bilddefinitionen */

  .csc-textpic .csc-textpic-imagewrap img {
    margin-top: 4px;
  }

  FIGCAPTION.csc-textpic-caption {
    margin-top: 4px;
    display: block;
  }

  div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 15px;
  }

  /*div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image.csc-textpic-last {
    margin-bottom: 0
  }*/


  /*-------------------------------------------------------------------------*/
  /* Linie davor und danach */

  .csc-frame-rulerAfter hr,
  .csc-frame-rulerBefore hr {
    margin: 1em 0;
    padding: 0;
  }

  /* Spalten FCE mit einem Ruler haben links und rechts ein margin */
  .ym-cbox .fce-ds-5.csc-frame-rulerAfter hr,
  .ym-cbox .fce-ds-5.csc-frame-rulerBefore hr,
  .ym-cbox .fce-ds-6.csc-frame-rulerAfter hr,
  .ym-cbox .fce-ds-6.csc-frame-rulerBefore hr {
    margin-left: 15px;
    margin-right: 15px;
  }

  /* Der Titel eines Elements mit Ruler hat keinen eigenen Abstand */
  .csc-frame-rulerBefore header h1,
  .csc-frame-rulerBefore header h2,
  .csc-frame-rulerBefore header h3,
  .csc-frame-rulerBefore header h4,
  .csc-frame-rulerBefore header h5,
  .csc-frame-rulerBefore header h6 {
    margin-top: 0;
  }

  .csc-frame-greybox {
    background-color: #f5f5f5;
    padding: 15px;
  }

  .ym-equalize>[class*=ym-g]>[class*=ym-gbox]>[class*=csc-frame]:nth-child(1):nth-last-child(1) {
    padding-bottom: 10000px;
    margin-bottom: -9985px;
  }

  .csc-frame-greybox + .csc-frame-greybox {
    margin-top: 30px;
  }


  /*-------------------------------------------------------------------------*/
  /* Filelinks Auszeichnungen  */

  /* Standard Filelinks (csc-uploads) */
  .csc-uploads {
    margin-left: 0;
    border-top: 1px solid #dddddd;
  }

  .csc-uploads .csc-uploads-element {
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid #dddddd;
  }

  .csc-uploads .csc-uploads-element.li-odd {
    background-color: #f5f5f5;
  }

  .csc-uploads .csc-uploads-element.li-even {
    background-color: #f5f5f5;
  }

  .csc-uploads .csc-uploads-element .csc-filelinks-icon {
    width: 25px;
    float: left;
    overflow: hidden;
  }

  .csc-uploads .csc-uploads-element .csc-filelinks-icon img {
    padding-right: .5em;
    padding-top: 2px;
  }

  .csc-uploads .csc-uploads-element .csc-filelinks-description {
    margin-left: 25px;
  }


  /* Changes for greybox */

  .csc-frame-greybox .csc-uploads,
  .csc-frame-greybox .csc-default {
    margin: 0;
    border: none;
  }

  .csc-frame-greybox .csc-uploads .csc-uploads-element {
    margin: 0;
    padding: 0 0 8px 0;
    border: none;
  }

  .csc-frame-greybox .csc-uploads .csc-uploads-element:last-child {
    padding: 0;
  }

  .csc-frame-greybox .csc-uploads .csc-uploads-element {
    background-color: transparent;
  }


  /*-------------------------------------------------------------------------*/
  /* Sitemap */

  .csc-sitemap ul {
    margin-left: 0;
  }

  .csc-sitemap li {
    padding: 5px 0 5px 0;
    font-weight: bold;
    list-style-type: none;
  }

  .csc-sitemap li a {
    color: #5A5758;
  }

  .csc-sitemap ul li ul {
    border: none;
    margin: 0 0 .2em 1.2em;
  }

  .csc-sitemap ul li ul li {
    border: none;
    font-weight: normal;
    padding: 0;
    list-style-type: square;
  }

  .csc-sitemap ul li ul ul {
    margin-left: 2.4em;
  }

}

/* yaml */
.ym-g15 {
  width: 15%;
}
.ym-g65 {
  width: 65%;
}