/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Variation of screen layout (basemod.css) for layout example "2col_right_31"
 * (de) Variation des Screenlayouts (basemod.css) für Layoutbeispiel "2col_right_31"
 *
 * @copyright       Copyright 2005-2011, 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.1
 * @revision        $Revision: 501 $
 * @lastmodified    $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $
 */

@media screen, projection
{
  /**
   * (en) Repositioning content container
   * (de) Neupositionierung der Content Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col3               | #col1   |
   * | flexible            | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /* Move #col1 to the right | #col1 nach rechts verschieben */
  #col1 { float:right; width: 300px; }
  #col1_content { }

  /* Hide #col2 | #col2 abschalten */
  #col2, #col2_content { display:none }

  /* Adjust right margin | Rechten Randabstand anpassen */
  #col3 { margin-left:0; margin-right:340px; }
  #col3_content {}
  
  h5 {
    font-family: Arial, Helvetica, sans-serif; 
    font-weight: bold; 
    color: black;
    font-size: 12px; 
    padding-bottom: 20px; 
    border-bottom: 1px dotted #000; 
    margin-top: 40px; 
    margin-bottom: 40px;
    text-decoration: none;
    
  }
  
  .chooserbox {}
  .chooserbox form {float:right;margin-top: -4px;}
  
  /* Anpassung, damit IE die Spalten bei MediaService nicht verschiebt :-( */
  #c15 {height: 36px !important;}
  
  .news-single-cat h5 a {color: black;text-decoration: none;}
  .pmnormal {font-weight: normal;}
  .news-single-col1 {float: left; width:380px; }
  .news-single-col2 {float: right; width:170px; }
  .chooserbox h5 {margin-top: 76px;margin-right: 40px;}
  
  div.skinned-select {
	  background: url('../img/selectbox.png') no-repeat scroll 0pt 100%;
	  float: right;
  }
  div.skinned-select select {
  	opacity: 0;
  	filter: alpha(opacity = 0);
  	moz-opacity: 0;
  	position: relative;
  	height: 24px;
  	z-index: 100;
  }
  div.skinned-select .select-text {
    position: absolute;
  	text-indent: 10px;
  	line-height: 24px;
  	width: 160px;
  	z-index: 1;
  }
  div.skinned-select .select-text,
  div.skinned-select select {
    color: #fff; 
  }
  
  div.skinned-select select option {
  	width: 160px;
  	font-size: 11px;
  	color: #272727;
  }
}