/** ********************************************* * 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> *              <ul> *                  <li><a href="#" class="parent"><span>level 2</span></a> *                      <ul><li><a href="#"><span>level 3</span></a></li></ul> *                  </li> *              </ul> *          </li> *          <li class="last"><a href="#"><span>level 1</span></a></li> *      </ul> *  </div> ********************************************* *//* menu::base */div#menu {    background:url(images/main-bg.png) repeat-x;	text-align:left;}div#menu ul {    margin:0px;    padding: 0;    list-style: none;    float: left;}div#menu ul.menu {    padding-left:70px;	margin-top:-15px;}div#menu li {    position: relative;    z-index: 9;    margin: 0;    padding: 0 1px 0 0;    display: block;    float: left;}div#menu li:hover>ul {    left: -2px;}div#menu a {    position: relative;    z-index: 10;    height: 41px;    display: block;    float: left;    line-height: 41px;    text-decoration: none;    font: normal 13px Verdana, Arial, Helvetica, sans-serif;	outline: 0;	padding:0px;	margin:0px;	}div#menu a:hover, div#menu a:hover span { color: #000; }div#menu li.current a {}div#menu span {    display: block;    cursor: pointer;    background-repeat: no-repeat;    background-position: 95% 0;	outline: 0;}div#menu ul ul a.parent span {    background-position:95% 8px;    background-image: url(images/item-pointer.gif);	outline: 0;}div#menu ul ul a.parent:hover span {    background-image: url(images/item-pointer-mover.gif);outline: 0;}.parent:focus {     outline: none; 	}/* menu::level1 */div#menu a {    padding: 0px 0px 0 0px;    line-height: 25px;    color: #000;	font-weight:bold;}div#menu span {    margin-top: 0px;}/**@replace#1*//*div#menu li { background: url(images/main-delimiter.png) 98% 4px no-repeat; }*/div#menu li.last { background: none; }/* menu::level2 */div#menu ul ul li { background: none; }div#menu ul ul {    position: absolute;    top: 35px;    left: -999em;    width: 200px;    padding: 5px 0 0 0;    background:#2059a5;    margin-top:1px;	margin-left:5px;	border:1px solid #ccc;}div#menu ul ul a {    padding: 0 0 0 15px;    height: auto;    float: none;    display: block;    line-height: 24px;}div#menu ul ul span {    margin-top: 0;    padding-right: 15px;    _padding-right: 20px;}div#menu ul ul a:hover span {    color: #fff;}div#menu ul ul li.last { background: none; }div#menu ul ul li {    width: 100%;}/* menu::level3 */div#menu ul ul ul {    padding: 0;    margin: -38px 0 0 163px !important;    margin-left:172px;}/* colors */div#menu ul ul ul { background: rgb(41,41,41); }div#menu ul ul ul ul { background: rgb(38,38,38); }div#menu ul ul ul ul { background: rgb(35,35,35); }/* lava lamp */div#menu li.back {    background: url(images/lava.png) no-repeat right -44px !important;    background-image: url(images/lava.gif);    width: 13px;    height: 44px;    z-index: 8;    position: absolute;    margin: -1px 0 0 -5px;}div#menu li.back .left {    background: url(images/lava.png) no-repeat top left !important;    background-image: url(images/lava.gif);    height: 44px;    margin-right: 8px;}.border1{border-bottom:1px dotted #CCCCCC;outline: 0;}.border1:focus {     outline: none; 	}.border2{border-bottom:1px dotted #CCCCCC;color:#000000;outline: 0;}