@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2009, 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.2
 * @revision        $Revision:426 $
 * @lastmodified    $Date: 2009-10-27 21:15:57 +0100 (Di, 27. Okt 2009) $
 */

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 25%     | flexible  | 25%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 {
	float: left;
	width: 147px;
	margin:0;
	height: 325px;
	background-image: url(../../images/box_bg_01.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
  #col2 {
	float: left;
	width: 147px;
	height: 325px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(../../images/box_junior_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
  #col3 {
	float: left;
	width: 147px;
	height: 325px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(../../images/box_senior.gif);
	background-position: left top;
}


  #col4 {
	float: left;
	width: 147px;
	height: 325px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	background-image: url(../../images/box_family.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

  #col5 {
	float: right;
	width: 147px;
	height: 325px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10;
	background-image: url(../../images/box_karten_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}


#col1_content {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
  #col2_content {
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
  #col3_content {
	padding: 0 10px 0 10px
}
  
  #col4_content {
	padding: 0 10px 0 10px
}
  
  #col5_content {
	padding: 0 10px 0 10px
}

}