/*  Grunnregler
 **************/		
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;	}
TD	        { voice-family: "\"}\""; voice-family:inherit;  }
DIV         { voice-family: "\"}\""; voice-family:inherit;  }



/* DROPDOWN MENY */
#nav-container 
{
	width: 970px;
	height: 36px; 
	line-height: 36px;
	margin: 0 0 10px 0;
	padding: 0px;
	font-weight: 100;
	text-align: left;
	background: #e0e1e2;
	border: 1px solid #d1d1d2;
	/* background: url(images/bg-repeat-x.gif) 0 0 repeat-x; */ }

#menuList, #menuList ul {
	float: left;
	list-style: none;
	font-weight: 700;
	padding: 0px 0px 0px 0px;
	margin: 0;
}

#menuList a {
	display: block;
	color: #6f7074 /* #7c7c77 */;
	font-size: 13px;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0px 10px 0px 14px;
/*	border-left: 1px solid #e7e7e7;  */
	/*background: #fff url(images/bg-meny-repeat-x.jpg) left bottom repeat-x; */
	}

#menuList a:hover{ background: #e8151b;color:#fff;}	

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

#menuList li ul{width: 160px;} 
#menuList ul a{width: 170px;}

#menuList li ul 
{

	padding: 0px 0px 0px 0px;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0;
        }

#menuList li li {
	border: 0px ;
	background: #dbbe26;}

#menuList li ul a {
/*	color: #000;*/
	border: 0px;
	line-height: normal;
	padding: 8px 5px 8px 15px;}

/*nivå 3*/
#menuList li ul ul {
	margin: -29px 0 0 158px;}

#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: #e8151b; /*url(images/bg-meny-hover-repeat-x.jpg) left bottom repeat-x; */}
#menuList li:hover li, #menuList li.sfhover li{ background: #e8151b; }

#menuList li:hover li, #menuList li.sfhover a{ color: #fff; }
#menuList li:hover li, #menuList li.sfhover li a{ color: #fff; }

#menuList li.submenu ul li a {color: #fff; font-size: 11px; font-weight: 700;}
#menuList li.submenu ul li a:hover {background: #d51419;}

/*#menuList li:hover li, #menuList li.sfhover li a:hover { background: #d51419; } */
 
 


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

.dotted{ background: url(images/dotted.gif) 0 0 repeat-x; margin: 0px; height: 1px; font-size: 1px; display: block;}
.greyline { background: url(images/grey.gif) 0 0 repeat-x; margin: 0px; height: 1px; font-size: 1px; display: block;}
.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;}

.margin10{ padding: 1px 0px; }
.margin20{ padding: 2px 0px; }
.margin30{ padding: 3px 0px; }
.margin40{ padding: 4px 0px; }
.margin50{ padding: 5px 0px; }
.margin100{ padding: 10px 0px;}
.margin150{ padding: 15px 0px;}


.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;}


.padding10{ padding: 1px 0px; }
.padding20{ padding: 2px 0px; }
.padding30{ padding: 3px 0px; }
.padding40{ padding: 4px 0px; }
.padding50{ padding: 5px 0px; }
.padding100{ padding: 10px 0px;}
.padding150{ padding: 15px 0px;}

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

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

.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;}

.bgwhite{ background: #fff;}
.colwhite{ color: #fff;}

.capitalize{ text-transform: capitalize;}
.uppercase{ text-transform: uppercase;}
.lowercase{ text-transform: lowercase;}

.w50{ width: 50%;}
.w25{ width: 25%;}
.w33{ width: 33.33%;}
.w100{ width: 100%;}