/* Copyright (C) 2007 - 2010 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/*

 * topmenu

 */



 

div#topmenu ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;  

}



div#topmenu li {

	margin: 0px;

	padding: 0px;

	float: left;

	display: block;

}



div#topmenu li a {

	display: block;

	height: 20px;

	padding: 0px 10px 0px 10px;

	background: url(../images/topmenu_item_bg.png) 0 6px no-repeat;

	float: left;

	overflow: hidden;  

	text-decoration: none;

}



div#topmenu li.first a {

	padding: 0px 10px 0px 0px;

	background: none;

}



div#topmenu li.last a {

	padding: 0px 0px 0px 10px;

}



div#topmenu a:link, div#topmenu a:visited {

	color: #323232;

}



div#topmenu a:hover {

	color: #323232;

	text-decoration: underline;

}



/*

 * menu

 */



 

div#menu ul {

	padding: 0px;

	list-style: none;

	float: left;
	margin-right: 0px;
	margin-top: 10px;
	margin-left: 0px;
}



div#menu li {

	position: relative;

	margin: 0px;

	padding: 0px;

	display: block;

	float: left;

	z-index: 5;  

}



div#menu li a, #menu li span.separator {

	height: 56px;

	display: block;

	float: left;

	line-height: 32px;

	text-decoration: none;

	color: #333333;

}



div#menu li span {  

	display: block;

	cursor: pointer;

	background-repeat: no-repeat;  

	background-position: 95% 0px;  

}



div#menu li a.current {  



}



div#menu li li a.current {  

	font-style: italic;

}



div#menu a:hover,

div#menu span.separator:hover,

div#menu span.sfhover {  

	/* color: #000000; */

}



div#menu a.active, div#menu span.active {  

	color: #6e3e7d;

}



div#menu li.parent span.separator {  

	cursor: pointer;

}



 

div#menu ul.menu {

	padding-left: 2px;

}



div#menu li.level1 {

	background: url(../images/menu_level1_item.png) 100% 0 no-repeat;

}



div#menu a.level1, div#menu span.level1 {

	padding: 0px 20px 0px 20px;

	font-size: 90%;

	line-height: 30px;

	/*text-transform: uppercase;*/

}



div#menu li.active a.level1 {   

	background: url(../images/menu_level1_item_active.png) 50% 100% no-repeat;

	height: 70px;

	position: relative;

	z-index: 15;

}



div#menu a.level1 span, div#menu span.level1 span {

	margin-top: 15px;

}



 

div#menu a.level1 span.title, div#menu span.level1 span.title{

	padding: 0px;

	font-size: 100%;

	line-height: 20px;

}



 

div#menu a.level1 span.subtitle, div#menu span.level1 span.subtitle {

	margin-top: -2px;

	background: none;

	font-size: 10px;

	font-weight: normal;

	color: #646464;

	line-height: 10px;

	text-transform: none;

	letter-spacing: 0px;

}



 

div#menu ul.menu ul {

	position: absolute;

	top: 56px;

	left: -999em;  

	width: 163px;

	padding: 5px 0px 0px 0px;

	background: url(../images/menu_dropdown_bg.png) 0 0 no-repeat;

	border: 1px solid #878787;

	border-top: none;
	font-size: x-small;
}



div#menu li:hover ul, div#menu li.sfhover ul {

	left: -2px;  

	z-index: 14;

}



div#menu li.level1 li {

   	width: 100%;  

	text-indent: 15px;

	background: url(../images/menu_level2_item.png) 0 0 no-repeat;

}



div#menu li.level1 li.last { background: none; }



div#menu li.level1 li a, div#menu li.level1 li span.separator {

	height: 25px;

	padding: 0px;

	background: none;

	float: none;  

	display: block;

	line-height: 25px;

}



div#menu li.level2 a.parent, div#menu li li.level2 span.parent {  

	background: url(../images/menu_level2_parent.png) 100% 0 no-repeat;

}



div#menu li.level2 a.active, div#menu li.level2 span.active {  

}



div#menu li.level2 a:hover,

div#menu li.level2 span.separator:hover,

div#menu li.level2 span.sfhover {  

}





 



 

div#menu li ul ul {

	margin: -57px 0 0 163px;  

}



div#menu ul.level2 ul {

	padding: 0px 0px 0px 0px;

	background-position: 0 -5px;

	border: 1px solid #878787;

}



div#menu li:hover ul ul, div#menu li.sfhover ul ul {

	

}



 

div#menu li:hover ul ul, div#menu li.sfhover ul ul,  

div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul,  

div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul {  

	left: -999em;

}



 

div#menu li li:hover ul, div#menu li li.sfhover ul,  

div#menu li li li:hover ul, div#menu li li li.sfhover ul,  

div#menu li li li li:hover ul, div#menu li li li li.sfhover ul {  

	left: 0;

	z-index: 100;

}





/*

 * sub menu

 */

 

 

div#middle div.mod-menu div.module ul,

div#middle div.mod-menu div.module ul {

	margin: 0px;

	padding: 0px;

	overflow: hidden;

	list-style: none;

}



div#middle ul.menu li {

	margin: 0px;

	padding: 0px;

	display: block;

}



div#middle ul.menu a, div#middle ul.menu span.separator {

	height: 25px;

	display: block;

	line-height: 24px;

	text-decoration: none;

	color: #646464;

}



div#middle ul.menu li span {  

	display: block;

	background-repeat: no-repeat;  

	background-position: 100% 0px;  

}



div#middle ul.menu a.current {  

	font-style: italic;

	color: #90bf41;

}



div#middle ul.menu a:hover,

div#middle ul.menu span.separator:hover,

div#middle ul.menu span.sfhover {  

	/* color: #E24912; */

}



div#middle ul.menu a.active, div#middle ul.menu span.active {  

	/*color: #ffffff;*/

}



div#middle ul.menu li.parent span.separator {  

	cursor: pointer;

}



 

div#middle ul.menu li.level1 {

}



div#middle ul.menu a.level1, div#middle ul.menu span.level1 {

	background: url(../images/submenu_l_item.png) 0 0 no-repeat;

}



div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 { 

	background: url(../images/submenu_l_item_parent.png) 0 0 no-repeat;

}



div#right div#middle ul.menu a.level1, div#middle ul.menu span.level1 {  

	background: url(../images/submenu_r_item.png) 0 0 no-repeat;

}



div#right div#middle ul.menu li.parent a.level1, div#middle ul.menu li.parent span.level1 {  

	background: url(../images/submenu_r_item_parent.png) 0 0 no-repeat;

}



 

div#middle ul.menu li.level2 {

	background: url(../images/submenu_level2_item.png) 10px 0px no-repeat;

}



div#middle ul.menu a.level2 {

	text-indent: 25px;

}



div#middle ul.menu a.level2 span {

}



 

div#middle ul.menu li.level3 {

	background: url(../images/submenu_l_level2_item.png) 20px 0px no-repeat;

}



div#middle ul.menu a.level3 {

	text-indent: 35px;

}



div#middle ul.menu a.level3 span {

}



 

div#middle ul.menu li.level4 {

	background: url(../images/submenu_l_level2_item.png) 30px 0px no-repeat;

}



div#middle ul.menu a.level4  {

	text-indent: 45px;

}



div#middle ul.menu a.level4 span {

}