/**
 * hovedstyles for siten
 *
 * inneholder alle styles for main contents, samt styles som brukes både av innhold i venstre og høyre kolonne
 *
 * @author anders s. oefsdahl <anders at apt no>
 * @version 1.0.0
 */


*     {
   margin:              0 0 0 0;
   padding:             0 0 0 0;
   font:                12px arial, verdana, georgia, sans-serif;
}

/**
 * overstyrte tagger
 */

b {
  font-weight:bold;
}

body  {
   margin:              0 0 0 0;
   background-color:       #e6f4f9;
   z-index:             1;
}

h1,h2,h3,h4,h5,h6,p {
   margin:              0 0 0 0;
   padding:             0 0 0 0;

}

h1 {
   color:                  #cd0005;
   font-size:              22px;
   font-weight:            bold;
}

h1.sifr-red {
   font-size:              22px;
}

h2 {
   font-size:              12px;
}

h3 {
   font-size:              14px;
}

a {
   text-decoration:        none;
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat 0px 4px;
   color:                  #cd0005;
   font-family:            tahoma,sans-serif;
   padding-left:           10px;
}

/*
a:hover {
   background:             #cd0005 url(../../../elm/a_arrow_white.gif) no-repeat 0px 4px;
   color:                  #fff;
/* padding-right:          5px; /
}
*/
a.back {
   background:             transparent url(../elm/a_arrow_red_left.gif) no-repeat 0px 4px;
   color:                  #cd0005;
   padding-left:           10px;
}

a.next {
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat right 4px;
   color:                  #cd0005;
   padding-right:          10px;
}

img {
   display:             block;
}

a img {
   border:                 none;
}

input {
   font-family:            tahoma,sans-serif;
   color:                  #333;
   font-size:              10px;
}

textarea {
   font-family:            tahoma,sans-serif;
   color:                  #666;
   background:             #f2f2f2;
   border-top:             1px solid #698198;
   border-left:            1px solid #6e88a0;
   border-bottom:          1px solid #7f9db9;
   border-right:           1px solid #7c99b5;
   padding:             2px;
}

strong      {
   font-weight:            bold;
}

em{
	font-style: italic; 
}
strong em{
	font-style: italic;
	font-weight: bold;
}

span.crumbs    {
   display:             block;
   background:             #fff;
   padding:             3px 0 0 20px;
}

span.crumbs a  {
   background:             none;
   padding:             0 0 0 0;
   font-size:              10px;
}

span.crumbs a:hover {
   text-decoration:        underline;
}

span.crumbs span{
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}
#greeting{
   float:left;
   padding-left:730px;
}
label.print    {
   background:             url(../elm/icon_print2.gif) no-repeat 0 0;
   padding-left:           16px;
}

label.delcookbook    {
   background:             url(../elm/icon_deleteCookbook.gif) no-repeat 0 0;
   padding-left:           16px;
   padding-bottom:            4px;
}

/**
 * unike elementer med tilhørende underklasser osv
 */

div#flasearch {
height: 210px;
}


div#container {
   width:                  930px;
   margin:                 0px auto;
}

div#container p.assistant {
   background-color:       #f2f2f2;
   padding:             5px 10px;
   color:                  #444;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}


div#container p.facts {
   background-color:       #f2f2f2;
   padding:             30px 10px 10px;
   color:                  #444;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

div#container div.left, div#container div.right, div#container div.main, div#container div.mainwide {
   float:                  left;
}

div#container div.box {
   background-color:       #fff;
   padding:             9px 10px;
   font-family:            tahoma,sans-serif;
}

div#container div.plr   {
   background-color:       #fff;
   padding-right:          20px;
   padding-left:           20px;
   font-family:            tahoma,sans-serif;
}

div#container div.box a, div#container div.box input, div#container div.box input p, div#container div.box select {
   font-size:              10px;
   font-family:            tahoma,sans-serif;
}

div#container div.left div.box_search, div#container div.right div.box_search, div#top div.lang {
   padding:             0px 10px 9px 10px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #004173;
}

div#container div.start {
   margin-bottom:          1px;
   padding-right:          20px;
   padding-left:           20px;
}

div#container div.rcp_right {
   width:122px;
   text-align:right;
}

div#container div.start select {
   width:                  136px;
}

div#container div.main {
   width:                  475px;
}

div#container div.mainwide {
   width:                  705px;
}

div#container div.mainpage {
   width:                  690px;
}

div#top {
   width:                  930px;
   height:                 103px;
   background:             #fff url(../elm/div_top_bg.jpg) no-repeat top left;
   border-top:             3px solid #004173;
   border-bottom:          2px solid #cfdbe0;
   margin-bottom:          8px;
   position:               relative;
}

div#top a {
   background:none;
   margin:0px;
   padding:0px;
}

div#top div.lang {
   position:               absolute;
   left:                730px;
   top:                 18px;
   width:                  180px;
   height:                 50px;
   padding:             0px;
   color:                  #7199b6;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

div#top div.lang strong {
   font-family:            tahoma,sans-serif;
   font-weight:            bold;
   font-size:              10px;
}

div#top div.lang a {
   color:                  #5d82a5;
   /*color:                #5d82a5;*/
   background:             transparent url(../elm/a_arrow_lightblue.gif) no-repeat 0px 4px;
   font-size:              10px;
   padding-left:           10px;
}

div#top div.lang select {
   color:                  #5d82a5;
   font-family:            tahoma,sans-serif;
   border-top:             1px solid #698198;
   border-left:            1px solid #6e88a0;
   border-bottom:          1px solid #7f9db9;
   border-right:           1px solid #7c99b5;
   background:             #fff url(../elm/input_txt_bg.gif) repeat-x left 1px;
   /*-moz-appearance:         progressbar;*/
   width:                  103px;
   font-size:              10px;
}

div#top div.lang option {
   padding-left:           5px;
   font-size:              10px;
}

div#top div.lang input.btn {
   color:                  #5d82a5;
   font-weight:            bold;
   font-size:              10px;
}

div#top div.meny_global {
   position:               absolute;
   left:                116px;
   top:                 77px;
   height:                 26px;
}

div#top div.meny_global a {
   background:             transparent url(../elm/div_meny_global_a_bg.gif) no-repeat 0px 2px;
   line-height:            27px;
   width:                  116px;
   display:             block;
   float:                  left;
   text-align:             center;
   text-decoration:        none;
   text-transform:            uppercase;
   font-weight:            bold;
   color:                  #00528d;
   padding-left:           0px;
   font-family:            arial, sans-serif;
}

div#top div.meny_global a.last {
   width:                  117px;
}

div#top div.meny_global a.active {
   background:             transparent url(../elm/div_meny_global_a_active_bg.gif) no-repeat 0px 0px;
   color:                  #fff;
   width:                  117px;
}

