@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.2b (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.1
 */

@media screen, projection
{
 
  /*nicht benötigtes ausblenden*/  
  #col1 { display:none !important; }
  #col2 { display:none !important; }
  #col3 { width: auto !important; padding: 0  !important; margin: 0 !important;}
  #col3_content { padding: 0; }

  /*positionierung*/
  /*top-margin zum optisch ausgleichen*/
  #col3 .teasermenu {margin-left: 1.5em; margin-top: -3px;}
  
  
  /*li reset*/
  #col3 ul {margin: 0; padding: 0;}
  #col3 ul li {margin: 0; padding: 0 0.4em 0.4em 0;}

  /*li floaten*/
  #col3 ul li {display: block; float: left; list-style-type: none;}
  
  /*bild*/
  #col3 ul li img {float:left; padding: 4px 10px 3px 0;}
  
  /*ul-grösse*/
  #col3 .teasermenu li {font-size: 90%;}

    
  /*die hauptböxli - alles a*/
  #col3 ul li a {float: left; color:#777; margin: 0; display: block; width: 14.5em; height: 11em; border: none; line-height: 1.3em;padding: 0 1.5em 1.5em 0; overflow:hidden;}

  /*überschrift*/
  strong.teasermenu_header {
  font-family:  Helvetica, Arial, Verdana, sans-serif;
  font-weight: bold;
  font-size: 100%;
  }

  /*hover*/
  #col3 ul li a:visited { color:#777; border: none; }
  #col3 ul li a:focus,
  #col3 ul li a:hover,
  #col3 ul li a:active { color:#000; border: none; }
    
  
  /*serif andere linienhöhe*/
  
  .teasermenu a.serif,
  .teasermenu a.serif:focus,
  .teasermenu a.serif:hover,
  .teasermenu a.serif:active {font-size: 110%; line-height: 1.2em; }
  
  /*newsbox anders*/
  .teasermenu a.red {color: #aa0000 !important;} 
  
  .teasermenu a.red:focus,
  .teasermenu a.red:hover,
  .teasermenu a.red:active {color: #ef0000 !important;} 
  
  /*bg verschieben im headerspan bei hover*/
  
  #col3 .teasermenu a span.headerspan {height: 27px; display:block; width:230px; max-width:250px; }
  
}