/**
* TYPOGRAFISCHE DEFINITIONEN
*
* Formatierungen für alle Standardelemente der Website
*
* @copyright       Copyright 20012-2013, .hausformat
* @link            http://www.hausformat.com
*/

@media all {

  /*-------------------------------------------------------------------------*/
  /* Reset und Basiseinstellungen definieren */

  /* Auf Standard (16 Pixel) zurücksetzen */
  /* Neue Schriftgrösse: 14px, Zeilenabstand: 21px */
  html * {
    font-size: 100.01%;
  }

  body,
  form textarea {
    color: #5a5758;
    font-size: 93.75%; /* Standard (15 Pixel) */
    line-height: 1.5em;
    font-family: 'Gill Sans W01', Arial, Calibri, sans-serif;
    font-weight: normal;
  }

  input,
  select,
  textarea,
  button{
    font-family: inherit;
  }
  
  .nolabel > legend,
  .nolabel > label,
  .nolabel > h3 {
    display: none;
  }

  legend.powermail_legend {
    font-weight: bold;
    font-size: 1.2em;
  }

  .powermail_fieldset + .powermail_fieldset {
    margin-top: 20px;
  }

  .ym-cbox .powermail_field  .csc-default {
    margin-left: 0;
    margin-right: 0;
  }

  /* aside */
  .ym-col3 {
    color: #717171;
  }


  /*-------------------------------------------------------------------------*/
  /* Überschriften */


  /* main content */

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: #323232;
    font-weight: normal;
    margin: 1em 0 0.35em 0;
    font-family: inherit;
    line-height: 1.2em;
  }

  h1 {
    font-size: 240%; /* 36px */
  }

  h2 {
    color: #eb670b;
    font-size: 213.33%; /* 32px */
    margin-top: 0.85em;
  }

  h3,
  .csc-frame-greybox h2 {
    color: #323232;
    font-size: 173.33%; /* 26px */
  }

  h4 {
    font-size: 146.66%; /* 22px */
  }

  h5 {
    font-size: 120%; /* 18px */
  }

  h1.csc-firstHeader,
  h2.csc-firstHeader,
  h3.csc-firstHeader,
  h4.csc-firstHeader,
  h5.csc-firstHeader,
  h6.csc-firstHeader,
  .csc-frame-greybox h1:first-child,
  .csc-frame-greybox h2:first-child,
  .csc-frame-greybox h3:first-child,
  .csc-frame-greybox h4:first-child,
  .csc-frame-greybox h5:first-child,
  .csc-frame-greybox h6:first-child {
    margin-top: 0;
  }

  h1 + h2,
  h2 + h3 {
    margin-top: 0.5em;
  }

  h3 + h2 {
    margin-top: 0;
  }

  h1.csc-firstHeader {
    text-transform: uppercase;
    padding-top: 2px;
  }

  hgroup h1.csc-firstHeader,
  hgroup h2.csc-firstHeader,
  hgroup h3.csc-firstHeader,
  hgroup h4.csc-firstHeader,
  hgroup h5.csc-firstHeader,
  hgroup h6.csc-firstHeader {
    margin-bottom: 0;
  }

  hgroup h2.subtitle,
  hgroup h3.subtitle,
  hgroup h4.subtitle,
  hgroup h5.subtitle,
  hgroup h6.subtitle {
    margin-top: 5px;
  }


  /* Überschriften (spezial template / rechte Spalte / footer) */

  .ym-col3 h1,
  .ym-col3 h2 {  }

  #sitefooter h1,
  #sitefooter h2,
  #sitefooter h3,
  #sitefooter h4,
  #sitefooter h6 {
    font-size: 22px;
    color: #ffffff;
  }

  #sitefooter h5 {
    font-size: 100%;
    margin: 0;
    color: #ffffff;
  }

  /*--------------------------------------------------------------------------*/
  /* Allgemeine Textauszeichnung */

  span.nowrap {
    white-space: nowrap;
  }

  p {
    margin: 0 0 .6em 0;
  }

  p.lead {
    font-size: 133.33%; /* 20px */
    line-height: 1.2em;
    margin-bottom: 30px;
  }

  p.no-margin-bottom {
    margin-bottom: 0;
  }

  .csc-frame p:last-child {
    margin-bottom: 0;
  }

  blockquote,
  cite,
  q {
    font-family: inherit;
    /*font-style: italic;*/
   }

  strong, b {
    font-weight: bold;
  }

  em, i {
    /*font-style: italic;*/
    font-style: normal;
  }

  /* löst line-height Problem mit sub / sup und Einstellungen können angepasst werden
     (siehe http://webdesignandsuch.com/how-to-fix-sup-sub-line-height-problem-with-css) */
  sub, sup {
    font-size: 70%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }

  sup {
    top: -0.5em;
  }

  sub {
    bottom: -0.25em;
  }

  hr {
    border: 0;
    margin: 0.3em 0;
    border-bottom: 1px solid #D6D6D6;
  }

  /* Entfernt den Schatten bei der Selektion. Background Color anpassen, damit es zum Design passt. */
  ::-moz-selection {
    background: #f1f1f1;
    text-shadow: none;
  }

  ::selection {
    background: #f1f1f1;
    text-shadow: none;
  }

  /* BEGIN: this fix images width in YAML grid when images are big */
  /* responsive Bilder werden automatisch skaliert, falls der Bereich leiner ist als die ursprüngliche Grösse des Bildes */
