html { min-height: 100%; margin: 0; }
body { min-height: 100%; margin: 0; height: 100%; font-size: 12px; color: #757575; background: #fff url(../img/bg/body.gif) 0 0 repeat-x; }
/*****************************
Typografi
*****************************/
h1 { font-size: 21px; margin: 25px 0; color: #8a857f; }
h2 { font-size: 14px; font-weight: normal; font-style: italic; line-height: 19px; margin: 10px 0 30px 0; }
h3 { font-size: 14px; margin: 10px 0; /*color: #003d7d;*/ }
h4 { font-size: 12px; margin: 10px 0; }
h5 { font-size: 11px; margin: 10px 0; }
h6 { font-size: 11px; margin: 10px 0; }
hr { clear: both; height: 1px; color: #F1E0D5; background-color: #F1E0D5; border: none; }
p { font-size: 12px; margin: 15px 0; line-height: 17px; }
a { color: #002e6e; }
a:hover { text-decoration: underline; }
a:active { }
a.readmore { width: auto!important; height: auto!important; padding: 0 0 0 15px!important; color: #5e5950; text-decoration: none; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat; }
a.readmore:hover { text-decoration: underline; }
.ingredients { color: #ABA89A; }
/*****************************
Layout
*****************************/
#page { width: 990px; margin: 0 auto; position: relative; overflow: hidden; }
#head { height: 75px; padding-top: 30px; position: relative; background: url(../img/bg/head.gif) bottom left no-repeat; }
#logo { position: absolute; top: 27px; left: 23px; outline: none; }
#printlogo { display: none; }
#rapport { float: right; width: 66px; height: 21px; margin: 8px 10px; }
.print { position: absolute; top: 150px; right: 7px; width: 19px; height: 16px; background: url(../img/icon/print.png); }
#sitesearch { float: right; width: 196px; }
.search-criteria { overflow: hidden; }
.sitesearch { float: right; margin: 0; padding: 0; }
input.searchfield { float: left; width: 116px; height: 16px; margin: 7px 10px 0 0; padding: 2px; border: 1px solid #b9b9b1; background: url(../img/bg/search.gif) 0 0 repeat-x; }
.searchbutton { float: left; display: block; width: 59px; height: 22px; margin: 7px 5px 0 0; text-decoration: none; background: url(../img/icon/search.gif) 0 0 no-repeat; cursor: pointer; }
.searchbutton span { display: block; text-indent: -9999px;}
#content input.searchfield,
#content .searchbutton { margin-bottom: 7px; }
#content.frontpage { margin-top: 10px; padding: 0 0 20px 5px; background: none; }
#content { margin: 0 auto 3px; padding: 0 0 250px 5px; position: relative; /*overflow: hidden;*/ background: url(../img/bg/content.png) bottom left no-repeat; }
#content .contentRow { margin-bottom: 10px; overflow: hidden; }
#content .contentRow .contentCell1 { width: 240px; float: left; min-height: 1px; }
#content .contentRow .contentCell2 { width: 480px; float: left; margin: 0 14px 0 10px; }
#content .contentRow .contentCell3 { width: 730px; float: left; margin: 0 0 0 10px; }
#content .contentRow .contentCell4 { width: 980px; float: left; }
#footer { width: 990px; height: 43px; margin: 0 auto; color: #fff; background: url(../img/bg/footer.gif) top left no-repeat; }
#footer ul { float: right; margin: 0; padding: 10px 20px; }
#footer ul li { list-style: none; display: inline; }
#footer img { float: right; clear: both; margin: 15px 7px; }
#footer ul.footer-links { float: left; padding: 5px 15px; }
#footer ul.footer-links li { float: left; margin-right: 15px; }
#footer ul.footer-links img { float: left; margin: 0; }
.facebook-share-block a { float: right; }
/*****************************
Flash
*****************************/
.flashbanner { position: relative; height: 289px; }
/*****************************
Content
*****************************/
.content-block { margin: 0 0 20px 0; overflow: hidden; }
.content-block img.float-right { float: right; }
.content-block img.noprintresizeright { float: right; }
/* TODO: markup missmatch between mockup & epi-output - lighter brown color scheme NOT implemented /*
/*.content-block * { color: #aba89a; }
.content-block h2 { margin: 0 0 15px 0; }*/
.content-image-wrapper { float: right; width: 500px; }
span.date { font-size: 10px; font-weight: normal; color: #8a857f; }
/*****************************
Content-block table
*****************************/
.content-block th { width: auto; margin: 0 0 10px 0; font-size: 12px; font-weight: normal; }
/* product info tables */
table.produktinfo { width: 100%; border: 2px solid #fff; background: #f4f5ec url(../img/bg/table-bg.gif) 0 100% repeat-x; }
table.produktinfo th { width: 202px; border-left: #e8ddd2 solid 1px; padding: 20px 20px 10px; text-align: left; margin: 0 0 10px 0; }
table.produktinfo th a { padding-left: 15px; font-size: 14px; font-weight: bold; color: #757575; text-decoration: none; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat;}
table.produktinfo td { width: 202px; border-right: #e8ddd2 solid 1px; padding: 0 10px; line-height: 17px; vertical-align: top; }
table.produktinfo td a { padding-left: 15px; color: #757575; text-decoration: none; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat; display: block; }
table.produktinfo th a:hover,
table.produktinfo td a:hover { text-decoration: underline; }
table.produktinfo tr.last-child td { padding-bottom: 20px!important; }
table.produktinfo tr.first-child td { padding-top: 20px!important; }
table.produktinfo td.first-child { padding-left: 20px; border-right: none; white-space: nowrap; }
table.produktinfo td.last-child { padding-right: 20px; }
/* generel */
table.generel { width: 100%; border: 2px solid #fff; background: #f4f5ec url(../img/bg/table-bg.gif) 0 100% repeat-x; }
table.generel th { width: 202px; border-left: #e8ddd2 solid 1px; padding: 20px 20px 10px; text-align: left; margin: 0 0 10px 0; }
table.generel th a { padding-left: 15px; font-size: 14px; font-weight: bold; color: #757575; text-decoration: none; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat;}
table.generel td { width: 202px; border-right: #e8ddd2 solid 1px; padding: 0 10px; line-height: 17px; vertical-align: top; }
table.generel td a { padding-left: 15px; color: #757575; text-decoration: none; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat; display: block; }
table.generel th a:hover,
table.generel td a:hover { text-decoration: underline; }
table.generel tr.last-child td { padding-bottom: 20px!important; }
table.generel tr.first-child td { padding-top: 20px!important; }
table.generel td.first-child { padding-left: 20px; }
table.generel td.last-child { padding-right: 20px; }
/* generel */
table.opskrift { /*color: #aba89a;*/ }
table.opskrift td { padding: 0 10px; line-height: 19px; vertical-align: top; }
table.opskrift tr.last-child td { padding-bottom: 20px!important; }
table.opskrift td.first-child { padding-left: 0; }
table.opskrift td.last-child { padding-right: 0; }
/*****************************
Lists
*****************************/
.content-block ul { width: 240px; float: left; margin: 0; padding: 15px 0 0 0; }
.content-block li { list-style-type: none; line-height: 17px; }
.content-divider { background: #f4f5ec url(../img/bg/table-bg.gif) 0 100% repeat-x; border: 2px solid #fff; overflow: hidden; }
.content-divider .content-block { float: left; margin: 0; }
.content-2-block .content-block { width: 50%; }
.content-3-block .content-block { width: 33%; }
.content-4-block .content-block { width: 25%; }
/* link list */
/* - general, search */
.linklist { margin: 0; padding: 0; overflow: hidden; }
.linklist h2 { padding: 0; font-size: 14px; font-weight: bold; font-style: normal; }
.linklist h3 { padding: 0 100px 0 0; margin: 10px 0 0; font-size: 12px; }
.linklist a { color: #757575; text-decoration: none; }
.linklist a:hover { padding: 0; text-decoration: underline; }
.linklist ul { float: none; margin: 0; padding: 0; }
.linklist li { clear: both; position: relative; padding: 0 0 10px; list-style: none; border-bottom: 1px solid #f1e0d5; overflow: hidden; }
.linklist span.date { position: absolute; right: 0; top: 10px; }
.linklist li img { float: left; margin: 10px 10px 10px 0; }
/* - in content block, as regular link lists for subpages */
.content-block .linklist { height: 100%; border-right: #e8ddd2 solid 1px; }
.content-block .linklist h2 { margin: 20px 10px 10px 20px; color: #8A857F; }
.content-block .linklist h3 { margin: 0; padding: 0; font-weight: normal; }
.content-block .linklist ul { width: 100%; padding: 0 0 16px; }
.content-block .linklist li { padding: 0 20px; line-height: 19px; border: none; }
.content-block .linklist li a { display: block; padding-left: 15px; background: url(../img/icon/breadcrumb-arrow.png) left 5px no-repeat; }
.content-block .linklist li.last-child { padding-bottom: 20px!important; }
.content-block .linklist li.first-child { padding-top: 20px!important; }
.content-block .linklist ul.first-child { padding-left: 10px; }
.content-divider .content-block.last-child { margin-right: -2px; }
.content-divider .last-child .linklist { border-right: none; }
/* - on frontpage used to display news over flash caroussel */
#content.frontpage .linklist { position: absolute; top: 25px; right: 7px; width: 190px; height: 194px; padding: 18px 35px 20px 28px; border: none; }
#content.frontpage .linklist h2 { margin: 5px 0; color: #002e6e; font-family: "myriad pro"; text-transform: uppercase; }
#content.frontpage .linklist h3 { margin: 0; padding: 10px 0; border-bottom: 1px solid #edece5; font-weight: normal; }
#content.frontpage .linklist ul { padding: 0 10px 16px 0; }
#content.frontpage .linklist li { padding: 0; line-height: 14px; border: none; }
#content.frontpage .linklist li a { padding-left: 15px; color: #7e7a73; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat; }
/* Paging */
#content .paging { margin: 20px 0; }
#content .paging ul { margin: 0; position: relative; height: 24px; text-align: center; }
#content .paging ul li { display: inline; list-style: none; }
#content .paging ul li a { padding: 0 10px; color: #8A857F; text-decoration: none; font-weight: normal; }
#content .paging ul li a span { text-decoration: none; }
#content .paging ul li a:hover { text-decoration: underline; }
#content .paging ul li.selected { background: #fff; font-weight: bold; }
#content .paging ul li.selected a,
#content .paging ul li.selected a:hover { padding: 0 12px; text-decoration: none; /* color: #000; */ }
#content .paging ul li.selected a span,
#content .paging ul li.selected a:hover span { font-weight: bold; }
#content .paging ul li.disabled a { color: #d9d9d9; cursor: default; }
#content .paging ul li.disabled a:hover { color: #d9d9d9; background: none; text-decoration: none; }
#content .paging ul li.disabled a:hover span { color: #d9d9d9; background: none; }
/*****************************
Spots frontpage
*****************************/
#spot-wrapper-top { width: 994px; overflow: hidden; background: url(../img/bg/spot-wrapper-top.gif) top left no-repeat; }
#spot-wrapper-bottom { width: 983px; height: 5px; background: url(../img/bg/spot-wrapper-bottom.gif) bottom left no-repeat; }
#spot-wrapper-top .spot { position: relative; float: left; width: 246px; }
#spot-wrapper-top div.spot-deco-top { position: absolute; top: 10px; left: 10px; width: 224px; height: 5px; background: url(../img/bg/spot-deco-top.png) top left no-repeat;}
#spot-wrapper-top div.spot-deco-bottom { position: absolute; top: 132px; left: 10px; width: 224px; height: 5px; background: url(../img/bg/spot-deco-bottom.png) top left no-repeat;}
#spot-wrapper-top img { }
#spot-wrapper-top .spot-media a { display: block; width: 222px; height: 126px; margin: 10px 0 0 10px; overflow: hidden; background-position: center center; background-repeat: no-repeat; border: 1px solid #fff; }
#spot-wrapper-top h3 { margin: 10px 11px; font-size: 12px; }
#spot-wrapper-top h3 a { padding: 0 0 0 15px!important; color: #003d7d; text-decoration: none; background: url(../img/icon/breadcrumb-arrow.png) left 4px no-repeat; }
#spot-wrapper-top h3 a:hover { text-decoration: underline; }
#spot-wrapper-top .spot-content { margin: 10px 11px; }
#spot-wrapper-top p { color:#5e5950; }
/* css3 for modern browsers */
#spot-wrapper-top .spot-media a { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/* flash in frontpage spot */
#content.frontpage #spot-wrapper-top .spot-media object { margin: 10px 0 0 10px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
/*****************************
Spots right
*****************************/
#spot-right-wrapper { overflow: hidden; background: url(../img/bg/spot-right-wrapper.png) no-repeat; }
#spot-right-wrapper .spot { width: auto; padding: 30px 20px 40px 20px; background: url(../img/bg/spot-bottom.png) bottom left no-repeat; }
#spot-right-wrapper .spot img { margin-bottom: 20px; }
#spot-right-wrapper .spot p { margin: 0; }
#spot-right-wrapper h3 { margin: 0; color: #002e6e; font-size: 12px; font-weight: normal; }
#spot-right-wrapper h3 a { padding-left: 15px; text-decoration: none; background: url(../img/icon/spot-arrow.png) left 4px no-repeat; }
#spot-right-wrapper h3 a:hover { text-decoration: underline; }
#spot-right-wrapper object { margin-bottom: 10px; }