@charset "UTF-8";
/**
 * "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 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { padding: 10px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { position: relative; margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: auto;  min-width: 980px; max-width: 980px; background: #fff; }
  .page { padding: 10px; }
  #header { padding: 0em 2em 2.5em 18px; color: #000; background:#fff; }
  #topnav { position:static; color: #aaa; background: transparent; padding-right: 30px; margin-top: 5px; }
  #nav { overflow:hidden; }
  /*.hlist { width: 940px; }*/
  div.hlist { background: transparent; border-top: 1px solid #000; padding: 5px 0 7px 0; margin-right: 20px;}
  div.hlist li { border: 0; }
  #main { padding: 10px 0 30px 0; background: #fff; margin-top: 1.5em; }
  .sep #main { margin-top: 0; padding: 1px 0 30px 0; }
  #teaser { clear:both; padding: 10px 20px; min-height: 10px; border-bottom: 1px solid #000; }
  .teaser_aktuelle_ausgabe { position: relative; padding: 20px; margin: 0; overflow: hidden; min-height: 265px; margin-right: 20px; }
  .sep .teaser_aktuelle_ausgabe { margin-right: 0; }
  div.wrapper_cover { position: absolute; top: 20px; left: 20px; }
  div.wrapper_coverbutton { position: absolute; top: 0px; left: 158px; }
  div.wrapper_teaser_aktuelle_ausgabe_content { position: relative; margin-left: 303px; margin-bottom: 25px; }
  div.wrapper_kaufen_abonnieren { position: absolute; bottom: 15px; left: 20px; }
  div.wrapper_editorial_inhalt { position: absolute; bottom: 15px; left: 323px; }
  div.rubrikentitel { border-bottom: 1px solid #000; }
  .sep_entry { margin-right: 90px; margin-top: 26px; }
  .blog .sep_entry { margin-bottom: 75px; }
  .comment_entry { position: relative; border-top: 1px solid #000; padding: 10px 0; }
  .comment_text { margin-right: 190px; border-right: 1px solid #CCC; padding: 10px 10px 0 0; margin-bottom: 10px; }
  .comment_author_info { position: absolute; left: 454px; top: 20px; }
  .comment_form { border-top: 4px solid #000; }
  #teaser_border_top { margin-top: 4px; border-top: 4px solid #000; padding: 0; width: 614px; }
  .special {position: relative; min-height: 2.5em;}
  #footer { padding: 10px 20px; color:#777; background: #FFF; font-size: 91.67%; border-top: 1px #000 solid; }
  #footer a { color: #777; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 0px; padding-left: 10px; }
  #nav ul ul { margin-left: 0px; }
  #nav ul li a { font-weight: bold; text-transform: uppercase; color: #000; }
  #nav ul ul li a { font-weight: normal; text-transform: none; }

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

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

  #col1 { float: left; width: 160px;  margin:0 }
  #col2 { float: right; width: 345px;  margin:0 }
  #col3 { width: auto; margin: 0 345px 0 160px }
  #col1_content { padding: 0 10px 0 20px }
  #col2_content { padding: 0 20px 0 10px }
  #col3_content { padding: 0 10px }

  /* set column dividers */ 
  #col3 { border-left: 1px #000 solid }
  #col3 { border-right: 1px #000 solid }

  /* single entry page */
  .sep #col2 { float: right; width: 285px;  margin:0 15px 0 0; border-top: 1px solid #000; }
  .sep #col3 { margin: 0 315px 0 0; border: 0; border-top: 1px solid #000; }
  .sep #col2_content { padding: 0; }
  .sep #col3_content { padding: 0 0 0 20px }

	
  /*-------------------------------------------------------------------------*/
}