div#top div.meny_right {
   position:               absolute;
   left:                718px;
   top:                 77px;
   width:                  206px;
   height:                 26px;
}

div#top div.meny_right a {
   background:             transparent url(../elm/div_meny_global_right_a_bg.gif) no-repeat 0px 0px;
   line-height:            29px;
   width:                  102px;
   display:             block;
   float:                  left;
   text-align:             center;
   text-decoration:        none;
   font-weight:            bold;
   color:                  #fff;
   padding-left:           0px;
}

div#top div.meny_right a.last {
   width:                  104px;
}

/**
 * Diverse tagspesifikke klasser
 */

input.txt, input.txt2, input.txt3, input.txt4, input.txt5 {
   border-top:             1px solid #698198;
   border-left:            1px solid #6e88a0;
   border-bottom:          1px solid #7f9db9;
   border-right:           1px solid #7c99b5;
   padding:             2px;
   width:                  185px;
   background:             transparent url(../elm/input_txt_bg.gif) repeat-x top left;
   font-weight:            bold;
   font-size:              9px;
   color:                  #666;
}

input.txt3        {
   width:                  auto;
/* background:             #f2f2f2; */
   font-weight:            normal;
}

input.txt4        {
   font-weight:            normal;
}

input.txt5        {
   width:150px;
   height:11px;
   color:                  #7f9eb9;
   font-size:              10px;
}

select.sel2 {
   font-size:              10px;
   background:             #f2f2f2;
   color:                  #666;
   height:20px;
}

select.sel3 {
   font-size:              10px;
   background:             #f2f2f2;
   color:                  #666;
   height:20px;
   width:250px;
   margin-bottom:4px;
}

input.sel3 {
   width:246px;
   padding-right:0px;
   margin-bottom:4px;
}

div.left input.txt, div.left select, div.right input.txt, div.right select {
   width:                  97%;
}

div.left select, div.right select {
   font-family:            tahoma,sans-serif;
   border-top:             1px solid #698198;
   border-left:            1px solid #6e88a0;
   border-bottom:          1px solid #7f9db9;
   border-right:           1px solid #7c99b5;
   background:             #fff url(../elm/input_txt_bg.gif) repeat-x left 1px;
   /*-moz-appearance:         progressbar;   */
}

div.left select option, div.right select option {
   background-color:       #fff;
}

form.sok div.buttons {
   height:                 17px;
}

div.main a, div.mainwide a {
}

div.main a:hover, div.mainwide a:hover {
   text-decoration:        underline;
}

div.main span.date {
   display:             block;
   color:                  #0087cc;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   margin-bottom:          10px;
}

div#container div.article  {
   padding:             3px 20px 9px 20px;
}

div.article h1       {
   margin-bottom:          0px;
}

div.article h2       {
   font-size:              13px;
   color:                  #cd0005;
}

div.article span.date, div.main div.news_sidebyside span.date {
   margin:10px 0 5px 0;
}

div.article p, div.advsearch div.fields p {
   line-height:            20px;
   color:                  #666;
   margin:                 0 0 25px 0;
}

div.article p a {
   background:             none;
   padding:             0px;
   font:                12px arial, verdana, georgia, sans-serif !important;
}
div.article p a:hover {
   text-decoration:        underline;
}

div.article p.ingress, div.advsearch div.fields p.ingress   {
   color:                  #222;
   margin:                 0 0 15px 0;
}

div.image      {
   margin:                 0 0 25px 0;
}

div.image p, div.image p strong  {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #333;
   background:             #f2f2f2;
   line-height:            16px;
   margin:                 0 0 0 0;
}

div.image p    {
   padding:             10px 10px 10px 10px;
}

html>body div.image object {
   display:block;
}

div.cap_side   {
   /*
   height:                 168px;
   min-height:             168px;
   */
   background:             #f2f2f2;
}

html>body div.cap_side  {
   height:              auto;
}

div.cap_side img  {
   float:                  left;
   border-right:           10px solid #fff;
}

div.cap_side p    {
   float:                  left;
   width:                  190px;
   padding-right:          0px;
   margin:                 0 0 0 0;
}

div.cap_side div.clear {
   background-color:#fff;
}

div.article table {
   width:                  100%;
   background:             #f2f9fc;
   margin:                 0 0 25px 0;
}

div.article table.tbl_sub  {
   width:                  100%;
   background:             #f8f7ed;
   margin:                 0 0 0 0;
/* border-top:             2px solid #e7e6de; */
}

div.article table th, div.article table td   {
   padding:             3px 2px 4px 10px;
   color:                  #333;
}

div.article table td p {
   margin-bottom:5px;
   margin-top:0px;
   padding-top:0px;
   line-height:normal;
   color:#333;
}

div.article table th, div.article table tr.nobackgroundimage td {
   background-image:       none;
}

div.article table th {
   background:             #e6f4f9;
   font:                12px arial, verdana, georgia, sans-serif;
   font-weight:            bold;
   text-align:             left;
}

div.article table th.textalignright {
   text-align:             right;
   padding-right:          9px;
}

div.article table td.textalignright {
   padding-right:          9px;
}

div.article table td.textaligntop, div.article table tr.textaligntop {
   vertical-align:top;
}

div.article table td {
   background:             url(../elm/bg_dotted_border_grey.gif) repeat-x left bottom;
}

div.article table td.last, div.article table tr.last td  {
   background:none;
}

div.article table.tbl_image td   {
   background-image:       none;
   padding:             0 0 5px 0;
   vertical-align:top;
}

div.article table.tbl_image td img  {
   margin:                 0 0 5px 0;
}

div.article table.tbl_image td.td_mid  {
   background-image:       none;
   padding:             0 10px 5px 10px;
}

div#container div.article table.tbl_image tr td a{
   display:             block;
   margin:                 0 0 0 0px;
   background:none;
   padding-left:0px;
}

div.article table.tbl_image td   a span {
   margin-left:10px;
   background:transparent url(../elm/a_arrow_red.gif) no-repeat 0px 5px;
   padding-left:10px;
   display:block;
}

div.article td.whiteborder {
   border-right:           10px solid #fff;
   border-left:            10px solid #fff;
}

div.article table tr.sub_head td {
   background:             #e6f4f9;
}

div.article table td.sub_body {
   padding:             0 0 0 0;
   background:#f8f7ed url(../elm/td_solid_stripe.gif) repeat-x left top;
   border-bottom:1px solid #E0E2DF;
}

div.article table table.tbl_sub td  {
   color:                  #666;
   vertical-align:            top;
}

div.article table td.sub_body td {
   background:             #f8f7ed;
}

div.article table td.emp_image   {
   width:                  112px;
   height:                 120px;
}

