﻿/*  
        $0      Masterpage variabler
        $1      BS hjemmeside variabler
        $1.1    BS text
        $1.2    BS links
        $1.3    BS images
        $2      Nettbutikk variabler
        $2.1    Nettbutikk text
        $2.2    Nettbutikk links
        $2.3    Nettbutikk images
*/


/* $1 ----------------------------- Masterpage ---------------------------- */

/* PDF document links */
a[href$='.pdf2'] {
    background:transparent url(../images/pdf_icon.gif) center right no-repeat;
    display:inline-block;
    padding-right:15px;
    line-height:15px;
}

.rrClipRegion { border: 0px !important; background-color:transparent !important; }
.radr_clipRegion { border: 0px !important; background-color:transparent !important; }
.radr_item div { background-color:transparent !important; }  

.highslide-caption {
    background: #f5f5f5;
}
.highslide-wrapper { 
   background: white; 
} 

.seperator {
    border-bottom: 1px dotted #dddddd;
    margin-bottom: 5px;
}

.header_contact {
    color: #737375;
    position: absolute;
    left: 765px;
    top: 20px;
    width: 200px;
}

.header_contact a:link, .header_contact a:visited {
    color: #737375;
}

.bsdivibib_header_red {
    background: #ef3f35;
    /*background: #d90000;*/
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

.bsdivibib_header_gray {
    /*background: #4c5b52;*/
    background: #dddddd;
    /*color: #ffffff;*/
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 5px 0;
}

.bs_red {
    color: #d90000;
}

#kulturraad .tittel {
    color: #d90000;
    font-size: 16px;
    font-weight: bold;
}

#kulturraad .forfatter {
    font-size: 14px;
    font-weight: bold;
}

#kulturraad .bokinfo {
    background: #f8f8f8;
    padding-bottom: 1em;
}

#kulturraad .infoLabel {
    font-weight: bold;
    background: #e1e1e1;
}

#kulturraad .infoTag {
    font-weight: bold;
}


.oppdatert {
    color: #999999;
}

.navn_ansatte {
    color: #d90000;
    font-weight: bold;
}

.MenuDynamicStyle, .MenuDynamicStyle a:hover, .MenuDynamicStyle a:link, .MenuDynamicStyle a:visited {
    color: #000;
}

.bokogmediakontakt {
    float: left;
    width: 170px;
}

.smallwholecolum2 {
    width: 550px;
    clear: both;
}

.smallwholecolum {
    width: 550px;
}

.smallrightcolum {
    margin-left: 30px;
    float:left;
    width: 250px;
}

.smallleftcolum {
    float: left;
    width: 250px;
}

.top10footer {
    width: 740px;
    line-height: 20px;
    /*background-color: #f5f5f5;*/
}

.kulturraadTableHeader {
    text-align: center;
    background-color: #f5f5f5;
    color: #000;
    font-size: 20px;
    padding: 10px 0;
    border-bottom: #fff 1px solid;
}

.kulturraadTableHeader2 {
    background-color: #f5f5f5;
    color: #000;
    font-size: 20px;
    padding: 15px 0;
    border-bottom: #fff 1px solid;
}

.kulturraadSubTableHeader {
    padding: 5px 0;
    font-size: 12px;

}

#ombs {
    position: absolute;
    left: 20px;
    /*top: 154px;*/
    top: 136px;
    width: 160px;
    }

img {
    border: none;
}

body {
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;
    padding: 0;
    margin: 0;
    color: #000;
}

.bs_h3 {
    font-size: 18px;
    font-weight: bold;
}

.bs_h4 {
    font-size: 16px;
    font-weight: bold;
}

.bs_h5 {
    font-size: 13px;
    font-weight: bold;
}

.bs_center {
    text-align: center;
}

.header {
    width: 955px;
    /*height: 104px;*/
    background: #eeeeee url("../images/bsbanner.jpg") no-repeat;
}

.tabmenu {
    /*visibility: hidden;*/
    padding-left: 213px;
    font-size: 12px;
    font-family: Verdana, Arial, Sans-Serif;
}

.menuItem {
    margin-top: 79px;
    background: url("../images/tab.gif") no-repeat;
    padding:5px 0;
    text-align: center;
}

