/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund #4d87c7 url("images/bg_blue.gif")*/
  body { background: #fff repeat-x top left fixed; padding: 0px 0; } 

  /* Layout Alignment | Layout-Ausrichtung */
  .ym-wrapper { margin: 0 auto; max-width: 1024px; }

  /* Layout Properties | Layout-Eigenschaften */
  .ym-wrapper { background: #fff; }
  .ym-wbox { padding: 10px; background-image: url("../../images/Kopfleiste-Background.jpg"); background-repeat:no-repeat; background-size: contain; } 
  .ym-wbox_de { padding: 10px; background-image: url("../../images/Kopfleiste-TextDeutsch.png"); background-repeat:no-repeat; background-size: contain;  } 
  .ym-wbox_en { padding: 10px; background-image: url("../../images/Kopfleiste-TextEnglisch.png"); background-repeat:no-repeat; background-size: contain;  } 
  .ym-wbox_pt { padding: 10px; background-image: url("../../images/Kopfleiste-TextPortugiesisch.png"); background-repeat:no-repeat; background-size: contain;  } 
  .ym-wbox_index { background-image: url("../../images/BackgroundIndex.png"); background-repeat:no-repeat; background-size: 100% 100%;  } 
  /** in https://shiatsu-mg.pt/yaml-412/yaml/screen/screen-PAGE-layout.css ist der Style .ym-column geaendert worden:
   *   padding-right: 200px;
   */
  #header { position:relative; padding: 10px 10px 50px 10px ;                       color: #000; background: transparent;  }
  #main { margin: 0px 0; background: transparent; }
  #footer { padding: 10px 10px 200px 30px; color:#666; background: transparent;  }
  /* .ym-gl { float:none } */
  .dropCap { font-size: 2.5em; line-height: 1em; float: left; height: 0.9em; margin-top: 0.05em; margin-left: -0.0em; margin-right: 0.1em }

  #topnav { position:relative; top:0px; right:0px; text-align:right; color: #aaa; background: transparent;  }

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #ym-col1 { float: left; width:560px; margin:0; padding: 70px 0 0 0;  }
  #ym-col2 { display: none }
  .ym-col3 { width: 180px; padding: 0; background-image: url("../../images/menu-verlauf-2.png"); background-repeat:repeat-x; }
  #ym-col1_content { padding: 00px 20px 0 10px; }
  #ym-col3_bild { padding: 0px 0px 0; margin:0 0 20px 0;}
  #ym-col3_nav { padding: 0px 10px 0; }
  .responsive-image { width: 580px; max-width: 100%;  height: auto; }
  .skip { font-family: Arial, Helvetica, sans-serif; font-size: 100.00%; color: #000; font-weight: bold; }	
  /*-------------------------------------------------------------------------*/
}
