/* Copyright (C) 2007 - 2009 YOOtheme GmbH */

/*

 * 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: 30px;

	padding: 0px 10px 0px 15px;

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

	float: left;

	overflow: hidden;  

	text-decoration: none;

}



div#topmenu li.item1 a {

	padding: 0px 10px 0px 0px;

	background: none;

}



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

	color: #ffffff;

}



div#topmenu a:hover {

	color: #ffffff;

	text-decoration: none;

}



div#topmenu a span {

	display: block;

	height: 22px;

	float: left;

}



div#topmenu a:hover span {

	border-bottom: 1px dotted #ffffff;

}



/*

 * menu

 */




div#menu ul {

	margin: auto;

	padding: 0px;

	list-style: none;

	float: left;  

}



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: 13px;

	display: block;

	float: left;

	text-decoration: none;

	color: #9e9e9e;

}



div#menu li span {  

	display: block;

	cursor: pointer;

	background-repeat: no-repeat;  

	background-position: 95% 0px;  

}



div#menu li.level2 a.current {  

	font-weight: bold;
	background: #f2f2f3;
}



div#menu a:hover,

div#menu span.separator:hover,

div#menu span.sfhover {  

color: #9e9e9e;
	background: #f2f2f3;  

}



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

	color: #b6b6b8;
	background: #f2f2f3;

}



div#menu li.parent span.separator {  

	cursor: pointer;

}



 

div#menu ul.menu {

}



div#menu li.level1 {

}



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

	padding: 6px 24px 5px 25px;

	/* border-right: 1px solid #ffffff; */

	background: none;

	font-size: 14px;

	line-height: 13px;

	text-transform: uppercase;

}



div#menu li.active a.level1 {   
	
	background: #f2f2f3;

	color: #b6b6b8;

}



body.green div#menu li.active a.level1 { background: #97AF82; }

body.pink div#menu li.active a.level1 { background: #B995B1; }

body.orange div#menu li.active a.level1 { background: #D1934E; }

body.blue div#menu li.active a.level1 { background: #639FB7; }

body.yellow div#menu li.active a.level1 { background: #AEAC57; }

body.lilac div#menu li.active a.level1 { background: #f2f2f3; }

body.turquoise div#menu li.active a.level1 { background: #789696; }

body.black div#menu li.active a.level1 { background: #3C372D; }



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

}



 

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

	padding: 0px;

	font-size: 100%;

	line-height: 180%;

}



 

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

	margin-top: -5px;

	padding: 0px 0px 20px 0px;

	background: none;

	font-size: 70%;

	font-weight: normal;

	color: #b6b6b8;

	line-height: 13px;

	text-transform: none;

	font-style: italic;

}



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

	color: #ffffff;
	

}



 

div#menu ul.menu ul {

	position: absolute;

	top: 24px;

	/* left: -999em;  */ 

	width: 165px;

	padding: 2px 0px 0px 0px;

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

}



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

	z-index: 100;

}



div#menu li.level1 li {

   	width: 100%;  

	text-indent: 20px;

}



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

	height: 25px;

	padding: 0px;

	margin: 0px 5px 0px 5px;

	background: #ffffff;

	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_item_parent.png) 100% 0 no-repeat; */

}



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

background: #f2f2f3;
width: 125px;

}



div#menu li.level2 a:hover,

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

div#menu li.level2 span.sfhover {  

	height: 24px;

	/* border-bottom: 1px solid #414141; */

	/* background: #c0c0c0; */

	color: #background: #9e9e9e;
	width: 125px;

}



body.green div#menu li.level2 a:hover, body.green div#menu li.level2 span.separator:hover, body.green div#menu li.level2 span.sfhover { border-color: #798C68; background: #97AF82;}

body.pink div#menu li.level2 a:hover, body.pink div#menu li.level2 span.separator:hover, body.pink div#menu li.level2 span.sfhover { border-color: #94778E; background: #B995B1;}

body.orange div#menu li.level2 a:hover, body.orange div#menu li.level2 span.separator:hover, body.orange div#menu li.level2 span.sfhover { border-color: #A7763E; background: #D1934E;}

body.blue div#menu li.level2 a:hover, body.blue div#menu li.level2 span.separator:hover, body.blue div#menu li.level2 span.sfhover { border-color: #4F7F92; background: #639FB7;}

body.yellow div#menu li.level2 a:hover, body.yellow div#menu li.level2 span.separator:hover, body.yellow div#menu li.level2 span.sfhover { border-color: #8B8A46; background: #AEAC57;}

body.lilac div#menu li.level2 a:hover, body.lilac div#menu li.level2 span.separator:hover, body.lilac div#menu li.level2 span.sfhover { border-color: #ffffff; background: #ffffff;}

