/* Start - Submeny */
 #subcontainer
{
width: 167px;
padding: 0px 1px 0px 1px;
margin-bottom: 0px;
font: normal 10px verdana, lucida, sans-serif;
background-color: #FFFFFF;
color: #333;
}

#subcontainer ul
{
list-style: none;
margin: 0px;
padding: 0px;
border-top: 1px solid #FFFFFF;
}

#subcontainer li
{
border-bottom: 1px solid #FFFFFF;
margin: 0px
}

#subcontainer li a
{
display: block;
padding: 2px 2px 2px 5px;
border-left: 16px solid #9BAEE8;
background-color: #4266D2;
color: #FFF;
text-decoration: none;
width: 100%;
}

#subcontainer li a { width: 167px; }

#subcontainer li a:hover
{
border-left: 16px solid #B9C7EE;
background-color: #9BAEE8;
color: #000;
}

#subcontainer a:active
{
border-left: 16px solid #BFD9FF;
background-color: #428EFF;
color: #fff;
}

#subcontainer li#active a
{
border-left: 16px solid #BFD9FF;
background-color: #428EFF;
color: #fff;
}

html>body #subcontainer li a { width: auto; }
html>body #subcontainer li a:hover { width: auto; }
html>body #subcontainer li a:active { width: auto; }
html>body #subcontainer li a:visited { width: auto; }
/* Slutt - Submeny*/



/* Klasser */

