﻿/*  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 */


div#menu
{
/*	height: 25px;
	line-height: 25px;*/
	overflow:hidden;
	padding: 25px 0px 0px 150px;
	margin: 0px;
	font-size: 10pt;}

ul#menuList, #menuList ul {
	float: left;	
	list-style: none;
	font-weight: 700;
	padding: 0;
	margin: 0;}

#menuList a {
	display: block;
	font-family: Georgia, Times New Roman;
	color: #0977aa;
	text-decoration: none;
	padding: 5px 20px 0px 20px;
	border: 0; }


#menuList li {
	float: left;
	padding: 0;}

#menuList li ul{ width: 165px;}
#menuList ul a{  width: 135px;}

#menuList li ul{
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	margin: 0; }

#menuList li li {border: 0px ;}

#menuList li ul a {
	/*	color: #000;*/
	border: 0px;
	line-height: normal;
	padding: 10px 15px;   }

#menuList li ul ul {
	margin: -36px 0 0 205px;}

#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 {}
#menuList li:hover li, #menuList li.sfhover li{  color: #fff; }
 
 


/*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.jpg) 0 0 repeat-x; margin: 0px; height: 1px; font-size: 1px;}
.lc-dotted{ background: url(images/dotted.jpg) left 10px repeat-x; margin: 0px;}
.mc-dotted{ background: url(images/dotted.jpg) left 10px repeat-x; margin:  0px;}
.rc-dotted{ background: url(images/dotted.jpg) left 5px repeat-x; margin: 0px;}

.line{ height: 10px;  background: url(images/line.gif) 0 center repeat-x; margin: 0px; padding: 0px; line-height: 1px;  font-size: 1px;}
.line1{ height: 1px;  background: url(images/line.gif) 0 center repeat-x; margin: 0px; padding: 0px; line-height: 1px;  font-size: 1px;}
.lc .line{ height: 10px;  background: url(images/line.gif) 0 center repeat-x; margin: 0px; padding: 0px; line-height: 1px;  font-size: 1px;}
.mc .line{ height: 10px;  background: url(images/line.gif) 0 center repeat-x; margin: 0px; padding: 0px; line-height: 1px;  font-size: 1px;}

.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;}

.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;}
.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;}

table .va-bottom td {vertical-align: bottom;}
table .va-top td {	vertical-align: top;}
table .va-middle td{vertical-align:middle;}

.bgwhite{ background: #fff;}
.colwhite{ color: #fff;}

.bgblack{ background: #000;}
.colblack{ color: #000;}

.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%;}


/*				*   
 *   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%; }