/*  img {
    max-width: 100%;
    height: auto;
  }*/

  img {
    width:inherit;/* for ie8*/
    max-width: 100% !important; /* Set a maxium relative to the parent */
    width: auto\9 !important; /* IE7-8 need help adjusting responsive images */
    height: auto;
    -ms-interpolation-mode: bicubic;
  }
  /* TYPO3 Anpassung für Resonsive */
  DIV.csc-textpic-above DIV.csc-textpic-imagewrap,
  DIV.csc-textpic-below DIV.csc-textpic-imagewrap,
  DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI,
  DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
            float: none;}
  DIV.csc-textpic .csc-textpic-imagewrap FIGURE,
  DIV.csc-textpic FIGURE.csc-textpic-imagewrap {
    display:block; }

  /* END: this fix images width in YAML grid when images are big */

  /*--------------------------------------------------------------------------*/
  /* Zusätzliche Klassen (z.B. für RTE) */
  .noMarginAfter {
    margin-bottom: 0;
  }

  .noMarginBefore {
    margin-top: 0;
  }


  /*--------------------------------------------------------------------------*/
  /* Listen */

  /* TYPO3 RTE FEHLER: zusätzlicher Einzug bei ol und ul verhindern */
  ul, ol {
    -webkit-padding-start: 0;
  }

  ul,
  ol,
  dl {
    margin-top: 0;
    margin-bottom: .6em;
  }

  ul {
    margin-left: 1.5em;
  }

  ol {
    margin-left: 1.8em;
  }

  ul p,
  ol p,
  dl p {
    margin: 0;
  }

  li {
    margin-left: 0;
  }

  ul.checklist {
    list-style-type: none;
    margin-left: 0;
  }

  ul.checklist li {
    padding-left: 30px;
    padding: 0 0 6px 30px;
    background: url('../../../gui/icon-checklist.png') no-repeat;
  }


  /* Definition List */

  dl {
    padding: 0;
  }

  dt {
    float: left;
    clear: left;
    width: 30%;
    font-weight: bold;
  }

  dd {
    margin: 0 0 0 31%;
    padding: 0 0 .6em 0;
  }


 /*-------------------------------------------------------------------------*/
 /* Links */

  a {
    color: #eb690b;
    text-decoration: none;
  }

  a:focus,
  a:hover,
  a:active {
    /*Farbe und background-color muss wegen typography.css von YAML deklariert sein */
    color: #eb690b;
    text-decoration: underline;
    background-color: transparent;
  }

  a.linkicon:before,
  a.internal-link-linkicon:before,
  a.external-link-linkicon:before,
  a.download-link-linkicon:before,
  a.mail-link-linkicon:before {
    content: '› ';
    font-weight: bold;
  }

  a.weiterlesen {
    display: table;
    padding: 7px 10px;
    background-color: #eb690b;
    color: #ffffff;
    font-weight: bold;
    margin-top: 0.9em;
  }

  a.weiterlesen:focus,
  a.weiterlesen:hover,
  a.weiterlesen:active {
    background-color: #BF4D24;
    text-decoration: none;
  }
    /* Ärztelogin Button für Psychiatersuche */
    a.button-psysuche{
        padding: 7px 10px;
        background: #f1f1f1;
        color: #323232;
        font-weight: bold;
        float: right;
        margin-top: 0.2em;
    }

  a.button-psysuche:focus,
  a.button-psysuche:hover,
  a.button-psysuche:active {
    background: #4d87c7;
    color: white;
    text-decoration: none;
  }



  .icon-a-z:before,
  .icon-calendar:before,
  .icon-person:before,
  .icon-download:before,
  .icon-email:before,
  .icon-email-content:before,
  .icon-gallery:before,
  .icon-link:before,
  .icon-page:before,
  .icon-phone:before,
  .icon-phone-content:before,
  .icon-place:before,
  .icon-login:before,
  .icon-lang-active:after  {
    margin: 0 4px 0 0;
    vertical-align: middle;
  }

  .icon-rss:after,
  .icon-lang:after  {
    margin: 0 0 0 4px;
    vertical-align: middle;
  }

  .icon-a-z:before { content: url(../../../gui/icon-a-z.png); }
  .icon-calendar:before { content: url(../../../gui/icon-calendar.png); }
  .icon-person:before { content: url(../../../gui/icon-contact.png); }
  .icon-download:before { content: url(../../../gui/icon-download.png); }
  .icon-email:before { content: url(../../../gui/icon-email.png); }
  .icon-email-content:before { content: url(../../../gui/icon-email-content.png); }
  .icon-gallery:before { content: url(../../../gui/icon-gallery.png); }
  .icon-link:before { content: url(../../../gui/icon-link.png); }
  .icon-page:before { content: url(../../../gui/icon-page.png); }
  .icon-phone:before { content: url(../../../gui/icon-phone.png); }
  .icon-phone-content:before { content: url(../../../gui/icon-phone-content.png); }
  .icon-place:before { content: url(../../../gui/icon-place.png); }
  .icon-login:before { content: url(../../../gui/icon-login.png);height: 17px; }
  .icon-rss:after { content: url(../../../gui/icon-rss.png); }
  .icon-lang:after { content: url(../../../gui/icon-lang_arrow.png); }
  .icon-lang-active:before { content: url(../../../gui/icon-lang-active-small.png); }


  /*-------------------------------------------------------------------------*/
  /* Tabellen */

  table {
    width: 100%;
  }

  th,
  td {
    padding: 4px 0 4px 8px;
    border-bottom: 1px solid #D6D6D6;
  }

  .tr-odd {
    background-color: #F1F1F1;
  }


  /*------------------------------------------------------------------------------------------------------*/
  /* Allgemeine Formular Definitionen */

  form label {
    display: block;
  }

  /* Disable Default-Button-Styles on iPhone */
  input, textarea {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
  }

  input[type="radio"] {
    -webkit-appearance: radio;
    -webkit-border-radius: 10px;
  }

  input[type="checkbox"] {
    -webkit-appearance: checkbox;
  }

  /* basic settings for all text input fields DEFAULT */
  /* basic settings for all input fields HOVER */
  input[type="text"],
  input[type="password"],
  input[type="submit"],
  input[type="search"],
  input[type="password"],
  input[type="tel"],
  input[type="url"],
  input[type="email"],
  input[type="date"],
  textarea {
    border: 1px solid #D6D6D6;
    height: auto;
    margin: 0;
    padding: 5px;
    font-size: 100%;
    vertical-align: top;
    display: inline-block;
    background: white;
    box-sizing: border-box;
    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;
  }

  input[type="text"]:hover,
  input[type="password"]:hover,
  input[type="submit"]:hover,
  input[type="search"]:hover,
  input[type="password"]:hover,
  input[type="tel"]:hover,
  input[type="url"]:hover,
  input[type="email"]:hover,
  input[type="date"]:hover,
  textarea:hover {
    border: 1px solid #777;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  }

  /* basic settings for all input fields FOCUS */
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="search"]:focus,
  input[type="password"]:focus,
  input[type="tel"]:focus,
  input[type="url"]:focus,
  input[type="email"]:focus,
  input[type="date"]:focus,
  textarea:focus {
    outline: none;
    border: 1px solid #777;
    background-color: #f1f1f1;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
  }

  /* submit button look DEFAULT */
  input[type="submit"] {
    color: #fff;
    font-weight: bold;
    background: #EB690B;
    border: 1px solid #EB690B;
    padding: 7px 10px;
  }

  /* submit button look HOVER */
  input[type="submit"]:hover {
    background-color: #cb2726;
    border: 1px solid #cb2726;
    cursor: pointer;
  }


  /* basic settings for checkbox and radiobutton DEFAULT */
  input[type="radio"],
  input[type="checkbox"] {
    float: left;
    margin-top: 3px;
  }

  input[type="radio"] + label,
  input[type="checkbox"] + label {
    width: auto;
    display: block;
    margin-left: 1.7em;
  }

  /* basic settings for select and date fields DEFAULT */
  select {
    padding: 3px;
  }

  /* change the textarea back to height: auto (see basic settings for all text input) */
  form textarea {
    height: auto;
  }



}