/*
##################################################
          class extension "default"
##################################################
*/

/* SUBSITES MENU "default" */

div.ssf_subsitesMenuContainer_default ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

div.ssf_subsitesMenuContainer_default ul  li {
padding: 0 0 9px 0;
margin: 0;
}

div.ssf_subsitesMenuContainer_default ul li.ssf_currentSubsite {
font-weight: 400;
}

div.ssf_subsitesMenuContainer_default ul li.ssf_otherSubsite {
font-weight: 400;
}


/* SUBSITES GROUPS MENUS "default" */

div.ssf_subsiteGroupsMenuContainer_default div.subsiteGroupsMenuJS1 {
overflow: hidden; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteCurrentGroupMenuJS1 {
background: none!important; 
height: auto!important; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteGroupsMenuJS2 {
overflow: hidden; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteCurrentGroupMenuJS2 {
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteGroupsMenuOpen {
overflow: hidden; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteCurrentGroupMenuOpen {
height: auto!important; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default li {
list-style-type: none;
list-style-image: none;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteGroupsMenu_home {
 height: 36px; 
overflow: hidden; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}

div.ssf_subsiteGroupsMenuContainer_default div.subsiteGroupsMenu_homeCurrent {
height: 36px; 
overflow: hidden; 
font-size: 14px; 
border-bottom: 1px solid; 
padding: 0 10px 6px 0; 
margin: 0;
}



/*
##################################################
          class extension "boxes"
##################################################
*/

div.ssf_subsitesMenuContainer_boxes a:link {color: #369!important; text-decoration: none;}
div.ssf_subsitesMenuContainer_boxes a:visited {color: #369!important; text-decoration: none;}
div.ssf_subsitesMenuContainer_boxes a:hover {color: #c60; text-decoration: underline;}
div.ssf_subsitesMenuContainer_boxes a:active {color: #c60; text-decoration: underline;}
div.ssf_subsitesMenuContainer_boxes a:focus {color: #c60; text-decoration: underline;}


/* SUBSITES MENU "boxes" */

div.ssf_subsitesMenuContainer_boxes ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

div.ssf_subsitesMenuContainer_boxes ul  li {
padding: 0 0 9px 0;
margin: 0;
}

div.ssf_subsitesMenuContainer_boxes ul li.ssf_currentSubsite {
font-weight: 400;
color: #c60;
}

div.ssf_subsitesMenuContainer_boxes ul li.ssf_otherSubsite {
font-weight: 400;
}


/* SUBSITES GROUPS MENUS "boxes" */

div.ssf_subsiteGroupsMenuContainer_boxes {
color: #444;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteGroupsMenuJS1 {
background: #fff; 
overflow: hidden; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteCurrentGroupMenuJS1 {
height: auto!important; 
background: #eee!important; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteGroupsMenuJS2 {
background: #fff; 
overflow: hidden; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteCurrentGroupMenuJS2 {
height: auto!important;
background: #eee!important; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteGroupsMenuOpen {
background: #fff; 
overflow: hidden; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteCurrentGroupMenuOpen {
height: auto!important; 
background: #eee; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes li {
list-style-type: none;
list-style-image: none;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteGroupsMenu_home {
background: #fff; 
color: #c60; 
height: 36px; 
overflow: hidden; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}

div.ssf_subsiteGroupsMenuContainer_boxes div.subsiteGroupsMenu_homeCurrent {
background: #eee; 
color: #c60; 
height: 36px; 
overflow: hidden; 
font-size: 14px; 
border: 1px solid #ccc; 
border-radius: 5px; 
padding: 0 10px 6px 10px; 
margin: 9px 0;
}



/*
##################################################
        class extension "horizontal01"
##################################################
*/

/* SUBSITES MENU "horizontal01" */

div.ssf_subsitesMenuContainer_horizontal01 a {display: block; width: 98px; height: 50px; overflow: hidden; padding: 6px 12px 6px 12px;}
div.ssf_subsitesMenuContainer_horizontal01 a:link {color: #ccc;}
div.ssf_subsitesMenuContainer_horizontal01 a:visited {color: #ccc;}
div.ssf_subsitesMenuContainer_horizontal01 a:hover {color: #fc0;}
div.ssf_subsitesMenuContainer_horizontal01 a:active {color: #f90; text-decoration: underline;}
div.ssf_subsitesMenuContainer_horizontal01 a:focus {color: #f90; text-decoration: underline;}

div.ssf_subsitesMenuContainer_horizontal01 ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
}

div.ssf_subsitesMenuContainer_horizontal01 ul li {
display: block;
float: left;
min-width: 98px;
background: #333!important;
border: 0;
border-radius: 3px;
margin: 0 6px 6px 0;
}

div.ssf_subsitesMenuContainer_horizontal01 span {
display: block; width: 98px; height: 50px; padding: 6px 12px 6px 12px;
}

div.ssf_subsitesMenuContainer_horizontal01 ul li.ssf_currentSubsite {
background: #060!important;
color: #fc0;
border: 0;
border-radius: 3px;
font-weight: 400;
}

div.ssf_subsitesMenuContainer_horizontal01 ul li.ssf_otherSubsite {
font-weight: 400;
}

div.ssf_subsitesMenuContainer_horizontal01 ul li.ssf_otherSubsite:hover {
background: #930!important;
font-weight: 400;
}



/*
###################################################################

O W N  C L A S S  E X T E N S I O N S  for menus

define css for own class extensions (created by plugin call) below 

###################################################################
*/
