/**

 *********************************************

 * Prototype of styles for horizontal CSS-menu

 * @data 30.06.2/**

 *********************************************

 * Prototype of styles for horizontal CSS-menu

 * @data 30.06.2009

 *********************************************

 * (X)HTML-scheme:

 *  <div id="menu">

 *      <ul class="menu">

 *          <li><a href="#" class="parent"><span>level 1</span></a>

 *              <div><ul>

 *                  <li><a href="#" class="parent"><span>level 2</span></a>

 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>

 *                  </li>

 *              </ul></div>

 *          </li>

 *          <li class="last"><a href="#"><span>level 1</span></a></li>

 *      </ul>

 *  </div>

 *********************************************

 */



/* menu::base */

div#menu {
	background: transparent url(../images/menu_m.png) repeat-x scroll 0 0;
	border-radius: 4px 4px 4px 4px;
	height:36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
}



ul.menu {

	clear: both;

	float: none;

	cursor: pointer;

	z-index: 1;

	position: relative;

}



div#menu ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;

	z-index: 2;

	position: relative;

}



div#menu li {

	position: relative;

	margin: 0px;

	padding: 0px;

	display: block;

	overflow: visible;

	float: left;  

	height: 35px;

	z-index: 3;

}

/* menu::level1 */

div#menu li a {
	height: 30px;
	display: block;
	float: left;
	line-height: 36px;
	text-decoration: none;
	color: #000000;
	overflow: hidden;
	z-index: 4;
	position: relative;
}



div#menu li span {
	color: #3B72C1;
	display: block;
	padding: 0 15px;
	background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	border-right-width: 1px;
	border-right-style: groove;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	border-left-color: #999;
}



div#menu li span.bg { 

	display: block;

  padding: 0;

	height: 36px;

	z-index: 5;

	position: relative;

  float: left;

}



div#menu li.current {  

	font-weight: bold;

}



div#menu li.current ul {  

	font-weight: normal;

}



/* menu::level2 */

div#menu ul.menu ul {

	padding: 0px 0px 10px;

	background: transparent url('../images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 

	_background: transparent url('../images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	

	left: -999em; 

	width: 200px;

	position: absolute;

	top: 30px;

}



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

	left: 0px; 

	z-index: 100;

	visibility: visible; 

}



div#menu li li { 

	width: 100%; 

	text-indent: 0px;

	float: none; 

	height: auto;

}



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

	margin: 0px 1px;

	padding: 0px; 

	background: url('../images/menu_level2_item.gif') no-repeat scroll 100% bottom;

	height: auto; 

	float: none; 

	display: block; 

	line-height: 25px; 

	width: 200px;

}



div#menu li li a.parent { 

	background: url('../images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;

}



/* menu::level3 */

div#menu li ul ul { 

	margin:  0 0 164px;

}



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

	border-top: 1px solid #49c5ed; 

}



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: 0pt; z-index: 100; }



div#menu a:hover {

	color: #D54E21;
    border-radius: 4px 4px 4px 4px;

}

div#menu span:hover {

	color: #D54E21;

}

div#menu li ul span:hover {

	color: #D54E21;
	

}

 

009

 *********************************************

 * (X)HTML-scheme:

 *  <div id="menu">

 *      <ul class="menu">

 *          <li><a href="#" class="parent"><span>level 1</span></a>

 *              <div><ul>

 *                  <li><a href="#" class="parent"><span>level 2</span></a>

 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>

 *                  </li>

 *              </ul></div>

 *          </li>

 *          <li class="last"><a href="#"><span>level 1</span></a></li>

 *      </ul>

 *  </div>

 *********************************************

 */



/* menu::base */

div#menu {
	background: transparent url(../images/menu_m.png) repeat-x scroll 0 0;
	background-color:#3EB1D6;
	border-radius: 4px 4px 4px 4px;
	height:36px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #E1E1E1;
	border-right-color: #E1E1E1;
	border-bottom-color: #E1E1E1;
	border-left-color: #E1E1E1;
}



ul.menu {

	clear: both;

	float: none;

	cursor: pointer;

	z-index: 1;

	position: relative;

}



div#menu ul {

	margin: 0px;

	padding: 0px;

	list-style: none;

	float: left;

	z-index: 2;

	position: relative;

}



div#menu li {

	position: relative;

	margin: 0px;

	padding: 0px;

	display: block;

	overflow: visible;

	float: left;  

	height: 36px;

	z-index: 3;

}

/* menu::level1 */

div#menu li a {
	height: 36px;
	display: block;
	float: left;
	line-height: 36px;
	text-decoration: none;
	color: #000000;
	overflow: hidden;
	z-index: 4;
	position: relative;
}



div#menu li span {
	color: #3B72C1;
	display: block;
	padding: 0 11px;
	background-repeat: no-repeat;
	background-position: 95% 0px;
	z-index: 6;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



div#menu li span.bg { 

	display: block;

  padding: 0;

	height: 36px;

	z-index: 5;

	position: relative;

  float: left;

}



div#menu li.current {  

	font-weight: bold;

}



div#menu li.current ul {  

	font-weight: normal;

}



/* menu::level2 */

div#menu ul.menu ul {

	padding: 0px 0px 10px;

	background: transparent url('../images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; 

	_background: transparent url('../images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	

	left: -999em; 

	width: 200px;

	position: absolute;

	top: 30px;

}



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

	left: 0px; 

	z-index: 100;

	visibility: visible; 

}



div#menu li li { 

	width: 100%; 

	text-indent: 0px;

	float: none; 

	height: auto;

}



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

	margin: 0px 1px;

	padding: 0px; 

	background: url('../images/menu_level2_item.gif') no-repeat scroll 100% bottom;

	height: auto; 

	float: none; 

	display: block; 

	line-height: 25px; 

	width: 200px;

}



div#menu li li a.parent { 

	background: url('../images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;

}



/* menu::level3 */

div#menu li ul ul { 

	margin: -31px 0 0 164px;

}



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

	border-top: 1px solid #49c5ed; 

}



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: 0pt; z-index: 100; }



div#menu a:hover {

	color: #D54E21;
    border-radius: 4px 4px 4px 4px;

}

div#menu span:hover {

	color: #D54E21;

}

div#menu li ul span:hover {

	color: #D54E21;
	

}