@charset "UTF-8";

/**
 * JYAML - Template Framework includes YAML for Joomla!
 *
 * All rights reserved. The JYAML project is a template to manage and
 * configure Joomla!-Templates with the YAML XHTML/CSS Framework
 * - http://www.yaml.de
 *
 * -----------------------------------------------------------------------------
 *
 * @version       $Id$
 *
 * @author        Reinhard Hiebl
 * @copyright     Copyright (C) 2006 - 2012, HieblMedia (Reinhard Hiebl)
 * @license       Creative Commons Attribution 3.0 Unported License
 *                  > http://www.jyaml.de/en/license
 * @link          http://www.jyaml.de
 * @package       JYAML
 * @subpackage    JYAML.Stylesheet
 *
 */

/**
 * Note:
 * For consistent CSS styling with and without javascript
 * by nested lists follow these instructions.
 *
 * Ok, but don't work if javascript enabled
 *  .dropdown li {}
 *  .dropdown li li {}
 *
 * Use for nested li-tag's the class viewLevel[n]
 *  .dropdown li.viewLevel0 {} - corresponds li
 *  .dropdown li.viewLevel1 {} - corresponds li li
 *  .dropdown li.viewLevel2 {} - corresponds li li li
 *
 * Use for nested ul-tag's the class dropitemLevel[n]
 *  .dropdown ul.dropitemLevel0 {} - corresponds ul
 *  .dropdown ul.dropitemLevel1 {} - corresponds ul ul
 *
 */

@import url(../../../libraries/jyaml/html/css/accessible_dropdown_base.css);

