/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size:100.01%; }

 /**
  * (en) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family:Verdana;
    font-size:11px;
    color:#000;
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,h4,h5,h6 {
    font-family:Verdana;
    font-weight:bold;
    color:#000;
    margin:0; /* before: 0 0 0.25em 0; */
  }
  
  #col2 div.csc-header-n1 {
  /*padding-bottom:16px;*/
  }
  
  #col2 div.csc-header-n2,
  #col2 div.csc-header-n3 {
  padding-bottom:4px;
  }
  
  h1 { 
    border-bottom: 2px solid #000000;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    padding: 19px 0px 13px 0px;
  }
  
  h2,
  div.csc-header-n3 h1  { 
    font-size:11px; 
    padding: 16px 0px 0px 0px;
  border-bottom:0 none; 
  font-family:Verdana;
  }                       /* 11px */
  
  h3 {     
    border-top: 1px solid #000000;
    font-size: 11px;
    padding:16px 0px 0px 0px;
  }                                   /* 11px */
  
  h4 { 
    border: 0 none;
    font-family: Georgia,"Times New Roman",Times,serif;
    font-size: 16px;
    padding: 19px 0px 13px 0px;  
  }                    /* 16px */
  
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 20px; }
  ul { 
  list-style-type:none; 
  margin-left:0;
  } 
  
  ul ul { list-style-type:none; margin-bottom:0; }
  
  #col2_content ul,
  #col3_content ul {
  
  }
  
  #col2_content ul li,
  #col3_content ul li {
  background:url("../../images/icon_arrow_right.png") no-repeat scroll 4px 3px transparent;    
  padding:0px 0px 0px 16px;
  }
  
  /* exception for lists in the content area and/or menus */
  
  /* for tx-indexedsearch */
  /*#col2_content div.tx-indexedsearch ul.browsebox li,
  #col3_content div.tx-indexedsearch ul.browsebox li {
    margin: 0;
    padding: 0 0 0 16px;
  }  */
  
  /* for inserted images */
  #col2_content div.csc-textpic-imagewrap ul li,
  #col3_content div.csc-textpic-imagewrap ul li {
  background: none repeat scroll 0 0 transparent;  
  padding:0px;
  }
  
  #col2_content div.csc-textpic-imagewrap img,
  #col3_content div.csc-textpic-imagewrap img { 
  padding: 10px 0px 0px 0px;
  }
 
  div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
    margin-right: 46px;
  }
  div.csc-textpic-intext-left-nowrap-150 > div.csc-textpic-imagewrap {
    margin-right: 0px;
  }

  div.csc-textpic-intext-left-nowrap-150 > div.csc-textpic-text {
    /*margin-left: 196px;*/
  }

  div.csc-textpic-intext-left-nowrap > div.csc-textpic-text {
    padding-left: 46px;
  }
  
  /* exception for the director's page */
  #col2_content .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap.csc-textpic-single-image a img {
    padding:4px 0 0;
  }
  
  #nav_breadcrumb ul li { padding:0 0 0 16px; }
  
  #col2_content div.tx-wtdirectory-detail ul li,
  #col3_content div.tx-wtdirectory-detail ul li {
  padding: 0 0 0 16px;
  }
  
  #col2_content div.csc-sitemap li,
  #col3_content div.csc-sitemap li {
  background:0 none;
  }
  
  /*#col2_content ul.csc-bulletlist li,
  #col3_content ul.csc-bulletlist li {
  background:url("../../images/icon_arrow_right.png") no-repeat scroll 4px 4px transparent;    
  padding-left: 20px;
  }*/
  
  #col2_content ul.csc-menu,
  #col3_content ul.csc-menu {
  
  }
  
  #col2_content ul.csc-menu li,
  #col3_content ul.csc-menu li {
  padding-left:0px;
  background:0 none;
  }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0; line-height:1.5em; }

  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }
  
  /* css styled content: lists */
  /*ul.csc-bulletlist li {
    background: url("../../images/icon_arrow_right.png") no-repeat scroll 8px 4px transparent;
    padding-left: 24px;
  }*/

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p, div.indent { line-height:1.5em; margin:0 0 1em 0; }

  p.bodytext { text-align: left !important; }
  
  /* rechtsbuendiger text */
  .text-right { text-align:right; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

  strong,b { font-weight:bold; }
  em,i { font-style:italic; }

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { font-style:italic; }

  acronym, abbr {
    border-bottom:1px #aaa dotted;
    font-variant:small-caps;
    letter-spacing:.07em;
    cursor:help;
  }
  
  sub { vertical-align: sub; font-size: smaller; }
  sup { vertical-align: super; font-size: smaller; }

  hr {
    color:#fff;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0 0 0.5em 0;
    border:0;
    border-bottom:1px #eee solid;
  }

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

  a { color:#5A5A5A; background:transparent; text-decoration:none; }
  a:visited  { color:#5A5A5A; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus, 
  a:hover { color:#000000; text-decoration:none; outline: 0 none; }
  a:active  { color:#5A5A5A; text-decoration:none; outline: 0 none; }
  
  /* link classes: download */
  a.download {
    background:url("../../images/icon_download.png") no-repeat scroll 4px 2px transparent;
    padding-left:20px;
  } 
  
  /* links in the content area - update 2014-04-04 */
  #col2_content a[href^="http://"] ,
  #col2_content a[href^="https://"] {
  //color: #C453B4;
  }
  
  #col2_content a[href^="http://"]:visited,
  #col2_content a[href^="http://"]:hover,
  #col2_content a[href^="http://"]:active,
  #col2_content a[href^="https://"]:visited,
  #col2_content a[href^="https://"]:hover,
  #col2_content a[href^="https://"]:active {
  //color: #720450;
  }

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Generic Content Classes
  *
  * (en) standard classes for positioning and highlighting
  * (de) Standardklassen zur Positionierung und Hervorhebung
  *
  * @section content-generic-classes
  */

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
  .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
  .center { display:block; text-align:center; margin:0.5em auto; }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Tables | Tabellen
  *
  * (en) Generic classes for table-width and design definition
  * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
  *
  * @section content-tables
  */

  table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #888 solid; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }
  table.contenttable { width:100%; }
  table.contenttable td { vertical-align:top; }
 
  table.contenttable td.col1 { width: 120px; }
  table.contenttable td.col2 {  }
  table.contenttable td.col3 {  }

  th,td { padding:0.5em; }
  thead th { color:#000; border-bottom:2px #800 solid; }
  tbody th { background:#e0e0e0; color:#333; }
  tbody th[scope="row"], tbody th.sub { background:#f0f0f0; }

  tbody th { border-bottom:1px solid #fff; text-align:left; }
  tbody td { border-bottom:1px solid #eee; }


 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Miscellaneous | Sonstiges
  *
  * @section content-misc
  */

 /**
  * (en) Emphasizing external Hyperlinks via CSS
  * (de) Hervorhebung externer Hyperlinks mit CSS
  *
  * @section             content-external-links
  * @app-yaml-default    disabled
  */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left:12px;
    background-image:url('your_image.gif');
    background-repeat:no-repeat;
    background-position:0 0.45em;
  }
  */
  
  
  /* rte-table */
 .tablecontainer-greentable { margin: 1px 0 0; padding-top: 19px; background: url("../../images/tableheader-greentable.png") no-repeat scroll right 0 transparent;  }
 .tablecontainer-orangetable { margin: 1px 0 0; padding-top: 19px; background: url("../../images/tableheader-orangetable.png") no-repeat scroll right 0 transparent;  }
 .tablecontainer-bluetable { margin: 1px 0 0; padding-top: 19px; background: url("../../images/tableheader-bluetable.png") no-repeat scroll right 0 transparent;  }
 
 .greentable-4 td.col1,
 .greentable-4 td.col2,
 .greentable-4 td.col3,
 .greentable-4 td.col4,
 .bluetable-4 td.col1,
 .bluetable-4 td.col2,
 .bluetable-4 td.col3,
 .bluetable-4 td.col4,
 .orangetable-4 td.col1,
 .orangetable-4 td.col2,
 .orangetable-4 td.col3,
 .orangetable-4 td.col4 { width: 25%; vertical-align:top; }

 .greentable-3 td.col1,
 .greentable-3 td.col2,
 .greentable-3 td.col3,
 .bluetable-3 td.col1,
 .bluetable-3 td.col2,
 .bluetable-3 td.col3,
 .orangetable-3 td.col1,
 .orangetable-3 td.col2,
 .orangetable-3 td.col3 { width: 33%; vertical-align:top; }

 .bluetable-3 td.col1,
 .bluetable-3 td.col2,
 .bluetable-3 td.col3,
 .bluetable-3 td.col4 { width: 33%; vertical-align:top; }

  /* MHS Musikplayer Links */
  .mhs_musicplayer { 
    border-bottom: 1px solid #000000;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  .mhs_musicplayer-artist { font-weight: bold; font-size:12px; padding:0px 5px 5px 5px; }
  .mhs_musicplayer-title { padding:0px 5px 12px 5px; }
  .mhs_musicplayer-link { display: block; background-color: #000; color: #FFF; padding: 0px; margin-bottom: 6px; }
  a.mhs_musicplayer-link,
  a.mhs_musicplayer-link:active,
  a.mhs_musicplayer-link:focus,
  a.mhs_musicplayer-link:hover { 
  color: #FFFFFF !important;
    font-family: arial;
    font-size: 10px;
    font-weight: bold;
    padding: 6px 10px;
  }
  .mhs_musicplayer-description { padding:10px 5px 0px 5px; }
  
  
}
    
  
  /* issuu.com specific settings to not destroy the pdf viewer: */
  #issuusb-container th, 
  #issuusb-container td {
    padding: 0 !important;
    border-bottom: 0 !important;
  }  

span.active a { font-weight: bold; }