@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-2007, 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.0.4
 * @revision        $Revision: 130 $
 * @lastmodified    $Date: 2007-10-05 19:05:21 +0200 (Fr, 05 Okt 2007) $
 */
@media all
{
 /*------------------------------------------------------------------------------------------------------*/

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

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { text-align:left;}
  body * { text-align:left;}

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  .page_margins { margin:0;  width: 66.2em;}
  .page{position: relative; }

  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  
  #header_top { width: 100%; overflow:hidden; clear:both; } 
  #header_advertise { clear:both; padding:10px 0;line-height:0; width:100%;}
  #header_advertise_content {position:relative; line-height:0;}
  #header_advertise_content,#header_advertise_content * { text-align:center;}
  #header_advertise_right {width:200px; position:absolute; top:0; right:-200px; z-index:200; padding:0; margin:0; line-height:0;}
  #header_advertise_right div { margin:0 auto !important;}
  #header {margin: 0; padding: 0 ; width:100%; overflow:hidden;}
    
  #nav { float:left; display:inline; width:100%;}
  
  
  #breadcrumb { width:100%; overflow:hidden; clear:both;}
  #main { margin:0; padding-top:10px;}
  #col1_advertise,#col3_advertise_top {padding:0 0 5px 0;}
  #col3_advertise_top { line-height:0;}
  
  #col1_advertise, #col3_advertise_top { text-align:left; margin-bottom: 10px;}  
  #recommendation { text-align:center;} 
  #footer { padding:1em 0; width:100%; overflow:hidden;}
  
  
  #footer,#breadcrumb  { width:100%}
  
  #topnav {	position:absolute;top: -25px;right:15px;width:auto;	text-align:left;z-index:0;}

 /*------------------------------------------------------------------------------------------------------*/
/**
  * Formatierung des Headers
  *
  * @section header
  */


/**
  * @section subtemplates
  */

  .c20l, .c22l, .c58l, .c44l, .c56l, .c78l, .c80l {float: left; }
  .c20r, .c22r, .c58r, .c44r, .c56r, .c78r, .c80r  {float: right; margin-left: -5px; }

  .c20l, .c20r { width: 19.7%; }
  .c22l, .c22r { width: 22.8%; }
  .c58l, .c58r { width: 57.5%; }
  .c44l, .c44r {width: 39.1%;}
  .c56l, .c56r {width: 60.9%;}
  .c78l, .c78r {width: 77.2%;}
  .c80l, .c80r {width: 80%;}


/**
  * Formatierung der Navigation
  *
  * @section navigation
  */
  
  /* obere Navigation */
  
	#nav_top { border:0; padding: 4px 0 4px 0;}
	#nav_top ul { padding:0px; margin-left:5px;}
	#nav_top ul li { padding:2px 0;}
	#nav_top a { border:0; margin:0; padding:0;}
	#nav_top ul li a {
		padding:0 4px;
		display: block;
		border:0;}
	
  
	/* Haupnavigation anpassen */
	
	#nav .subcolumns {overflow:visible; float:left; display:inline;}
	
  	#nav_main { position:relative; z-index:8;}
	#nav_main ul ul {top: 100%; left: 0;}
	#nav_main ul ul ul {top: 100%; top: 0;}
	#nav_main ul li a { padding: 15px 12px;	margin: 0; }
	
	#nav_main ul li ul li {width:14em;}
    #nav_main ul li ul li a,
	#nav_main ul li.active ul li a { padding:0.2em 0.5em 0.5em 0.5em; margin: 0; }
	
	
	
/*------------------------------------------------------------------------------------------------------*/
 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */


	
	

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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
  
  #sucheingabe {overflow: hidden; width: 100%;}
  #sucheingabec {padding: 7px 0 0 0;}

  /* Header */	
  #breadcrumbc { padding:1em 10px 5px 10px; }
  
  #logo {padding: 2em 2em 1em 2em;}
  
  
  /*Sie hören*/
  #sie_hoeren { width:100%; overflow:hidden;}
  #sie_hoerenc { padding:90px 15px 15px; width: 60%;}
  #sie_hoerenc h2 {text-align: right;}
  #sie_hoerenc p {text-align: right; }
  
  
  /*Advertise*/
  #recommendation .advertise { line-height: 1%; padding: 0.5em 0;}
  #recommendation .advertise p { margin:0}
  
  #reference .advertise {border-bottom: 1px dotted silver; padding: 0.5em 0; line-height: 0;text-align:center;}

  
 /*------------------------------------------------------------------------------------------------------*/ 
 /**
  * EDITH
  *
  * @section layout-misc
  */
  

  
  /*------------------------------------------------------------------------------------------------------*/ 
 
/**
  * Float löschen
  *
  * @section layout-misc
  */
	.clear { clear:both;}
	
	.text_right,.text_right *{
		text-align:right;}
		
	.text_center,.text_center *{
		text-align:center;}
		

	/*Hintergründe */
	.bgwhite {background-color:#fff !important;}
	.bgred {background-color:#be0002 !important;}
	.bgorange {background-color: #ff8a00 !important;}
	.bblue { background-color:#35478f !important;}
}

#note {
  background: #000;
  color: white;
  position: fixed;
  bottom:0 ;
  width: 100%;
  padding: 15px 0;
  display: none;
/*
    -webkit-box-shadow: 0px 0px 10px 5px rgba(80, 80, 80,1);
    -moz-box-shadow: 0px 0px 10px 5px rgba(80, 80, 80,1);
    box-shadow: 0px 0px 10px 5px rgba(80, 80, 80,1);
*/
  }
#note .page {
    -webkit-box-shadow: 0px 0px 0px 0px #c0c0c0;
    -moz-box-shadow: 0px 0px 0px 0px #c0c0c0;
    box-shadow: 0px 0px 0px 0px #c0c0c0;
}
#note .cLeft {
  float: left;
  width: 80%;
  }
#note .cRight {
  float: right;
  width: 20%;
  text-align: right;
padding-top: 25px;
  }
#note h2 {
  color: white;
  }
#note a {
color: #c4061c;
}