/*

  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)]   
  
  =============================================================================================================================================  
*/

.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 { border-style: solid; border-width: 0; } 

/* 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: block; 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: inline-block; 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; }