div.article ul {
   list-style-type:        square;
   margin:                 0 0 25px 25px;
}

div.article ul li {
padding-bottom:            10px;
}

div.article ul li.nested {
   list-style-type:none;
   margin:0px;
   padding:0px;
   padding-left:16px;
}

div.article ul li.nested ul {
   padding-top:0px;
   margin:0px;
   padding:0px;
   display:inline;
}

div.article ul li ul {
   list-style-image:       url(../elm/li_bg_arrow.gif);
   margin:                 0 0 0 15px;
}

div.article ul li.nested ul li   {
   padding-bottom:            10px;
}

div.news_big {
   background-color:       #fff;
   height:                 135px;
}

html>body div.news_big  {
   height:              auto;
}

div.news_noimage {
   height:auto;
}

div div.news_noimage p {
   width:auto;
   display:inline;
   float:none;
}

div.news_big img {
   float:                  left;
   margin:                 0px 14px 0px 0px;
}

div.news_big h3, div.news_sidebyside h3 {
   font-weight:            normal;
   color:                  #cd0005;
}

div.news_big p, div.news_sidebyside p {
   color:                  #666;
   line-height:            15px;
   float:left;
   width:196px;
}

div#container div.box div.news_big a, div#container div.news_sidebyside a, div#container div.sgl a {
   font-size:              12px;
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat 0px 5px;
   padding-left:           10px;
}

div.article_tools          {
   /*margin:               20px 0px 20px 0px;*/
   /*padding:              4px 11px;   */
   padding:             8px 4px 6px 11px;
   color:                  #777;
   background:             #f2f2f2;
}

div.article_tools a  {
   background:             none;
   color:                  #777;
   padding:             3px 10px 0 30px;
   line-height:            15px;
}

div#container div.article_tools a.print   {
   background:             url(../elm/icon_print.gif) no-repeat;
   font-size:              10px;
   padding-left: 30px;
}

div#container div.main div.article table.last td a.deleterecipe {
   background:none;
   display:inline;
   text-decoration:none;
   padding-left:0px;
   margin-right:5px;
}

div#container div.main div.article table.last td a.deleterecipe img {
   display:inline;
}

div.article_tools a.deletecookbook  {
   background:             url(../elm/icon_deletebook.gif) no-repeat;
}

div#container div.article_tools a.email   {
   background:             url(../elm/icon_envelope.gif) no-repeat;
   font-size:              10px;
}

div.article_tools a.invite    {
    background:url(../elm/icon_invitation.gif) no-repeat;
}

div.article_tools a.cookbook    {
    background:url(../elm/icon_mycookbook.gif) no-repeat;
}

div.article_tools input.cookbook {
    background:url(../elm/icon_mycookbook.gif) no-repeat;
   text-align:left;
   margin:0px;
   color:#929292;
   padding:2px 10px 0px 30px;
   float:left;
   border:none;
}

div.article_tools table {
   width:100%;
   padding:0px;
   margin:0px;
   background-color:transparent;
}

div.article_tools table td {
   padding:3px 0px 5px 0px;
   margin:0px;
   background:transparent;
   width:50%;
}

div.article_tools table td.bt {
   padding-top:9px;
   background:             url(../elm/bg_dotted_border_grey.gif) repeat-x left top;
}

div.news_sidebyside {
   background-color:       #fff;
   margin-bottom:          0px;
   padding-bottom:            0px;
}

div.main div.news_sidebyside div.item_left {
   padding:             9px 10px 9px 0px;
   margin:                 0px 10px 0px 20px;
   width:                  215px;
   float:                  left;
   display:             inline;
   border-right:           1px solid #e6f4f9;
}

div.forside div.news_sidebyside div.item_left {
   padding:             9px 10px 9px 0px;
   margin:                 0px 10px 0px 8px;
   width:                  215px;
   float:                  left;
   display:             inline;
   border-right:           1px solid #e6f4f9;
}

div.main div.news_sidebyside div.item_right {
   padding:             9px 0px 9px 0px;
   margin:                 0px 20px 0px 0px;
   width:                  195px;
   float:                  left;
   display:             inline;
}

div.forside div.news_sidebyside div.item_right {
   padding:             9px 0px 9px 0px;
   margin:                 0px 10px 0px 0px;
   width:                  215px;
   float:                  left;
   display:             inline;
}

div.recipies   {
   margin:                 7px 0 7px 0;
   padding:                0 0 0 0;
   background:             url(../elm/bg_dotted_border_blue.gif) repeat-x top center;
   height:                 60px;
   min-height:             60px;
}

html>body div.recipies  {
   height:                 auto;
}

div.recipies form {
   margin:                 0 0 9px 0;
   padding:                9px 0 0 0;
}

div.recipies select, div.recipies input   {
   font-weight:            bold;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #5d82a5;
}

div.recipies select  {
   width:                  142px;
   background:             #f2f2f2;
}

div.recipies select.mdl {
   margin:                 0 10px 0 10px;
}

div.recipies option  {
   padding-left:           5px;
}

div.recipies p    {
   width:                  313px;
   float:                  left;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   /*font-weight:          bold;*/
   color:                  #666;
   padding:                7px 0 0 0;
}

div.mainwide div.recipies p {
   width:                  330px;
}

div.recipies div.rcp_right{
   width:                  140px;
   float:                  left;
   padding:                7px 0 0 0;
}

div.img_list h2   {
   margin-top:             10px;
   padding:                3px 0 3px 10px;
   background:             #e6f4f9;
}

div.img_list p {
   padding:                10px 10px 10px 10px;
   background:             #f2f9fc;
   height:                 175px;
}

div.img_list p img   {
   float:                  left;
   margin:              0 20px 0 0;
}

div.stripe     {
   height:              1px;
   overflow:               hidden;
   background:             url(../elm/bg_dotted_border_blue.gif) repeat-x top center;
}

div.main_footer   {
   margin:                 10px 0 0 0;
   color:                  #00528d;
   background:             #fff;
   height:                 20px;
   line-height:            20px;
}

