.clickMenu

{

	position: absolute;
	font: 11px/20px Arial,sans-serif;
	cursor: default;
	float:right;
	padding-right:13px; 
	padding-bottom:25px;


}

.clickMenu, .clickMenu ul

{

	list-style: none;

}

.clickMenu ul

{

	

	display: block;

	float: none;

	padding-right: 4px;

	border: 1px solid #C3D1EC;

    box-shadow: 0 1px 5px #CCCCCC;

	background-color: #007984;

	width: auto;

	white-space: nowrap;

	/* Resize the image for IE6 */

	 /*min-width: 100px; 

ie doesnt know this :/ */

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

	left: 0;

	margin: 0;

}

.clickMenu div.inner div.outerbox

{

	margin: 0;

	left: 98px;

	//left: 90px; /* for ie */

	top: -3px;

}

.clickMenu li

{

	position: relative;

	padding: 0 4px 0 2px;

	

	/*white-space: nowrap; does not really work in ie */

}

.clickMenu li.main

{

	float: left;

	padding: 0 10px;

	background-color: #ffff;

	

	/*//height: 20px;  for ie */

}

.clickMenu li.main li

{

	z-index: 2;

	

}

.clickMenu 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 */

	background-color: #1897C4;

}

.clickMenu a

{

	text-decoration: none;

	color: white;

	cursor: hand;

}

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

}

html>body div.shadowbox2

{

	position: absolute;

	bottom: 0;

	right: 5px;

	height: 5px;

	width: 100%;

}

html>body div.shadowbox3

{

	position: absolute;

	bottom: 0;

	right: 0;

	height: 5px;

	width: 5px;

}

html>body .innerbox

{

	margin: 0;

	display: inherit;

}

.arrow {

    border-color: #ffffff transparent transparent;

    border-style: solid dashed dashed;

    margin-left: 5px;

    position: relative;

    top: 10px;

}