/* Linker */
a:link { color: #215DC6; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a:active { color: #215DC6; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a:visited { color: #215DC6; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a:hover { color: #428EFF; text-decoration: none; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }

a.small:link { color: #215DC6; text-decoration: underline; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a.small:active { color: #215DC6; text-decoration: underline; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a.small:visited { color: #215DC6; text-decoration: underline; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a.small:hover { color: #428EFF; text-decoration: none; font-size: 10px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }

a.grey:link { color: Black; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a.grey:active { color: Black; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a.grey:visited { color: Black; text-decoration: underline; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }
a.grey:hover { color: #999999; text-decoration: none; font-size: 11px; font-weight: normal; font-family: verdana, arial, helvetica, sans-serif; }

a.bold:link { color: #215DC6; text-decoration: underline; font-size: 11px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }
a.bold:active { color: #215DC6; text-decoration: underline; font-size: 11px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }
a.bold:visited { color: #215DC6; text-decoration: nunderline; font-size: 11px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }
a.bold:hover { color: #428EFF; text-decoration: none; font-size: 11px; font-weight: bold; font-family: verdana, arial, helvetica, sans-serif; }


/* Body & Scrollbar IE Style */
body {
scrollbar-face-color: #F8F8F8;
scrollbar-shadow-color: #7083E1;
scrollbar-highlight-color: #7083E1;
scrollbar-3dlight-color: #F8F8F8;
scrollbar-darkshadow-color: #F8F8F8;
scrollbar-track-color: #F8F8F8;
scrollbar-arrow-color: #7083E1;
}
 
 
 /* Skrift */
.small { font: normal 10px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #333; }
.medium { font: normal 11px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #333; }
.large { font: normal 12px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #333; }
.xl { font: bold 13px verdana, helvetica, sans-serif; text-decoration: none; color: #333;}
.xxl { font: bold 17px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #333;}
.headblue { font: bold 17px verdana, sans-serif; text-decoration: none; color:  #205DC7; }
.headgey { font: bold 17px verdana, sans-serif; text-decoration: none; color:  #666666; }
.subhead { font: bold 11px verdana, arial, helvetica, sans-serif; text-decoration: none; color: #205DC7; }
.bold { font: bold 11px arial, helvetica, sans-serif; text-decoration: none; color: #333; }
.boldblack { font: bold 12px arial, helvetica, sans-serif; text-decoration: none; color: #000; }


 /* Bakgrunner */
.bg_top { height: 48px; background: url(../images/style/bg_top.jpg) no-repeat bottom right #FFFFFF; border-bottom: #6F89DE solid 2px;}


 /* Boks og border */
.datobox { font-family: verdana, arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: White; border-top: 1px solid #4681BC; border-left: 1px solid #4681BC; border-right: 1px solid #4681BC; border-bottom: none; background-color: #BED8FA; padding: 10px, 6px, 10px, 6px;}
.cutebox { font-family: arial, helvetica, sans-serif; font-size: 17px; font-weight: bold; color: Black; border-top: 1px solid #4681BC; border-bottom: 1px solid White;  border-left: None;  border-right: None; background-color: #E3EFFD; padding: 10px, 10px, 10px, 10px;}
.box { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333; border: 1px solid #4681BC;  background-color: White; padding: 8px;}
.boxnopad { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333; border: 1px solid #4681BC;  background-color: White; padding: 0px;}
.boxlogin { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333; border: 1px solid #4681BC;  background-color: White; padding: 0px;}
.border { border: #7083E1 solid 1px; }
.borderwhite { border-bottom: #7083E1 solid 1px; border-left: #7083E1 solid 1px; border-right: #7083E1 solid 1px; border-top: none; background-color: #FFF; padding: 5px;}
.borderblack { border: #333 solid 1px; }
.cellblue { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; border: none;  background-color: #CFE2FB; padding: 5px;}
.celldblue { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000; border: none;  background-color: #ACBEF0; padding: 5px;}
.cellgrey { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333; border: none;  background-color: #F0F0F0; padding: 3px 0px 3px 5px;}
.cellwhite { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; font-weight: normal; color: #333; border: none;  background-color: White; padding: 3px 0px 3px 5px;}
.menuline { border-top: #7083E1 solid;  border-bottom: #7083E1 solid 1px; height: 1px} 
 
  /* Form klasser */
  
.inputtittel { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: bold; color: Black; border: 1px solid #7083E1;  padding-left: 5px;  width: 555px;  background-color: White;  }
.buttonup { font-family:  verdana, arial,  helvetica, sans-serif;  font-size: 10px; font-weight: bold; color: White;  width: 75px;  height: 18px; background-color: #7083E1;  border: 1px solid #7083E1; padding: 0px 0px 3px 0px;}
.buttondown { font-family:  verdana, arial,  helvetica, sans-serif;  font-size: 10px; font-weight: bold; color: White;  width: 75px;  height: 18px; background-color: #405AD7;  border: 1px solid #7083E1; padding: 0px 0px 3px 0px;}
.input { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1;  padding-left: 5px;  width: 220px;  background-color: #F2F4FD;  }
.dato { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1;  padding-left: 2px;  background-color: White;  }
.inputlong { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1;  padding-left: 5px;  width: 375px;  background-color: #F2F4FD;  }
.inputshort { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1; padding-left: 5px;  width: 40px;  background-color: #F2F4FD;  }
.inputfield { height: 85px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1; padding-left: 5px;  width: 220px;  background-color: #F2F4FD;  }
.subject { font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1; padding-left: 5px;  width: 472px;  background-color: #F2F4FD;  }
.select { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; padding-left: 5px;  width: 250px;  background-color: #F2F4FD;  border: 1px solid #7083E1;} 
.menybox { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; padding-left: 5px;  width: 198px;  background-color: White;  border: 1px solid #7083E1;} 
.formmenu { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1; padding-left: 5px;  width: 155px;  background-color: White;  }

.sok { height: 18px; font-family: verdana, arial,  helvetica, sans-serif;  font-size: 11px; font-weight: normal; color: Black; border: 1px solid #7083E1;  padding-left: 5px;  width: 220px;  background-color: #F2F4FD;  }
.sokup { font-family:  verdana, arial,  helvetica, sans-serif;  font-size: 10px; font-weight: bold; color: White;  width: 75px;  height: 18px; background-color: #7083E1;  border: 1px solid #7083E1; padding: 0px 0px 3px 0px;}
.sokdown { font-family:  verdana, arial,  helvetica, sans-serif;  font-size: 10px; font-weight: bold; color: White;  width: 75px;  height: 18px; background-color: #405AD7;  border: 1px solid #7083E1; padding: 0px 0px 3px 0px;}
/* Elements*/

p { font-family: verdana, arial, helvetica, sans-serif; font-size: 11px; color: #333; font-weight: normal; text-decoration: none; }
hr { border-top: #D0D0D0 solid;  border-bottom: #D0D0D0 solid 1px; height: 1px}




/* Start box: H1=Overskrift, H2=Brødtekst hvit bg, H3=Fokus tekst, H4=Bunn design - Layer DIV ID*/
#box {
margin: 0px;
padding: 0px;
}

#box .top { 
background: url(../images/style/box_top.jpg) #FEFEFE top right no-repeat; 
width: 169px;
padding: 4px;
height: 26px;
font: bold 11px verdana, arial,  helvetica, sans-serif; color: #205DC7; 
border-left: none;
}

#box .tekst { 
background-color: #D7DEF8; 
width: 169px;
font: normal 11px arial, verdana, helvetica, sans-serif;  
color: #333; 
padding: 5px;
border-left: #FEFEFE solid 1px;
} 










