/*
 Common styles, like the color of links, headings and text color are imported from this css file
 */
@import "common.css";
body{
    background:#000 url("../../bitmaps/no_redesign/rememberSite_14.png") no-repeat center top;
    margin:0;
}
#site-container{
    width:972px;
    margin-left:40px;
    position:relative;
    margin-bottom:40px;
    overflow:auto;
}
#header_cli{
    width:100%;
    height:127px;
    background:url("../../bitmaps/no_redesign/header_narrow.png") no-repeat left center;
    margin-bottom:10px;
    position:relative;

}
#header{
    width:100%;
    height:127px;
    background:url("../../bitmaps/no_redesign/header.png") no-repeat left center;
    margin-bottom:10px;
    position:relative;
}
/*#main-navigation{
    
}*/
#page-content{
    float:left;
    width:780px;
}
#page-main-content{
    float:left;
    width:582px;
    margin-right:10px;
    overflow:hidden;
}
#page-main-content.fullwidth{
    width:780px;
}
#page-related-content{
    float:left;
    width:188px;
    overflow:hidden;
}

/* Footer */

#footer{
    overflow:hidden;
    padding-top:70px;
    color:#7f7f7f;
    clear:both;
    font-size:11px;
}

#footer p {
    border-top: 1px solid #999;
    margin: 0;
    padding: 1px 0 0 0;
    text-align: center;
}

/* GENERAL STYLING */
#page-main-content .ingress{
    margin-bottom:15px;
    font-weight:bold;
    font-size:12px;
}
#page-main-content .tekst{
    margin-bottom:20px;
}
/* TODO: B�r styles p� nytt ved neste skisse fra Mattis */
#page-main-content .printout{
    display:none;
}
#header-top-link{
    display:block;
    position:absolute;
    top:25px;
    left:20px;
    width:210px;
    height:70px;
}

/* MAIN NAVIGATION */
#main-navigation{
    float:left;
    width:172px;
    margin-right:4px;
    margin-left:16px;
    font-weight:bold;
    font-size:11px;
    margin-top:8px;
}
#main-navigation ul{
    margin:0;
    list-style-image: url(../../bitmaps/Buttons/arr_grey.gif);
    padding:0;
}
#main-navigation ul ul{
    list-style-image:url(../../bitmaps/Buttons/dash_white.gif);
    margin-left:12px;
}
#main-navigation ul a{
    border-bottom:1px solid #333333;
    display:block;
    padding:3px 0 4px;
    color:#cccccc;
    text-decoration:none;    
}
#main-navigation a:hover, #main-navigation a.selected{
    color:#fff;
}
#main-navigation a.bestill-kort{
    background:url("../../bitmaps/Buttons/Bestill_kredittkort.png") no-repeat left center;
    display:block;
    width:146px;
    height:25px;
    margin-left: -11px;
}


.multimedia{
    padding:30px 30px 0 30px;
    overflow:auto;
}

div#film{
    padding-top:5px;
}

/* Frontpage */
.about-remembercard .ingress{
    font-weight:bold;
}
.about-remembercard .creditcard-information{
    float:left;
    width:100%;
}
.campaign, .campaign-last{
    float:left;
    width:188px;
    margin-right:10px;
}
.campaign-last{
    margin-right:0;
}

/* Overriding some default styles */
h1{
    font-size:20px;
    margin:5px 0 15px 0;
}
h2{
    line-height:15px;
    margin:9px 0 2px 0;
}
h3{

}
/* TODO, b�r flyttes inn i editor css siden det er der det gjelder. Overstyrer headinger for sidetitler ovenfor */
#page-main-content .tekst h1{

}
#page-main-content .tekst h2{

}
#page-main-content .tekst h3{

}

.campaign-box-small{
    width:188px;
    float:left;
    margin-right:8px;
}
.campaign-box-small .header{
    background:url("../../bitmaps/no_redesign/small_top.png") no-repeat left top;
    width:100%;
    height:15px;
}
.campaign-box-small .body{
    background:url("../../bitmaps/no_redesign/small_mid.png") repeat-y left center;
    padding:5px 15px;
}
.campaign-box-small .footer{
    background:url("../../bitmaps/no_redesign/small_bot.png") no-repeat left bottom;
    width:100%;
    height:15px;
}
.campaign-box-small.last{
    margin-right:0;
}
.campaign-box-small h3{
    font-size:14px;
    margin:0 0 10px;
    font-weight:normal;
}
.campaign-box-small td{
    text-align:left;
}

#sokefelt{
    background:url("../../bitmaps/no_redesign/sok_bg.png") no-repeat;
    margin-top:5px;
    position:absolute;
    top: 47px;
    right:6px;
}