div.main_footer a {
   padding:                0 0 0 0;
   background:             none;
   color:                  #00528d;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

div.main_footer a.editor      {
   color:                  #cd0005;
}

div.main_footer a.copyright      {
   color:                  #666;
}

div.mf_left    {
   padding:                0 0 0 11px;
   float:                  left;
   display:             inline;
   height:                 20px;
   line-height:            20px
}

div.mf_right      {
   padding:                0 11px 0 0;
   float:                  right;
   display:             inline;
   height:                 20px;
   line-height:            20px
}

div.more    {
   margin-top:             1px;
   height:                 20px;
   line-height:            20px;
   padding:2px 10px 2px 10px;
   background:             #fff;
}

div.more a  {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

div.clear {
   clear:                  both;
   height:                 1px;
   overflow:               hidden;
}

div.article table.tbl_list    {
   margin:                 0 0 0 0;
}

div.article table.tbl_image      {
   margin:                 10px 0 0 0;
}

div.article table.nomargin {
   margin-top:             0px;
}

div.article td.divider {
   height:20px;
   background:             #fff;
}

div.article table.tbl_list td.check {
   padding:4px 10px 4px 4px;
   text-align:right;
}

div.article table.tbl_list th.check {
   padding:4px 10px 4px 4px;
   text-align:right;
}

div.article table.tbl_list td, div.article table.tbl_list td span {
   padding-top:            4px;
   padding-bottom:            4px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

/*
div.article table.tbl_list td.date {
   padding-right:             10px;
   text-align:             right;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}
*/

div.article table.tbl_list td.dwl   {
   padding-right:             10px;
/* text-align:             right; */
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   width:55px;
}

div.article table.tbl_form td    {
/* vertical-align:            top; */
}

div.article table.tbl_form td label    {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

div.article table.tbl_form input.file        {
   height:                 18px;
}

div.article table.tbl_form input.txt4  {
   width:                  200px;
}

div.article table.tbl_form textarea    {
   background:             #f2f2f2;
   width:                  200px;
}

div.article table.tbl_form input.radio    {
   margin:                 2px 0px -1px 0px;
}

div.article table.tbl_form input.checkbox {
   margin:                 2px 0px 0px 0px;
}

div.article table.tbl_form label.radio, div.article table.tbl_form label.checkbox {
   padding:             0px 0px 0px 8px;
}

div.article p.question        {
   margin-top:             10px;
   padding:             10px 10px 10px 10px;
   background:             #e6f4f9;
}

div.article p.answer       {
   padding:             10px 10px 10px 10px;
   background:             #f2f9fc;
}

div.article div.selectionbox h1 {
   margin-bottom:          0px;
}

div.article div.selectionbox h2 {
   color:                  #0087cc;
}

div.article div.selectionbox td {
   padding:             0px;
   background:             #fff;
}

div.article div.selectionbox tr.selectionboxes td {
   padding:             10px 0px 10px 0px;
}

div.article div.selectionbox select {
   width:100px;
   color:                  #7f9eb9;
   font-family:            tahoma,sans-serif;
   border-top:             1px solid #698198;
   border-left:            1px solid #6e88a0;
   border-bottom:          1px solid #7f9db9;
   border-right:           1px solid #7c99b5;
   background:             #f2f2f2 url(../elm/input_txt_bg.gif) repeat-x left 1px;
   font-size:              10px;
   font-weight:            bold;
}

div.article div.selectionbox input.btn {
   float:                  left;
   padding:             1px 0px 1px 0px;
   width:                  100px;
   color:                  #7f9eb9;
   font-size:              10px;
   font-weight:            bold;
}

div#container div.main div.article table.last td a {
   font-family:            arial,sans-serif;
   font-size:              10px;
   color:                  #333;
   padding-left:           10px;
   background:             transparent url(../elm/a_arrow_black.gif) no-repeat 0px 4px;
   display:block;
}

div#container div.main div.article table.last tr.sub_head td a {
   background:             transparent url(../elm/a_arrow_black_down.gif) no-repeat 0px 4px;
/* display:block; */
}

div#container div.main div.article table.last tr.sub_head td.dwl a {
   background:             transparent url(../elm/a_arrow_black.gif) no-repeat 0px 4px;
/* display:block; */
}

div.sgl     {
   padding-top:            10px;
}

div.sgl p   {
   margin-bottom:          0px;
}

div.advsearch {

}

div.advsearch div.fields {
   padding:             3px 20px 10px 20px;
   min-height:             110px;
   background:             #fff;
}
* html div.advsearch div.fields {
   height:                 110px;
}

div.advsearch div.fields table td {
   padding:             0px 0px 0px 0px;
   background:             #fff;
}

div.advsearch div.fields table td.in {
   width:                  20px;
}

div.advsearch div.fields table div.search {
   width:                  60px;
}

div.advsearch div.fields select {
   width:150px;
   color:                  #7f9eb9;
   font-family:            tahoma,sans-serif;
   border-top:             1px solid #698198;
   border-left:            1px solid #6e88a0;
   border-bottom:          1px solid #7f9db9;
   border-right:           1px solid #7c99b5;
   background:             #f2f2f2 url(../elm/input_txt_bg.gif) repeat-x left 1px;
   font-size:              10px;
   font-weight:            bold;
}

div.advsearch div.fields input.btn {
   padding:             1px 2px 1px 2px;
   width:                  auto;
   color:                  #5d82a5;
   font-weight:            bold;
   font-size:              10px;
}

div.advsearch div.fields div.result {
   background:             #ffaaaa;
}

div.advsearch div.bottom {
   border-top:             1px solid #e6f4f9;
   padding-top:            0px;
   min-height:             30px;
   height:                 30px !important;
}

div.advsearch div.bottom span {
   border-right:           2px solid #333;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   font-weight:            bold;
}

div.advsearch div.bottom a {
   padding:             0px 8px 0px 4px;
   background:             url(../elm/a_arrow_dbl_black.gif) center right no-repeat;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   font-weight:            bold;
}

div.advsearch div.bottom a.next {
   padding-right:          0px;
   background:             transparent;
}

div.advsearch div.bottom a.back {
   padding-right:          0px;
   background:             transparent;
}

div.advsearch div.bottom table td {
   padding-top:10px;
}

/*div.advsearch div.navigator {*/
div div.navigator {
   margin:                 0px 0px 0px 0px;
   padding:             0px 20px 0px 20px;
   border-top:             1px solid #e6f4f9;
   height:                 25px;
}

div.article div.navigator {
   margin:10px -20px -10px -20px;
   height: 35px;
}

div div.navigator {
   background:#fff;
}
div#container div div.navigator ul{
	padding: 0;
	margin: 0;
	list-style:none;
}
div#container div div.navigator ul li{
	display: block;
	float:left;
	padding: 0;
}
div#container div div.navigator ul li a,
div#container div div.navigator ul li span{
	width: 17px;
	display: block;
	padding-left: 10px;
	margin: 0;
	height: 10px;
	border: 0;
	border-left: 1px solid #999;
	background: none;
}
div#container div div.navigator ul li.first a,
div#container div div.navigator ul li.first span{
	border: 0;
}
div#container div div.navigator ul li.first a.next,
div#container div div.navigator ul li.first a.prev{
	width: 40px;
}
/*div.advsearch div.navigator table {*/
div div.navigator table {
   background:#fff;
   margin:              6px 0px 0px 0px;
   width:                  100%;
}