.subMenuItem {
    z-index: 1;
    /*background: url("../images/bg_red2.jpg");*/
}

.subtabmenu {
    padding: 4px 0 0 215px;
    width: 740px;
    background: #e1e1e1;
    height: 27px;
    border-top: #dddddd solid 4px;
    font-family: Arial, verddana, sans-serif;
    font-size: 12px;
    color: #666;
}   

img.magnifyer {
    padding: 0 0 0 10px;
}

.searchbox {
    position: absolute;
    left: 763px;
    top: 81px;
    width: 200px;
}

.sitemap {
    /*padding-top: 10px;*/
}

#here {
    font-weight: bold;
    padding-right: 10px;
}

.kategoriLabel 
{
    font-weight: bold;
    font-size: 20px;
}

.treemenu {
    height: 670px;
    float: left;
    width: 170px;
    padding-left: 23px;
    padding-right: 20px;
    background: url("../images/bgcleansilver3.jpg") repeat-x;
}

.corner 
{
    float: left;
    width: 740px;
    height: 11px;
    background: url("../images/corner.jpg") no-repeat;
    /*position: relative;
    left: -3px;
    top: -3px;*/
}

.middlesection {
    width: 965px;
    clear: both;
    /*background-color: Gray;*/
}

.placeholders 
{
    float: left;
    width: 740px;
    padding: 0;
    margin: 0;
    padding-left: 10px;
}

.placeholder1 
{
    float: left;
    width: 730px;
}

.placeholderbottom 
{
    float: left;
    width: 730px;
}

.placeholder2 
{
    float: left;
    width: 520px;
}

.placeholder3 
{
    float: left;
    width: 180px;
    margin-left: 30px;
}

.border_top {
    border: #dddddd solid 1px;
    background: #f5f5f5;
}

.forsideHeader 
{
    border: #dddddd solid 1px;
    background: #f5f5f5;
    font-weight: bold;

}

.forsideHeaderSubLeft
{
    float: left;
    width: 300px;
}

.forsideHeaderSubRight
{
    float: left;
    width: 50px;
    position: relative;
    top: 6px;
}

.border_bottom {
    border-bottom: #dddddd solid 1px;
}

.align_center {
    text-align: center
}

#footer 
{
    /*background: url("../images/bg/footer-bg2.png");*/
    width: 955px;
    height: 80px;
    margin-top: 20px;
    border-top: #dddddd 1px solid;
    color: #999999;
    clear: both;
}

#footer .footerheader {
    font-weight: bold;
}

.subfooter1 {
    padding: 10px 0 0 20px;
    float: left;
    width: 160px;
}

.subfooter2 {
    padding: 10px 0 0 40px;
    float: left;
    width: 160px;
}

.subfooter3 {
    padding: 10px 0 0 30px;
    float: left;
    width: 200px;
}

.subfooter4 {
    padding: 10px 0 0 13px;
    float: left;
    width: 150px;
}

.subfooter5 {
    padding: 10px 0 0 0;
    float: left;
    width: 170px;
}

.newsContainer {
    width: 500px;
    padding-top: 10px;
    clear: both;
}

.newsContainer .newsImage {
    float: left;
    width: 80px;
    padding-right: 10px;
}

.newsContainer .newsContent {
    float: left;
    width: 400px;
}

.newsContainer .newsHeader {
    font-weight: bold;
}


/* --------------------------------- links -----------------------------------*/

.middlesection a:link, .middlesection a:visited {
    color: #d90000;
    text-decoration: none;
}

.middlesection a:hover {
    text-decoration: underline;
}

.header a:link, .header a:visited {
    text-decoration: none;
}

.header a:hover {
    text-decoration: underline;
}

.tabmenu a:link, .tabmenu a:visited 
{
    color: #fff;
}

.subtabmenu a:link, .subtabmenu a:visited {
    color: #666;/*color:#df544b;*/
    text-decoration: underline;
}

.subtabmenu a:hover {
    text-decoration: underline;
    color: #d90000;
}

.magni a:link, .magni a:visited, magni a:hover{
    color: red;
    border: none;
    text-decoration: none;
}

