div.cmDiv
{width:680px;
margin-left:10px;
position:relative;
float:left;
font-family: Tahoma;
font-size: 12px;
font-weight:bold;
color:#383838;
list-style: none;

}
.clickMenu
{
	margin: 0;
	padding: 0;
	cursor: pointer;
	list-style: none;
}
.clickMenu, .clickMenu ul
{
	list-style: none;
}

.clickMenu ul
{
	margin: 0;
	padding: 0;
	background-color: #eee;
	min-width: 100%; /* ie doesnt know this :/ */
	//float: left;/*ie again*/
	//width: 100%;/*and again*/
}


.clickMenu div.outerbox
{
	display: none;
	min-width: 106px; /* firefox produces animation-flickering when the box is bigger than this :/ */
}
.clickMenu div.inner
{
	//top: 23px; /* for ie */
	left: 0;
	margin: 0;
	margin-top:7px;	
	border:1px solid #C5D1CD;
	width:133px;
	padding:0px;
	
}
.clickMenu div.inner div.outerbox
{
	margin: 0;
	left: 98px;
	//left: 90px; /* for ie */
	top: -3px;	
}



.clickMenu li
{
height:23px;
	position: relative;
	padding: 0px 20px 0px 2px;
	/*white-space: nowrap; does not really work in ie */
list-style: none;
}
.clickMenu li.main
{

	float: left;
	padding: 0 20px;
	//height: 23px; /* for ie */
	padding-top:7px;
	background: url('../img/menu_bg3.png') no-repeat center left;
	list-style: none;
	text-align:center;
}
	
.clickMenu li.main:hover
{
text-align:center;
background-color: #CDDBBE;
}	
	
	
.clickMenu li.main li
{
height:18px;
z-index: 2;
min-width: 78px;
font-family: Tahoma;
font-size: 11px;
font-weight:normal;
padding-left:20px;
padding-top:2px;
list-style: none;
text-align:left;
}


.clickMenu li.main li a{
}


.clickMenu li.main li a:hover
{
background-color: #CDDBBE;
}



.clickMenu li.hover
{	list-style: none;
	z-index: 1 !important; /* the hover z-index has to be below the normal one the hovering items may be drawn over a submenu */
	background-color: #CDDBBE;
}
.clickMenu img.liArrow
{
	position: absolute;
	right: 5px;
	top: 0.41em;
}
.clickMenu a
{	list-style: none;
	text-decoration: none;
	color:#383838;
	cursor: pointer;
}



/* 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;
}