body
{
   height: 100%;
   margin: 0;
   margin-top: 15px;
   color: #333333;
   background-color: black;
   font-size: 11px;
   font-family: Georgia, Verdana;
   background-color: black;
}
img
{
   border: 0;
}
a,
a:link,
a:visited,
a:hover
{
   text-decoration: none;
}
.selectBox
{
   font-size: 10px;
   width: 140px;
   height: 18px;
   margin-left: 12px;
   margin-right: 4px;
   margin-top: 5px;
   margin-bottom: 9px;
}
.center
{
   width: 975px;
   margin-left: auto;
   margin-right: auto;
   background-color: black;
}
#container
{
   width: 975px;
   height: 100%;
   display: inline;
   float: left;
}
#strut
{
   width: 1px;
   height: 439px;
   float: right;
}
.header
{
   width: 975px;
   height: 103px;
   background-image: url(../images/header.jpg);
}
#frontpage .header
{
   background-image: url(../images/header_nocrumbs.jpg);
}
.header a.home
{
   width: 187px;
   height: 95px;
   display: block;
   float: left;
}
.header .breadcrumbs
{
   color: white;
   background-color: transparent;
   font-size: 11px;
   line-height: 14px;
   vertical-align: middle;
   position: relative;
   left: -24px;
   top: 84px;
}
#frontpage .header .breadcrumbs
{
   display: none;
}
.header .breadcrumbs a,
.header .breadcrumbs a:visited,
.header .breadcrumbs a:hover,
.header .breadcrumbs a:link
{
   color: white;
}
.header .breadcrumbs span
{
   /* text-transform: lowercase; */
}
.header .breadcrumbs span:first-letter
{
   /* text-transform: uppercase !important; */
}
.left
{
   width: 159px;
   height: 457px;
   background-image: url(../images/left_background.jpg);
   float: left;
}
.left .menu
{
   width: 144px;
   height: 240px;
   margin-left: 7px;
   background-image: url(../images/meny_bakgrunn.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
}
.left .menu h2
{
   width: 0px;
   height: 27px;
   padding-left: 144px;
   margin: 0;
   margin-bottom: 12px;
   overflow: hidden;
   background-image: url(../images/meny.gif);
}
.left .menu a
{
   width: 144px;
   height: 21px;
   padding-bottom: 3px;
   /*
   padding-left: 144px;
   overflow: hidden;
   */
   display: block;
}
/*
.left .menu a.oppskrifter,
.left .menu a.oppskrifter:hover
{
   height: 21px;
   background-image: url(../images/meny_oppskrifter_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#oppskrifterValgt a.oppskrifter
{
   background-color: white;
}
/*
.left .menu a.tips,
.left .menu a.tips:hover
{
   height: 21px;
   background-image: url(../images/meny_dagens_speketips_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#dagens_speketipsValgt a.tips
{
   background-color: white;
}
/*
.left .menu a.om,
.left .menu a.om:hover
{
   height: 21px;
   background-image: url(../images/meny_om_spekemat_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#omspekematValgt a.om
{
   height: 21px;
   background-color: white;
}
/*
.left .menu a.produkter,
.left .menu a.produkter:hover
{
   height: 21px;
   background-image: url(../images/meny_vare_produkter_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#produkterValgt a.produkter
{
   background-color: white;
}
/*
.left .menu a.forbrukersenter,
.left .menu a.forbrukersenter:hover
{
   height: 21px;
   background-image: url(../images/meny_forbrukersenter_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#forbrukersenterValgt a.forbrukersenter
{
   background-color: white;
}
/*
.left .menu a.grilstadgruppen,
.left .menu a.grilstadgruppen:hover
{
   height: 21px;
   background-image: url(../images/meny_grilstadgruppen_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#grilstadgruppenValgt a.grilstadgruppen
{
   background-color: white;
}
.left .menu#nyheterValgt a.nyheter
{
   background-color: white;
}
/*
.left .menu a.kalkulator,
.left .menu a.kalkulator:active,
.left .menu a.kalkulator:hover,
.left .menu a.kalkulator:link
{
   height: 32px;
   background-image: url(../images/meny_spekebord_kalkulator_trans.gif);
   overflow: hidden;
   display: block;
}
*/
.left .menu#spekekalkulatorValgt a.kalkulator
{
   background-color: white;
}
.left a.grilstad,
.left a.stranda,
.left a.alfbredrup
{
   width: 0px;
   padding-left: 118px;
   margin-left: 17px;
   overflow: hidden;
   display: block;
}
.left a.grilstad
{
   height: 37px;
   margin-top: 25px;
   background-image: url(../images/grilstad_farger.gif);
}
.left a.stranda
{
   margin-left: 18px;
   margin-top: 5px;
   padding-left: 105px;
   height: 28px;
   background-image: url(../images/stranda_bla_liten.gif);
}
.left a.alfbredrup
{
   height: 39px;
   background-image: url(../images/alfbredrup_farger.gif);
}
#logo
{
   width: 150px;
   height: 600px;
   border-right: 1px solid #B3B3B3;
   background-image: url(../images/logo.gif);
   background-position: top left;
   background-repeat: no-repeat;
   background-color: #EEEEEE;
   display: inline;
   float: left;
}
#logo a
{
   width: 150px;
   height: 115px;
   background-color: transparent;
   float: left;
}
.book
{
   width: 664px;
   height: 457px;
   background-image: url(../images/book_bottom.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
   overflow: hidden;
   float: left;
}
.book .leftPage
{
   width: 333px;
   background-image: url(../images/page_divider.gif);
   background-position: top right;
   background-repeat: no-repeat;
   background-color: white;
   overflow: hidden;
   float: left;
}
.book .leftPage img
{
   margin-left: 8px;
   margin-top: 6px;
}
.book .rightPage
{
   width: 331px;
   height: 426px;
   background-color: white;
   overflow: hidden;
   float: left;
}
.flip
{
   width: 331px;
   height: 30px;
   background-color: white;
   float: left;
}
.flip img
{
   float: right;
}
.flip a
{
   color: #FF0099;
   line-height: 30px;
   vertical-align: center;
   margin-right: 16px;
   visibility: hidden;
   /*display: none;*/
   float: right;
}
.flip a.print
{
   width: 0px;
   padding-left: 18px;
   margin-right: 8px;
   overflow: hidden;
   background-image: url(../images/print.gif);
   background-position: center left;
   background-repeat: no-repeat;
   visibility: visible;
   display: inline;
}
.right
{
   width: 152px;
   height: 457px;
   background-image: url(../images/right_background.gif);
   float: left;
}
 
.finnDinRett,
.inviterDegSelv
{
   width: 137px;
   height: 223px; /*194 for produkt*/
   margin-left: 8px;
   background-image: url(../images/finn_din_rett_background.gif);
   background-position: bottom left;
   background-repeat: no-repeat;
}
.inviterDegSelv
{
   height: 207px;
   margin-top: 8px;
}
.finnDinRett h1,
.inviterDegSelv h1
{
   width: 0px;
   height: 26px;
   padding-left: 137px;
   margin: 0;
   margin-bottom: 11px;
   overflow: hidden;
   background-image: url(../images/finn_din_rett.gif);
}
.inviterDegSelv h1
{
   height: 47px;
   background-image: url(../images/inviter_deg_selv.gif);
}
.finnDinRett p,
.inviterDegSelv p
{
   font-size: 9px;
   margin-left: 6px;
   margin-right: 6px;
   margin-top: 11px;
   margin-bottom: 10px;
}
.finnDinRett select
{
   font-size: 9px;
   width: 128px;
   height: 18px;
   margin-left: 4px;
   margin-right: 4px;
   margin-bottom: 9px;
}
.finnDinRett .ok,
.inviterDegSelv .ok,
.searchForm .ok
{
   width: 32px;
   height: 16px;
   margin-left: 92px;
   color: transparent;
   border: 0;
   cursor: hand;
   background-image: url(../images/ok.gif);
}
.inviterDegSelv input
{
   font-size: 9px;
   width: 120px;
   height: 12px;
   border: 1px solid #CCCCCC;
}
.inviterDegSelv textarea
{
   font-size: 9px;
   width: 120px;
   height: 32px;
   border: 1px solid #CCCCCC;
   overflow: hidden;
}

.nyesteNyhet 
{
   width: 137px;
   height: 207px;
   margin-bottom: 11px;
   overflow: hidden;
   font-size: 10px;
   margin-top: 20px;
   margin-left: 8px;
   margin-right: 6px;
   margin-bottom: 10px;
}
.nyesteNyhet a
{
   color: #FF0099;
}

.article,
.recipe,
.listIntro
{
   font-family: Georgia;
   margin-left: 22px;
   margin-right: 14px;
   margin-top: 34px;
}
.listIntro
{
   margin-left: 18px;
   margin-right: 19px;
   margin-top: 22px;
   margin-bottom: 22px;
}
.article
{
   margin-top: 10px;
}

.skjemaheader
{
   font-size: 15px;
   margin-top: 4px;
   margin-bottom: 0px;
   font-weight: normal;
}

.article h1,
.recipe h1,
.listIntro h1
{
   font-size: 20px;
   text-transform: uppercase;
   margin-top: 4px;
   margin-bottom: 0px;
   font-weight: normal;
}
.article h2,
.recipe h2,
.listIntro h2
{
   color: #B2B2B2;
   background-color: transparent;
   font-size: 12px;
   text-transform: uppercase;
   margin: 0;
}
.article p,
.recipe p,
.listIntro p,
ul,
ol
{
   font-family: Georgia;
   font-size: 11px;
   margin-top: 8px;
   margin-bottom: 0px;
}
.article p a
{
   color: #FF0099;
}
.listIntro p
{
   margin-top: 6px;
}
.listLinks
{
   font-family: Georgia;
   font-size: 11px;
   margin-left: 18px;
   margin-right: 12px;
   margin-top: 20px;
   margin-bottom: 32px;
}
.leftPage .listLinks
{
   padding-top: 16px;
   margin-left: 0px;
   margin-right: 0px;
   margin-top: 0px;
   margin-bottom: 24px;
}
.listLinks a
{
   color: black;
}
.listLinks a.selected
{
   font-weight: bold;
}
.listLinks a:hover
{
   text-decoration: none;
}
.listLinks span
{
   margin-left: 2px;
   margin-right: 2px;
}
.searchForm
{
   width: 144px;
   height: 57px;
   margin-left: 7px;
   margin-top: 6px;
   background-image: url(../images/soek_background.gif);
   background-position: bottom left;
}
.searchForm h2
{
   width: 0px;
   height: 26px;
   padding-left: 144px;
   margin: 0;
   margin-bottom: 11px;
   overflow: hidden;
   background-image: url(../images/soek.gif);
}
.searchForm .query
{
   width: 91px;
   height: 14px;
   border: 1px solid #CCCCCC;
   margin-left: 6px;
   display: inline;
   float: left;
}
.searchForm .ok
{
   margin-left: 0px;
   float: right;
}
a.grilstadBanner,
a.alfbredrupBanner,
a.strandaBanner
{
   width: 0px;
   height: 30px;
   overflow: hidden;
   float: right;
}
a.grilstadBanner
{
   padding-left: 102px;
   background-image: url(../images/grilstad.gif);
}
a.alfbredrupBanner
{
   padding-left: 100px;
   background-image: url(../images/alf_bredrup.gif);
}
a.strandaBanner
{
   padding-left: 76px;
   background-image: url(../images/stranda.gif);
}
.column,
.searchColumn
{
   font-family: Georgia;
   font-size: 11px;
   width: 282px;
   /*width: 136px;*/
   margin-left: 18px;
   margin-right: 10px;
   overflow-x: hidden;
   display: inline;
   float: left;
}
.searchColumn
{
   width: 282px;
}
.searchColumn#column1
{
   padding-bottom: 10px;
}
.searchColumn#column2
{
   margin-top: 20px;
}
.column div,
.searchColumn div
{
   clear: both;
}
.column h3,
.column h4,
.content h3,
.content h4,
.searchColumn h4
{
   font-size: 24px;
   margin-left: 20px;
   margin-top: 2px;
   margin-bottom: 2px;
   clear: both;
}
.column h4,
.searchColumn h4
{
   font-size: 12px;
   font-weight: bold;
}
.searchColumn h4
{
   margin-left: 0px;
   margin-bottom: 5px;
}
.column span
{
   width: 30px;
   padding-right: 6px;
   text-align: right;
   float: left;
}
.column a,
.searchColumn a,
.content a
{
   color: black;
   margin-bottom: 8px;
   clear: right;
   display: inline;
   float: left;
}
.searchColumn a
{
   font-size: 12px;
}
.column a:hover,
.searchColumn a:hover
{
   color: #FF0099;
}
.column a,
.content a
{
   /* text-transform: lowercase; */
}
.column a:first-letter,
.content a:first-letter
{
   /* text-transform: uppercase; */
}
#column1
{
   padding-bottom: 20px;
}
#column2
{
}
#column3
{
}
#column4
{
}


/* Skjema */

input, textarea {
   font-family: Georgia, Verdana;
   font-size: 11px;
}


/*
 * Avvik for skjerm
 */
@media screen
{
   .content
   {
      display: none;
   }
   .book .leftPage
   {
      height: 456px;
   }

}

/*
 * Avvik for print
 */
@media print
{
   .header,
   .left,
   .right,
   .rightPage,
   .listLinks,
   .column,
   .flip
   {
      display: none;
   }
   .book .rightPage#recipe
   {
      display: block;
      float: left;
   }
   .book .leftPage
   {
      width: 500px;
      margin-left: 25px;
      margin-bottom: 20px;
      display: block;
      float: none;
   }
   .book .leftPage .listIntro
   {
      width: 500px;
      margin-bottom: 20px;
      clear: both;
   }
   h1
   {
      display: block;
      clear: both;
   }
   .book
   {
      height: 100%;
      overflow: visible;
      float: left;
   }
   #content
   {
      font-family: Georgia;
      font-size: 14px;
      width: 282px;
      padding-left: 25px;
      margin-left: 18px;
      margin-right: 10px;
      overflow-x: hidden;
      display: block;
      clear: both;
   }
   #content div
   {
   }
   #content span
   {
      width: 30px;
      padding-right: 6px;
   }
   #content a,
   #content a:visited,
   #content a:link
   {
      color: black;
   }
}