body.turquoise div#menu li.level2 a:hover, body.turquoise div#menu li.level2 span.separator:hover, body.turquoise div#menu li.level2 span.sfhover { border-color: #607878; background: #789696;}

body.black div#menu li.level2 a:hover, body.black div#menu li.level2 span.separator:hover, body.black div#menu li.level2 span.sfhover { border-color: #302C24; background: #3C372D;}



 



 

div#menu li ul ul {

	/* margin: -48px 0 0 155px;  */

}



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

	border-top: none;

}



 

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: -20px; */

	padding: 0px;

	overflow: hidden;

	list-style: none;

	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;

	background: #ffffff;

}



div#middle ul.menu li {

	margin-left: -50px;

	padding: 0px;

	display: block;

}



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

	height: 24px;

	padding: 0px;



	border-bottom: 1px solid #ffffff;

	background: #ffffff;

	display: block;

	line-height: 25px;

	text-decoration: none;

	color: #702772;

}



div#middle ul.menu li span {  

	display: block;

	background-repeat: no-repeat;  

	background-position: 95% 0px;  

}



div#middle ul.menu a.current {  

	font-weight: bold;
	

}



div#middle ul.menu a:hover,

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

div#middle ul.menu span.sfhover,

div#middle ul.menu a.active:hover,

div#middle ul.menu span.active:hover {  

	height: 24px;

	/* border-bottom: 1px solid #904038; */

	/* background: #B45046; */

	color: #702772;

}



body.green div#middle ul.menu a:hover, body.green div#middle ul.menu span.separator:hover, body.green div#middle ul.menu span.sfhover, body.green div#middle ul.menu a.active:hover, body.green div#middle ul.menu span.active:hover { border-color: #798C68; background: #97AF82;}

body.pink div#middle ul.menu a:hover, body.pink div#middle ul.menu span.separator:hover, body.pink div#middle ul.menu span.sfhover, body.pink div#middle ul.menu a.active:hover, body.pink div#middle ul.menu span.active:hover { border-color: #94778E; background: #B995B1;}

body.orange div#middle ul.menu a:hover, body.orange div#middle ul.menu span.separator:hover, body.orange div#middle ul.menu span.sfhover, body.orange div#middle ul.menu a.active:hover, body.orange div#middle ul.menu span.active:hover { border-color: #A7763E; background: #D1934E;}

body.blue div#middle ul.menu a:hover, body.blue div#middle ul.menu span.separator:hover, body.blue div#middle ul.menu span.sfhover, body.blue div#middle ul.menu a.active:hover, body.blue div#middle ul.menu span.active:hover { border-color: #4F7F92; background: #639FB7;}

body.yellow div#middle ul.menu a:hover, body.yellow div#middle ul.menu span.separator:hover, body.yellow div#middle ul.menu span.sfhover, body.yellow div#middle ul.menu a.active:hover, body.yellow div#middle ul.menu span.active:hover { border-color: #8B8A46; background: #AEAC57;}

body.lilac div#middle ul.menu a:hover, body.lilac div#middle ul.menu span.separator:hover, body.lilac div#middle ul.menu span.sfhover, body.lilac div#middle ul.menu a.active:hover, body.lilac div#middle ul.menu span.active:hover { border-color: #ffffff; background: #ffffff;}

body.turquoise div#middle ul.menu a:hover, body.turquoise div#middle ul.menu span.separator:hover, body.turquoise div#middle ul.menu span.sfhover, body.turquoise div#middle ul.menu a.active:hover, body.turquoise div#middle ul.menu span.active:hover { border-color: #607878; background: #789696;}

body.black div#middle ul.menu a:hover, body.black div#middle ul.menu span.separator:hover, body.black div#middle ul.menu span.sfhover, body.black div#middle ul.menu a.active:hover, body.black div#middle ul.menu span.active:hover { border-color: #302C24; background: #3C372D;}



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

	color: #702772;
	
}



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

	cursor: pointer;

}



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

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



div#right ul.menu a.parent, div#right ul.menu span.parent {  

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

}



 

div#middle ul.menu li.level1 {

}



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

	text-indent: 20px;

}



 

div#middle ul.menu li.level2 {

}



div#middle ul.menu a.level2 {

	margin-top: -10px;
	margin-bottom: -10px;
	text-indent: 35px;

}



div#middle ul.menu a.level2 span {

}



 

div#middle ul.menu li.level3 {

}



div#middle ul.menu a.level3 {

	text-indent: 35px;

}



div#middle ul.menu a.level3 span {

}



 

div#middle ul.menu li.level4 {

}



div#middle ul.menu a.level4  {

	text-indent: 45px;

}



div#middle ul.menu a.level4 span {

}