div div.navigator table td {
   padding:0px;
   background-image:none;
}

/*div.advsearch div.navigator table td.left {*/
div div.navigator table td.left {
/* width:                  249px; */
   font-family:            arial,sans-serif;
   font-size:              12px;
}

/*div.advsearch div.navigator table td.center {*/
div div.navigator table td.center {
   font-family:            arial,sans-serif;
   font-size:              12px;
   text-align:center;
/* width:                  230px; */
}

/*div.advsearch div.navigator table td.right {*/
div div.navigator table td.right {
   text-align:             left;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   text-align:right;
}

/*div.advsearch div.navigator span {*/
div div.navigator table span {
   border-right:           2px solid #333;
   font-family:            arial,sans-serif;
   font-size:              10px;
   font-weight:            bold;
}

/*div.advsearch div.navigator span.activlink {*/
div div.navigator table span.activlink {
   padding:             0px 1px 0px 1px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   font-weight:            bold;
   background:none;
/* background:             url(../../../elm/a_arrow_dbl_black.gif) center right no-repeat; */
   border:                 none
}

/*div.advsearch div.navigator a {*/
div div.navigator table a, div#container div div div.navigator table a {
   padding:             0px 1px 0px 1px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   font-weight:            bold;
   background:none;
/* background:             url(../../../elm/a_arrow_dbl_black.gif) center right no-repeat;*/
}

/*div.advsearch div.navigator a.last {*/
div div.navigator table a.last {
   padding:             0px 4px 0px 3px;
   background:             none;
}

/*div.advsearch div.navigator a.next {*/
div#container div div.navigator table a.next {
   padding-right:          8px;
   background:             transparent url(../elm/a_arrow_dbl_black.gif) no-repeat right 3px;
}

div#container div div.navigator table a.prev {
   padding-left:           9px;
   background:             transparent url(../elm/a_arrow_dbl_black_left.gif) no-repeat left 3px;
}

div.advsearch div.result {
   padding:             20px 10px 10px 10px;
   border-top:             1px solid #e6f4f9;
   background:             #fff;
}

div.advsearch div.result div.instance {
}

div.advsearch div.result div.instance h3 {
   padding:             3px 0px 3px 0px;
   font-size:              12px;
   background:             #F7F7F7;
}

div.advsearch div.result div.instance div.leftbox {
   float:                  left;
   width:                  475px;
}

div.advsearch div.result div.instance div.leftbox h3 {
   padding-left:           10px;
   color:                  #cd0005;
   background:             #F7F7F7 url(../elm/a_arrow_red_indent.gif) center left no-repeat;
}


div.advsearch div.result div.instance div.leftbox div.info {
   padding:             5px 0px 0px 20px;
}

div.advsearch div.result div.instance div.leftbox div.info label {
   font-family:            tahoma,sans-serif;
   font-weight:            bold;
   font-size:              10px;
   color:                  #333;
}

div.advsearch div.result div.instance div.leftbox div.info a {
   padding:             0px 0px 0px 4px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   background:             none;
}

div.advsearch div.result div.instance div.leftbox div.info span {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #0087cc;
}

div.advsearch div.result div.instance div.leftbox div.info span.red {
   padding-left:           4px;
   color:                  #cd0005;
}

div.advsearch div.result div.instance div.leftbox p {
   display:             block;
   padding:             5px 0px 10px 20px;
   color:                  #666;
}

div.advsearch div.result div.instance div.rightbox {
   float:                  right;
   width:                  210px;
}

div.advsearch div.result div.instance div.rightbox h3 {
   font-family:            tahoma,sans-serif;
   font-weight:            bold;
   font-size:              10px;
   color:                  #666;
   font-weight:            bold;
}

div.advsearch div.result div.instance div.rightbox h3 span {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #0078A0;
}

div.advsearch div.result div.instance div.rightbox div {
   padding-top:            5px;
   padding-right:          19px;
}

div.advsearch div.result div.instance div.rightbox div span.txt {
   display:             block;
   float:                  left;
   width:                  48px;
   font-family:            tahoma,sans-serif;
   font-weight:            bold;
   font-size:              10px;
   color:#333;
}
div.advsearch div.result div.instance div.rightbox div span.col01 {
	display: block;
	float: right;
	background: #cd0005;
	height:12px;
}
div.advsearch div.result div.instance div.rightbox div span.col02 {
	display: block;
	float: right;
	background: #ccc;
	height: 12px;
}
div.advsearch div.result div.instance div.rightbox div span.value {
   display:             block;
   float:                  right;
   background:             #f7f7f7;
   width:                  30px;
   text-align:             right;
}

/* Sitemap */

div.sitemap {
   margin-bottom:          1px;
   padding:             9px 20px 20px 20px;
   background:             #fff;
}

div.sitemap table{
   width:                  100%;
   background:             #fff;
}

div.sitemap td{
   padding:             20px 2px 5px 5px;
   width:                  20%;
   vertical-align:            top;
}

div.sitemap ul {
   margin:0px;
   padding:0px;
}

div.sitemap li {
   padding:             1px 0px 1px 0px;
   list-style:             none;
   background:             url(../elm/bg_dotted_border_black.gif) repeat-x top left;
}

div.sitemap li.first {
   background:             url(../elm/bg_dotted_border_black.gif) repeat-x bottom left;
}

div.sitemap a {
   display:block;
   background-position:    left 8px;
}

div.sitemap a.l1{
/* height:                 18px; */
   line-height:            20px;
   font-family:            arial,sans-serif;
   font-size:              12px;
}

div.sitemap a.l2{
/* height:                 18px; */
   line-height:            20px;
   font-family:            arial,sans-serif;
   font-size:              12px;
}

div.sitemap a.l3{
/* height:                 18px; */
   line-height:            20px;
   background:             transparent url(../elm/a_arrow_black.gif) no-repeat left 7px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #333;
}

div.sitemap a.l3:hover {
   background-color:       #e6f4f9;
}

div.sitemap a.l4{
   padding:0px 0px 0px 20px;
/* height:                 18px; */
   line-height:            20px;
   background:             transparent url(../elm/a_doublearrow_grey_sitemap.gif) no-repeat left 7px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #A2A2A2;
}

div.sitemap a.l4:hover {
   background-color:       #e6f4f9;
}

div.top10 div.news_big {
   padding-left:20px;
   padding-bottom:10px;
   margin-bottom:1px;
}

/**
 * Andre ting
*/

table.ingredients select {
   margin-right:           12px;
   width:                  40px;
   text-align:             right;
}

table.ingredients input.button {
}

span.error {
   display:             block;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #cd0005;
}


/**
 * generelle, taguavhengige klasser
 */

.wact    {
   display:             none;
}

.mt      {
   margin-top:             9px;
}

