/**
* CSS Files
*
* LICENSE
*
* This source file is subject to the new cdmm license that is bundled
* with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://framework.mycdmm.de/license/
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@cdmm.de so we can send you a copy immediately.
*
* @copyright  Copyright (c) 2005-2009 cdmm (http://www.cdmm.de)
* @license    http://framework.mycdmm.de/license/ cdmm license
* @version    $Id$
*/

@media screen, projection, print
{
	/**
	* category navigation
	*/
	#navi-left {
		width: 100%;
		background-color: #fff;
		padding: 10px 0;
	}

	#navi-left a {
		display: block;
		font-size: 109.09%;
	}

	/**
	* Level 1
	*/
	#navi-left ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	#navi-left ul li {
		margin: 10px 0 0 0;
		padding: 0;
		background-image: url(../images/navi_left_icon.jpg);
		background-position: 0 50%;
		background-repeat: repeat-y;
	}
	
	#navi-left ul li.first { margin: 0; }
	
	/**
	* normaler Link Level 1
	*/
	#navi-left ul li a {
		margin-left: 10px;
		padding: 2px 10px;
		border: 1px solid #d9d9d9;
		border-left: none;
		font-weight: bold;
	}/*12px*/
	
	#navi-left ul li a:focus,
	#navi-left ul li a:hover,
	#navi-left ul li a:active { background-color: #d9d9d9; }
	
	/**
	* activer Link Level 1
	*/
	#navi-left ul li a.active_link_level1 {
		background-color: #d9d9d9;
		color: #000;
	}
	
	/**
	* Level 2
	*/
	#navi-left ul li ul {
		list-style-type: none;
		margin: 0;
		padding: 3px 0 0 10px;
		width: auto;
		background-color: #fff;
	}
	
	#navi-left ul li ul li {
		margin: 3px 0 0 0;
		padding: 0;
		background-image: none;
		border: 1px solid #d9d9d9;
	}
	#navi-left ul li ul li.first { margin: 0; }

	/**
	* normaler Link Level 2
	*/
	#navi-left ul li ul li a {
		background-color: #f6f6f6;
		margin-left: 0;
		padding: 2px 11px;
		font-weight: normal;
		border: none;
	}/*12px*/
	
	#navi-left ul li ul li a:focus,
	#navi-left ul li ul li a:hover,
	#navi-left ul li ul li a:active,
	#navi-left ul li ul li a.normal:focus,
	#navi-left ul li ul li a.normal:hover,
	#navi-left ul li ul li a.normal:active {
		background-image: url(../images/navi_left_icon_level2_active.jpg);
		background-position: 3px 50%;
		background-repeat: no-repeat;
		background-color: #fff;
	}
	

	/**
	* activer Link Level 2
	*/
	#navi-left ul li ul li a.active_link_level2 {
		background-position: 3px 50%;
		background-repeat: no-repeat;
		background-color: #fff;
		color: #000;
	}
	
	#navi-left ul li ul li a.active_link_level2 { background-image: url(../images/navi_left_icon_level2_active.jpg); }
	
	/**
	*
	* Level 3
	*
	*/
	#navi-left ul li ul li ul {
		list-style-type: none;
		padding: 0 0 0 11px;
	}
	
	#navi-left ul li ul li ul li {
		margin: 3px 0 0 0;
		padding: 0;
		background-image: none;
		border: none;
	}
	
	#navi-left ul li ul li ul li.first { margin: 0; }
	
	/**
	* normaler Link Level 3
	*/
	#navi-left ul li ul li ul li a { background-color: #fff; padding: 2px 11px; }
	
	#navi-left ul li ul li ul li a:focus,
	#navi-left ul li ul li ul li a:hover,
	#navi-left ul li ul li ul li a:active { background-position: 1px 50%; }

	/**
	* activer Link Level 3
	*/
	#navi-left ul li ul li ul li a.active_link_level3 {
		background-repeat: no-repeat;
		background-position: 1px 50%;
		color: #000;
	}
	
	#navi-left ul li ul li ul li a.active_link_level3 { background-image: url(../images/navi_left_icon_level2_active.jpg); }

}