div.menu_on_the_left{
	float: left;
}

div.menu_on_the_right{
	float: right;
}

nav {
    background-color: #FFF; 
    border:    2px solid #355FAF;
    color: #355FAF;
    display: block;
    margin: 0;
    overflow: hidden;
}

/* -------------------------------------------------------------------
 *  Main menu
 * -------------------------------------------------------------------
 */
 
 
/*  The container */
nav ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

/* The elements in the main menu */
nav ul li {
    margin: 0;
    display: inline-block;
    list-style-type: none;
    padding: 6px 10px 8px 10px;
	
    transition: all 0.2s;
}
nav ul.alphabet li {
    padding: 3px 6px 3px 5px;
}

/* The link attributes for clickable the main menu entries */
nav > div > ul > li > a {
    color: #355FAF;
    display: block;
    line-height: 2em;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

/* When hovering over a menu item */
nav > div > ul > li > a:hover {
	color: #fff;
}

nav li:hover {
    /* background-color: #004BC6; */
    background-color: #01A4E7;
    color: #fff;
}

/* Positioning of the submenu */
nav li:hover > ul{
    position:absolute;
    display : block;
}


/* -------------------------------------------------------------------
 * Sub menu level 1: 
 * -------------------------------------------------------------------
 */
nav li > ul > li:hover > ul  {
    position:absolute;
    display : block;
    margin-left:80%;
    margin-top:-3em;
}

/* The container */
nav li > ul{
    display : none;
    margin-top:3px;
    background-color: #355FAF; /* #267DAA;*/
    border-left:   2px solid #01A4E7;
    border-top:    2px solid #01A4E7;
    border-bottom: 2px solid #0C4572;
    border-right:  2px solid #0C4572;
}

/* The elements in the sub menu */
nav li > ul li{
    display: block;
}

li.menu_separator {
	padding: 0px;
	margin: 0px;
}

/* The link attributes for clickable the sub menu entries */
nav  li > ul li a {
    color: #fff;
    display: block;
    line-height: 2em;
    /*padding: 0.5em 2em; */
    padding: 2px 4px 2px 4px;
    text-decoration: none;
}

/* When hovering over a menu item */
nav  li > ul li a:hover {
	color: #fff;
}

nav li > ul > li ul  {
    display: none;
    background-color: #888;
    transition: all 0.2s;
}

/*nav ul > li.sub{
//   background: url(arrow_down_white_18dp.png) right center no-repeat;
//}
*/

/*nav ul > li.sub li.sub{
//    background: url(ic_keyboard_arrow_right_white_18dp.png) right center no-repeat;
//}
*/

div.taskmenu 
{
    width: 100%;
}

div.taskmenuitem{
    margin: 0;
    /* display: inline-block; */
    padding: 6px 10px 6px 10px;    
    border-bottom: 2px solid #0C4572;
    /* background-color: #01A4E7; */
}

div.taskmenuitem a {
    color: #355FAF;
    display: block;
    line-height: 2em;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none;
}

div.taskmenuitem a:hover {
	background-color: #355FAF;
	color: #fff;
}