/* CSS Document                                                      

/*---------------------------------------------------------------------*/
/*   Copryright EDB Totalpartner AS - NORWAY  
/*   More information about our solutions: www.edbtotalpartner.com
/*----------------------------------------------------------------------*/


/* 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;  }
A           {outline: none;}


/* MENY
**********/
#nav-container{
  padding: 10px 0px 15px 5px;}

#nav-container a{
  font-size: 12px;
  padding: 2px 5px 2px 5px;
  font-family: Georgia;
  font-weight: 500;
  text-decoration: none;
  color: #819649;
  text-transform: uppercase;}

#nav-container a:hover{
  color: #fff;
  background: #b8dd1c; }



/* PLUKKLASSER
***************/

/* Line and dotts
*******************/
.dotted{ background: url(images/dotted.gif) 0 0 repeat-x; margin: 0px; height: 1px; font-size: 1px;}
.line{	  height: 5px;  background: url(images/line.gif) left 0px repeat-x; margin: 0px; padding: 0px; line-height: 1px;  font-size: 1px;}


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


.borderpad1{ border: 1px solid gray; padding: 1px;}
.borderpad2{ border: 1px solid gray; padding: 2px;}
.borderpad3{ border: 1px solid gray; padding: 3px;}
.borderpad4{ border: 1px solid gray; padding: 4px;}
.borderpad5{ border: 1px solid gray; padding: 5px;}
.borderpad6{ border: 1px solid gray; padding: 6px;}

/* Margin
**********/
.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{   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;}


/* Float
**********/
.floatleft{ float: left;}
.floatright{float: right;}

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


/* Align
**********/
table.va-top td{ vertical-align: top;}
table.va-bottom td{ vertical-align: bottom;}
table.va-middle td{ vertical-align: middle;}
.va-bottom {vertical-align: bottom;}
.va-top {	vertical-align: top;}
.va-middle {vertical-align: middle;}

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


/* Text-transform
*******************/
.capitalize{ text-transform: capitalize;}
.uppercase{ text-transform: uppercase;}
.lowercase{ text-transform: lowercase;}

/* Font-weight
****************/
.normal{ font-weight: 100;}
.bold{ font-weight: 700;}

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

/* Height
***********/		
.height100 { height: 100px; overflow: hidden; margin: 0;  }
.height128 { height: 128px; overflow: hidden; margin: 0;  }
.height160 { height: 160px; overflow: hidden; margin: 0;  }
.height200 { height: 200px; overflow: hidden; margin: 0;  }
.height250 { height: 250px; overflow: hidden; margin: 0;  }
.height380 { height: 380px; overflow: hidden; margin: 0;  }


/* Line height 
***************/
.line-height9    {line-height: 9px;  font-size: 8pt; }
.line-height18   {line-height: 18px; font-size: 8pt;}
.line-height20   {line-height: 20px; font-size: 8pt;}
.line-height30   {line-height: 30px; font-size: 8pt;}


/* Colors 
**********/
.white  { color: #ffffff; }
.black  { color: #000000; }
.green  { color: #00FF00; }
.yellow { color: #FFFF00; }
.red    { color: #FF0000; }
.pink   { color: #FF00FF; }
.blue   { color: #0000FF; }
.gray   { color: #666666; }
.beige  { color: #F1F1E9; }
.bg-white  { background: #ffffff; }
.bg-beige  { background: #F1F1E9; }
.bg-black  { background: #000000; }
.bg-green  { background: #00FF00; }
.bg-yellow { background: #FFFF00; }
.bg-red    { background: #FF0000; }
.bg-pink   { background: #FF00FF; }
.bg-blue   { background: #0000FF; }
.bg-gray   { background: #666666; }

/* Spacer
**********/
.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;}


li.li-blank5{height: 5px;}
li.li-blank10{height: 10px;}
li.li-blank15{height: 15px;}	


/* 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%; }