/*  Grunnregler
 **************/		

.fix{
  display: block;
  margin:0;}
   
html, body{width: 100%;}

IMG         { border: 0;}
P   	    { voice-family: "\"}\""; voice-family:inherit;  }
INPUT	    { voice-family: "\"}\""; voice-family:inherit;  }
SELECT      { voice-family: "\"}\""; voice-family:inherit;  }
OPTION      { voice-family: "\"}\""; voice-family:inherit;  }
TEXTAREA    { voice-family: "\"}\""; voice-family:inherit;  }
TH  	    { voice-family: "\"}\""; voice-family:inherit; vertical-align: top;}
TD	        { voice-family: "\"}\""; voice-family:inherit; vertical-align: top;  }
DIV         { voice-family: "\"}\""; voice-family:inherit;  }


/* DROPDOWN MENY */
#nav-container 
{
	line-height: 36px; 
	margin: 0px;
	text-align: left;
	/* background: url(images/bg-repeat-x.gif) 0 0 repeat-x; */ 
    left: 10px;
    top: 0px;
    position: absolute; 
    z-index: 100;
}

#nav-container *
{
      line-height: normal;
      letter-spacing: normal;
} 

#menuList, #menuList ul {
	float: left;
	list-style: none;
	font-weight: 700;
	padding: 0px 0px 0px 90px;
	margin: 0;
	border: 0px solid #9AE12F;

}

#menuList a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	padding: 11px 25px 12px 25px;
	border-left: 0px solid #9a9a9a; 
	/*background: #fff url(images/bg-meny-gray-repeat-x.gif) left bottom repeat-x;*/
	}

#menuList a:hover{ color: #000;}	

#menuList li {
	float: left;
	padding: 0px;
  border-right: 0px solid #fff;}

#menuList li ul{ width: 180px;}
#menuList ul a{ width: 140px;}

#menuList li ul 
{
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
        }

#menuList li li {
        
  border: 0px ;}

#menuList li ul a 
{
  padding: 7px 20px;
	line-height: normal;
  color: #000;
  border: 0px;}

#menuList li ul ul { margin: -27px 0 0 200px;}

#menuList li:hover ul ul, #menuList li:hover ul ul ul, #menuList li.sfhover ul ul, #menuList li.sfhover ul ul ul {left: -999em;}
#menuList li:hover ul, #menuList li li:hover ul, #menuList li li li:hover ul, #menuList li.sfhover ul, #menuList li li.sfhover ul, #menuList li li li.sfhover ul { left: auto;}
#menuList li:hover, #menuList li.sfhover { background: #f8981d url(images/bg-meny-hover-repeat-x.jpg) left bottom repeat-x; }
#menuList li:hover li, #menuList li.sfhover li{ background: #f8981d; }


/*PLUKKLASSER*/
.cr{clear: both;}
.cr1{clear: both; height: 1px; line-height: 1px; font-size: 1px;}
.cr2{clear: both; height: 2px; line-height: 2px; font-size: 2px;}
.cr3{ clear: both; height: 3px; line-height: 3px; font-size: 3px;}
.cr4{ clear: both; height: 4px; line-height: 4px; font-size: 4px;}
.cr5{ clear: both; height: 5px; line-height: 5px; font-size: 5px;}
.cr6{ clear: both; height: 6px; line-height: 8px; font-size: 6px;}
.cr7{ clear: both; height: 7px; line-height: 7px; font-size: 7px;}
.cr8{ clear: both; height: 8px; line-height: 8px; font-size: 8px;}
.cr10{clear: both; height: 10px; line-height: 10px; font-size: 10px;}
.cr15{clear: both; height: 15px; line-height: 15px; font-size: 15px;}
.cr20{clear: both; height: 20px; line-height: 20px; font-size: 20px;}
.cr30{clear: both; height: 30px; line-height: 30px; font-size: 30px;}


.dotted{ background: #fff url(images/dotted.gif) 0 0 repeat-x; margin: 0px; padding: 0px;width: 100%;}
.lc-dotted{ background: url(images/dotted.gif) left 10px repeat-x; margin: 0px;}
.mc-dotted{ background: url(images/dotted.gif) left 10px repeat-x; margin:  0px;}
.rc-dotted{ background: url(images/dotted.gif) left 5px repeat-x; margin: 0px;}

.line{ height: 1px; background: url(images/line.gif) left 0px repeat-x; margin: 0px; padding: 0px; line-height: 1px; font-size: 1px;}
.lc-line{ height: 1px; background: url(images/line.gif) left 0px repeat-x; margin: 0px; padding: 0px; line-height: 1px; font-size: 1px;}
.mc-line{ height: 5px; background: url(images/line.gif) left 2px repeat-x; margin: 0px; padding: 0px; line-height: 5px; font-size: 5px;}
.rc-line{ height: 10px; background: url(images/line.gif) left 5px repeat-x; margin: 0px; padding: 0px; line-height: 10px; font-size: 10px;}

.border{ border: 1px solid gray; padding: 0px;}
.border1{ border: 1px solid gray; padding: 1px;}
.border2{ border: 1px solid gray; padding: 2px;}
.border3{ border: 1px solid gray; padding: 3px;}
.border4{ border: 1px solid gray; padding: 4px;}
.border5{ border: 1px solid gray; padding: 5px;}
.border6{ border: 1px solid gray; padding: 6px;}

.margin{ margin: 0px;}
.margin1{ margin: 1px;}
.margin2{ margin: 2px;}
.margin3{ margin: 3px;}
.margin4{ margin: 4px;}
.margin5{ margin: 5px;}
.margin10{ margin: 10px;}
.margin15{ margin: 15px;}

.margin-5000{ margin-left: -5px;}
.margin-8000{ margin-left: -8px;}

.margin01{ margin: 0px 1px;}
.margin02{ margin: 0px 2px;}
.margin03{ margin: 0px 3px;}
.margin04{ margin: 0px 4px;}
.margin05{ margin: 0px 5px;}
.margin010{ margin: 0px 10px;}
.margin015{ margin: 0px 15px;}
.margin030{ margin: 0px 30px;}

.padding{ padding: 0px;}
.padding1{ padding: 1px;}
.padding2{ padding: 2px;}
.padding3{ padding: 3px;}
.padding4{ padding: 4px;}
.padding5{ padding: 5px;}
.padding10{ padding: 10px;}
.padding15{ padding: 15px;}

.padding01{ padding: 0px 1px;}
.padding02{ padding: 0px 2px;}
.padding03{ padding: 0px 3px;}
.padding04{ padding: 0px 4px;}
.padding05{ padding: 0px 5px;}
.padding010{ padding: 0px 10px;}
.padding015{ padding: 0px 15px;}


.floatleft{ float: left;}
.floatright{float: right;}

.right{text-align: right;}
.left{text-align: left;}

.cl-right{clear: right;}
.cl-left{clear: left;}
.cl-both{clear: both;}
.cl-none{clear:none;}

.va-bottom { vertical-align: bottom;}
.va-top { vertical-align: top;}
.va-middle {vertical-align: middle;}

/* clearfix  */
 .clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.clearfix {	display: inline-block;	}
html[xmlns] .clearfix { display: block; }
* html .clearfix {	height: 1%; }