@media all
{
  /**
   * Level class note:
   * li.level is the menuitem level in database
   * li.viewLevel is the optical level in the list
   */
  .dropdown,
  .dropdown ul,
  .dropdown li,
  .dropdown a {
    background-color: transparent;
    /* Fixes some hover issues for all browsers */
    background-image: url(../images/blank.gif);
  }
  .js .dropdown .dropitem a,
  .js .dropdown .dropitem span {
    white-space: nowrap; /* rescrict word-wrap - better auto-width calculation for menu script */
  }
  .dropdown li a {
    text-decoration: none;
  }
    
  .dropdown li a:hover,
  .dropdown li a:focus,
  .dropdown li.hover a.hover, 
  .dropdown-horizontal li.hover span.subtitle
{
/*    background: #F8C075 !important; */
    background: #e9e9e9; /* Old browsers */
    background: -moz-linear-gradient(top, #e9e9e9 75%, #cecece 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#e9e9e9), color-stop(100%,#cecece)); 
    background: -webkit-linear-gradient(top, #e9e9e9 75%,#cecece 100%); 
    background: -o-linear-gradient(top, #e9e9e9 75%,#cecece 100%); 
    background: -ms-linear-gradient(top, #e9e9e9 75%,#cecece 100%); 
    background: linear-gradient(top, #e9e9e9 75%,#cecece 100%); 
    color: #000 !important;
    text-decoration: none;
  }
  .dropdown li:hover > a {
/*  background: #F8C075 !important; */
    background: #e9e9e9 !important; /* Old browsers */
    background: -moz-linear-gradient(top, #e9e9e9 75%, #cecece 100%) !important; /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#e9e9e9), color-stop(100%,#cecece)) !important; /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #e9e9e9 75%,#cecece 100%) !important; /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #e9e9e9 75%,#cecece 100%) !important; /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #e9e9e9 75%,#cecece 100%) !important; /* IE10+ */
    background: linear-gradient(top, #e9e9e9 75%,#cecece 100%) !important; /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#cecece',GradientType=0 ) !important; /* IE6-9 */
    color: #000 !important;
    text-decoration: none;
  }
  .dropitem .menuitem-content { overflow: hidden; }
 /* .dropdown-horizontal {
      background:transparent; 
  } */

  
  .dropdown-horizontal .dropitem {
    /* @optional: fix width for submenus (not compatible with linear mode) */
    /* width: 175px !important; */
  }
  .dropdown-vertical .dropitem {
    /* @optional: fix width for submenus (not compatible with linear mode) */
    /* width: 175px !important; */
  }
/*  .dropdown-horizontal li.viewLevel0 {
    margin-right: 1px;  */
  }
  .dropdown-horizontal li.viewLevel1 {
    margin-bottom: 0px;
  }
  .dropdown-horizontal li a {
    background: #eee;
    color:#000;
    padding:0;
    text-decoration:none;
  }
  .dropdown-horizontal li a span {
    display: block;
    /* white-space: nowrap; */
  }
  .dropdown-horizontal li span.item-title {
    padding: 10px 12px 10px 12px;
/*    padding:0.5em 0.6em 0.5em 0.6em;  */
    font-size: 1.3em;
  }
  .dropdown-horizontal li span.subtitle {
    /* You can use .maintitle, .subtitle-1, .subtitle-2, .subtitle-3, etc. to adjust the maintitle or each subtitle line */
    display: block;
    font-family: "KlavikaR", Arial, Helvetica, sans-serif; 
    font-size: smaller;
    font-weight: normal;
/*    color: #fff; */
  }
.dropdown-horizontal li span.subtitle-0 {padding-top: 0.1em;}
.dropdown-horizontal li.hover span.item-title {color: #000; !important}
.dropdown-horizontal li.viewLevel0 a, .dropdown {
/*    background: #ccc; */
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top, #ffffff 75%, #e9e9e9 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#ffffff), color-stop(100%,#e9e9e9)); 
    background: -webkit-linear-gradient(top, #ffffff 75%,#e9e9e9 100%); 
    background: -o-linear-gradient(top, #ffffff 75%,#e9e9e9 100%); 
    background: -ms-linear-gradient(top, #ffffff 75%,#e9e9e9 100%); 
    background: linear-gradient(top, #ffffff 75%,#e9e9e9 100%); 
    behavior: url(pie.htc);
  }
  .dropdown-horizontal li.viewLevel1 a {
background-color: rgb(51,51,51);
background-color: rgba(51,51,51,.6);
background-color: transparent\9;
filter:progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#4C000000,endColorstr=#4C000000); 
zoom:1;
 /*  background: #333; /* fallback: disabled javascript */
    color: #fff;
    font-family: "KlavikaR";
/*    margin-right:1px; */
/*    width: 230px;  */
/*   width: 192px; */
  width: 210px;
  font-size: 10.5px;
}

  .dropdown-horizontal li.viewLevel1.item-562 a {
background-color: rgb(51,51,51);
background-color: rgba(51,51,51,.6);
background-color: transparent\9;
filter:progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#4C000000,endColorstr=#4C000000); 
zoom:1;
    color: #fff;
    font-family: "KlavikaR";
  width: 230px;
  font-size: 10.5px;
}

    .dropdown-horizontal li.viewLevel.item-563 a {
background-color: rgb(51,51,51);
background-color: rgba(51,51,51,.6);
/* background-color: transparent\9;
filter:progid:DXImageTransform.Microsoft.gradient(
  startColorstr=#4C000000,endColorstr=#4C000000); */
zoom:1;
/*   background: #333; /* fallback: disabled javascript */
    color: #fff;
    font-family: "KlavikaR";
/*    margin-right:1px; */
/*    width: 230px;  */
/*   width: 192px; */
  width: 210px;
  font-size: 10.5px;
}
  .dropdown-horizontal li.viewLevel1 {
    margin-right:0px; /* fallback: disabled javascript */
  }
  .dropdown-linear ul {
    width: 100%;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 75%, #e9e9e9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(75%,#ffffff), color-stop(100%,#e9e9e9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 75%,#e9e9e9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 75%,#e9e9e9 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 75%,#e9e9e9 100%); /* IE10+ */
    background: linear-gradient(top, #ffffff 75%,#e9e9e9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e9e9e9',GradientType=0 ); /* IE6-9 */
  }
  .dropdown-linear .dropitem ul {
    background: background-color: rgba(0,0,0,.3); /*1a1a1a; /* #f9f9f9; */ 
  }
  .dropdown-linear .dropitem li { width: auto; }
  .dropdown-linear .dropitem li.item-once {
    /* important in webkit browsers (e.g. safari and chrome) to strech contents on a menuitem content to 100% */
    width: 100%;
  }
  .dropdown-horizontal li.viewLevel1 span.subtitle-empty { display: none; }
  .dropdown-linear li.viewLevel1 span.subtitle-empty { display: block; }
/* Hervorhebungen */
.dropdown-horizontal li.viewLevel0 a.active_link {
color: #BCB19A;
}
.dropdown-linear ul {background: transparent;}

  /**
   * Example for special positioning on level 0.
   */
  /*
  .dropdown .dropitemLevel0,
  .js .dropdown .dropitemLevel0-Helper {
    margin-left:-10px;
  }
  .js .dropdown .dropitemLevel0 { margin-left: 0; }
	/**
	 * Example for special positioning on level 0.
	 */
	/*
	.dropdown .dropitemLevel0,
	.js .dropdown .dropitemLevel0-Helper {
		margin-left:-10px;
	}
	.js .dropdown .dropitemLevel0 { margin-left: 0; }
	*/

	/**
	 * Simple CSS3 example how to work with border-radius and box-shadow.
	 */
	/*
  .dropdown-horizontal .dropitem-content {
    background: #fafafa;
    padding: 5px;

    margin: 0 4px 4px 0;
    -webkit-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);
    box-shadow: 2px 2px 2px 0px rgba(50, 50, 50, 0.2);

    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
  }
  */
}
