@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-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 {  }

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .page_margins { margin:0 auto; width: 960px;  }
  .page{  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { text-align: right; }
  #topnav {  }

  #main {  }

  #footer {  }


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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  
  #spacer, #teaser { clear: both; }
  #breadcrumb { width: 100%; overflow: hidden; }
  #breadcrumbc { padding: 15px 0 0 20px; }
  
  #teaser { margin-bottom: 1em; }
  #teaser .subcl { padding:0; margin: 0 10px 0 0; }
  #teaser .subcr { padding:0; margin: 0 0 0 10px; }  
  #teaser .subcl, #teaser .subcr { margin-bottom: -1000em; padding-bottom: 1000em; }
  #teaser h4 { padding: 10px; }
  #teaser p { padding: 0 10px 10px; margin:0; }


 
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Navigation 
  *
  * (en) Visual styling for navigations
  * (de) Visuelle Gestaltung der Navigationen
  *
  * @section layout-navigation
  */
  
  #nav_main { margin:0; }
  #nav_main ul li a { width: 93%; padding: 5px 0 5px 5%; }
  #nav_main ul li ul li a { width:88%; padding: 5px 0 5px 10%; }
  #nav_main ul li ul li ul li a { width:78%; padding: 5px 0 5px 20%; }
  
  #nav_top { padding: 20px 0; }
  #nav_top ul { margin-left: 15px; }
  #nav_top ul li a { padding: 0 19px 0 0; }
  


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
 	/* Image Line-Height 0 */
 .image { line-height: 0; }
  
  #content_image { width: 100%; overflow: hidden; margin-bottom: 20px; }
  
    /* Suche */
 #search { width: 100%; overflow: hidden; } 
 #searchc { position: relative; padding: 10px 0 0; } 
 #term { border:0; width: 137px; padding: 7px; }
 #s_icon { position: absolute; top: 10px; right: 10px; }
 
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @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;
  }  
}