.ml   {
   margin-left:            10px;
}

.mr   {
   margin-right:           10px;
}

.mb, ul.arkiv, table.bars, table.ingredients, ul.values, div#container div.right img, div#container div.left div.box_search, div#container div.right div.box_search {
   margin-bottom:          10px;
}

.mts     {
   margin-top:             1px;
}

.bb   {
   background:             url(../elm/bg_dotted_border_grey.gif) repeat-x left bottom;
}

.bt   {
   background:             url(../elm/bg_dotted_border_grey.gif) repeat-x left top;
}

.bold {
   font-weight:            bold;
}

.fl   {
   float:                  left;
}

.fr   {
   float:                  right;
}

.fw      {
   width:                  100%;
}

.debug   {
   display:             none;
}

.textalignright {
   text-align:             right;
}

.textaligncenter {
   text-align:             center;
}

.textalignleft {
   text-align:             left;
}

.nobackgroundimage {
   background-image:none;
}

/* Klikkbare nyhetsoverskrifter */

div#container div.box div.news_big h1 a.headerlink,
div#container div.news_sidebyside h1 a.headerlink,
div#container div.sgl h1 a.headerlink {
 padding: 0 0 0 0;
 background: none;
 font: inherit;
 font-size: 22px;
 color: inherit;
}

div#container div.box div.news_big h2 a.headerlink,
div#container div.news_sidebyside h2 a.headerlink,
div#container div.sgl h2 a.headerlink {
 padding: 0 0 0 0;
 background: none;
 font: inherit;
 font-size: 12px;
 color: inherit;
}

div#container div.box div.news_big h3 a.headerlink,
div#container div.news_sidebyside h3 a.headerlink,
div#container div.sgl h3 a.headerlink {
 padding: 0 0 0 0;
 background: none;
 font: inherit;
 font-size: 14px;
 color: inherit;
}

/************* eff.css *********/

div.box.mb.large,
div.box.mb.small{
   padding-left: 20px;
   padding-right: 20px;
}

div.box.mb.small{
   margin-bottom: 0;
   background: red;
}

div.box.mb.large{
   margin-bottom: 0;
   background: red;
}

form.formSearch h2{
   margin-bottom: 1em;
}

/*#formSearchRecipesScreen div{
   background:             url(../../../elm/bg_dotted_border_grey.gif) repeat-x left top;
   padding: 1em 0 1em 0;
}

#formSearchRecipesScreen .button{
   padding-bottom: 0;
   text-align: right;
}

#formSearchRecipesScreen select,
#formSearchRecipesScreen .button input{
   width: 123px;
   margin-right: 10px;
}*/

form.formSearch option.heading{
   color: #869AB2;
}
 div#searchResultsRecipes{
   padding: 0 0 20px 10px;
   background-color: #FFF;
}
div#searchResultsRecipes td{
   background-color: #E6F3F9;
}

div#searchResultsRecipes td.empty{
   background-color: transparent;
}

div#searchResultsRecipes div{
   padding: 5px 10px 5px 10px;
}

div#searchResultsRecipes img{
   display: block;
}

/* navigation menu styles */
ul#navigation-menu{
   margin: 0;
   padding: .4em 0 0 0;
   list-style-type: none;
   color: #999;
   clear: both;
}

ul#navigation-menu li{
   display: inline;
   padding: .2em .3em .2em .3em;
}

ul#navigation-menu li.numbers.active{
   font-weight: bold;
   color: #000;
}

/********** leftmenu.css ****************/

ul.leftmenu {
   margin-bottom:          24px;
   list-style:             none;
   width:                  215px;
   background-image:       url(../elm/bg_dotted_border_blue.gif);
   background-repeat:         repeat-x;
   background-position:    left bottom;
}

ul.leftmenu li {
   list-style:             none;
   background-image:       url(../elm/bg_dotted_border_blue.gif);
   background-repeat:         repeat-x;
   background-position:    left top;
   display:             block;
   padding-top:            1px;
   padding-bottom:            1px;
}

ul.leftmenu li.first {
   background-image:       none;
}

ul.leftmenu li a {
   display: block;
   height: auto /*16px*/;
   width: 195px /*215px*/;
   color: #0a568d;
   line-height: 18px;
   text-indent: /*20px*/;
   background: transparent url(../elm/a_arrow_blue.gif) no-repeat 10px 7px;
   padding-left: 20px /*0*/;
}


ul.leftmenu li a:hover {
   background-color:       #fff;
/*
   height:                 17px;
   line-height:            16px;
   border-top:             1px solid #78a5c3;
   background-position:    10px 6px;
*/
}

ul.leftmenu li.first a:hover {
   background-color:       #fff;
/*
   height:                 18px;
   line-height:            18px;
   border-top:             0px;
   background-position:    10px 7px;
*/
}

ul.leftmenu li.last a:hover {
   background-color:       #fff;
/*
   height:                 16px;
   line-height:            16px;
   border-bottom:          1px solid #78a5c3;
   background-position:    10px 6px;
*/
}

ul.leftmenu li.active {
   background-color:       #0087cc;
}

ul.leftmenu li.active li {
   background-color:       #0070b3;
}

ul.leftmenu li.active li a {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

ul.leftmenu li.active li.active li {
   background-color:       #005797;
}

ul.leftmenu li.active a,  ul.leftmenu li.active li.active a {
   background:             transparent url(../elm/a_arrow_white_down.gif) no-repeat 10px 8px;
   color:                  #fff;
}

ul.leftmenu li.active li a, ul.leftmenu li.active li.active li a {
   background-color:       #0070b3;
   background:             transparent url(../elm/a_arrow_white.gif) no-repeat 10px 7px;
}

ul.leftmenu li.active li.active li a {
   text-indent:            27px;
   background:             transparent url(../elm/a_doublearrow_white.gif) no-repeat 20px 7px;
}

ul.leftmenu li.nosub a,  ul.leftmenu li.active li.nosub a {
   background:             #004173;
   color:                  #fff;
   font-weight:bold;
}

ul.leftmenu li.active li.active li.active a, ul.leftmenu li.active li.active li a:hover {
   background:             #004173;
}

ul.leftmenu li.active li.active li.active a {
   font-weight:            bold;
}

ul.leftmenu li.active a:hover {
   background-color:       #339fd6;
/*
   border-top:             1px solid #0070b3;
   background-position:    10px 7px;
*/
}

ul.leftmenu li.active li a:hover {
   background-color:       #338dc2;
/*
   border-top:             1px solid #0070b3;
   background-position:    10px 6px;
*/
}

ul.leftmenu li.active li.active a:hover {
/* background-position:    10px 7px; */
}

ul.leftmenu li.active li.active li a:hover {
/* border-top:             1px solid #004173; */
}

ul.leftmenu li.nosub a:hover,  ul.leftmenu li.active li.nosub a:hover {
   background:             #004173;
}

/****************** leftcolumn.css **************/
div#container div.left {
   width:                  215px;
}

