/**
 * "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-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:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken 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 { padding: 0; margin: 0; background: #e9ebec url(../../img/body-bg.png) repeat-x; text-align: center; }

  .page_margins { 
  	width: 980px; 
  	background: #fff;  
	text-align:left; 
	margin: 0 auto;
  }
  	
  .page{ padding: 0 20px; margin: 0; }
  
  .page_left {
  	float:left;
  	width:675px;
	padding: 0; 
	margin: 0;
  	}

  #logo { 
  	color: #000;
    background: #fff repeat-x top left;
    position:relative;
  	height: 100px;
	margin-right: 20px;
   }
   
  #logo h1 {
	position: absolute;
	top: 20px;
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
	}

  #logo h1 a{
	background: transparent;
	padding: 0;
	
  }	
  #logo h1 img {}
  
  #nav { position: relative; z-index: 10;}

  #nav ul { margin-left: 0px; border-left:1px #979da7 solid;}
  
  #header { 	margin-right: 20px; z-index: 1; position: relative;}

  #header img { }
 
  #main { background: #fff;	padding-right: 20px;}

  
  #footer { 
	color:#d2d7d9;
    font-size:90%;
  }

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

  /**
   * Formatting of the Content Area | Formatierung der Inhaltsbereichs
   *
   * @section layout-main
   * |-------------------------------|
   * | #header             |         |
   * |---------------------|	     |
   * | #col1               |  #col3  |
   * | 	675px		       |  245px  |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  #main { width: 100%; float:left; }

  /* #col1 becomes the middle column | #col1 wird zur mittleren Spalte */
  #col1 { width: 100%; }
  #col1_content { }

  /* #col2 becomes the left column | #col2 wird zur linken Spalte */
  
  /* #col3 becomes the right column | #col3 wird zur rechten Spalte */
  #col3 { float:right; width: 245px; margin-left: -5px; margin-right: 0; }
  #col3_content { }
  #col3_head { height:118px; overflow: hidden;}



 /**
  * Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  #homelink {  }
  
 

  
		
  /* Col3 - Rechte Spalte Kontakt Box */		
  	
	.kontakt_left { color:#000000; float:left; width:120px; padding-top:6px;}
	.kontakt_left.top {width:100px;}
	.kontakt_right { float: right; margin-left: -5px; }
	
	.kontakt_left.top,
	.kontakt_right.top {margin-bottom: 1.3em; }
	
	.kontakt_right.top {font-size: 130%; padding-right: 8px; color: #e95c15;}
	.kontakt_right.top span.en {margin-top:5px; display: block;}
	
	.kontakt_left.bottom,
	.kontakt_right.bottom {margin-bottom: .3em; }
  		
}