/* Start of CMSMS style sheet 'jbp.ny' */
@import url(/uploads/fonts/stylesheet.css);


body,html       {margin:0;padding:0;width:100%;height:100%;}
body.jbp_body   {overflow:auto;background:#b12;}
img             {border:0;}
h1,h2,h3,
h4,h5,h6,p      {margin-top:0}
h1              {text-transform:uppercase;font-size:230%;margin-bottom:10px}
h2              {text-transform:uppercase;font-size:18px;margin:0;color:#b12}
h3              {font-size:100%;margin:0;color:black}
h6              {font-size:100%;margin:0;}
p               {margin-bottom: 15px}
td              {vertical-align:top}
th              {vertical-align:bottom;text-align:left}
a               {color:#b12;text-decoration:none;outline:none}
a:hover         {color:black;text-decoration:underline}


body,td,input,textarea {font-family:arial,helvetica,sans-serif;font-size:12px;}
.narrow,h1,h2      {font-family:PTSansNarrowRegular,"Arial Narrow",sans-serif;}


#wrapper        {width:830px;margin:0 auto;height:500px}

/* #################### Header ##################### */

#header         {position:relative;height:100px;top:0;left:0;width:100%}
.logo           {position:absolute;bottom:0;left:0}

/* #################### Menyer ##################### */

.meny a, .sectionheader    {color:#edd;text-transform:uppercase;white-space:nowrap;}
.meny a:hover                   {color:white;text-decoration:none}
.meny a.active, 
.meny a.active:hover         {color:black}

#toppmeny                        {position:absolute;bottom:7px;right:0;font-size:14px;line-height:14px}
#toppmeny img                 {height:15px;width:1px;margin:0 5px 4px;vertical-align:middle;opacity:0.7;}

#undermeny                      {font-size:11px;height:35px;line-height:18px;margin:8px 0 5px;}
.sectionheader                  {margin-right:10px}
.sectionheader + img        {display:none}
#undermeny img               {vertical-align:text-bottom;height:13px;width:1px;margin:0 3px;z-index:1;
                                           opacity:0.7;}




/* ------------------------------------ IE6 fix for meny ------------------------------------ */

* html #undermeny           {margin:12px 0 0;z-index:9;}
* html .sectionheader        {display:inline-block;background:#b12;z-index:8;position:relative;
                                           padding-right:5px;margin-right:-7px;}

/* ################## Innholdsdelen ################### */

#innhold            {position:relative;height:334px;}
.innholdsboks    {height:304px;width:466px;position:absolute;top:0;left:0;background:white;
                           overflow-y:auto;padding:15px 10px 15px 20px;z-index:999;color:#666}
.innholdsbilde    {height:334px;width:334px;position:absolute;top:0;right:0;overflow:hidden;
                           background:url(uploads/images/bilde-default.jpg)}

.nyhetsliste        {width:165px;position:absolute;top:22px;left:15px;color:white;text-align:center}
.nyhetsliste a     {color:white;}
.nyhetsliste a:hover {color:#dcc;text-decoration:none}
.nyhetsliste p     {margin-bottom:13px;font-size:11px;line-height:14px}


.sideinnhold       {margin:20px 25px 5px}



/*.menytekst p     {margin-bottom:5px}
.meny_pris        {text-align:right;width:30px} */

.oppskrift           {height:324px;width:824px;position:absolute;top:0;left:0;background:white;
                          overflow:hidden;padding:10px 3px 0}

.ingress             {font-size:120%;font-style:italic;margin-bottom:10px}


/* ------------------------------------ Bakgrunner ------------------------------------ */

.forside              {background:url(uploads/images/bakgrunn-forside.jpg)}
.fordelskort        {background:url(uploads/images/bakgrunn-fordelskort.jpg);
                           width:166px;padding:20px 20px 10px 310px}
.kontakt             {background:url(uploads/images/bakgrunn-kontaktoss.gif);
                           padding:15px 20px 0;height:319px;width:456px}
.kontakt-ok        {background:url(uploads/images/bakgrunn-kontaktoss.gif);
                           padding:15px 20px 0;height:319px;width:456px}
.avdelinger        {background:url(uploads/images/bakgrunn-avdeling.gif);
                           padding:20px 25px;height:294px;width:446px}
.avdelinger table td+td {text-align:right}
.nyheter       {background:white url(uploads/images/bakgrunn-nyheter.gif);}
.oppskrift       {background:white url(uploads/images/bakgrunn-oppskrifter.jpg);}


/* ------------------------------------ Skjemaer ------------------------------------ */

.kontakt form {margin:0}
.kontakt input, .kontakt textarea {border:1px solid #bbb;color:#666}
.kontakt textarea {overflow:hidden}
.kontakt .formknapp {color:black}


/* #################### Ny meny ##################### */

.jbp_meny {background:#433}
.jbp_meny, .jbp_meny td, .jbp_meny th {font-size:11px; line-height:13px;color:white;}
.jbp_meny h2, .jbp_meny td h2, .jbp_meny th h2 {font-weight:bold;font-size:16px;line-height:19px;color:white}
#menywrapper {width:1190px;height:670px;margin:0 auto 0;background:white;position:relative;top:10px;padding:10px;}
.meny_lukkeknapp {position:absolute;top:2px;right:0px;display:block;padding:2px 5px;background:white;color:#b12;font-weight:bold;z-index:9999}
.menytekst {text-align:left;}
.meny_pris {text-align:right;padding-left:5px;font-weight:bold!important}
.meny_pris + .meny_pris {font-weight:normal!important}
.tablewrap {width:265px;height:650px;background:#b12;padding:10px 12px;position:absolute;top:10px;}
.tablewrap table {width:100%}
.jbp_meny p {margin:0 0 1px}
.jbp_meny td h2 {margin:20px 0 0}
.jbp_meny th {vertical-align:bottom}
.jbp_meny td {vertical-align:top}
.jbp_meny .meny_1 {left:10px}
.jbp_meny .meny_2 {left:310px}
.jbp_meny .meny_3 {left:610px}
.jbp_meny .meny_4 {left:910px}
.jbp_meny .dekor {position:absolute;right:0;bottom:0}
.jbp_meny small,em,i {font-size:90%}


/* #################### Oppskrift-siden ##################### */
.oppskrift div {white-space:nowrap}
/* End of 'jbp.ny' */