div#container div.left h4, div#container div.left h5 {
   line-height:            20px;
   font-weight:            normal;
   color:                  #fff;
   background:             #00528d url(../elm/div_left_h4_bg.gif) no-repeat top left;
   border-bottom:          2px solid #b8c3c7;
   text-indent:            10px;
}

div#container div.left h4 {
   font-weight:            bold;
}

div.left a.bigbutton {
   background:             transparent url(../elm/a_bg_bigbutton.gif) no-repeat top left;
   width:                  195px;
   line-height:            18px;
   display:             block;
   text-align:             center;
   color:                  #666;
   font-weight:            bold;
   padding-left:           0px;
}

div.left input.bigbutton {
   border:                 none;
   padding:             3px 0px 3px 0px;
   background:             transparent url(../elm/a_bg_bigbutton.gif) no-repeat top left;
   width:                  195px;
   display:             block;
   text-align:             center;
   color:                  #666;
   font-weight:            bold;
   padding-left:           0px;
}

div#container div.left div.box_search {
   padding-bottom:            0px;
   font-family:tahoma,sans-serif;
   font-size:9px;
}

div#container div.left div.box_search a, div#container div.left div.box_search p strong {
   font-weight:            bold;
   font-family:tahoma,sans-serif;
   font-size:9px;
}

div#container div.left div.box_search a {
   margin-bottom:3px;
   display:block;
}

div#container div.left div.box_search input.txt2 {
   margin-right:5px;
   width:126px;
}

div#container div.left input.txt2 {
   width:                  131px;
}

div#container div.left input.btn {
   padding:             1px 2px 1px 2px;
   color:                  #004173;
   vertical-align:            bottom;
   font-size:              9px;
   font-weight:            bold;
}

div#container div.left div.linklist a {
   display:             block;
   margin-bottom:4px;
}

div#container div.left div.linklist a:hover {
   text-decoration:underline;
}

div#container div.left span {
   display:block;
   font-family:tahoma,sans-serif;
   font-size:9px;
}

div#container div.left span.name {
   font-weight:bold;
}

div#container div.left span.error {
   color:#cd0005;
}

div#container div.left table.signin {
   width:195px;
}

div#container div.left table.signin td {
   color:#666;
   font-family:tahoma,sans-serif;
   font-size:9px;
   padding-bottom:4px;
}

div#container div.left table.signin td.col1 {
   width:54px;
}

div#container div.left table.signin td input {
   width:120px; /* width:140px; */
   float: right;
}

/************* rightcolumn.css ***************/
div#container div.right {
   width:                  220px;
/* overflow:               hidden;  */
}

div#container div.right h4, div#container div.right h5, div#container div.right h6 {
   line-height:            20px;
   font-weight:            normal;
   color:                  #fff;
   background:             #00528d url(../elm/div_right_h4_bg.gif) no-repeat top left;
   text-indent:            10px;
}

div#container div.right h6 {
   background:             #be649a url(../elm/div_right_h6_bg.gif) no-repeat top left;
}

div#container div.right h4 {
   font-weight:            bold;
}

div#container div.right a.campaign {
   position:               relative;
   display:             block;
   padding-left:           0px;
   font-size:              10px;
}

div#container div.right a.campaign span {
   position:               absolute;
   left:                0px;
   top:                 0px;
   width:                  220px;
   height:                 21px;
   line-height:            21px;
   display:             block;
   text-indent:            20px;
   color:                  #fff;
   font-family:            tahoma,sans-serif;
   background:             #0078a0 url(../elm/a_arrow_white.gif) no-repeat 10px 9px;
   cursor:                 pointer;
   font-size:              10px;
}

div#container div.right a.campaign2 {
   display:             block;
   padding-left:           0px;
   font-size:              10px;
}

div#container div.right a.campaign2 span {
   width:                  220px;
   height:                 21px;
   line-height:            21px;
   display:             block;
   text-indent:            20px;
   color:                  #fff;
   font-family:            tahoma,sans-serif;
   background:             #0078a0 url(../elm/a_arrow_white.gif) no-repeat 10px 9px;
   cursor:                 pointer;
   font-size:              10px;
}

html>body div#container div.right a.campaign:hover span, html>body div#container div.right a.campaign2:hover span {
/*
   background-color:       #fff;
   color:                  #0078a0;
*/
   text-decoration:underline;
   color:#fff;
}

div.right div.box a {
   display:             block;
   padding-left:           10px;
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat 0px 4px;
   color:                  #cd0005;
   margin-bottom:          2px;
}

div.right div.box a:hover {
   text-decoration:        underline;
}

/**
 * liste for arkivvisning
 */

ul.arkiv {
   list-style:             none;
   overflow:hidden;
}

ul.arkiv li {
   font-family:            tahoma,sans-serif;
   background:             #fff url(../elm/bg_dotted_border_grey.gif) repeat-x left bottom;
   padding:             10px 0px 10px 10px;
   margin:                 0px 0px 0px 0px;
}

ul.arkiv li a {
   line-height:            11px;
   margin:                 0 0 0 0;
   padding:             0 0 0 10px;
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat 0px 4px;
   color:                  #cd0005;
   display:             block;
   font-size:              10px;
}

ul.arkiv li a:hover {
   text-decoration:        underline;
}

ul.arkiv li span {
   padding:             0 0 0 10px;
   color:                  #666;
   font-size:              10px;
   display:             block;
}

ul.arkiv li.np {
   height:                 20px;
   background-image:       none;
   padding:             0px;
}

ul.arkiv li.np a {
   margin-top:             0px;
   display:             block;
   padding-top:            0px;
}

ul.arkiv li.np a.prev span {
   display:             none;
}

ul.arkiv li.np a.prev {
   float:                  left;
   padding-left:           10px;
   margin:                 5px 0px 0px 10px;
   background:             transparent url(../elm/a_arrow_red_left.gif) no-repeat left 3px;
   display:             inline;
}

html>body ul.arkiv li.np a.prev {
   background-position:    left 4px;
}

ul.arkiv li.np a.next {
   float:                  right;
   padding-right:          6px;
   margin:                 5px 10px 0px 0px;
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat right 3px;
   display:             inline;
}

html>body ul.arkiv li.np a.next {
   background-position:    right 4px;
}


/**
 * tabell med søyler for næringsinnhold
 */

table.bars {
   width:                  100%;
   padding:             0px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #666;
   background-color:       #fff;
}

