@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2008, 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.6
 * @revision        $Revision: 202 $
 * @lastmodified    $Date: 2008-06-07 14:29:18 +0200 (Sa, 07 Jun 2008) $
 */

@media screen, projection
{
  /** *****************************************************************************************
   ********************************************************************************************
   ** (en) Formatting YAML's  basic layout elements
   ** (de) Gestaltung des YAML Basis-Layouts
   **
   ** T e m p l a t e :  G E N E R A L  S E T U P
   **
   ********************************************************************************************
   ********************************************************************************************
   */

  /** ****** Page, Page Margins ****************************** **/
    body 					{ padding: 10px 0; 
    						  background: url("../../images/body_bg.jpg") repeat-x; 
    						  text-align: center; 
    						  }
    			  
    #page_margins 				{ text-align:left; 
    						  margin: 0 auto; 
    						  min-width: 980px; 
    						  max-width: 80em; 
    						  }

  /** ****** Header-Bereich ****************************** **/
    #header 					{ background: url("../../images/header_bg.jpg") right 10px no-repeat;
  						  white-space: nowrap;
  						  margin-bottom: 20px;
  						  }

    #header img 				{ float: left; 
    						  padding-left: 40px;
    						  }
    			  
    #header h1 					{ float: left;
    						  padding: 20px;
    						  }
    			  
    #header h2 					{ text-align: right; 
    						  padding: 60px 50px 0px 0px; 
    						  margin-left: 100px; 
    						  }
	
  /** ****** Metanavigation ****************************** **/
    #header #topnav 				{ height: 40px;
  						  width: auto;
  						  top: 0px;
  						  right: 0px;
  						  background: url("../../images/meta_mi.jpg") repeat-x;
  						  }

    #topnav_li 					{ float: left;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/meta_li.jpg") no-repeat;
    						  }

    #topnav_re 					{ float: right;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/meta_re.jpg") no-repeat;
    						  }

    #topnav_mi 					{ text-align: center;
    						  padding: 8px 16px 0px 8px;
    						  }

    #topnav span a 				{ text-decoration: none; }

    #topnav span a:focus,
    #topnav span a:hover,
    #topnav span a:active			{ background: 0; color: #990000; text-decoration: none; }

  /** ****** Hauptnavigation ****************************** **/
    #nav ul 					{ margin-left: 20px;
    						  }
    			  
    #nav_main 					{ height: 40px;
    						  width: auto;
    						  margin-right: 80px;
    						  background: url("../../images/navi_mi.jpg") repeat-x;
    						  }
      
    #nav_main_li			 	{ float: left;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/navi_li.jpg") no-repeat;
    						  }
      
    #nav_main_re			 	{ float: right;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/navi_re.jpg") no-repeat;
    						  }
      
    #nav_main_mi			 	{ text-align: center;
    						  padding: 4px 16px 0px 8px;
    						  }
      
  /** ****** Suche ****************************** **/
    #suche 					{ float: left;
    						  height: 40px;
    						  width: auto;
    						  background: url("../../images/suche_mi.jpg") repeat-x;
    						  }
      
    #suche_li 					{ float: left;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/suche_li.jpg") no-repeat;
    						  }
      
    #suche_re 					{ float: right;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/suche_re.jpg") no-repeat;
    						  }
    #suche_mi 					{ text-align: center;
    						  padding: 8px 16px 0px 0px;
    						  }
      
    input#searchsubmit 				{ background: 0;
    						  }

  /** ****** Suche - Ergebnisseite ****************************** **/
    div#col3 div.tx-indexedsearch-searchbox 	{ border: 2px solid #900;
    						  background: #ffc;
    						  padding: 10px;
    						  }

    div#col3 div.tx-indexedsearch-rules 	{ display: none;
    						  }

    div#col2 div.tx-indexedsearch-searchbox, 
    div#col2 div.tx-indexedsearch-res,
    div#col2 div.tx-indexedsearch-sec,
    div#col2 div.tx-indexedsearch-secHead,
    div#col2 div.tx-indexedsearch-whatis,
    div#col2 div.tx-indexedsearch-browsebox 	{ display: none; }

    #needful 					{ color: #fff; 
    						  height: 40px; 
    						  }

  /** ****** Sprachwahl ****************************** **/
    #main_o_lang 				{ position: absolute;
    						  margin: 10px 0px 0px 65%;
    						  height: 40px;
    						  background: url("../../images/suche_mi.jpg") repeat-x;
    						  }
    
    #main_o_lang_li 				{ float: left;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/suche_li.jpg") no-repeat;
    						  }
      
    #main_o_lang_re 				{ float: right;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/lang_re.jpg") no-repeat;
    						  }
    
    #main_o_lang_mi 				{ text-align: right;
    						  padding: 6px 16px 0px 16px;
    						  }

    #footer 					{ text-align: center;
    						  color:#666;
    						  background: #f9f9f9;
    						  padding: 10px 20px;
    						  }

  /** *****************************************************************************************
   ********************************************************************************************
   ** (en) Formatting YAML's  basic layout elements
   ** (de) Gestaltung des YAML Basis-Layouts
   **
   ** Addons for T e m p l a t e :  I N D E X . H T M L
   **
   ********************************************************************************************
   ********************************************************************************************
   */

  /** ****** INDEX.HTML - Main OBEN ****************************** **/
    #main_o 					{ height: 254px;
    						  padding: 0 50px 0 50px;
    						  }
  
    #main_o_li 					{ float: left;
    						  height: 100%;
    						  width: 290px;
    						  margin-right: 10px;
    						  background: url("../../images/main_ol_bg.jpg") repeat-x;
    						  }
  
    #main_o_li_content 				{ padding: 10px;
    						  height: 90%;
    						  overflow: hidden;
    						  }
  
    #main_o_re 					{ margin: 0px 25px 0px 300px;
    						  height: 100%;
    						  width: auto;
    						  background: #fff;
    						  border: 2px solid #990000;
    						  }

    #main_o_re_content 				{ padding: 10px;
    						  height: 90%;
    						  }
  
  /** ****** INDEX.HTML - Main UNTEN ****************************** **/
    #main_u 					{ height: 254px;
    						  padding: 10px 50px 0 50px;
    						  }
  
    #main_u_li 					{ float: left;
    						  height: 100%;
    						  width: 290px;
    						  margin-right: 10px;
    						  background: url("../../images/main_ul_bg.jpg") repeat-x;
    						  }
  
    #main_u_li_content 				{ padding: 10px;
    						  height: 90%;
    						  overflow: hidden;
    						  }
  
    #main_u_mi 					{ float: left;
    						  height: 100%;
    						  width: 290px;
    						  background: url("../../images/main_ul_bg.jpg") repeat-x;
    						  }
    
    #main_u_mi_content 				{ padding: 10px;
    						  height: 90%;
    						  overflow: hidden;
    						  }
  
    #main_u_re 					{ float: right;
    						  height: 100%;
    						  width: 290px;
    						  background: url("../../images/notizzettel.jpg") center no-repeat;
    						  }
    
    #main_u_re_content 				{ text-align: center;
    						  margin: 20px 50px 20px 40px;
    						  height: 80%;
    						  overflow: hidden;
    						  }

  /** *****************************************************************************************
   ********************************************************************************************
   ** (en) Formatting YAML's  basic layout elements
   ** (de) Gestaltung des YAML Basis-Layouts
   **
   ** Addons for T e m p l a t e :  S U B I N D E X . H T M L
   **
   ********************************************************************************************
   ********************************************************************************************
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   * |-------------------------------|
   * | #header                       |
   * |-------------------------------|
   * | #col1   | #col3     | #col2   |
   * | 22%     | flexible  | 22%     |
   * |-------------------------------|
   * | #footer                       |
   * |-------------------------------|
   */

  /** ****** SUBINDEX.HTML - Main Column 1 ****************************** **/
    #col1 					{ margin-top: 10px;
    						  padding: 0;
    						  width: 22%;
    						  background: #7FB2F7 url("../../images/col1_bg.jpg") repeat-x;
    						  }
    
    #col1_or 					{ width: 100%;
    						  height: 8px;
    						  background: url("../../images/col1_or.jpg") top right no-repeat;
    						  }
    
    #col1_content 				{ background: url("../../images/col1_mr.jpg") right repeat-y;
    						  }
  
    #col1_u 					{ height: 8px;
    						  }
    
    #col1_u1 					{ float: left;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/col1_ul.jpg") no-repeat;
    						  }
    
    #col1_u2 					{ float: left;
    						  height: 100%;
    						  width: 38%;
    						  background: url("../../images/col1_uml.jpg") repeat-x;
    						  }
    
    #col1_u3 					{ height: 100%;
    						  width: auto;
    						  background: url("../../images/col1_umr.jpg") repeat-x;
    						  }
    
    #col1_u4 					{ float: right;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/col1_ur.jpg") no-repeat;
    						  }

  /** ****** SUBINDEX.HTML - Main Column 2 ****************************** **/
    #col2 					{ margin-top: 45px; 
    						  width: 22%; 
    						  }
  
    #col2_extra 				{ margin-top: 20px;
    						  background: url("../../images/col2_bg.jpg") #fff repeat-y;
    						  }
      
    #col2_extra_or 				{ height: 8px;
    						  width: 100%;
    						  background: url("../../images/col2_or.jpg") top right no-repeat;
    						  }
          
    #col2_content 				{ padding: 10px 20px 10px 10px;
    						  background: url("../../images/col2_mi.jpg") right repeat-y;
    						  }

    #col2_u 					{ height: 8px;
    						  }
    
    #col2_u1 					{ float: left;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/col2_ul.jpg") no-repeat;
    						  }
    
    #col2_u2 					{ float: left;
    						  height: 100%;
    						  width: 56%;
    						  background: url("../../images/col2_uml.jpg") repeat-x;
    						  }
    
    #col2_u3 					{ height: 100%;
    						  width: auto;
    						  background: url("../../images/col2_umr.jpg") repeat-x;
    						  }
    
    #col2_u4 					{ float: right;
    						  height: 100%;
    						  width: 8px;
    						  background: url("../../images/col2_ur.jpg") no-repeat;
    						  }

  /** ****** SUBINDEX.HTML - Main Column 3 ****************************** **/
    #col3 					{ margin: 0px 9% 0px 9%; 
    						  background: #FFFF99; 
    						  height: auto; 
    						  }
  
    #col3_bread 				{ padding: 10px 0px 0px 0px; }

    #col3_content, 
    #col3_footnotes 				{ margin: 0px 15% 0px 15%; 
    						  padding: 0px 10px 10px 10px; 
    						  }

    #col3_footnotes ul 				{ list-style-type: none; }

    .pagebrowser_top 				{ background: #EFF6FF; 
    						  margin: 0px 150px 0px 150px; 
    						  text-align: center; 
    						  }

    .pagebrowser_top li 			{ padding: 0px 50px 0px 50px; }

    .pagebrowser_bottom 			{ background: #EFF6FF; 
    						  margin: 0px 150px 0px 150px; 
    						  text-align: center; 
    						  }

    .pagebrowser_bottom li 			{ padding: 0px 50px 0px 50px; }

    .divider 					{ display: none; }

    .subindex, 
    .subindex li, 
    .subindex li a 				{ display: none; }

  /** ****** SUBINDEX.HTML - Main Column 3 (Kontaktformular) ****************************** **/
    .tx-powermail-pi1 div 			{ margin-top: 2px; }

    #powermaildiv_uid12 			{ font-weight: bold; }

    #powermaildiv_uid12 textarea 		{ width: 350px; }

    #powermaildiv_uid15 			{ margin-top: 5px; }
    
    .tx-srfreecap-pi2-image 			{ margin: 10px 0px 10px 0px; }
  
    .tx-srfreecap-pi2-cant-read 		{ float: left; }
  
    #powermaildiv_uid13,
    #powermaildiv_uid14 			{ float: left; }
  
  /** ****** SUBINDEX.HTML - Subnavigation Level 2+ ****************************** **/
  /*------------------------------------------------------------------------------------------------------*/
  /**
   * (en) Modifying "shiny buttons" navigation
   * (en) Anpassung der "Shiny Buttons" Navigation
   */

    #nav * 					{ border: 0px none !important; }
    
    #nav_main ul 				{ margin-left: 10px; }
    
    #nav_main ul li 				{ line-height: 1.2em; }
   
    #nav_main ul li a,
    #nav_main ul li strong 			{ color: #666; 
    						  font-weight: normal; 
    						  padding: 0.5em 0.8em 0.5em 0.8em; 
    						  }
  
    #nav_main ul li a:focus,
    #nav_main ul li a:hover,
    #nav_main ul li a:active  			{ background: 0; color: #990000; 
    						  text-decoration: none; 
    						  }
  
    #nav_main ul li#current 			{ background: transparent; }
  
    #nav_main ul li#current strong,
    #nav_main ul li#current a,
    #nav_main ul li#current a:focus,
    #nav_main ul li#current a:hover,
    #nav_main ul li#current a:active 		{ color: #990000; 
    						  font-weight: bold; 
    						  }
  
  
    #col1_content ul 				{ margin: 0; }
  
    #col1_content ul li.lv2, 
    #col1_content ul li.lv2_menu_act 		{ list-style-type: none; }
    
    #col1_content ul li.lv2 a, 
    #col1_content ul li.lv2_menu_act a 		{ color: #fff; 
    						  font-weight: bold; 
    						  text-decoration: none; 
    						  }
    
    #col1_content ul li.lv2 a:focus,
    #col1_content ul li.lv2 a:hover,
    #col1_content ul li.lv2 a:active 		{ color: #900; }
  
    #col1_content ul li.lv3 			{ list-style-type: none; 
    						  padding-left: 10px; 
    						  }
    
    #col1_content ul li.lv3_menu_act 		{ margin: 0px 8px 0px 0px; 
    						  padding: 0px 0px 0px 25px; 
    						  background: #7FB2F7; 
    						  }
    						  
    #col1_content ul li.lv3 a, 
    #col1_content ul li.lv3_menu_act a 		{ color: #fff; 
    						  font-weight: bold; 
    						  text-decoration: none; 
    						  }
    						  
    #col1_content ul li.lv3 a:focus,
    #col1_content ul li.lv3 a:hover,
    #col1_content ul li.lv3 a:active 		{ color: #900; }

    #col1_content ul li.lv4, 
    #col1_content ul li.lv4_menu_act  		{ list-style-type: none; 
    						  margin: 0px 8px 0px 0px; 
    						  padding: 0px 0px 0px 25px; 
    						  background: #EFF6FF; 
    						  border-bottom: 1px dotted #999; 
    						  }
    #col1_content ul li.lv4 a, 
    #col1_content ul li.lv4_menu_act a 		{ color: #009; 
    						  font-weight: normal; 
    						  text-decoration: none; 
    						  }

    #col1_content ul li.lv4 a:focus,
    #col1_content ul li.lv4 a:hover,
    #col1_content ul li.lv4 a:active 		{ color: #900; }

  }