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

@media screen {

  /*main div.ym-col1 a, main div.ym-col2 a { background-color: #ffffff; }*/
  /* -- C O L (1) - H3 -- */
  main div.ym-col1 h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    background-color: #a9a8a8;
    text-align: left;
    font-size: 100%;
    width: 100%;
    line-height: 1.5em;
    text-indent: 5px;
  }

  main div.ym-col1 h3 a {
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    background-color: #a9a8a8;
  }

  /* -- C O L (2) -- */
  main div.ym-col2 {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-left: 1px dotted #5a5a5a;
  }

  main div.ym-col2 div.ym-cbox {
    padding: 0px 0px 0px 0px;
  }

  /* -- C O L (2) - H3 -- */
  main div.ym-col2 h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    background-color: #a9a8a8;
    text-align: center;
    font-size: 100%;
    width: 100%;
    line-height: 1.5em;
  }

  main div.ym-col2 h3 a {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
    background-color: #a9a8a8;
    text-align: center;
  }

  /* -- C O L (2) - T E A S E R - I M A G E - N E W -- */
  main div.ym-col2 div.ym-contain-dt {
    text-align: center;
  }

  main div.ym-col2 div.ym-contain-dt img {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    border: 0px solid grey;
  }

  /* -- C O L (2) - T E A S E R _ I M A G E _ O L D -- */
  main div.ym-col2 div.teaserr {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border-bottom: 1px dotted #aeada9;
  }

  main div.ym-col2 div.teaserr p.bt_pi {
    padding: 10px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    text-align: center;
  }

  main div.ym-col2 div.teaserr p.bt_pi a {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
  }

  main div.ym-col2 div.teaserr p.bt_pi a img {
    display: block;
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 0px 0px;
    width: 180px;
    height: auto;
  }

  main div.ym-col2 div.teaserr h3.bt_h {
    width: 180px;
    padding: 0px 0px 0px 0px;
    margin: 0px 10px 0px 10px;
  }

  main div.ym-col2 div.teaserr p.bt_p {
    width: 180px;
    padding: 0px 0px 10px 0px;
    margin: 0px 10px 0px 10px;
    font-size: .7em;
  }

  /* -- C O L (2) - T E A S E R - L I S T -- */
  main div.ym-col2 h3.nt_h {
    width: 200px;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../pics/icons/hintergrund-teaser.jpg) repeat-y 0 0;
    color: #000000;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
    text-decoration: none;
    text-indent: 10px;
  }

  main div.ym-col2 ul.nt_u {
    width: 200px;
    padding: 0px 0px 20px 0px;
    margin: 0px 0px 0px 0px;
    background: url(../pics/icons/hintergrund-teaser.jpg) repeat-y 0 0;
    list-style-type: none;
    font-weight: normal;
    /*font-size:			.7em;*/
    font-size: .8em;
  }

  main div.ym-col2 ul.nt_u li.nt_l {
    padding: 5px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    /*line-height:			1.5em;*/
    line-height: 1.0em;
  }

  main div.ym-col2 ul.nt_u li.nt_l a {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    /*font-weight:			bold;
    text-decoration:		underline;*/
  }

  main div.ym-col2 ul.nt_u li.nt_l a:hover,
  main div.ym-col2 ul.nt_u li.nt_l a:active,
  main div.ym-col2 ul.nt_u li.nt_l a:focus {
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    color: #000000;
    font-weight: bold;
    /*text-decoration:		underline;*/
  }
}

/* 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) */
@media screen and (max-width: 950px) {

  /* -- C O L (2) - T E A S E R _ I M A G E _ O L D -- */
  main div.ym-col2 div.teaserr p.bt_pi {
    padding: 5px 0px 0px 0px;
  }

  main div.ym-col2 div.teaserr p.bt_pi a img {
    padding: 0px 0px 0px 5px;
    width: 140px !important;
    height: auto;
  }

  main div.ym-col2 div.teaserr h3.bt_h {
    width: 140px;
    margin: 0px 5px 0px 5px;
  }

  main div.ym-col2 div.teaserr p.bt_p {
    width: 140px;
    margin: 0px 5px 0px 5px;
    font-size: .6em;
  }

  /* -- C O L (2) - T E A S E R - L I S T -- */
  main div.ym-col2 h3.nt_h {
    width: 150px;
  }

  main div.ym-col2 ul.nt_u {
    width: 150px;
    font-size: .6em;
  }
}

/* Ende Viewport 2 */

/* Viewport 3 : Rechte Spalte raus! */
/* Viewport 4 : Container-Navigation viertelt sich */
/* Viewport 5 : News-Bilder kleiner ueber CSS */
/* Viewport 6 : Smartphone View */
/* Viewport-Hack 2 for MSIE 11 : Servicenavigation-Korrektur */