/*

  INSTRUKTIONER
  =============================================================================================================================================

  CONTAINERS (<UL></UL>)
  ----------------------------------------------
  Finns i 3 levels och classes är:
  [container]  [root/sub_container]  [container_level(N)]


  ITEMS (<LI></LI>)
  ----------------------------------------------
  Finns i 3 levels och classes är:
  [item]  [root/sub_item]  [item_level(N)]

  =============================================================================================================================================
*/

.nav_sub_tmp_hidden { display: none !important; }

.NAVMENU_TYPE_fixed,
.NAVMENU_TYPE_absolute,
.CSS_TOP_NAV .spaceholder_level2 { z-index: 100; }

#NAVMENU_PLACEHOLDER { left: 0; width: 100%; }
#NAVMENU_PLACEHOLDER_FIXED_SPACE { height: 0; }

.NAVMENU_TYPE_absolute { position: absolute; }
.NAVMENU_TYPE_fixed { position: fixed; }
.NAVMENU_TYPE_row { position: relative; }

.CSS_TOP_NAV  { border-style: solid; border-width: 0px; font-size: 10px; }

.CSS_TOP_NAV #NAVMENU_CONTENT { position: relative; border-style: solid; border-width: 0px; }
.CSS_TOP_NAV #NAVMENU_ITEMS { position: relative; }
.CSS_TOP_NAV .NAVPOS_LEFT { float: left; }
.CSS_TOP_NAV .NAVPOS_CENTER { float: left; }
.CSS_TOP_NAV .NAVPOS_RIGHT { float: right; }
.CSS_TOP_NAV .NAVPOS_HIDDEN { display: none; }
.CSS_TOP_NAV .NAVPOS_SHOWTMP { display: block !important; }
/*.CSS_TOP_NAV .NAVPOS_ENDDISPLAY { display: block !important; float: none !important; text-align: center; margin: 10px 0; !important; }*/
.CSS_TOP_NAV .NAVPOS_tmpHideOnLoad { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.CSS_TOP_NAV #navitem_social_links { font-size: 3.2em; }
.CSS_TOP_NAV .NAVPOS_LOGO { line-height: 0; }
.CSS_TOP_NAV .NAVPOS_MENU  { text-align: center; }
/* .CSS_TOP_NAV .NAVPOS_MENU { font-size: 0px; } font-size:0 �r Viktigt f�r att "container_level1" �r inline-block och p�verkas av font-size */

/* Dessa ska bort sen */
.NAVMENU_PLACEMENT_1{ text-align: left; margin-left: 0px; }
.NAVMENU_PLACEMENT_2{ text-align: left; margin: 0px auto; }
.NAVMENU_PLACEMENT_3{ text-align: center; margin: 0px auto; }
.NAVMENU_PLACEMENT_4{ text-align: right; margin: 0px auto; }
.NAVMENU_PLACEMENT_5{ text-align: right; margin: 0px auto; margin-right: 0px; }



#NAVMENU_FREEBLOCKS{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: left; }

#NAVMENU_BACKGROUND { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
#NAVMENU_BACKGROUND_CONTENT { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ======= TOP NAVS ===================================================================== */

/* ALL LEVELS */
.CSS_TOP_NAV .container { list-style: none; margin: 0; padding: 0; -webkit-text-size-adjust: 100%; }
.CSS_TOP_NAV .item  { position: relative; }
.CSS_TOP_NAV .item a { display: flex; justify-content: space-between; align-items: center; border-style: solid; border-width: 0; }
.CSS_TOP_NAV .item a .nav-next { padding-left: 1rem; font-size: 50%; }

/* Hover magic */
.CSS_TOP_NAV .item:hover>.spaceholder { display: block; }
.CSS_TOP_NAV .item:hover>.spaceholder>.container { display: block; }



/* ALL SUBS */
.CSS_TOP_NAV .sub_container { display: none; }
.CSS_TOP_NAV .sub_item{ text-align: left; }
.CSS_TOP_NAV .sub_item>a{ display: flex; text-align: left; white-space: nowrap; min-width: 150px; }
.CSS_TOP_NAV .sub_item:not(:first-child)>a{ border-top-width: 0px !important;}

.CSS_TOP_NAV .sub_item:first-child  { }

/* LEVEL ONE */
.CSS_TOP_NAV .container_level1  { vertical-align: middle; }
.CSS_TOP_NAV .item_level1 { display: inline-block; }
.CSS_TOP_NAV .item_level1>a { display: flex; text-align: center; }
.CSS_TOP_NAV .item_level1:first-child  { }

/* LEVEL TWO */
.CSS_TOP_NAV .container_level2  { margin-top: 2px; }
.CSS_TOP_NAV .spaceholder_level2  { position: absolute; top: 100%; left: 0; margin-top: -2px; background-color: rgba(0,0,0,0); /*background-color: #0f0;*/ }
.CSS_TOP_NAV .item_level2:first-child  { /*margin-top: 10px;*/ }
/*.CSS_TOP_NAV .NAVPOS_RIGHT .spaceholder_level2 { right: 0; left: initial; }*/

/* LEVEL THREE */
.CSS_TOP_NAV .container_level3		{ }
.CSS_TOP_NAV .spaceholder_level3  { position: absolute; top: 0; left: 100%; height: 100%; background-color: rgba(0,0,0,0); /*background-color: #0f0;*/ }
/*.CSS_TOP_NAV .NAVPOS_RIGHT .spaceholder_level3  { left: -100%; }*/



.CSS_TOP_NAV .spaceholder { display: none; }