#enkeltsokfelt{
    margin-top:5px;
    background:url("../../bitmaps/no_redesign/sok_bg.png") no-repeat;
}
#sokfelt, #enkeltsoktext{
    /*background:url("../../bitmaps/no_redesign/sok_bg.png") no-repeat -3px 0;*/
    background:transparent no-repeat scroll -3px 0;
    position:relative;
    bottom:8px;
    width:117px;
    padding: 3px 13px 0 10px;
    border:none;
}
#soklabel, #enkeltsoksubmit{
    /*background:url("../../bitmaps/no_redesign/sok_bg.png") no-repeat -134px 1px;*/
    background:transparent no-repeat -134px 1px;
    border:none;
    height:25px;
    position:relative;
    left:-8px;
    padding-top:8px;
    width:35px;
}
.sokeresultat{
    margin:20px 0;
}
.antallTreff{
    font-weight:bold;
    margin-bottom:15px;
}
.sokeresultat .treff{
    margin-bottom:10px;    
}
.sokeresultat a.aktivside{
    font-weight: bolder;
    font-style: italic;
}

#kampanjeboks1front{
    position:absolute;
    width:150px;
    top:160px;
    right:20px;
}
#kampanjeboks2front{
    position:absolute;
    width:150px;
    top:350px;
    right:20px;    
}
#kampanjeboks1{
    position:absolute;
    width:150px;
    top:185px;
    right:20px;
}
#kampanjeboks2{
    position:absolute;
    top:380px;
    right:20px;
    width:150px;
}
#kampanjeboks1front, #kampanjeboks2front, #kampanjeboks2, #kampanjeboks1{
    overflow:auto;
}

/* footer */
#footer .kundesenter,
#footer .kontakt_epost,
#footer .kontakt_sidekart,
#footer .kontakt_tips{
    padding-left:4px;
}
#footer a, #footer a:visited{
    color:inherit;
}


.artikkel .tekst ul, .artikkelmeny .tekst ul{
    margin:0 0 11px;
    padding-left:16px;
}
.artikkel .tekst p,
.artikkelmeny .tekst p{
    margin:0;
    padding:0;
}
.artikkel-wrapper{
    width:580px;
    background:url("../../bitmaps/no_redesign/large_top_extended.png") no-repeat left top;
    margin-bottom:20px;
    padding-top:30px;
}
.fullwidth .artikkel-wrapper{
    background:url("../../bitmaps/no_redesign/xlarge_top_extended.png") no-repeat left top;
    width:780px;
}
/* Defined in ie6.css */
.artikkel-wrapper .artikkel{
    max-height:450px;
    overflow:auto;
    width:520px;
    padding:0 25px 20px;
}
#popup .artikkel{
    max-height:300px;
}
#facebox .popupBox td.body {
    background: #000;
}

.artikkel-wrapper .artikkel .vilkaar {
    border-top: 1px solid #666;
    padding-top: 3px;
    margin-top: 1em;
}
.fullwidth .artikkel-wrapper .artikkel{
    width:710px;
}
.rem-box-large .bottom, .artikkel-wrapper .bottom{
    background:url("../../bitmaps/no_redesign/large_bot.png") no-repeat left bottom;
    height:16px;
    position:relative;
    bottom:-16px;
}
.multimedia-wrapper{
    width:780px;
    background:url("../../bitmaps/no_redesign/xlarge_top_extended.png") no-repeat left top;
    margin-bottom:20px;
}
.multimedia-wrapper .bottom, .fullwidth .artikkel-wrapper .bottom{
    position:relative;
    bottom:-16px;
    height:16px;
    background:url("../../bitmaps/no_redesign/xlarge_bot.png") no-repeat left bottom;
}

/***************
* Sidekart
****************/
div#sidekart {
    clear: both;
    padding: 0;
    margin: 0;
}

div#sidekart ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

div#sidekart ul li {
  padding: 0;
  margin: 10px 0 0 0;
}

div#sidekart ul ul {
/*  margin: -16px 0 10px 120px; */
  margin: 0 0 10px 110px;
}

div#sidekart ul ul li {
  margin: 0;
  padding: 0;
}
#path{
    background:url("../../bitmaps/Boxes/path_bg.png") no-repeat left 0;
    padding:4px 0 0 12px;
    font-size:10px;
    height:22px;
    margin-bottom:5px;
}
#path a{
    text-decoration:underline;
    color:#999999;
}
.right-align-text-campaign{
    color:#808080;
    text-align:right;
}
.campaign-box-small table{
    width:170px;
}

#left-menu {
    padding-bottom: 1em;
}

#creditlimitincrease {
    background:transparent;
    border:0;
    width:570px;
    height:580px;
    margin-left:30px;
}

.closeWindow {
    padding: 30px 0 0 30px;
}
.closeWindow a {
    color: #CCC;
    font-weight: bold;
}