#footer a:link, #footer a:visited {
    color: #999999;
    text-decoration: underline;
}

#footer a:hover {
    color: #d90000;
}

.kulturraadSubTableHeader a:link, .kulturraadSubTableHeader a:visited{
    text-decoration: underline;
}

.kulturraadSubTableHeader a:hover {
    text-decoration: none;
}

.accordionBibbiHeader {
    background: #f5f5f5;
    border: #dddddd 1px solid;
    color: #000;
    text-align: center;
    margin: 5px 0px;
    padding: 3px;
}

.accordionBibbiHeader a:visited, .accordionBibbiHeader:link {
    color: #000;
}

.accordionBibbiHeader a:hover {
    color: #d90000;
}

/* $1 ###########################  BS Hjemmside  ##############################----- */

/* $1.1 ------------------------ BS hjemmeside text --------------*/

.nyhetoverskrift {
    font-weight: bold;
    color: #000;
}

.nyhet 
{
    /*font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;*/
    clear: both;
    padding-bottom: 2px;
}

.nyhetoverskrift2 {
    font-weight: bold;
    color: #000;
}

.article {
    padding: 10px 20px;
}

.article2 {
    padding: 10px 10px;
}

.date {
    background: transparent url("../images/bg/bg_calendar.png") 0 50% no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    display: block;
    height: 36px;
    width: 30px;
    margin: 0;
    padding: 0;
}

.date2 {
    background: transparent url("../images/bg/bg_calendar2.png") 0 50% no-repeat;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1;
    display: block;
    height: 36px;
    width: 30px;
    margin: 0;
    padding: 0;
}

.date .month, .date2 .month {
    font: bold 9px Tahoma,Arial,Verdana,Helvetica,sans-serif;
    text-align: center;
    display: block;
    color: #fff;
    padding: 2px 0 0 0;
}

.date .day, .date2 .day {
    font: normal 12px Tahoma,Arial,Verdana,Helvetica,sans-serif;
    text-align: center;
    display: block;
    color: #664E2D;
    padding: 5px 0 0 0;
    margin: 0;
}

.datecontainer 
{
    clear: both;
    /*margin: 0 0 25px 0;*/
    padding-top: 1em;
}

.datewrapper {
    float: left;
    width: 50px;
    clear: left;
}

.newswrapper {
    float: left;
    width: 450px;
}

.tabContainer
{
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-style: italic;
}

.accordionHeader {
    padding: 2px 0 2px 0;
    color: #d90000;
    color: #000;
    text-decoration: underline;
    border-top: #f5f5f5 1px solid;
    border-bottom: #f5f5f5 1px solid;
}

.accordionContent {
    margin: 20px 30px;
}

.accordionContent .bskatalog {
    float:right;
    padding: 0 300px 0 0;
    }

.accordionContent p {
   width: 400px;
   padding-left: 20px;
}

.accordionLink{
    /*color: white:*/
}

.bokmedialeft {
    float: left;
}    
 
/*   
.CustomTabStyle .ajax__tab_header {
    font-family: Arial, verdana,tahoma,helvetica;
    font-size: 12px;
    /*background:url("../images/ajax/bg-snippet.png") repeat-x bottom;
}

.CustomTabStyle .ajax__tab_outer 
{
    border:#000 solid 1px;
    padding-left: 2px;
    background: green;
}

.CustomTabStyle .ajax__tab_inner {
    padding-right: 2px;
    background: blue;
}

.CustomTabStyle .ajax__tab_tab 
{
    border: #000 solid 1px;
    padding: 2px 5px;
}

.CustomTabStyle .ajax__tab_body {
    padding: 10px;
    border: #000 solid 1px;
}

.CustomTabStyle .ajax__tab_hover {
    color: #d90000;
}

.CustomTabStyle .ajax__tab_active: { 
}*/



/* xp theme */
.TabStyle .ajax__tab_header {
    font-size: 11px;
    font-family:verdana,tahoma,helvetica;
    background:url("../images/ajax/tab/tab-line.gif") repeat-x bottom;
}

.TabStyle .ajax__tab_outer {
    /*padding-right:4px;*/
    padding-right:0px;
    background:url("../images/ajax/tab/tab-right.gif") no-repeat right;
    height:21px;
}

