/* Desktop */ @media (min-width: 1110px){ /* ######################### MENU STYLE #########################*/ .hamburger-menu-close-button { display: none; } #imSite { position: relative; } #imMnMn.main-menu { text-align: right; } #imMnMn.main-menu > ul { z-index: 10001; display: inline-block; } #imMnMn.main-menu li > ul, #imMnMn.main-menu li > div { z-index: 10002; } /* Main Menu */ #imMnMn.main-menu ul {padding:0;margin:0;list-style-type:none; } #imMnMn.main-menu > ul { margin-left: 0px; } #imMnMn.main-menu > ul > li { position: relative; margin-right: 0px; } #imMnMn.main-menu > ul > li:last-child { margin-right: 0; } /* Links */ /* Main Menu style */ #imMnMn.main-menu > ul > li { cursor: pointer; display: block; float: left; } #imMnMn.main-menu > ul > li > a { display: block; } #imMnMn.main-menu > ul > li .imMnMnFirstBg { background-image: url('../menu/hor_main.png'); width: 100px; height: 35px; } #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); } #imMnMn.main-menu > ul > li.imMnMnSeparator .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnFirst .imMnMnFirstBg { background-image: url('../menu/hor_main_f.png'); } #imMnMn.main-menu > ul > li.imMnMnFirst:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnFirst.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); } #imMnMn.main-menu > ul > li.imMnMnFirst.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnFirst.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnMiddle .imMnMnFirstBg { background-image: url('../menu/hor_main_m.png'); } #imMnMn.main-menu > ul > li.imMnMnMiddle:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnMiddle.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); } #imMnMn.main-menu > ul > li.imMnMnMiddle.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnMiddle.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnLast .imMnMnFirstBg { background-image: url('../menu/hor_main_l.png'); } #imMnMn.main-menu > ul > li.imMnMnLast:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnLast.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); } #imMnMn.main-menu > ul > li.imMnMnLast.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnLast.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnImg, #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg { overflow: hidden; position: absolute; line-height: 35px; width: 100%; height: 35px; top: 0; left: 0;text-align: left; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnImg img, #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg img { border: none; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnLevelImg { display: none; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnHoverIcon { display: none; } #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnDefaultIcon { display: none; } #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnHoverIcon { display: inline; } #imMnMn.main-menu > ul > li.imMnMnSeparator > .imMnMnFirstBg > .imMnMnTxt { display: none; } #imMnMn.main-menu > ul > li > a { text-decoration: none; } #imMnMn.main-menu > ul > li .imMnMnFirstBg > .imMnMnTxt { overflow: hidden; margin: 0px; padding: 0px; width: 95px; height: 35px; font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; line-height: 35px; display: block;} #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg > .imMnMnTxt, #imMnMn.main-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg > .imMnMnTxt { cursor: pointer; color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.main-menu > ul > li.imMnMnCurrent .imMnMnFirstBg > .imMnMnTxt { color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.main-menu > ul > li.imMnMnSeparator { background: transparent url('../res/separatorh.png') no-repeat center center; width: 10px; height: 35px; } #imMnMn.main-menu .imMnMnFirstBg { position: relative; display: block; background-repeat: no-repeat; cursor: pointer; width: 100%; } #imMnMn.main-menu a { border: none; cursor: pointer; } #imMnMn.main-menu .imMnMnTxt { text-overflow: ellipsis; white-space: nowrap; } #imMnMn.main-menu .imMnMnTxt .imMnMnTextLabel { position: relative; } #imMnMn.main-menu .imMnMnTxt .imMnMnTextLabel { word-wrap: normal; white-space: normal; line-height: normal; display: inline-block; vertical-align: middle; margin-top: -2px; } #imMnMn.main-menu .imMnMnFirstBg .imMnMnImg { display: block; height: 35px; width: 100px; cursor: pointer; } #imMnMn.main-menu .imMnMnFirstBg .imMnMnImg img { position: absolute; } /* SubMenu style */ #imMnMn.main-menu li .imMnMnBorder { position: relative; background-repeat: no-repeat; background-position: left top; width: 110px; height: 33px; border-collapse: collapse; } #imMnMn.main-menu ul ul li { cursor: pointer; overflow: hidden; width: 110px; height: 33px; border-collapse: collapse; cursor: pointer; display: inline; } #imMnMn.main-menu ul ul li a { display: block; width: 110px; height: 33px; } #imMnMn.main-menu ul ul li > .imMnMnBorder, #imMnMn.main-menu ul ul li > a > .imMnMnBorder { background-image: url('../menu/sub.png'); } #imMnMn.main-menu ul ul li:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li:hover > .imMnMnBorder { background-image: url('../menu/sub_h.png'); } #imMnMn.main-menu ul ul li.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub.png'); cursor: auto; } #imMnMn.main-menu ul ul li.imMnMnFirst > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnFirst > a > .imMnMnBorder { background-image: url('../menu/sub_f.png'); } #imMnMn.main-menu ul ul li.imMnMnFirst:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnFirst:hover > .imMnMnBorder { background-image: url('../menu/sub_f_h.png'); } #imMnMn.main-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_f.png'); cursor: auto; } #imMnMn.main-menu ul ul li.imMnMnMiddle > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnMiddle > a > .imMnMnBorder { background-image: url('../menu/sub_m.png'); } #imMnMn.main-menu ul ul li.imMnMnMiddle:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnMiddle:hover > .imMnMnBorder { background-image: url('../menu/sub_m_h.png'); } #imMnMn.main-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_m.png'); cursor: auto; } #imMnMn.main-menu ul ul li.imMnMnLast > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnLast > a > .imMnMnBorder { background-image: url('../menu/sub_l.png'); } #imMnMn.main-menu ul ul li.imMnMnLast:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnLast:hover > .imMnMnBorder { background-image: url('../menu/sub_l_h.png'); } #imMnMn.main-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_l.png'); cursor: auto; } #imMnMn.main-menu .imMnMnImg img { vertical-align: middle; padding: 0px; border: none; } #imMnMn.main-menu li .imMnMnBorder .imMnMnImg img.imMnMnHoverIcon { display: none; } #imMnMn.main-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.main-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.main-menu ul ul li .imMnMnImg { display: block; height: 33px; line-height: 33px; float: left; cursor: pointer; cursor: pointer; } #imMnMn.main-menu ul ul li .imMnMnImg img { margin-left: 3px; } #imMnMn.main-menu ul ul li .imMnMnTxt { position: relative; overflow: hidden; text-align: center; margin: 0px; padding: 0px; line-height: 33px; height: 33px; } #imMnMn.main-menu ul ul li .imMnMnTxt .imMnMnTextLabel { display: inline-block; } #imMnMn.main-menu ul ul li .imMnMnLevelImg { z-index: 100; position: absolute; right: 3px; top: 0; display: inline-block; width: 7px; height: 33px; background-image: url('../res/imIconMenuLeft.gif'); background-position: center center; background-repeat: no-repeat; } /* Normal font style */ #imMnMn.main-menu ul ul .imMnMnTxt { height: 33px; text-decoration: none; text-align: center; font: normal normal 8.000pt 'Fjalla One'; color: #C0C0C0;} /* Hover font style */ #imMnMn.main-menu ul ul li:hover > a > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu > ul > li > ul li:hover a, #imMnMn.main-menu ul ul li:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu > ul > li > div > ul li:hover a { text-decoration: none; color: #FFFFFF; } #imMnMn.main-menu ul .imMnMnSeparator, #imMnMn.main-menu ul .imMnMnSeparator * { cursor: default; } /* Section font style */ #imMnMn.main-menu ul ul li.imMnMnSeparator > a > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu > ul > li > ul li.imMnMnSeparator:hover a, #imMnMn.main-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu ul ul li.imMnMnSeparator > .imMnMnBorder .imMnMnTxt { text-decoration: none; color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.main-menu ul a, #imMnMn.main-menu ul a:hover, #imMnMn.main-menu ul a:visited { font: inherit; color: inherit; text-align: inherit; text-decoration: none; } /* MENU POSITION : HORIZONTAL VerticalMultipleColumn */ #imMnMn.main-menu ul .autoHide, #imMnMn.main-menu ul div .autoHide { display: none; } /* ######################### MAIN MENU POSITION #########################*/ /* div: Menu container*/ #imMnMn.main-menu { z-index:10000; } #imMnMn.main-menu > ul { position: relative; } #imMnMn.main-menu > ul > li div ul { position: absolute; } #imMnMn.main-menu > ul > li div ul ul { z-index:10100;} /* First level menu style */ #imMnMn.main-menu > ul > li { display: inline-block; width:100px; } #imMnMn.main-menu > ul > li div span { display:block; padding:0;} #imMnMn.main-menu a { display: block; width:100px;} #imMnMn.main-menu > ul > li > div a { float: left; } /* ########################## SUB MENU POSITION #########################*/ #imMnMn.main-menu.auto ul li div { position: absolute; } #imMnMn.main-menu.auto ul li div ul li ul { position: absolute; width: 100%; left: 110px; z-index: 10100; } /* Display */ #imMnMn.main-menu.auto li:hover > ul.auto, #imMnMn.auto li:hover > div.auto { display:block; } /* Hide */ #imMnMn.main-menu.auto li ul.auto, #imMnMn.auto li div.auto { display: none; }; #imMnMn.main-menu.auto ul li div.auto {display: none; } #imMnMn.main-menu.auto ul li:hover div.auto { display:block; } #imMnMn.main-menu ul li div > ul { width: 110px; display: block; float: left; position: relative; margin: 0; padding:0; } #imMnMn.main-menu ul li div ul li ul li ul { left: 110px;} /* First level menu style */ #imMnMn.main-menu ul li { width:100px; } /* Main Menu container */ #imMnMn.main-menu ul li span.imMnMnBorder { position: absolute; width: 110px; height: 33px; display: block; } /* menu entry */ #imMnMn.main-menu.auto ul li div ul li { display:block; } #imMnMn.main-menu.auto ul li div ul li ul { display:block; margin:0; padding:0;} #imMnMn.main-menu ul ul li .imMnMnBorder { overflow: hidden; } .hamburger-menu-background { display: none; } } /* Breakpoint 1 */ @media (max-width: 1109px) and (min-width: 720px){ /* ######################### MENU STYLE #########################*/ .hamburger-menu-close-button { display: none; } #imSite { position: relative; } #imMnMn.main-menu { text-align: center; } #imMnMn.main-menu > ul { z-index: 10001; display: inline-block; } #imMnMn.main-menu li > ul, #imMnMn.main-menu li > div { z-index: 10002; } /* Main Menu */ #imMnMn.main-menu ul {padding:0;margin:0;list-style-type:none; } #imMnMn.main-menu > ul { margin-left: 0px; } #imMnMn.main-menu > ul > li { position: relative; margin-left: 0px; } /* Links */ /* Main Menu style */ #imMnMn.main-menu > ul > li { cursor: pointer; display: block; float: left; } #imMnMn.main-menu > ul > li > a { display: block; } #imMnMn.main-menu > ul > li .imMnMnFirstBg { background-image: url('../menu/hor_main.png'); width: 100px; height: 35px; } #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); } #imMnMn.main-menu > ul > li.imMnMnSeparator .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnFirst .imMnMnFirstBg { background-image: url('../menu/hor_main_f.png'); } #imMnMn.main-menu > ul > li.imMnMnFirst:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnFirst.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); } #imMnMn.main-menu > ul > li.imMnMnFirst.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnFirst.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnMiddle .imMnMnFirstBg { background-image: url('../menu/hor_main_m.png'); } #imMnMn.main-menu > ul > li.imMnMnMiddle:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnMiddle.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); } #imMnMn.main-menu > ul > li.imMnMnMiddle.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnMiddle.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnLast .imMnMnFirstBg { background-image: url('../menu/hor_main_l.png'); } #imMnMn.main-menu > ul > li.imMnMnLast:hover .imMnMnFirstBg , #imMnMn.main-menu > ul > li.imMnMnLast.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); } #imMnMn.main-menu > ul > li.imMnMnLast.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.main-menu > ul > li.imMnMnLast.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); cursor: auto; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnImg, #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg { overflow: hidden; position: absolute; line-height: 35px; width: 100%; height: 35px; top: 0; left: 0;text-align: left; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnImg img, #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg img { border: none; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnLevelImg { display: none; } #imMnMn.main-menu > ul > li .imMnMnFirstBg .imMnMnHoverIcon { display: none; } #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnDefaultIcon { display: none; } #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg .imMnMnHoverIcon { display: inline; } #imMnMn.main-menu > ul > li.imMnMnSeparator > .imMnMnFirstBg > .imMnMnTxt { display: none; } #imMnMn.main-menu > ul > li > a { text-decoration: none; } #imMnMn.main-menu > ul > li .imMnMnFirstBg > .imMnMnTxt { overflow: hidden; margin: 0px; padding: 0px; width: 95px; height: 35px; font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; line-height: 35px; display: block;} #imMnMn.main-menu > ul > li:hover .imMnMnFirstBg > .imMnMnTxt, #imMnMn.main-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg > .imMnMnTxt { cursor: pointer; color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.main-menu > ul > li.imMnMnCurrent .imMnMnFirstBg > .imMnMnTxt { color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.main-menu > ul > li.imMnMnSeparator { background: transparent url('../res/separatorh.png') no-repeat center center; width: 10px; height: 35px; } #imMnMn.main-menu .imMnMnFirstBg { position: relative; display: block; background-repeat: no-repeat; cursor: pointer; width: 100%; } #imMnMn.main-menu a { border: none; cursor: pointer; } #imMnMn.main-menu .imMnMnTxt { text-overflow: ellipsis; white-space: nowrap; } #imMnMn.main-menu .imMnMnTxt .imMnMnTextLabel { position: relative; } #imMnMn.main-menu .imMnMnTxt .imMnMnTextLabel { word-wrap: normal; white-space: normal; line-height: normal; display: inline-block; vertical-align: middle; margin-top: -2px; } #imMnMn.main-menu .imMnMnFirstBg .imMnMnImg { display: block; height: 35px; width: 100px; cursor: pointer; } #imMnMn.main-menu .imMnMnFirstBg .imMnMnImg img { position: absolute; } /* SubMenu style */ #imMnMn.main-menu li .imMnMnBorder { position: relative; background-repeat: no-repeat; background-position: left top; width: 110px; height: 33px; border-collapse: collapse; } #imMnMn.main-menu ul ul li { cursor: pointer; overflow: hidden; width: 110px; height: 33px; border-collapse: collapse; cursor: pointer; display: inline; } #imMnMn.main-menu ul ul li a { display: block; width: 110px; height: 33px; } #imMnMn.main-menu ul ul li > .imMnMnBorder, #imMnMn.main-menu ul ul li > a > .imMnMnBorder { background-image: url('../menu/sub.png'); } #imMnMn.main-menu ul ul li:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li:hover > .imMnMnBorder { background-image: url('../menu/sub_h.png'); } #imMnMn.main-menu ul ul li.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub.png'); cursor: auto; } #imMnMn.main-menu ul ul li.imMnMnFirst > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnFirst > a > .imMnMnBorder { background-image: url('../menu/sub_f.png'); } #imMnMn.main-menu ul ul li.imMnMnFirst:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnFirst:hover > .imMnMnBorder { background-image: url('../menu/sub_f_h.png'); } #imMnMn.main-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_f.png'); cursor: auto; } #imMnMn.main-menu ul ul li.imMnMnMiddle > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnMiddle > a > .imMnMnBorder { background-image: url('../menu/sub_m.png'); } #imMnMn.main-menu ul ul li.imMnMnMiddle:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnMiddle:hover > .imMnMnBorder { background-image: url('../menu/sub_m_h.png'); } #imMnMn.main-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_m.png'); cursor: auto; } #imMnMn.main-menu ul ul li.imMnMnLast > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnLast > a > .imMnMnBorder { background-image: url('../menu/sub_l.png'); } #imMnMn.main-menu ul ul li.imMnMnLast:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnLast:hover > .imMnMnBorder { background-image: url('../menu/sub_l_h.png'); } #imMnMn.main-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.main-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_l.png'); cursor: auto; } #imMnMn.main-menu .imMnMnImg img { vertical-align: middle; padding: 0px; border: none; } #imMnMn.main-menu li .imMnMnBorder .imMnMnImg img.imMnMnHoverIcon { display: none; } #imMnMn.main-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.main-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.main-menu ul ul li .imMnMnImg { display: block; height: 33px; line-height: 33px; float: left; cursor: pointer; cursor: pointer; } #imMnMn.main-menu ul ul li .imMnMnImg img { margin-left: 3px; } #imMnMn.main-menu ul ul li .imMnMnTxt { position: relative; overflow: hidden; text-align: center; margin: 0px; padding: 0px; line-height: 33px; height: 33px; } #imMnMn.main-menu ul ul li .imMnMnTxt .imMnMnTextLabel { display: inline-block; } #imMnMn.main-menu ul ul li .imMnMnLevelImg { z-index: 100; position: absolute; right: 3px; top: 0; display: inline-block; width: 7px; height: 33px; background-image: url('../res/imIconMenuLeft.gif'); background-position: center center; background-repeat: no-repeat; } /* Normal font style */ #imMnMn.main-menu ul ul .imMnMnTxt { height: 33px; text-decoration: none; text-align: center; font: normal normal 8.000pt 'Fjalla One'; color: #C0C0C0;} /* Hover font style */ #imMnMn.main-menu ul ul li:hover > a > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu > ul > li > ul li:hover a, #imMnMn.main-menu ul ul li:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu > ul > li > div > ul li:hover a { text-decoration: none; color: #FFFFFF; } #imMnMn.main-menu ul .imMnMnSeparator, #imMnMn.main-menu ul .imMnMnSeparator * { cursor: default; } /* Section font style */ #imMnMn.main-menu ul ul li.imMnMnSeparator > a > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu > ul > li > ul li.imMnMnSeparator:hover a, #imMnMn.main-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.main-menu ul ul li.imMnMnSeparator > .imMnMnBorder .imMnMnTxt { text-decoration: none; color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.main-menu ul a, #imMnMn.main-menu ul a:hover, #imMnMn.main-menu ul a:visited { font: inherit; color: inherit; text-align: inherit; text-decoration: none; } /* MENU POSITION : HORIZONTAL VerticalMultipleColumn */ #imMnMn.main-menu ul .autoHide, #imMnMn.main-menu ul div .autoHide { display: none; } /* ######################### MAIN MENU POSITION #########################*/ /* div: Menu container*/ #imMnMn.main-menu { z-index:10000; } #imMnMn.main-menu > ul { position: relative; } #imMnMn.main-menu > ul > li div ul { position: absolute; } #imMnMn.main-menu > ul > li div ul ul { z-index:10100;} /* First level menu style */ #imMnMn.main-menu > ul > li { display: inline-block; width:100px; } #imMnMn.main-menu > ul > li div span { display:block; padding:0;} #imMnMn.main-menu a { display: block; width:100px;} #imMnMn.main-menu > ul > li > div a { float: left; } /* ########################## SUB MENU POSITION #########################*/ #imMnMn.main-menu.auto ul li div { position: absolute; } #imMnMn.main-menu.auto ul li div ul li ul { position: absolute; width: 100%; left: 110px; z-index: 10100; } /* Display */ #imMnMn.main-menu.auto li:hover > ul.auto, #imMnMn.auto li:hover > div.auto { display:block; } /* Hide */ #imMnMn.main-menu.auto li ul.auto, #imMnMn.auto li div.auto { display: none; }; #imMnMn.main-menu.auto ul li div.auto {display: none; } #imMnMn.main-menu.auto ul li:hover div.auto { display:block; } #imMnMn.main-menu ul li div > ul { width: 110px; display: block; float: left; position: relative; margin: 0; padding:0; } #imMnMn.main-menu ul li div ul li ul li ul { left: 110px;} /* First level menu style */ #imMnMn.main-menu ul li { width:100px; } /* Main Menu container */ #imMnMn.main-menu ul li span.imMnMnBorder { position: absolute; width: 110px; height: 33px; display: block; } /* menu entry */ #imMnMn.main-menu.auto ul li div ul li { display:block; } #imMnMn.main-menu.auto ul li div ul li ul { display:block; margin:0; padding:0;} #imMnMn.main-menu ul ul li .imMnMnBorder { overflow: hidden; } .hamburger-menu-background { display: none; } } /* Mobile */ @media (max-width: 719px) and (min-width: 480px){ #imMnMn.main-menu .hamburger-button { position: absolute; top: 0px;right: 5px;} #imMnMn.main-menu .hamburger-button { cursor: pointer; width: 35px; height: 35px;background-image: url('../menu/mobile.png'); background-repeat: no-repeat; background-position: center center;} #imMnMn.main-menu .hamburger-button > div { display: table; width: 35px; height: 35px; } #imMnMn.main-menu .hamburger-button > div > div { display: table-cell; vertical-align: middle; width: 35px; height: 35px; } #imMnMn.main-menu .hamburger-bar { margin: 4px auto; width: 65%; height: 4px; background-color: #C0C0C0; } #imMnMn.main-menu .hamburger-menu-background { z-index: 10;position: fixed;display: block;top: 0;bottom: 0;right: 0; left: auto;width: 110px;background-color: #95876F;transition: left 0.5s, right 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, right 0.5s, opacity 0.5s;} #imMnMn.main-menu > ul {transition: right 0.5s, left 0.5s, opacity 0.5s;-webkit-transition: right 0.5s, left 0.5s, opacity 0.5s;} #imMnMn.main-menu .hamburger-site-background { display: none;position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background-color: black;} #imMnMn.main-menu { overflow: visible; float: none; z-index: 10; } #imMnMn.main-menu ul ul { display: none; margin-bottom: 1px; } #imMnMn.main-menu li > div { display: none; } #imMnMn.main-menu div > ul { display: block; } #imMnMn.main-menu > ul { z-index: 11; position: fixed; right: 0; left: auto; top: 40px; background-color: #95876F; overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imMnMn.main-menu .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: #C0C0C0; } #imMnMn.main-menu .hamburger-menu-close-button span { cursor: pointer; } #imMnMn.main-menu li { margin-bottom: 1px;display:block; width: 108px; } #imMnMn.main-menu li:first-child { margin-top: 0; } #imMnMn.main-menu .imMnMnTxt { border: 1px solid #D3D3D3; } #imMnMn.main-menu li, #imMnMn.main-menu li a {font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; background-color: #95876F;} #imMnMn.main-menu ul ul li .imMnMnTxt { background-color: #817383; } #imMnMn.main-menu ul ul li li .imMnMnTxt { background-color: #6D5F97; } #imMnMn.main-menu ul ul li li li .imMnMnTxt { background-color: #594BAB; } #imMnMn.main-menu .imMnMnTxt { max-height: 15px; position: relative; overflow: hidden; display: block; padding: 9px 3px 9px 3px; } #imMnMn.main-menu ul li.imPage:hover, #imMnMn.main-menu ul li.imPage:hover .imMnMnTxt, #imMnMn.main-menu ul li.imLevel:hover > span > .imMnMnTxt, #imMnMn.main-menu ul li.imLevel:hover > a > span > .imMnMnTxt{text-decoration: none;color: #FFFFFF; background-color: #958770; border-color: #D3D3D3;} #imMnMn.main-menu ul li.imMnMnSeparator, #imMnMn.main-menu ul li.imMnMnSeparator .imMnMnTxt,#imMnMn.main-menu ul li.imMnMnSeparator:hover, #imMnMn.main-menu ul li.imMnMnSeparator:hover .imMnMnTxt{color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.main-menu .empty-separator { background: transparent url('../res/separatorv.png') no-repeat center center; width: 110px; height: 10px; } #imMnMn.main-menu .empty-separator span { display: none; } #imMnMn.main-menu .imMnMnImg { margin-right: 3px; position: relative; width: 33px; height: 33px; } #imMnMn.main-menu li img.imMnMnHoverIcon { display: none; } #imMnMn.main-menu li img { vertical-align: top; } #imMnMn.main-menu li:hover .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.main-menu li:hover .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.main-menu .menu-mobile-hidden, #imMnMn.main-menu > ul.menu-mobile-hidden { right: -110px; opacity: 0; } } /* Mobile Fluid */ @media (max-width: 479px){ #imMnMn.main-menu .hamburger-button { position: absolute; top: 0px;right: 5px;} #imMnMn.main-menu .hamburger-button { cursor: pointer; width: 35px; height: 35px;background-image: url('../menu/mobile.png'); background-repeat: no-repeat; background-position: center center;} #imMnMn.main-menu .hamburger-button > div { display: table; width: 35px; height: 35px; } #imMnMn.main-menu .hamburger-button > div > div { display: table-cell; vertical-align: middle; width: 35px; height: 35px; } #imMnMn.main-menu .hamburger-bar { margin: 4px auto; width: 65%; height: 4px; background-color: #C0C0C0; } #imMnMn.main-menu .hamburger-menu-background { z-index: 10;position: fixed;display: block;top: 0;bottom: 0;right: 0; left: auto;width: 110px;background-color: #95876F;transition: left 0.5s, right 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, right 0.5s, opacity 0.5s;} #imMnMn.main-menu > ul {transition: right 0.5s, left 0.5s, opacity 0.5s;-webkit-transition: right 0.5s, left 0.5s, opacity 0.5s;} #imMnMn.main-menu .hamburger-site-background { display: none;position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background-color: black;} #imMnMn.main-menu { overflow: visible; float: none; z-index: 10; } #imMnMn.main-menu ul ul { display: none; margin-bottom: 1px; } #imMnMn.main-menu li > div { display: none; } #imMnMn.main-menu div > ul { display: block; } #imMnMn.main-menu > ul { z-index: 11; position: fixed; right: 0; left: auto; top: 40px; background-color: #95876F; overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imMnMn.main-menu .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: #C0C0C0; } #imMnMn.main-menu .hamburger-menu-close-button span { cursor: pointer; } #imMnMn.main-menu li { margin-bottom: 1px;display:block; width: 108px; } #imMnMn.main-menu li:first-child { margin-top: 0; } #imMnMn.main-menu .imMnMnTxt { border: 1px solid #D3D3D3; } #imMnMn.main-menu li, #imMnMn.main-menu li a {font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; background-color: #95876F;} #imMnMn.main-menu ul ul li .imMnMnTxt { background-color: #817383; } #imMnMn.main-menu ul ul li li .imMnMnTxt { background-color: #6D5F97; } #imMnMn.main-menu ul ul li li li .imMnMnTxt { background-color: #594BAB; } #imMnMn.main-menu .imMnMnTxt { max-height: 15px; position: relative; overflow: hidden; display: block; padding: 9px 3px 9px 3px; } #imMnMn.main-menu ul li.imPage:hover, #imMnMn.main-menu ul li.imPage:hover .imMnMnTxt, #imMnMn.main-menu ul li.imLevel:hover > span > .imMnMnTxt, #imMnMn.main-menu ul li.imLevel:hover > a > span > .imMnMnTxt{text-decoration: none;color: #FFFFFF; background-color: #958770; border-color: #D3D3D3;} #imMnMn.main-menu ul li.imMnMnSeparator, #imMnMn.main-menu ul li.imMnMnSeparator .imMnMnTxt,#imMnMn.main-menu ul li.imMnMnSeparator:hover, #imMnMn.main-menu ul li.imMnMnSeparator:hover .imMnMnTxt{color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.main-menu .empty-separator { background: transparent url('../res/separatorv.png') no-repeat center center; width: 110px; height: 10px; } #imMnMn.main-menu .empty-separator span { display: none; } #imMnMn.main-menu .imMnMnImg { margin-right: 3px; position: relative; width: 33px; height: 33px; } #imMnMn.main-menu li img.imMnMnHoverIcon { display: none; } #imMnMn.main-menu li img { vertical-align: top; } #imMnMn.main-menu li:hover .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.main-menu li:hover .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.main-menu .menu-mobile-hidden, #imMnMn.main-menu > ul.menu-mobile-hidden { right: -110px; opacity: 0; } } #imMnMn.static-menu { z-index: 10001; padding: 0; height: 50px; } .static-menu div.imMnMnCustomHTML { display: none; } /* Desktop */ @media (min-width: 1110px){ #imMnMn.static-menu { width: 100%; } /* ######################### MENU STYLE #########################*/ .hamburger-menu-close-button { display: none; } #imSite { position: relative; } #imMnMn.static-menu { text-align: right; } #imMnMn.static-menu > ul { z-index: 10001; display: inline-block; } #imMnMn.static-menu li > ul, #imMnMn.static-menu li > div { z-index: 10002; } /* Main Menu */ #imMnMn.static-menu ul {padding:0;margin:0;list-style-type:none; } #imMnMn.static-menu > ul { margin-left: 0px; } #imMnMn.static-menu > ul > li { position: relative; margin-right: 0px; } #imMnMn.static-menu > ul > li:last-child { margin-right: 0; } /* Links */ /* Main Menu style */ #imMnMn.static-menu > ul > li { cursor: pointer; display: block; float: left; } #imMnMn.static-menu > ul > li > a { display: block; } #imMnMn.static-menu > ul > li .imMnMnFirstBg { background-image: url('../menu/hor_main.png'); width: 100px; height: 35px; } #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); } #imMnMn.static-menu > ul > li.imMnMnSeparator .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnFirst .imMnMnFirstBg { background-image: url('../menu/hor_main_f.png'); } #imMnMn.static-menu > ul > li.imMnMnFirst:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnFirst.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); } #imMnMn.static-menu > ul > li.imMnMnFirst.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnFirst.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnMiddle .imMnMnFirstBg { background-image: url('../menu/hor_main_m.png'); } #imMnMn.static-menu > ul > li.imMnMnMiddle:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnMiddle.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); } #imMnMn.static-menu > ul > li.imMnMnMiddle.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnMiddle.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnLast .imMnMnFirstBg { background-image: url('../menu/hor_main_l.png'); } #imMnMn.static-menu > ul > li.imMnMnLast:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnLast.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); } #imMnMn.static-menu > ul > li.imMnMnLast.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnLast.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnImg, #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg { overflow: hidden; position: absolute; line-height: 35px; width: 100%; height: 35px; top: 0; left: 0;text-align: left; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnImg img, #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg img { border: none; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnLevelImg { display: none; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnHoverIcon { display: none; } #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnDefaultIcon { display: none; } #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnHoverIcon { display: inline; } #imMnMn.static-menu > ul > li.imMnMnSeparator > .imMnMnFirstBg > .imMnMnTxt { display: none; } #imMnMn.static-menu > ul > li > a { text-decoration: none; } #imMnMn.static-menu > ul > li .imMnMnFirstBg > .imMnMnTxt { overflow: hidden; margin: 0px; padding: 0px; width: 95px; height: 35px; font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; line-height: 35px; display: block;} #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg > .imMnMnTxt, #imMnMn.static-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg > .imMnMnTxt { cursor: pointer; color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.static-menu > ul > li.imMnMnCurrent .imMnMnFirstBg > .imMnMnTxt { color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.static-menu > ul > li.imMnMnSeparator { background: transparent url('../res/separatorh.png') no-repeat center center; width: 10px; height: 35px; } #imMnMn.static-menu .imMnMnFirstBg { position: relative; display: block; background-repeat: no-repeat; cursor: pointer; width: 100%; } #imMnMn.static-menu a { border: none; cursor: pointer; } #imMnMn.static-menu .imMnMnTxt { text-overflow: ellipsis; white-space: nowrap; } #imMnMn.static-menu .imMnMnTxt .imMnMnTextLabel { position: relative; } #imMnMn.static-menu .imMnMnTxt .imMnMnTextLabel { word-wrap: normal; white-space: normal; line-height: normal; display: inline-block; vertical-align: middle; margin-top: -2px; } #imMnMn.static-menu .imMnMnFirstBg .imMnMnImg { display: block; height: 35px; width: 100px; cursor: pointer; } #imMnMn.static-menu .imMnMnFirstBg .imMnMnImg img { position: absolute; } /* SubMenu style */ #imMnMn.static-menu li .imMnMnBorder { position: relative; background-repeat: no-repeat; background-position: left top; width: 110px; height: 33px; border-collapse: collapse; } #imMnMn.static-menu ul ul li { cursor: pointer; overflow: hidden; width: 110px; height: 33px; border-collapse: collapse; cursor: pointer; display: inline; } #imMnMn.static-menu ul ul li a { display: block; width: 110px; height: 33px; } #imMnMn.static-menu ul ul li > .imMnMnBorder, #imMnMn.static-menu ul ul li > a > .imMnMnBorder { background-image: url('../menu/sub.png'); } #imMnMn.static-menu ul ul li:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li:hover > .imMnMnBorder { background-image: url('../menu/sub_h.png'); } #imMnMn.static-menu ul ul li.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub.png'); cursor: auto; } #imMnMn.static-menu ul ul li.imMnMnFirst > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnFirst > a > .imMnMnBorder { background-image: url('../menu/sub_f.png'); } #imMnMn.static-menu ul ul li.imMnMnFirst:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnFirst:hover > .imMnMnBorder { background-image: url('../menu/sub_f_h.png'); } #imMnMn.static-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_f.png'); cursor: auto; } #imMnMn.static-menu ul ul li.imMnMnMiddle > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnMiddle > a > .imMnMnBorder { background-image: url('../menu/sub_m.png'); } #imMnMn.static-menu ul ul li.imMnMnMiddle:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnMiddle:hover > .imMnMnBorder { background-image: url('../menu/sub_m_h.png'); } #imMnMn.static-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_m.png'); cursor: auto; } #imMnMn.static-menu ul ul li.imMnMnLast > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnLast > a > .imMnMnBorder { background-image: url('../menu/sub_l.png'); } #imMnMn.static-menu ul ul li.imMnMnLast:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnLast:hover > .imMnMnBorder { background-image: url('../menu/sub_l_h.png'); } #imMnMn.static-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_l.png'); cursor: auto; } #imMnMn.static-menu .imMnMnImg img { vertical-align: middle; padding: 0px; border: none; } #imMnMn.static-menu li .imMnMnBorder .imMnMnImg img.imMnMnHoverIcon { display: none; } #imMnMn.static-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.static-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.static-menu ul ul li .imMnMnImg { display: block; height: 33px; line-height: 33px; float: left; cursor: pointer; cursor: pointer; } #imMnMn.static-menu ul ul li .imMnMnImg img { margin-left: 3px; } #imMnMn.static-menu ul ul li .imMnMnTxt { position: relative; overflow: hidden; text-align: center; margin: 0px; padding: 0px; line-height: 33px; height: 33px; } #imMnMn.static-menu ul ul li .imMnMnTxt .imMnMnTextLabel { display: inline-block; } #imMnMn.static-menu ul ul li .imMnMnLevelImg { z-index: 100; position: absolute; right: 3px; top: 0; display: inline-block; width: 7px; height: 33px; background-image: url('../res/imIconMenuLeft.gif'); background-position: center center; background-repeat: no-repeat; } /* Normal font style */ #imMnMn.static-menu ul ul .imMnMnTxt { height: 33px; text-decoration: none; text-align: center; font: normal normal 8.000pt 'Fjalla One'; color: #C0C0C0;} /* Hover font style */ #imMnMn.static-menu ul ul li:hover > a > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu > ul > li > ul li:hover a, #imMnMn.static-menu ul ul li:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu > ul > li > div > ul li:hover a { text-decoration: none; color: #FFFFFF; } #imMnMn.static-menu ul .imMnMnSeparator, #imMnMn.static-menu ul .imMnMnSeparator * { cursor: default; } /* Section font style */ #imMnMn.static-menu ul ul li.imMnMnSeparator > a > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu > ul > li > ul li.imMnMnSeparator:hover a, #imMnMn.static-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu ul ul li.imMnMnSeparator > .imMnMnBorder .imMnMnTxt { text-decoration: none; color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.static-menu ul a, #imMnMn.static-menu ul a:hover, #imMnMn.static-menu ul a:visited { font: inherit; color: inherit; text-align: inherit; text-decoration: none; } /* MENU POSITION : HORIZONTAL VerticalMultipleColumn */ #imMnMn.static-menu ul .autoHide, #imMnMn.static-menu ul div .autoHide { display: none; } /* ######################### MAIN MENU POSITION #########################*/ /* div: Menu container*/ #imMnMn.static-menu { z-index:10000; } #imMnMn.static-menu > ul { position: relative; } #imMnMn.static-menu > ul > li div ul { position: absolute; } #imMnMn.static-menu > ul > li div ul ul { z-index:10100;} /* First level menu style */ #imMnMn.static-menu > ul > li { display: inline-block; width:100px; } #imMnMn.static-menu > ul > li div span { display:block; padding:0;} #imMnMn.static-menu a { display: block; width:100px;} #imMnMn.static-menu > ul > li > div a { float: left; } /* ########################## SUB MENU POSITION #########################*/ #imMnMn.static-menu.auto ul li div { position: absolute; } #imMnMn.static-menu.auto ul li div ul li ul { position: absolute; width: 100%; left: 110px; z-index: 10100; } /* Display */ #imMnMn.static-menu.auto li:hover > ul.auto, #imMnMn.auto li:hover > div.auto { display:block; } /* Hide */ #imMnMn.static-menu.auto li ul.auto, #imMnMn.auto li div.auto { display: none; }; #imMnMn.static-menu.auto ul li div.auto {display: none; } #imMnMn.static-menu.auto ul li:hover div.auto { display:block; } #imMnMn.static-menu ul li div > ul { width: 110px; display: block; float: left; position: relative; margin: 0; padding:0; } #imMnMn.static-menu ul li div ul li ul li ul { left: 110px;} /* First level menu style */ #imMnMn.static-menu ul li { width:100px; } /* Main Menu container */ #imMnMn.static-menu ul li span.imMnMnBorder { position: absolute; width: 110px; height: 33px; display: block; } /* menu entry */ #imMnMn.static-menu.auto ul li div ul li { display:block; } #imMnMn.static-menu.auto ul li div ul li ul { display:block; margin:0; padding:0;} #imMnMn.static-menu ul ul li .imMnMnBorder { overflow: hidden; } #imMnMn.static-menu > ul {margin-top: 8px;margin-bottom: 8px;margin-right: 0px;} } /* Breakpoint 1 */ @media (max-width: 1109px) and (min-width: 720px){ #imMnMn.static-menu { width: 100%; } /* ######################### MENU STYLE #########################*/ .hamburger-menu-close-button { display: none; } #imSite { position: relative; } #imMnMn.static-menu { text-align: right; } #imMnMn.static-menu > ul { z-index: 10001; display: inline-block; } #imMnMn.static-menu li > ul, #imMnMn.static-menu li > div { z-index: 10002; } /* Main Menu */ #imMnMn.static-menu ul {padding:0;margin:0;list-style-type:none; } #imMnMn.static-menu > ul { margin-left: 0px; } #imMnMn.static-menu > ul > li { position: relative; margin-right: 0px; } #imMnMn.static-menu > ul > li:last-child { margin-right: 0; } /* Links */ /* Main Menu style */ #imMnMn.static-menu > ul > li { cursor: pointer; display: block; float: left; } #imMnMn.static-menu > ul > li > a { display: block; } #imMnMn.static-menu > ul > li .imMnMnFirstBg { background-image: url('../menu/hor_main.png'); width: 100px; height: 35px; } #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); } #imMnMn.static-menu > ul > li.imMnMnSeparator .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnFirst .imMnMnFirstBg { background-image: url('../menu/hor_main_f.png'); } #imMnMn.static-menu > ul > li.imMnMnFirst:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnFirst.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); } #imMnMn.static-menu > ul > li.imMnMnFirst.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnFirst.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_f_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnMiddle .imMnMnFirstBg { background-image: url('../menu/hor_main_m.png'); } #imMnMn.static-menu > ul > li.imMnMnMiddle:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnMiddle.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); } #imMnMn.static-menu > ul > li.imMnMnMiddle.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnMiddle.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_m_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnLast .imMnMnFirstBg { background-image: url('../menu/hor_main_l.png'); } #imMnMn.static-menu > ul > li.imMnMnLast:hover .imMnMnFirstBg , #imMnMn.static-menu > ul > li.imMnMnLast.imMnMnCurrent:hover .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); } #imMnMn.static-menu > ul > li.imMnMnLast.imMnMnSeparator:hover .imMnMnFirstBg { background-image: none; cursor: auto; } #imMnMn.static-menu > ul > li.imMnMnLast.imMnMnCurrent .imMnMnFirstBg { background-image: url('../menu/hor_main_l_h.png'); cursor: auto; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnImg, #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg { overflow: hidden; position: absolute; line-height: 35px; width: 100%; height: 35px; top: 0; left: 0;text-align: left; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnImg img, #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnImg img { border: none; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnLevelImg { display: none; } #imMnMn.static-menu > ul > li .imMnMnFirstBg .imMnMnHoverIcon { display: none; } #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnDefaultIcon { display: none; } #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg .imMnMnHoverIcon { display: inline; } #imMnMn.static-menu > ul > li.imMnMnSeparator > .imMnMnFirstBg > .imMnMnTxt { display: none; } #imMnMn.static-menu > ul > li > a { text-decoration: none; } #imMnMn.static-menu > ul > li .imMnMnFirstBg > .imMnMnTxt { overflow: hidden; margin: 0px; padding: 0px; width: 95px; height: 35px; font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; line-height: 35px; display: block;} #imMnMn.static-menu > ul > li:hover .imMnMnFirstBg > .imMnMnTxt, #imMnMn.static-menu > ul > li.imMnMnCurrent:hover .imMnMnFirstBg > .imMnMnTxt { cursor: pointer; color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.static-menu > ul > li.imMnMnCurrent .imMnMnFirstBg > .imMnMnTxt { color: #FFFFFF;font-weight: normal;font-style: normal;} #imMnMn.static-menu > ul > li.imMnMnSeparator { background: transparent url('../res/separatorh.png') no-repeat center center; width: 10px; height: 35px; } #imMnMn.static-menu .imMnMnFirstBg { position: relative; display: block; background-repeat: no-repeat; cursor: pointer; width: 100%; } #imMnMn.static-menu a { border: none; cursor: pointer; } #imMnMn.static-menu .imMnMnTxt { text-overflow: ellipsis; white-space: nowrap; } #imMnMn.static-menu .imMnMnTxt .imMnMnTextLabel { position: relative; } #imMnMn.static-menu .imMnMnTxt .imMnMnTextLabel { word-wrap: normal; white-space: normal; line-height: normal; display: inline-block; vertical-align: middle; margin-top: -2px; } #imMnMn.static-menu .imMnMnFirstBg .imMnMnImg { display: block; height: 35px; width: 100px; cursor: pointer; } #imMnMn.static-menu .imMnMnFirstBg .imMnMnImg img { position: absolute; } /* SubMenu style */ #imMnMn.static-menu li .imMnMnBorder { position: relative; background-repeat: no-repeat; background-position: left top; width: 110px; height: 33px; border-collapse: collapse; } #imMnMn.static-menu ul ul li { cursor: pointer; overflow: hidden; width: 110px; height: 33px; border-collapse: collapse; cursor: pointer; display: inline; } #imMnMn.static-menu ul ul li a { display: block; width: 110px; height: 33px; } #imMnMn.static-menu ul ul li > .imMnMnBorder, #imMnMn.static-menu ul ul li > a > .imMnMnBorder { background-image: url('../menu/sub.png'); } #imMnMn.static-menu ul ul li:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li:hover > .imMnMnBorder { background-image: url('../menu/sub_h.png'); } #imMnMn.static-menu ul ul li.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub.png'); cursor: auto; } #imMnMn.static-menu ul ul li.imMnMnFirst > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnFirst > a > .imMnMnBorder { background-image: url('../menu/sub_f.png'); } #imMnMn.static-menu ul ul li.imMnMnFirst:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnFirst:hover > .imMnMnBorder { background-image: url('../menu/sub_f_h.png'); } #imMnMn.static-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnFirst.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_f.png'); cursor: auto; } #imMnMn.static-menu ul ul li.imMnMnMiddle > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnMiddle > a > .imMnMnBorder { background-image: url('../menu/sub_m.png'); } #imMnMn.static-menu ul ul li.imMnMnMiddle:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnMiddle:hover > .imMnMnBorder { background-image: url('../menu/sub_m_h.png'); } #imMnMn.static-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnMiddle.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_m.png'); cursor: auto; } #imMnMn.static-menu ul ul li.imMnMnLast > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnLast > a > .imMnMnBorder { background-image: url('../menu/sub_l.png'); } #imMnMn.static-menu ul ul li.imMnMnLast:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnLast:hover > .imMnMnBorder { background-image: url('../menu/sub_l_h.png'); } #imMnMn.static-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > a > .imMnMnBorder, #imMnMn.static-menu ul ul li.imMnMnLast.imMnMnSeparator:hover > .imMnMnBorder { background-image: url('../menu/sub_l.png'); cursor: auto; } #imMnMn.static-menu .imMnMnImg img { vertical-align: middle; padding: 0px; border: none; } #imMnMn.static-menu li .imMnMnBorder .imMnMnImg img.imMnMnHoverIcon { display: none; } #imMnMn.static-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.static-menu li:hover > a > .imMnMnBorder > .imMnMnTxt > .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.static-menu ul ul li .imMnMnImg { display: block; height: 33px; line-height: 33px; float: left; cursor: pointer; cursor: pointer; } #imMnMn.static-menu ul ul li .imMnMnImg img { margin-left: 3px; } #imMnMn.static-menu ul ul li .imMnMnTxt { position: relative; overflow: hidden; text-align: center; margin: 0px; padding: 0px; line-height: 33px; height: 33px; } #imMnMn.static-menu ul ul li .imMnMnTxt .imMnMnTextLabel { display: inline-block; } #imMnMn.static-menu ul ul li .imMnMnLevelImg { z-index: 100; position: absolute; right: 3px; top: 0; display: inline-block; width: 7px; height: 33px; background-image: url('../res/imIconMenuLeft.gif'); background-position: center center; background-repeat: no-repeat; } /* Normal font style */ #imMnMn.static-menu ul ul .imMnMnTxt { height: 33px; text-decoration: none; text-align: center; font: normal normal 8.000pt 'Fjalla One'; color: #C0C0C0;} /* Hover font style */ #imMnMn.static-menu ul ul li:hover > a > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu > ul > li > ul li:hover a, #imMnMn.static-menu ul ul li:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu > ul > li > div > ul li:hover a { text-decoration: none; color: #FFFFFF; } #imMnMn.static-menu ul .imMnMnSeparator, #imMnMn.static-menu ul .imMnMnSeparator * { cursor: default; } /* Section font style */ #imMnMn.static-menu ul ul li.imMnMnSeparator > a > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu > ul > li > ul li.imMnMnSeparator:hover a, #imMnMn.static-menu ul ul li.imMnMnSeparator:hover > .imMnMnBorder .imMnMnTxt, #imMnMn.static-menu ul ul li.imMnMnSeparator > .imMnMnBorder .imMnMnTxt { text-decoration: none; color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.static-menu ul a, #imMnMn.static-menu ul a:hover, #imMnMn.static-menu ul a:visited { font: inherit; color: inherit; text-align: inherit; text-decoration: none; } /* MENU POSITION : HORIZONTAL VerticalMultipleColumn */ #imMnMn.static-menu ul .autoHide, #imMnMn.static-menu ul div .autoHide { display: none; } /* ######################### MAIN MENU POSITION #########################*/ /* div: Menu container*/ #imMnMn.static-menu { z-index:10000; } #imMnMn.static-menu > ul { position: relative; } #imMnMn.static-menu > ul > li div ul { position: absolute; } #imMnMn.static-menu > ul > li div ul ul { z-index:10100;} /* First level menu style */ #imMnMn.static-menu > ul > li { display: inline-block; width:100px; } #imMnMn.static-menu > ul > li div span { display:block; padding:0;} #imMnMn.static-menu a { display: block; width:100px;} #imMnMn.static-menu > ul > li > div a { float: left; } /* ########################## SUB MENU POSITION #########################*/ #imMnMn.static-menu.auto ul li div { position: absolute; } #imMnMn.static-menu.auto ul li div ul li ul { position: absolute; width: 100%; left: 110px; z-index: 10100; } /* Display */ #imMnMn.static-menu.auto li:hover > ul.auto, #imMnMn.auto li:hover > div.auto { display:block; } /* Hide */ #imMnMn.static-menu.auto li ul.auto, #imMnMn.auto li div.auto { display: none; }; #imMnMn.static-menu.auto ul li div.auto {display: none; } #imMnMn.static-menu.auto ul li:hover div.auto { display:block; } #imMnMn.static-menu ul li div > ul { width: 110px; display: block; float: left; position: relative; margin: 0; padding:0; } #imMnMn.static-menu ul li div ul li ul li ul { left: 110px;} /* First level menu style */ #imMnMn.static-menu ul li { width:100px; } /* Main Menu container */ #imMnMn.static-menu ul li span.imMnMnBorder { position: absolute; width: 110px; height: 33px; display: block; } /* menu entry */ #imMnMn.static-menu.auto ul li div ul li { display:block; } #imMnMn.static-menu.auto ul li div ul li ul { display:block; margin:0; padding:0;} #imMnMn.static-menu ul ul li .imMnMnBorder { overflow: hidden; } #imMnMn.static-menu > ul {margin-top: 8px;margin-bottom: 8px;margin-right: 0px;} } /* Mobile */ @media (max-width: 719px) and (min-width: 480px){ #imMnMn.static-menu { width: 100%; } #imMnMn.static-menu .hamburger-button { position: absolute; top: 8px;right: 0px;} #imMnMn.static-menu .hamburger-button { cursor: pointer; width: 35px; height: 35px;background-image: url('../menu/mobile.png'); background-repeat: no-repeat; background-position: center center;} #imMnMn.static-menu .hamburger-button > div { display: table; width: 35px; height: 35px; } #imMnMn.static-menu .hamburger-button > div > div { display: table-cell; vertical-align: middle; width: 35px; height: 35px; } #imMnMn.static-menu .hamburger-bar { margin: 4px auto; width: 65%; height: 4px; background-color: #C0C0C0; } #imMnMn.static-menu .hamburger-menu-background { z-index: 10;position: fixed;display: block;top: 0;bottom: 0;right: 0; left: auto;width: 110px;background-color: #95876F;transition: left 0.5s, right 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, right 0.5s, opacity 0.5s;} #imMnMn.static-menu > ul {transition: right 0.5s, left 0.5s, opacity 0.5s;-webkit-transition: right 0.5s, left 0.5s, opacity 0.5s;} #imMnMn.static-menu .hamburger-site-background { display: none;position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background-color: black;} #imMnMn.static-menu { overflow: visible; float: none; z-index: 10; } #imMnMn.static-menu ul ul { display: none; margin-bottom: 1px; } #imMnMn.static-menu li > div { display: none; } #imMnMn.static-menu div > ul { display: block; } #imMnMn.static-menu > ul { z-index: 11; position: fixed; right: 0; left: auto; top: 40px; background-color: #95876F; overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imMnMn.static-menu .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: #C0C0C0; } #imMnMn.static-menu .hamburger-menu-close-button span { cursor: pointer; } #imMnMn.static-menu li { margin-bottom: 1px;display:block; width: 108px; } #imMnMn.static-menu li:first-child { margin-top: 0; } #imMnMn.static-menu .imMnMnTxt { border: 1px solid #D3D3D3; } #imMnMn.static-menu li, #imMnMn.static-menu li a {font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; background-color: #95876F;} #imMnMn.static-menu ul ul li .imMnMnTxt { background-color: #817383; } #imMnMn.static-menu ul ul li li .imMnMnTxt { background-color: #6D5F97; } #imMnMn.static-menu ul ul li li li .imMnMnTxt { background-color: #594BAB; } #imMnMn.static-menu .imMnMnTxt { max-height: 15px; position: relative; overflow: hidden; display: block; padding: 9px 3px 9px 3px; } #imMnMn.static-menu ul li.imPage:hover, #imMnMn.static-menu ul li.imPage:hover .imMnMnTxt, #imMnMn.static-menu ul li.imLevel:hover > span > .imMnMnTxt, #imMnMn.static-menu ul li.imLevel:hover > a > span > .imMnMnTxt{text-decoration: none;color: #FFFFFF; background-color: #958770; border-color: #D3D3D3;} #imMnMn.static-menu ul li.imMnMnSeparator, #imMnMn.static-menu ul li.imMnMnSeparator .imMnMnTxt,#imMnMn.static-menu ul li.imMnMnSeparator:hover, #imMnMn.static-menu ul li.imMnMnSeparator:hover .imMnMnTxt{color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.static-menu .empty-separator { background: transparent url('../res/separatorv.png') no-repeat center center; width: 110px; height: 10px; } #imMnMn.static-menu .empty-separator span { display: none; } #imMnMn.static-menu .imMnMnImg { margin-right: 3px; position: relative; width: 33px; height: 33px; } #imMnMn.static-menu li img.imMnMnHoverIcon { display: none; } #imMnMn.static-menu li img { vertical-align: top; } #imMnMn.static-menu li:hover .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.static-menu li:hover .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.static-menu .menu-mobile-hidden, #imMnMn.static-menu > ul.menu-mobile-hidden { right: -110px; opacity: 0; } } /* Mobile Fluid */ @media (max-width: 479px){ #imMnMn.static-menu { width: 100%; } #imMnMn.static-menu .hamburger-button { position: absolute; top: 8px;right: 0px;} #imMnMn.static-menu .hamburger-button { cursor: pointer; width: 35px; height: 35px;background-image: url('../menu/mobile.png'); background-repeat: no-repeat; background-position: center center;} #imMnMn.static-menu .hamburger-button > div { display: table; width: 35px; height: 35px; } #imMnMn.static-menu .hamburger-button > div > div { display: table-cell; vertical-align: middle; width: 35px; height: 35px; } #imMnMn.static-menu .hamburger-bar { margin: 4px auto; width: 65%; height: 4px; background-color: #C0C0C0; } #imMnMn.static-menu .hamburger-menu-background { z-index: 10;position: fixed;display: block;top: 0;bottom: 0;right: 0; left: auto;width: 110px;background-color: #95876F;transition: left 0.5s, right 0.5s, opacity 0.5s;-webkit-transition: left 0.5s, right 0.5s, opacity 0.5s;} #imMnMn.static-menu > ul {transition: right 0.5s, left 0.5s, opacity 0.5s;-webkit-transition: right 0.5s, left 0.5s, opacity 0.5s;} #imMnMn.static-menu .hamburger-site-background { display: none;position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 9; background-color: black;} #imMnMn.static-menu { overflow: visible; float: none; z-index: 10; } #imMnMn.static-menu ul ul { display: none; margin-bottom: 1px; } #imMnMn.static-menu li > div { display: none; } #imMnMn.static-menu div > ul { display: block; } #imMnMn.static-menu > ul { z-index: 11; position: fixed; right: 0; left: auto; top: 40px; background-color: #95876F; overflow-x: hidden; overflow-y: auto; height: calc(100% - 40px) } #imMnMn.static-menu .hamburger-menu-close-button { display: block; font-family: Arial; font-size: 30px; text-align: right; padding: 5px 10px; color: #C0C0C0; } #imMnMn.static-menu .hamburger-menu-close-button span { cursor: pointer; } #imMnMn.static-menu li { margin-bottom: 1px;display:block; width: 108px; } #imMnMn.static-menu li:first-child { margin-top: 0; } #imMnMn.static-menu .imMnMnTxt { border: 1px solid #D3D3D3; } #imMnMn.static-menu li, #imMnMn.static-menu li a {font: normal normal normal 8pt 'Fjalla One'; color: #C0C0C0; text-align: center; text-decoration: none; background-color: #95876F;} #imMnMn.static-menu ul ul li .imMnMnTxt { background-color: #817383; } #imMnMn.static-menu ul ul li li .imMnMnTxt { background-color: #6D5F97; } #imMnMn.static-menu ul ul li li li .imMnMnTxt { background-color: #594BAB; } #imMnMn.static-menu .imMnMnTxt { max-height: 15px; position: relative; overflow: hidden; display: block; padding: 9px 3px 9px 3px; } #imMnMn.static-menu ul li.imPage:hover, #imMnMn.static-menu ul li.imPage:hover .imMnMnTxt, #imMnMn.static-menu ul li.imLevel:hover > span > .imMnMnTxt, #imMnMn.static-menu ul li.imLevel:hover > a > span > .imMnMnTxt{text-decoration: none;color: #FFFFFF; background-color: #958770; border-color: #D3D3D3;} #imMnMn.static-menu ul li.imMnMnSeparator, #imMnMn.static-menu ul li.imMnMnSeparator .imMnMnTxt,#imMnMn.static-menu ul li.imMnMnSeparator:hover, #imMnMn.static-menu ul li.imMnMnSeparator:hover .imMnMnTxt{color: #C78550; font-style: normal; font-weight: bold; } #imMnMn.static-menu .empty-separator { background: transparent url('../res/separatorv.png') no-repeat center center; width: 110px; height: 10px; } #imMnMn.static-menu .empty-separator span { display: none; } #imMnMn.static-menu .imMnMnImg { margin-right: 3px; position: relative; width: 33px; height: 33px; } #imMnMn.static-menu li img.imMnMnHoverIcon { display: none; } #imMnMn.static-menu li img { vertical-align: top; } #imMnMn.static-menu li:hover .imMnMnImg img.imMnMnDefaultIcon { display: none; } #imMnMn.static-menu li:hover .imMnMnImg img.imMnMnHoverIcon { display: inline; } #imMnMn.static-menu .menu-mobile-hidden, #imMnMn.static-menu > ul.menu-mobile-hidden { right: -110px; opacity: 0; } } /* Desktop */ @media (min-width: 1110px){ .menu-mobile-logo { display: none; } .static-menu .menu-mobile-logo {display: inline-block; vertical-align: top; position: absolute; top: 25px; left:0px;width: 0px;z-index: 2;} #imMnMn.static-menu .menu-mobile-logo-container a { display: inline; } } /* Breakpoint 1 */ @media (max-width: 1109px) and (min-width: 720px){ .menu-mobile-logo { display: none; } .static-menu .menu-mobile-logo {display: inline-block; vertical-align: top; position: absolute; top: 25px; left:0px;width: 0px;z-index: 2;} #imMnMn.static-menu .menu-mobile-logo-container a { display: inline; } } /* Mobile */ @media (max-width: 719px) and (min-width: 480px){ .menu-mobile-logo { display: none; } .static-menu .menu-mobile-logo {display: inline-block; vertical-align: top; position: absolute; top: 25px; left:0px;width: 0px;z-index: 2;} } /* Mobile Fluid */ @media (max-width: 479px){ .menu-mobile-logo { display: none; } .static-menu .menu-mobile-logo {display: inline-block; vertical-align: top; position: absolute; top: 25px; left:0px;width: 0px;z-index: 2;} } /* PAGE MENU */ #imPgMn ul { padding:0; margin:0; list-style-type:none; } #imPgMn { text-align: left; position: relative; width: 135px; float: left; padding-left: 5px; padding-right: 5px; padding-top: 5px; border-right: 0px solid transparent; z-index: 9; } #imPgMn ul { border-top: 0px solid #808080; border-bottom: 0px solid #808080; border-left: 0px solid #808080; border-right: 0px solid #808080; width: 135px; } #imPgMn li { cursor: default; display: inline; float: left; position: relative; margin-bottom: 0px; background-color: transparent; width: 135px; border-bottom: 1px solid #958781; } #imPgMn li a { display: table; width: 100%; } #imPgMn li .imPgMnBorder { text-align: center; vertical-align: middle; display: table-row; width: 135px; } /* Icon */ .imPgMnImg, .imPgMnCustomImg { height: 22px; line-height: 22px; font-size: 16px; display: table-cell; vertical-align: top; } .imPgMnImg img, .imPgMnCustomImg img { margin-left: 2px; vertical-align: middle; } #imPgMn .imPgMnImg { width: 0px; } #imPgMn .imPgMnCustomImg { width: 0px; } .imPgMnImg img.imPgMnDefaultIcon, .imPgMnCustomImg img.imPgMnDefaultIcon { display: inline; } .imPgMnImg img.imPgMnHoverIcon, .imPgMnCustomImg img.imPgMnHoverIcon { display: none; } .imPgMnSeparator img { display: inline; } #imPgMn ul li:hover .imPgMnImg img.imPgMnDefaultIcon { display: none; } #imPgMn ul li:hover .imPgMnImg img.imPgMnHoverIcon { display: inline } #imPgMn ul li:hover .imPgMnImg, #imPgMn li.imPgMnCurrent .imPgMnImg { width: 0px; } /* Normal font style */ #imContent #imPgMn .imPgMnTxt { display: table-cell; padding: 8px 3px; text-decoration: none; font: normal normal 8pt 'Fjalla One'; color: #C0C0C0; } /* Current or hover font style */ #imContent #imPgMn li:hover, #imContent #imPgMn li.imPgMnCurrent { cursor: pointer; background-color: #958770; cursor: pointer; } #imContent #imPgMn li:hover a, #imContent #imPgMn li:hover .imPgMnTxt,#imContent #imPgMn li.imPgMnCurrent a, #imContent #imPgMn li.imPgMnCurrent .imPgMnTxt { cursor: pointer; text-decoration: none; color: #FFFFFF; font-style: inherit; font-weight: inherit; } /* Separator */ #imPgMn li.imPgMnSeparator { display: table; } #imPgMn li.imPgMnSeparator .imPgMnImg { width: 0px; } /* Section font style */ #imContent #imPgMn li.imPgMnSeparator a, #imContent #imPgMn li.imPgMnSeparator .imPgMnTxt, #imContent #imPgMn li.imPgMnSeparator:hover a, #imContent #imPgMn li.imPgMnSeparator:hover .imPgMnTxt{ cursor: auto; background-color: transparent; text-decoration: none; color: #A9A9A9; font-style: normal; font-weight: bold; } #imContent #imPgMn li:hover.imPgMnSeparator { cursor: default; background-color: transparent; } #imContent #imPgMn li.imPgMnSeparator, #imContent #imPgMn li.imPgMnSeparator:hover { background-color: transparent; } #imContent #imPgMn ul a, #imContent #imPgMn ul a:hover, #imContent #imPgMn ul a:visited { background: none; font: inherit; color: inherit; text-align: inherit; text-decoration: none; } #imPgMn ul > li.imMnPageClear { margin: 0; padding: 0; line-height: 0px; font-size: 0px; border-collapse: collapse; display: block; position: static; float: none; background-color: transparent; clear: both; border: none; }