/*
 * File			: breadcrumb.css
 * Date			: 2015-05-01
 * Author		: Dipl.-Ing. Jan Rademaker, M.A.
 * E-Mail		: jan.rademaker@th-owl.de
 */
@charset "UTF-8";

@media screen {

  /* -- C O L (3) - B R E A D C R U M B -- */
  main div.ym-col3 div#breadcrumb {
    padding: 5px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-size: 85%;
    border-bottom: 1px dotted #aeada9;
    width: 100%;
  }

  main div.ym-col3 div#breadcrumb.dist {
    margin-bottom: 20px;
  }

  main div.ym-col3 div#breadcrumb h3 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    position: absolute;
    top: -1000px;
  }

  main div.ym-col3 div#breadcrumb ul {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  main div.ym-col3 div#breadcrumb ul li {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    display: inline;
  }

  main div.ym-col3 div#breadcrumb ul li#bc-first a {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    background: url(../pics/icons/breadcrumb-a.jpg) no-repeat 0 5px;
    color: #dc131d;
    text-decoration: none;
  }

  main div.ym-col3 div#breadcrumb ul li a {
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    background: url(../pics/icons/breadcrumb-b.jpg) no-repeat 0 6px;
    color: #dc131d;
    text-decoration: none;
  }

  main div.ym-col3 div#breadcrumb ul li#bc-first a:link,
  main div.ym-col3 div#breadcrumb ul li#bc-first a:hover,
  main div.ym-col3 div#breadcrumb ul li#bc-first a:visited,
  main div.ym-col3 div#breadcrumb ul li#bc-first a:active,
  main div.ym-col3 div#breadcrumb ul li#bc-first a:focus {
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    color: #dc131d;
    text-decoration: none;
  }

  main div.ym-col3 div#breadcrumb ul li a:link,
  main div.ym-col3 div#breadcrumb ul li a:hover,
  main div.ym-col3 div#breadcrumb ul li a:visited,
  main div.ym-col3 div#breadcrumb ul li a:active,
  main div.ym-col3 div#breadcrumb ul li a:focus {
    padding: 0px 0px 0px 15px;
    margin: 0px 0px 0px 0px;
    color: #dc131d;
    text-decoration: none;
  }
}

/* Ende Screen */

/* Viewport-Hack 1 for MSIE 11 : Servicenavigation-Korrektur */
/* Seamless Fluid Transition : Container-Navigation wander nach rechts */
/* Reset fallback values in modern browsers */
/* Viewport 0.5 : ??? Erst mal deaktiviert durch mmain ??? */
/* Viewport 1 : SnapIn */
/* Viewport 2 : Rechte Spalte kleiner (200->150) */

/* Viewport 3 : Rechte Spalte raus! */
@media screen and (max-width: 760px) {
  main div.ym-col3 div#breadcrumb {
    padding: 0px 0px 0px 5px;
  }
}

/* Ende Viewport 3 */

/* Viewport 4 : Container-Navigation viertelt sich */
/* Viewport 5 : News-Bilder kleiner ueber CSS */

/* Viewport 6 : Smartphone View */
@media screen and (max-width: 480px) {
  main div.ym-col3 div#breadcrumb {
    display: none;
  }
}

/* Ende Viewport 5 */

/* Viewport-Hack 2 for MSIE 11 : Servicenavigation-Korrektur */