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


/** THM Farben
*
*    Hauptfarben           Hauptnavigation 
*    Grün: #80ba24         NavTab-BG: #dfe5e6
*    Grau: #4a5c66
*
**/


@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);
	}

    #nav .dropdown {
        margin-top: 1px;
    }
    
	.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;
		background: none;
	}

	.dropdown li a:hover,
	.dropdown li a:focus,
	.dropdown li.hover a.hover {
        background: #dfe5e6 ;
        color: #394a59 !important;
    }

	.dropdown-horizontal li.viewLevel0.active {
		background: #dfeec8 ;
		color: #394a59 !important;
	}

	.dropdown li:hover > a {
		background: #dfe5e6 ;
		color: #394a59 !important;
		text-decoration: none;
	}

	.dropitem .menuitem-content { overflow: hidden; }

	.dropdown .menuitem-content {
		/*
		 * Default with for menu module positions
		 * Fixed with or min-width is requried for robust layout
		 */
		/*min-width: 200px;*/
	}

    .dropdown .type-heading .menuitem-content {
        padding: 0 1.5em;
    }

	.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-vertical li a {
		color:#394a59;
		padding:0;
		text-decoration:none;
	}
	.dropdown-vertical li a span {
		display: block;
		/* white-space: nowrap; */
	}
	.dropdown-vertical li span.item-title {
		padding:1em 0.8em 0.5em 0.8em;
	}
	.dropdown-horizontal li.viewLevel1 {
		margin-bottom: 0px;
	}
	.dropdown-horizontal li a {
		color:#394a59;
		padding:0;
		text-decoration:none;
	}
	.dropdown-horizontal li a span {
		display: block;
		/* white-space: nowrap; */
	}
    .dropdown-horizontal li div.item-container {
        padding:0 0.6em;
    }

    .dropdown-horizontal li.viewLevel0 span.item-title, .dropdown-horizontal li.viewLevel2 span.item-title {
		padding: 0 0.8em;
	}

	.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-size: smaller;
		font-weight: normal;
		color: #444;
	}
  
    div#dropdownSubMenusContainer {
        margin: 0 auto;
		z-index:2000;
	}

/*	
* Mainmenu - horizontal - first level (tabs)
*/

	.dropdown-horizontal li.viewLevel0 a {

	}
	
	.dropdown-horizontal li.viewLevel0 span.item-title {
		padding:1.5em 0.8em 1.1em 0.8em;
		font-family: "THM-Medium";
		text-transform:uppercase;
		font-size:110%;	
	}
	.dropdown-horizontal li.viewLevel0.item-last div.menuitem-content {
		padding:0;
	}

    .dropdown-horizontal li.viewLevel0.item-last div.item-container {
        padding:0;
    }
       
    .dropdown-horizontal li.viewLevel0.item-last img {
        padding:1.33em 0.8em 1.3em 0.8em;
    }
	
	.dropdown-horizontal li.viewLevel0 {
	
	}
	

	.dropdown-horizontal li.viewLevel0.active {
	}	
	
	
	/* Hauptaufklappfläche Megamenü */	

	.dropdownHelperContainer {
		box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);;
	}	
	.dropdown .dropitemLevel0 ul {
		background-color: #dfe5e6;
		padding:20px 0;        
	}

	.dropdown-linear .dropitem li {
		width: 20%;
	}

	.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%;
	}
	
	
/*	
* Mainmenu - first vertical level- erste Ebene (Joomla - first sublevel) "Sie studieren" etc. 
*/

    div.dropitem.dropitem-down.dropitemLevel0 div.dropitem-content.ym-clearfix
	div.dropitem-content + ul {
      margin-left:30%;
	}
	
	.dropdown-horizontal li.viewLevel1 > a span.item-title {
		font-family: "THM-Bold";
		background: none; /* fallback: disabled javascript */
		text-transform: uppercase;
		white-space: normal;
    }

	.dropdown-horizontal li.viewLevel1 {
		margin-right:0; /* fallback: disabled javascript */
	}

    /*.dropdown-horizontal li.viewLevel1:hover > a {
    	color: #80ba24 !important;
    }*/
    
	.dropdown li.viewLevel1 a:hover span.item-title,
	.dropdown li.viewLevel1 a.active_link span.item-title {
	  
	}

    .dropdown div.dropitem div.dropitem-content ul li.viewLevel1 > a span.item-title {
        border-bottom: 2px solid #8996A0;
    }
	
	.dropdown-linear ul {
      float: right;
      width:auto;
	}



	.dropdown-horizontal li.viewLevel1 span.subtitle-empty { display: none; }
	.dropdown-linear li.viewLevel1 span.subtitle-empty { display: block; }

/*	
* Mainmenu - first vertical level- zweite Ebene (Joomla - second sublevel) "Sie studieren -> Prüfungsordung" etc. 
*/

.dropdown-linear .dropitemLevel1 ul{
     padding:5px 0 15px 0;	

}

.dropdown-linear li.viewLevel2 {

}	

.dropdown-linear li.viewLevel2 span.item-title {
		font-family: "THM-Regular";
		font-size:100%;	
		padding: 0.2em 0.8em;
		text-transform:none;
		text-shadow: 1px 1px 0px #f2f2f2;
		white-space: normal;
		line-height:120%;
}

.dropdown-linear li.viewLevel2 a.active_link.current_link span.item-title {
        font-weight:bold;
        text-decoration: underline;
}

.dropdown li.viewLevel2 a:hover span.item-title {
	  text-decoration: underline;
	  background: url("../images/assets/navdot_gr.png") 0 7px no-repeat ;
}	



}