/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @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.3
 * @revision        $Revision:426 $
 * @lastmodified    $Date: 2010-09-14 21:19:30 +0200 (Di, 14 Sep 2010) $
 */

@media screen, projection
{

/* ########################## Werbebanner ################################### */

#banner_right {
position: absolute;
right: -215px;
top: -8px;
width: 200px;
height: 600px;
color: #fff;
}

 #banner_left {
position: absolute;
left: -215px;
top: -8px;
width: 200px;
height: 600px;
color: #fff;
} 

#banner_top {
position: absolute;
left: 0px;
top: -114px;
width: 940px;
height: 90px;
} 




  /** 
   * Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   */

  html { height: 101%; } 

  /*------------------------------------------------------------------------------------------------------*/
  
  /**
   * Gestaltung des Basis-Layouts
   */


  /* Randbereiche & Seitenhintergrund: +++++++++++++++++++++++++++++++ aendern */
  body { 
  background-color: #93B1C2;
  padding: 90px 0 90px 0;
  }


  /* Zentrierung des Layouts in alten IE-versionen */
  body { text-align:center; }
  .page_margins { text-align:left; margin:0 auto;  }
  
  
 
  /* Layout:Breite, Hintergrund, Rahmen */
  .page_margins { width:972px; background: transparent; }
  .page { padding:0px;background: transparent;  }

  #header {
    color:#000;
	height: 240px;
    background-color: #fff;
    padding: 25px 10px 0 10px;
	position:relative;
  }

/* Reihe mit Topnavigation und Suche - bekommt die untere Linie zugewiesen */
  #header #toprow {
	padding-bottom: 10px;
 	border-bottom: 1px #1a1a18 solid;
  	height: 22px;
	}
	

  /* #topnav wird innerhalb von #header absolut positioniert */
  #header #toprow #topnav { 
    font-size: 92.5%;
	background:transparent; 
  	color:#6f6f6e; 
    position:absolute;
    top:38px;
    left:15px; 
	text-align:left;
	width: 680px; 
  }
  
   /* #social-media wird innerhalb von #header absolut positioniert */
  #header #social-media { 
    font-size: 92.5%;
	background:transparent; 
    position:absolute;
  	top:12px;
   /* right:236px; */
     right: 175px;
       right: 200px !important;
	text-align:right; 
	width: 270px;
   
  }
  
  #header #social-media img {
  margin-right: 5px;
  }
  
  /* #search wird innerhalb von #header absolut positioniert */
  #header #toprow #search { 
    font-size: 92.5%;
	background:transparent; 
    position:absolute;
  	top:33px;
    /* right: 12px; */
    left: 720px;
	/* width: 270px; */
      width: 150px;
  }
    
#header #toprow #search input {width: 205px !important; }
  
  /* Container für das Logo - bekommt eine untere Linie zugewiesen */
  #header #logo {
	text-align:center; 
 	margin-top: 0px;
    margin-bottom: 15px; 
	padding-bottom: 3px;
	border-bottom: 1px #1a1a18 solid; 
  }
  
  #header #logo img  {
  border: none 0;
  }
  
  #header #logo img a {
 text-decoration: none;
  }
  	
  
  /* Anpassung der Hauptnavigation */
  #nav ul { margin-left:0; }

  #main { padding: 0  0 30px 0; background: #fff;  }
  

  #footer {
	padding: 17px 90px 5px 90px;
	border-top: 12px solid #000;
	background-color: #fff;
	Font-size: 92.5%;
	background-image:url(../../images/logo/lemons.png);
    background-repeat: no-repeat;
    background-position: 20px 25px;
  }

  /* Absicherung korrekte Positionierung */
  #header, #nav, #main, #footer { clear:both; }

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

  /**
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 220px   | flexible  | 220px   |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */


  #col1 { width:220px; }
  #col1_content { padding:0 10px 10px 10px; }

  #col2 { width:220px; }
  #col2_content { padding: 0 10px 10px 10px; }

  #col3 { margin:0 220px 0 220px; }
  #col3_content {
   padding:0 10px 0 10px; 
   border-left: 1px #ddd solid;
   border-right: 1px #ddd solid; 
	}
	
}