#nav-one {
        background-image: url(../images/menu_seprate.jpg);
        padding: 0px 0px 0px 1px;
}

div.cmDiv
{

        background-color: #4A4B4F;
}

.clickMenu
{
	margin: 0;
	padding: 0;
	cursor: default;
}
.clickMenu, .clickMenu ul
{
        float: left;
	list-style: none;
}
.clickMenu ul
{
        margin: 0;
        padding: 2px;
        background-color:#016EB3;
        color:white;
        font-size:10pt;
        font-weight:bold;
//        padding: 0px;
}
.clickMenu div.outerbox
{
	display: none;
/*	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
	left: 0;
	margin: 0;
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 95px;
	top: 0px;
}
.clickMenu li
{
        font-weight:normal;
        height: 20px;
        padding: 5pt 5px 2pt 5px;
        position:relative;
        white-space:nowrap;
}


.clickMenu li.main
{
	float: left;
        padding: 0px 1px 0px 0px;
        background-image: url(../images/menu_seprate.jpg);
        z-index:200;
}
.clickMenu li.main li
{
  border-bottom:1px solid white;
/*  min-width:78px;*/
/*  padding:3px 0px 3px 15px;*/
  z-index:2;
}

.clickMenu .menuLevel1 li {

}


.clickMenu .menuLevel1 li.hover {
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
        color: #ffc929;
}

.clickMenu img.liArrow {
	position: absolute;
	right: 5px;
	top: 0.41em;
}

.clickMenu a {
	text-decoration: none;
	color: black;
	cursor: default;
}

.clickMenu .linkout {
        cursor: pointer;
}

.clickMenu .arrow {
        margin-left: 5px;
}

.clickMenu ul .menuLevel2 {
        background-color: #E1E1E1;
        color: #4C4C4C; 
}

.clickMenu ul .menuLevel2 li {
        background-color: #D2D2D2;
}

.clickMenu ul .menuLevel2 li.hover {
        color: blue;
        background-color: #eaeaea;
}


/* thats for the shadowbox */
html>body div.outerbox
{
        padding: 0 5px 5px 0;
}
html>body div.shadowbox1
{
        position: absolute;
        right: 0;
        bottom: 5px;
        width: 5px;
        height: 100%;
        background: url(myshadow.png) no-repeat right top;
}
html>body div.shadowbox2
{
        position: absolute;
        bottom: 0;
        right: 5px;
        height: 5px;
        width: 100%;
        background: url(myshadow.png) left bottom;
}
html>body div.shadowbox3
{
        position: absolute;
        bottom: 0;
        right: 0;
        height: 5px;
        width: 5px;
        background: url(myshadow.png) no-repeat right bottom;
}
html>body .innerbox
{
        margin: 0;
        display: inherit;
}