@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) $
 */

@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 {  
    background-color: #CCCCCC;
  }

  /* Layout:Width, Background, Border | Layout:Breite, Hintergrund, Rahmen */
  .ym-wrapper{  
    width: 85%;
	max-width:1600px;
    margin-left: auto;
    margin-right: auto;
    
    background-color: #FFFFFF;
  }
  .ym-wbox{  }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  header#header{  
    background-image:url('../../Grafik/header_bg_felicitas-hoppe.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
	
	width:100%;
	/*padding-top:35%;*/
	padding-top:40%;
	position:relative;
	
	margin-bottom:2.5vh;
  }
  #topnav { margin-top:0.5em; }
  main {  }
  #toplink{ text-align:right; font-size:250%; margin-top:6vh; margin-bottom:0.7vh; }

  footer { background:none; background-color:#FFFFFF; border-width:0; border-top-width:1px; border-color:#3A3A3A; border-style:solid; text-align:right; }
  footer #copyright{ text-align:center; }

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

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

  #col1 {  }
  #col1_content {  }

  #col2 {  }
  #col2_content {  }

  #col3 {  }
  #col3_content {  }


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  header{ background:transparent; color:inherit; }
  div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap{ display:block; }

  .csc-textpic-1-col .csc-textpic-imagecolumn, .csc-textpic-1-col .csc-textpic-image { width:100%; }
  .csc-textpic-2-col .csc-textpic-imagecolumn, .csc-textpic-2-col .csc-textpic-image { width:48% }
  .csc-textpic-3-col .csc-textpic-imagecolumn, .csc-textpic-3-col .csc-textpic-image { width:31% }
  .csc-textpic-4-col .csc-textpic-imagecolumn, .csc-textpic-4-col .csc-textpic-image { width:23%; }
  .csc-textpic-5-col .csc-textpic-imagecolumn, .csc-textpic-5-col .csc-textpic-image { width:18%; }

  .csc-textpic-1-col .csc-textpic-imagecolumn .csc-textpic-image, .csc-textpic-2-col .csc-textpic-imagecolumn .csc-textpic-image, .csc-textpic-3-col .csc-textpic-imagecolumn .csc-textpic-image, .csc-textpic-4-col .csc-textpic-imagecolumn .csc-textpic-image, .csc-textpic-5-col .csc-textpic-imagecolumn .csc-textpic-image{ width:100%; }
  
  .ym-g16{ width:38%; }
  .ym-g84{ width:62%; }

  .csc-textpic-intext-right .csc-textpic-imagewrap{ width:50%; }
  .csc-textpic-intext-right .csc-textpic-imagewrap .csc-textpic-imagewrap{ width:100%; }
  .csc-textpic-intext-left .csc-textpic-imagewrap{ width:50%; }
  .csc-textpic-intext-left .csc-textpic-imagewrap .csc-textpic-imagewrap{ width:100%; }
  
  
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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;
  }  
}

@media screen and ( max-width: 500px )  {
  /* linearization for grid module */
  .linearize-level-1,
  .linearize-level-1 > [class*="ym-g"] {
    display: block;
    float: none;
    padding: 0;
    margin: 0;
    width: 100% !important;
  }
  /* reset defined gutter values */
  .linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
    overflow: hidden; /* optional for containing floats */
    padding: 0;
    margin: 0;
  }
}