table.bars td     {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

table.poll {
   width:                  100%;
   margin-bottom:          10px;
}

table.poll td {
   padding:             5px 0px 5px 0px;
   background:             #fff;
   vertical-align:            middle;
}

table.poll td.radio {
   width:                  30px;
}

table.poll td.radio input {
/* width:                  30px; */
   margin-left:10px;
}

table.poll span.value {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

table.poll span.type {
   display:             block;
   margin-left:            11px;
   padding-left:           0px;
   background:             transparent;
   color:                  #666;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

table.poll td.bar {
   width:                  130px;
}

table.poll td.bar span.bar {
   display:             block;
   width:                  120px;
   height:                 12px;
   background:             #f2f2f2;
   color:                  #666;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

a.poll {
   display:             block;
   padding:             4px 0px 4px 21px;
   background:             #0078a0 url(../elm/a_arrow_white.gif) no-repeat 10px 9px;
   color:                  #fff;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

table td.line {
   background-image:       url(../elm/bg_dotted_border_grey.gif);
   background-repeat:         repeat-x;
   background-position:    left bottom;
}

table td.def {
   border-top:             4px solid #fff;
   border-bottom:          4px solid #fff;
   border-left:            11px solid #fff;
   width:                  79px;
}

table td.bars {
   border-top:             4px solid #fff;
   border-bottom:          4px solid #fff;
   border-right:           11px solid #fff;
   background-color:       #f2f2f2;
}


table span.value {
/*table td.bars span.value {*/
   float:                  right;
   margin-right:           11px;
   text-align:             right;
   font-family:            tahoma,sans-serif;
   color:                  #666;
   font-size:              10px;
}

table td.bars span.col01 {
   background-color:       #cd0005;
   float:                  left;
   display:             block;
}

table td.bars span.col02 {
   background-color:       #a60000;
   float:                  left;
   display:             block;
}

span.col03 {
   display:             block;
   float:                  left;
   height:                 12px;
   background:             #cd0005;
}

span.col04 {
   display:             block;
   float:                  left;
   height:                 12px;
   background:             #f2f2f2;
}

/**
 * nutrition values liten i høyre kolonne
 */


table td.defHalf {
   border-top:             4px solid #fff;
   border-bottom:          4px solid #fff;
   border-left:            11px solid #fff;
   width:                  100px;
}

table td.defHalf span.value {
   float:                  right;
   margin-right:           11px;
   text-align:             right;
}
/**
 * ingredients h¿yre kolonne
 */

table.ingredients {
   width:                  100%;
   padding:             0px;
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   color:                  #90275f;
   background-color:       #e1c9e3;
}

table.ingredients td    {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
   padding:5px 11px 5px 0px;
}

table.ingredients td.ingrPersons {
   background-color:       #cb72a8;
   padding:             5px 10px;
   color:                  #fff;
   font-family:            arial,sans-serif;
   font-size:              11px;
}

table.ingredients td.ingrSelect {
   background-color:       #cb72a8;
   padding:             0px 0px;
   color:                  #fff;
   font-family:            arial,sans-serif;
   font-size:              11px;
}

table.ingredients td.ingrSelect select {
   padding:             0px 0px 0px 0px;
   background:             url(../elm/bg_dotted_border_grey_topbottom.gif) repeat-x left bottom #fff;
   margin-right:0px;
}

table.ingredients td.ingrGroup {
   background-color:       #d897c2;
   padding:             5px 10px;
   color:                  #fff;
   font-family:            arial,sans-serif;
   font-size:              11px;
}

table.ingredients td.amount {
   /*
   border-top:             4px solid #e1c9e3;
   border-bottom:          4px solid #e1c9e3;
   border-left:            11px solid #e1c9e3;
   border-right:           11px solid #e1c9e3;
   */
   width:                  50px;
   padding-left:11px;
}


/**
 * nutrition values i høyre kolonne
 */

ul.values {
   list-style:             none;
   overflow:hidden;
}

ul.values li {
   background:             #fff url(../elm/bg_dotted_border_grey.gif) repeat-x left bottom;
   position:               relative;
   height:                 20px;
   margin:                 0px;
   font-size:              10px;
   line-height:            20px;
}

html>body ul.values li {
   height:                 auto;
}

ul.values li span {
   display:             none;
}

ul.values li.active {
   background:             #fff url(../elm/li_bg_dl.gif) repeat-x left 18px;
}

ul.values li.active span {
   display:             block;
}

ul.values li.active dl {
   margin-top:             4px;
}

ul.values li dl {
   display:             none;
}

ul.values li.active dl {
   display:             block;
   border-bottom:          3px solid #fff;
}

html>body ul.values li.active dl {
   border-bottom:          0px;
}

ul.values li dt {
   position:               absolute;
   float:                  left;
   width:                  120px;
   clear:                  left;
   background:             #f8f7ed url(../elm/bg_dotted_border_grey.gif) repeat-x left bottom;
   padding-left:           10px;
   padding:             3px 0px 3px 10px;
   color:                  #333;
   font-size:              10px;
}

ul.values li dd, ul.values li span.dd {
   text-align:             right;
   background:             #f8f7ed url(../elm/bg_dotted_border_grey.gif) repeat-x left bottom;
   padding:             3px 20px 3px 0px;
   color:                  #333;
   display:             block;
   font-size:              10px;
}

ul.values li dl .last,  ul.values li dl :last-child {
}

ul.values li dd.emp {
   color:                  #cd0005;
}

ul.values li a {
   padding-left:           20px;
   background:             transparent url(../elm/a_arrow_red.gif) no-repeat 10px 4px;
   color:                  #cd0005;
}

ul.values li span {
   position:               absolute;
   right:                  20px;
   top:                 0px;
   color:                  #cd0005;
}

ul.values a, ul.values span, ul.values dt, ul.values dd {
   font-family:            tahoma,sans-serif;
   font-size:              10px;
}

ul.values a:hover {
/* color:                  #360000; */
   text-decoration:        underline;
}

ul.values li.last {
   background-color:       #fff;
}

/************* sifr.css *****************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
   visibility: visible !important;
   margin: 0;
}

.sIFR-replaced {
   visibility: visible !important;
}

span.sIFR-alternate {
   position: absolute;
   left: 0;
   top: 0;
   width: 0;
   height: 0;
   display: block;
   overflow: hidden;
}

/* The styles for standard formatting without sIRF */

h1.sifr-red, h2.sifr-red {
   color:                  #cd0005;
}

h1.sifr-blue, h2.sifr-blue {
   color:                  #0087cc;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

/*
.sIFR-hasFlash h1.sifr-red, .sIFR-hasFlash h1.sifr-blue {
   visibility: hidden;
}

.sIFR-hasFlash h2.sifr-red, .sIFR-hasFlash h2.sifr-blue {
   visibility: hidden;
}
*/