/*########### BEGINN: ACTIONMENUE #############*/
/* Credit: menu icon by Dmitriy Ivanov, from the Noun Project. */

div.actionmenu {
    border-radius: 4px 4px 4px 4px;
}
    
div.actionmenu ul.actionmenu {
    list-style-type:none;
    margin:0;
    padding:0;
    z-index: 10000;
}

div.actionmenu ul.actionmenu:after {
  content: ".";
  display: block;
  clear: both;
  font-size: 0; 
  height: 0;
  visibility: hidden;
}

div.actionmenu ul.actionmenu li {
    float:left;
    position:relative;
    padding:0;
    cursor: pointer;
}

div.actionmenu ul.actionmenu li span,
ul.ausgelagertes_actionmenu_unterliste li span {
    color: #2d6ca2;
    font-size: 15px;
    line-height: 19px;
    vertical-align: middle;
}


/* Schaltflaeche */
div.actionmenu ul.actionmenu li.actionmenu_actions,
/* div.actionmenu ul.actionmenu li.actionmenu_actions_no_gear, */
div.actionmenu ul.actionmenu li.actionmenu_actions_firstlevel,
div.actionmenu ul.actionmenu li.actionmenu_actions_secondlevel,
div.actionmenu ul.actionmenu li.actionmenu_actions_thirdlevel {
    border-radius: 4px;
}

ul.actionmenu li.actionmenu_actions_firstlevel,
ul.actionmenu li.actionmenu_actions_secondlevel,
ul.actionmenu li.actionmenu_actions_thirdlevel {
    background: #FCFAF1 url('../../img/gui/bg_hamburger_blue.png') no-repeat right center;
}

/* Haupt-Ausklapp-Container */
div.actionmenu ul.actionmenu ul,
ul.ausgelagertes_actionmenu_unterliste {
    background-color: #EEF5F7;    
    border: 1px solid #CCD2D4;
    border-radius:4px 0 4px 4px;
    box-shadow: rgba(0, 0, 0, 0.50) 5px 5px 4px;
    display:none;
    height: auto;
    list-style-type:none;
    margin:0;
    padding: 10px 6px 10px 7px;    
    position:absolute;
    right:-1px;
    top: 32px;
}

div.actionmenu  ul.actionmenu ul {
    z-index: 10000;
}

ul.ausgelagertes_actionmenu_unterliste {
    z-index:1102;
}

div.actionmenu ul.actionmenu li.actionmenu_mainItem {
	border: 1px solid #2d6ca2;
    height: 22px;
    margin: 0; /* oder weglassen?! dann rueckt der Menue-Button weiter ein.... */
    padding:5px 27px 5px 5px;
    background-color: white;
}

div.actionmenu ul.actionmenu li.actionmenu_mainItemHover,
div.actionmenu ul.actionmenu li.actionmenu_mainItemActive {
    border-color: #CCD2D4;
    background: #EEF5F7 url(../../img/gui/bg_hamburger_dark.png) no-repeat right center;
}

div.actionmenu ul.actionmenu li.actionmenu_mainItemActive {
    border-radius:4px 4px 0 0;
    box-shadow: rgba(0, 0, 0, 0.50) 5px 5px 4px;
}

div.actionmenu ul.actionmenu li.actionmenu_mainItemHover span,
div.actionmenu ul.actionmenu li.actionmenu_mainItemHover a,
div.actionmenu ul.actionmenu li.actionmenu_mainItemActive span, 
div.actionmenu ul.actionmenu li.actionmenu_mainItemActive a {
    color: #444;
}

div.actionmenu ul.actionmenu li.actionmenu_mainItem input {
    text-decoration:none;
    margin: 0;
    padding: 2px 0 0 0;
    color: #70706F;
    font-size: 14px;
}

div.actionmenu ul.actionmenu li li,
ul.ausgelagertes_actionmenu_unterliste li {
    float:none;
    padding:3px 8px;
}


div.actionmenu ul.actionmenu li.actionmenu_mainItemHover li span,
div.actionmenu ul.actionmenu li.actionmenu_mainItemActive li span, 
div.actionmenu ul.actionmenu li.actionmenu_mainItemHover li a,
div.actionmenu ul.actionmenu li.actionmenu_mainItemActive li a {
    color: #70706F;
    text-shadow: 1px 1px 1px #FFFFFF;
}

div.actionmenu ul.actionmenu li li input:hover,
ul.ausgelagertes_actionmenu_unterliste li input:hover {
    background-color: white;
    color: #000000;
}

div.actionmenu ul.actionmenu li li+li,
ul.ausgelagertes_actionmenu_unterliste li+li {
    border-top:none;
}
    
/* einzelne Listenelemente */
div.actionmenu ul.actionmenu ul li,
ul.ausgelagertes_actionmenu_unterliste li {
    background-color: white;
    height: 30px;
    margin: 1px 7px 0px 5px;
    font: 13px/30px 'OpenSansRegular', Arial, sans-serif;
    padding-left: 40px;
    background-repeat: no-repeat;
}

/* hover-Effekt auf den einzelnen Listenelementen */
div.actionmenu ul.actionmenu ul li:hover,
ul.ausgelagertes_actionmenu_unterliste li:hover {
    cursor: pointer;
}

/* Icon ++ */
div.actionmenu ul.actionmenu ul li.doubleplus,
ul.ausgelagertes_actionmenu_unterliste li.doubleplus {
    background-image: url('../../img/gui/modal_list_doubleplus.png');
}

/* Icon Papierkorb */
div.actionmenu ul.actionmenu ul li.delete,
ul.ausgelagertes_actionmenu_unterliste li.delete {
    background-image: url('../../img/gui/modal_list_delete.png');
}

/* Icon + */
div.actionmenu ul.actionmenu ul li.plus,
ul.ausgelagertes_actionmenu_unterliste li.plus {
    background-image: url('../../img/gui/modal_list_plus.png');
}

/* Icon Bleistift */
div.actionmenu ul.actionmenu ul li.pencil,
ul.ausgelagertes_actionmenu_unterliste li.pencil {
    background-image: url('../../img/gui/modal_list_pencil.png');
    background-position: 1px 5px;
}

div.actionmenu ul.actionmenu ul li.margin_bottom,
ul.ausgelagertes_actionmenu_unterliste li.margin_bottom {
    margin-bottom: 6px;
}

div.actionmenu ul.actionmenu ul li.margin_top,
ul.ausgelagertes_actionmenu_unterliste li.margin_top {
    margin-top: 6px;
}

/* Linktexte */
div.actionmenu ul.actionmenu ul li a,
ul.ausgelagertes_actionmenu_unterliste li a {
    color: #70706F;
    text-decoration: none;
    display: block;
    width: 100%;
    font: 14px 'OpenSansRegular', Arial, sans-serif;
    padding: 3px;
    white-space: nowrap;
}

div.actionmenu ul.actionmenu li li a.highlighted,
ul.ausgelagertes_actionmenu_unterliste li a.highlighted {
    font-weight: bold;
}

/* Linktexte hover-Effekt */
div.actionmenu ul.actionmenu ul li a:hover,
ul.ausgelagertes_actionmenu_unterliste li a:hover {
    color: #000;
    background-color: white;
}

ul.actionmenu li li input,
ul.ausgelagertes_actionmenu_unterliste li input {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}

ul.actionmenu input { 
    font-family: inherit;
    font-size: inherit;
}
 
/*########### ENDE: ACTIONMENUE #############*/