/* Basic code - don't modify */

#nav { display: block; margin: 0; padding: 0; position: relative; }
#nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
#nav a { display: block; }
#nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
#nav ul a { zoom: 1; } /* IE6/7 fix */
#nav ul li { float: none; }
#nav ul ul { top: 0; }

/* Essentials - configure this */

/*#nav ul { width: 200px; }
#nav ul ul { left: 201px; }*/


/* Everything else is theming */

/*#nav { background-color: #30A8C3; height: 24px; }
#nav *:hover { background-color: none; }
#nav a { border-right: 1px solid white; color: white; font-size: 12px; padding: 6px; line-height: 1; }
#nav li.hover a { background-color: #5E5A5A; }
#nav ul { top: 25px; }
#nav ul li a { background-color: #5E5A5A; }
#nav ul a.hover { background-color: #30A8C3; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }*/
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */

#nav {
    height: 27px;
}
#nav *:hover {
    background-color: #808080;
}
#nav a {
    color: #464646;
    font-family: arial;
    font-size: 12px;
    padding: 4px;
}
#nav li li a, #nav li.hover a {
    background-color: #808080;
    color: #ffffff;
    text-decoration: none;
}
#nav ul {
    top: 21px;
}
#nav ul a, #nav ul a.hover {
    background-color: #808080;
}


.mainmenuitem {
    padding-left: 6px;
    padding-right: 6px;
}

.mainmenuitem:hover {
    text-decoration: underline;
}

.submenuitem {
    padding-left: 14px;
    padding-right: 14px;
}

.submenuitem:hover {
    text-decoration: underline;
}

.menu_main {
    border-left: 1px solid #a6a6a6;
    text-decoration: none;
}

.menu_main_first {
    text-decoration: none;
}

.menu_sub {
    white-space: nowrap;
    text-decoration: none;
}


.kiemelt {
  background-color: #f69220;
  color: #ffffff;
}



.chosenmainmenu, .chosenmainmenu span {
    background-color: #808080;
    color: #ffffff;
}




#submenu{
    float: left;
    width: 194px;
}

#submenu div.border_tl {
    width: 20px;
    height: 16px;
    float: left;
    background: url('../../../image/default/frame/border_tl.jpg') no-repeat;
}

#submenu div.border_top {
    width: 158px;
    height: 6px;
    float: left;
    background: url('../../../image/default/frame/border_top.jpg') repeat-x;
}

#submenu div.border_tr {
    width: 16px;
    height: 16px;
    float: right;
    background: url('../../../image/default/frame/border_tr.jpg') no-repeat;
}

#submenu div.border_left {
    clear: left;
    width: 20px;
    height: 193px;
    float: left;
    background: url('../../../image/default/frame/border_left.jpg') repeat-y;
}

#submenu div.content {
    width: 158px;
    height: 193px;
    float: left;
    background: url('../../../image/default/frame/mappa.jpg') no-repeat;
    background-position: right bottom;
}

#subnav { display: block; margin: 0; padding: 0; position: relative; }
#subnav li { clear: both; display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; padding-bottom: 6px;}


#subnav a {
    color: #464646;
    text-decoration: none;
    font-size: 12px;
}

#subnav a:hover {
    color: #464646;
    text-decoration: underline;
}

.chosensubmenu {
  font-weight: bold;
}

#submenu div.border_right {
    width: 16px;
    height: 193px;
    float: right;
    background: url('../../../image/default/frame/border_right.jpg') repeat-y;
}

#submenu div.border_bl {
    width: 20px;
    height: 20px;
    clear: left;
    float: left;
    background: url('../../../image/default/frame/border_bl.jpg') no-repeat;
}

#submenu div.border_bottom {
    width: 158px;
    height: 20px;
    float: left;
    background: url('../../../image/default/frame/border_bottom.jpg') repeat-x;
}

#submenu div.border_br {
    width: 16px;
    height: 20px;
    float: right;
    background: url('../../../image/default/frame/border_br.jpg') no-repeat;
}