.TabStyle .ajax__tab_inner {
    padding-left:3px;
    background:url("../images/ajax/tab/tab-left.gif") no-repeat;
}
.TabStyle .ajax__tab_tab {
    height:13px;
    padding:4px;
    margin:0;
    background:url("../images/ajax/tab/tab.gif") repeat-x;
}

.TabStyle .ajax__tab_body {
    /*font-family: Arial, Verdana, Sans-Serif;
    font-size: 12px;*/
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.TabStyle .ajax__tab_hover .ajax__tab_outer {background:url("../images/ajax/tab/tab-hover-right.gif") no-repeat right;}
.TabStyle .ajax__tab_hover .ajax__tab_inner {background:url("../images/ajax/tab/tab-hover-left.gif") no-repeat;}
.TabStyle .ajax__tab_hover .ajax__tab_tab {background:url("../images/ajax/tab/tab-hover.gif") repeat-x;}
.TabStyle .ajax__tab_active .ajax__tab_outer {background:url("../images/ajax/tab/tab-active-right.gif") no-repeat right;}
.TabStyle .ajax__tab_active .ajax__tab_inner {background:url("../images/ajax/tab/tab-active-left.gif") no-repeat;}
.TabStyle .ajax__tab_active .ajax__tab_tab {background:url("../images/ajax/tab/tab-active.gif") repeat-x;}



/* xp theme */
.TabStyle2 .ajax__tab_header {
    font-family: verdana,tahoma,helvetica;
    font-size: 11px;
    background: url("../images/ajax/tab2/tab-line.gif") repeat-x bottom;
}

.TabStyle2.ajax__tab_outer {
    padding-right: 0px;
    background: url("../images/ajax/tab2/tab-right.gif") no-repeat right;
    height: 35px;
}

.TabStyle2 .ajax__tab_inner {
    padding-left: 3px;
    background: url("../images/ajax/tab2/tab-left.gif") no-repeat;
}
.TabStyle2 .ajax__tab_tab {
    height: 27px;
    padding: 7px 3px 1px 3px;
    margin: 0;
    background: url("../images/ajax/tab2/tab.gif") repeat-x;
}

.TabStyle2 .ajax__tab_body {
    border: 1px solid #999999;
    border-top: 0;
    padding: 8px;
    background-color: #ffffff;
}

.TabStyle2 .ajax__tab_hover .ajax__tab_outer {background:url("../images/ajax/tab2/tab-hover-right.gif") no-repeat right;}
.TabStyle2 .ajax__tab_hover .ajax__tab_inner {background:url("../images/ajax/tab2/tab-hover-left.gif") no-repeat;}
.TabStyle2 .ajax__tab_hover .ajax__tab_tab {background:url("../images/ajax/tab2/tab-hover.gif") repeat-x;}
.TabStyle2 .ajax__tab_active .ajax__tab_outer {background:url("../images/ajax/tab2/tab-active-right.gif") no-repeat right;}
.TabStyle2 .ajax__tab_active .ajax__tab_inner {background:url("../images/ajax/tab2/tab-active-left.gif") no-repeat;}
.TabStyle2 .ajax__tab_active .ajax__tab_tab {background:url("../images/ajax/tab2/tab-active.gif") repeat-x;}


/* $1.2 ----------------------- BS links -------------------------------- */

.calendar a:link, .calendar a:visited {
    text-decoration: none;
}

/* $1.2 ----------------------- BS images -------------------------------- */

.img_floatleft {
    float: left;
    padding: 0 10px 5px 0;
}

.img_floatright {
    float: right;
    padding: 0 0 5px 10px;
}

.accordionContent .imageLeft {
    float: left;
}

.accordionContent .imageRight {
    float: right;
}

.bokogmedia img.left {
    float: left;
    padding-right: 10px;
}

.bokogmedia img.right {
    float: right;
}

img.nyhet 
{
    float: left;
    padding-right: 1em;
}

.img_rightbox {
    float: left;
    padding-right: 3px;
}

#img_bygget {
    float: left;
    padding: 0 30px 10px 0;
}

img#img_bokotomat {
    float: left;
    padding: 0 0 5px 0;
}

