@charset "UTF-8";

@media screen
{
 /**
  * @section basic layout preparation
  * @see     http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html
  */

  /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers  */
  /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */
  body { font-size: 170%; margin: 10px; color: #565656; line-height: 1.6em; }
  .page {  }

  /* (en) Hide unneeded container of the screenlayout in print layout */
  /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */
  #extended, #teaser, #claim, #nav #container img, #iconlist { display: none; }

  #header .page {  }
  #nav { width: 100% !important; padding: 0; margin: 0;  }
  #nav .page { padding: 0; margin: 0; }
  #nav #container { width: 100% !important; margin: 0; padding: 20px 0 30px 0; text-align: left; border: 0; border-top: 2px solid #898989; border-bottom: 2px solid #898989; } 

  #content_teaser_container { width: 100%; padding: 0; border-bottom: 2px solid #898989; margin-bottom: 1em; padding-bottom: 2em; }
  #vlist_container { width: 100%; padding: 0; border-bottom: 2px solid #898989; margin-bottom: 1em; margin-top: 1em; padding-bottom: 1em; }

  #content { width: 100%; padding: 0; }
  #footer { width: 100%; padding: 0; }

  .title{ background-image: none !important; background-color: white; height: auto !important; width: 100%; border-bottom: 2px solid #898989; margin: 2em 0; padding: 0 0 5em 0; }
  .title h1 { opacity: 1; border-bottom: 0; }

  #header, #main { padding: 0; }

  #footer { height: auto; }
  #footer p { margin: 0; font-size: 50% !important; }

  body .subc, body .subcl, body .subcr, .maincontent { padding: 0 !important; border: 0 none !important; }
  body .subcolumns { border: 0 none; }

  .c17l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l, .c83l { width: 99%; float: none; padding: 0; margin: 0; }
  .c17r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r, .c83r { width: 99%; float: none; padding: 0; margin: 0; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * (en) Modifying "shiny buttons" navigation
  * (en) Anpassung der "Shiny Buttons" Navigation
  */


  .hlist { /*background: transparent;*/ float: none; width: auto; text-align: left; border: 0; margin: 0 0 3em 0; }
  .hlist ul { margin: 0; border: 0 none; float: left; }
  .hlist ul li { display: block; width: auto; border: 0; padding: 0; margin: 0; height: auto; }
  .hlist ul li.last { margin-left: 0; float: left; border-right: 0; }

  .hlist ul li a,
  .hlist ul li strong { width: auto; display: block; border: 0; background: #2d3483; color: #fff; font-weight: bold; margin: 10px 2px 0 0 !important; padding: 15px 20px 15px 20px; /* background:#c0c0c0 url("/yaml/navigation/images/shiny_buttons/background.png") repeat-x center right; */ font-size: 90% !important; }

  .hlist ul li a span { display: block; color: #888; }
  .hlist ul li strong span { display: block; color: #aaa; }

  .hlist ul li a:focus,
  .hlist ul li a:hover,
  .hlist ul li a:active { background: #77ac36; color: #fff; }

  .hlist ul li.active { /*margin: 10px 20px 0 0 !important; */ }

  .hlist ul li.active strong { width: auto; display:block; background: #77ac36; color: #fff; margin: 0; padding: 15px 20px 15px 20px; }


 /**
   * (en) Modifying vertical navigation
   * (en) Anpassung der vertikalen Navigation
   */


  .vlist {
    width: auto;
    list-style-type: none;
    border: 0;
    background: transparent;
    padding: 0;
    margin: 0;
    float: none;
  }

  .vlist ul {
    list-style-type: none;
    margin:0;
    padding: 0;
  }

  .vlist li {
    float:left; /* LTR */
    display: block;
    width: auto;
    padding: 0;
    margin:0;
    text-align: left;
    border: 0;
    list-style-type: none !important;
  }

  .vlist a,
  .vlist strong,
  .vlist span {
    display:block;
/*
    padding: 6px 20px 6px 10%;
    margin-top: 1px !important;
*/
    text-decoration: none !important;
    background: #77ac36;
    margin: 10px 2px 0 0 !important; 
    padding: 11px 20px 11px 20px !important;
    font-size: 90% !important;
  }

  .vlist a,
  .vlist a:visited {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
  }

  .vlist li span {
    display:block;
    color: #fff;
    font-weight: bold;
    border-bottom: 0;
  }

  /* active list element */
  .vlist li.active {
    background: transparent; 
  }


  .vlist li.active span{
    font-weight: bold;
    margin-right: 10%;
    width: auto;
    color: #fff;
    background: #767676;
  }

  /* Level 1 */
  .vlist li a,
  .vlist li strong,
  .vlist li span { width: auto; color: #fff; } /* LTR */

  .vlist li a:focus,
  .vlist li a:hover,
  .vlist li a:active { background-color: transparent; color: #77ac3b; }


  /* Level 2 */
  .vlist li ul li a,
  .vlist li ul li strong,
  .vlist li ul li span { width: 80%; padding-left: 0; padding-right: 20% !important; margin-bottom: 0px !important; color: #2a3485; } /* LTR */

  .vlist li ul li a, 
  .vlist li ul li a:visited { background-color: transparent; color: #2a3485; }
  .vlist li ul li a:focus,
  .vlist li ul li a:hover,
  .vlist li ul li a:active { background-color: transparent; color: #77ac3b; }




  /*------------------------------------------------------------------------------------------------------*/

  /* (en) Avoid page breaks right after headings */
  /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */
  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; font-weight: normal !important; }


  /*------------------------------------------------------------------------------------------------------*/

  a.osn { background: #77ac36 !important; margin-top: 0; color: white !important; font-weight: bold !important; text-decoration: none; padding: 5px 10px; width: 300px; }
  .sym-f { background: none;  }
  .sym-b { background: none;  }

  .sym-ff { background: none; }
  .sym-fb { background: none; }
  .sym-calendar { background: none; }
  .sym-pdf { background: none; }

}