@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2010, 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.1
 * @revision        $Revision:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */
 
 /*
  * Changed, extended by simplicity gmbh, 2010-01-20
  */

@media screen, projection
{
  /** 
   * Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y:scroll; }

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

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { background: #EBF0E5; }

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .page_margins { 
	min-width: 815px;
	max-width: 815px;
	margin: 0 auto 0 auto;
  }
  .page { 
  	padding: 0px;
  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { 
	height: 25px;
  }

  #subheader { 
  	clear: left;
  	float: left;
  	width: 815px;
	height: 10px;
  	background-image:url(/fileadmin/templates/img/egglisgraben/subheader-egglisgraben.png);
  	background-position: top left;
  	background-repeat: no-repeat;
  }
  
  #main { 
  }
  #mainwide { 
  	clear: both;
  	float: left;
  	background-image:url(/fileadmin/templates/img/egglisgraben/wide-bg-green.png);
  	background-position: top left;
  	background-repeat: repeat-y;
  }

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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { width: 144px; }
  #col1_content { 
  	padding-top: 28px;
  	height: 442px; /* 470 - 28 */
  	background-image:url(/fileadmin/templates/img/egglisgraben/nav-bg-green.png);
  	background-position: top left;
  	background-repeat: repeat;
  }

  #col2 { 
  	width: 330px; 
  	background-image: url(/fileadmin/templates/img/border-right.png);
	background-position: top right;
	background-repeat: no-repeat;
  }
  #col2_content { 
  	margin-left: 0px;
  	margin-right: 25px;
  	height: 470px;
  	background: #808080;
  }

  #col3 { margin: 0 330px 0 144px; }
  #col3_content { 
  	padding: 28px 15px 10px 55px;
  	border-top: 1px solid #f8f8f8;
   	height: 431px;  /* 470 - 28 - 10 - 1 */
  	background: #FFF;
  }

  #col4 { 
    	float:right; 
    	width:671px;
  }
  #col4_content { 
    	position: relative;
  	margin-left: 0px;
  	margin-right: 25px;
  	padding: 18px 15px 10px 55px;
  	min-height: 431px; /* 470 - 28 - 10 - 1 */
  	background: #FFF;
  }
  
  #corner-top-left { 
  	height: 10px; 
  	background-image:url(/fileadmin/templates/img/egglisgraben/corner-top-left.png);
  	background-position: top left;
  	background-repeat: no-repeat;
  }
  #col5 { width: 144px; float: left; }
  #col5_content { 
  	position: relative;
  	padding-top: 18px;
  	height: 442px; /* 470 - 28 */
  	background-image:url(/fileadmin/templates/img/egglisgraben/nav-bg-green.png);
  	background-position: top left;
  	background-repeat: repeat;
  }

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

 /**
  * Footer, bottom nav layout
  */
  
  #footer {
  	height: 18px;
  	background-image: url(/fileadmin/templates/img/egglisgraben/border-bottom.png);
	background-position: 0px left;
	background-repeat: no-repeat;
  }
  #footer_wide { 
    clear:both;
  	height: 18px;
  	background-image: url(/fileadmin/templates/img/egglisgraben/wide_border-bottom.png);
	background-position: 0px left;
	background-repeat: no-repeat;
  }
  #footer_home { 
    clear:both;
  	height: 18px;
  	background-image: url(/fileadmin/templates/img/egglisgraben/home_border-bottom.png);
	background-position: 0px left;
	background-repeat: no-repeat;
  }
	
  
  /* Abstand zu t3 admin panel */
  #footerclear {
  	clear: both;
  	margin-bottom: 5px;
  }
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color:#fff; 
	background:#333; 
	border-bottom:1px #000 solid;
	padding:10px 0;
	text-decoration:none;
  }  
}