/* $3 ########################### Nettbutikk variabler ############################# */


/* $2.1 ----------Nettbutikk  --------- Text variabler -------------------------------- */

.wholecolum {
    /*float: left;*/
    width: 740px;
    /*background-color: Blue;*/
}

.rightcolum {
    margin-left: 30px;
    float:left;
    width: 350px;
    /*background-color: Fuchsia;*/
}

.leftcolum {
    float: left;
    width: 350px;
    /*background-color: Green;*/
}

.top10footer a 
{
    border-bottom: 1px solid #dddddd;
    width: 400px;
    
}

.top10left {
    float: left;
    width: 240px;
    margin-right: 5px;
}

.top10middle {
    float: left;
    width: 240px;
    margin-right: 5px;
}
    
.top10right {
    float: left;
    width: 240px;    
}

.top10footerHeader {
    background-color: #f5f5f5;
    border: #dddddd solid 1px;
    padding: 2px 0;
    font-size: 15px;
}

.bokcontainer .bokcover {
    width: 70px;
    float: left;
    padding-right: 10px;
}

.bokcontainer .bokomtale {
    width: 260px;
    margin-left: 70px;
    /*background-color: Black;*/
}

.bokcontainer .tittel, .bokcontainerSearch .tittel {
    text-transform: uppercase;
    font-weight: bold;
    text-decoration: none;
}

.bokcontainer .forfatter, .bokcontainerSearch .forfatter {
    color: #000;
    font-weight: bold;
}

.bokcontainer .pris {
    font-weight: bold;
    font-size: 14px;
    color: #000;
    color: #df544b;
    color: #000;
}

#bokdetaljer {
    padding: 20px 0 0 10px;
    width: 700px;
}

#bokdetaljer .bokcover {
    float: left;
    width: 150px;
}

#bokdetaljer .bokomtale {
    width: 450px;
}

#bokdetaljer .tittel {
    color: #d90000;
    font-size: 16px;
    font-weight: bold;
}

#bokdetaljer .forfatter {
    font-size: 14px;
    font-weight: bold;
}

#bokdetaljer .bokinfo {
    margin-top: 2em;
    clear: both;
    width: 600px;
    background: #f8f8f8;
    padding-bottom: 1em;
}

#bokdetaljer .bokinfo .left {
    float: left;
    width: 300px;
}

#bokdetaljer .bokinfo .right {
    float: left;
}

#bokdetaljer .bokinfo .infoLabel {

    font-weight: bold;
    background: #e1e1e1;
}

#bokdetaljer .infoTag {
    font-weight: bold;
}

.bokcoverSearch {
    float: left;
}

.bokomtaleSearch {
    float: left;
    margin-left: 10px;
    width: 370px;
}

.bokomtaleSearch2 {
    float: left;
    margin-left: 10px;
    width: 500px;
}

.bokcontainerSearch {
    clear: left;
    margin-bottom: 1em;
    margin-top: 1em;
    border-bottom: #dddddd solid 1px;
}

.prisSearch {
    float:left;
    position: relative;
    top: 55px;
}

.prisSearch2 {
    float:left;
    position: relative;
    top: 55px;
    left: 80px;
}

.searchTab {
    background-color: #dddddd;
    margin-bottom: 1em;
    clear: both;
}

.searchNav {
    width: 400px;
    display: inline;
    padding-left: 80px;
}

.searchNav2 {
    width: 300px;
    display: inline;
    padding-left: 200px;
}

.searchSortering {
    padding-left: 50px;
}

.searchSortering2 {
    padding-left: 130px;
}

.category {
    font-size: 15px;
    font-weight: bold;
    /*border-top: #dddddd solid 1px;*/
}

.pressemelding {
    text-decoration: underline;
}

/*--------------------- links ----------------------------*/


.refine a:link, .refine a:visited{
    text-decoration: none;    
}

.refine a:hover {
    color: #000;
    text-decoration: underline;
}


/* -------------------------- images nettbutikk -------------------------*/

.handlevogn {
    float: right;
    position: relative;
    top: -25px;
    /*padding-left: 60px;*/
}

/* $1.3 ------------------- Color variabler -------------------------------- */

.color_red {
    color: #d90000;
}