﻿a:hover
{
    background-position: 0 0;
}
*
{
    margin: 0;
}
#Action_Omradet
{
    width: 100%;
    height: 350px;
    position: relative;
}
#Left_Tap
{
    height: 270px;
    width: 60px;
    position: absolute;
    top: 150px;
    left: 0px;
    padding: 10px;
    padding-left: 8px;
    float: left;
    background-image: url('../Grafikk/Dekor/leftTapBevel.jpg');
    background-repeat: no-repeat;
}

#Forrige
{
    cursor: pointer;
    width: 60px;
    height: 10px;
    background-image: url('../Grafikk/Dekor/Forrige.jpg');
}

#Neste
{
    background-image: url('../Grafikk/Dekor/Neste.jpg');
    width: 60px;
    height: 10px;
    position: absolute;
    bottom: 8px;
    cursor: pointer;
}

#Bilde_Remse_Wrapper
{
    overflow: hidden;
    position: relative;
    height: 272px;
    background-image: url('../Grafikk/Dekor/body_dekor.jpg');
}

#Bilde_Remse
{
    position: relative;
}

.Tap_Mini_Bilder
{
    margin-bottom: 1px;
    border: solid black 1px;
    cursor: pointer;
    position: relative;
}

.Tap_Mini_Bilder:hover
{
    border: solid black 1px;
}




#Slides_Skygge
{
    width: 700px;
    height: 345px;
    float: left;
    position: relative;
    background-position: 18px 10px;
    background-repeat: no-repeat;
    margin-left: 30px;
    margin-right: 34px;
}

#Slides
{
    float: left;
    position: relative;
    border: solid gray 1px;
    height: 329px;
    width: 660px;
    background-color: black;
    margin-left: 65px;
}

#Action_Bilde
{
}

#Slides_Overlay
{
    position: relative;
    position: absolute;
    top: 250px;
    left: 0px;
    width: 660px;
    height: 80px;
    color: white;
    font-size: 16px;
    text-align: left;
    background-color: Black;
}

#Slides_Tekst
{
    width: 660px;
    height: 60px;
    display: block;
    position: absolute;
    top: 260px;
    color: White;
    font-family: Verdana;
    font-size: 16px;
    padding: 10px;
    line-height: 60px;
}



.nyhetsTekst
{
    width: 678px;
    font-family: Arial;
    font-style: italic;
    font-size: 20px;
    padding: 16px;
    color: White;
}

#rightTopPart
{
    width: 250px;
    height: 330px; /*background-color:#333333;*/
    float: left;
}





.MenyTekst
{
    height: 31px;
    width: 250px;
    background-color: #0c0b2d;
    text-align: center;
    /*background-image: url("../Grafikk/knapp_bg2.jpg");*/
    background-repeat: repeat-x;
    color: White;
    margin-bottom: 1px;
}

.MenyTekst a
{
    display: block;
    line-height: 30px;
}
.MenyTekst:hover
{
    
    text-decoration: underline;
}

#Kategori_Bar
{
    text-align: center;
    height: 80px;
    padding: 0px;
    padding-left: 3px;
}
#Kategori_Bar ul
{
    margin: 0px;
    padding: 0px;
    position: relative;
    list-style-type: none;
    height: 82px;
}

#Kategori_Bar ul li
{
    margin: 0px;
    float: left;
    list-style-type: none;
    display: block;
    height: 105px;
    width: 160px;
    font-size: 10px;
    color: black;
    font-family: Tahoma;
    border: solid #D2D2D2 1px;
    position: relative;
    background-repeat: repeat-x;
    background-position: top;
    z-index: 200;
    list-style-type: none;
}

#Kategori_Bar ul li:hover
{
    border-left: solid black 1px;
    border-right: solid black 1px;
}

#Kategori_Bar ul li .kategori_navn
{
    font-family: Tahoma;
    font-size: 16px;
}

#Kategori_Bar ul li a
{
    padding: 0px;
    margin: 0px;
    display: block;
    position: absolute;
    text-align: center;
    width: 160px;
    bottom: 0px;
}

#Kategori_Bar ul li a img
{
    bottom: 0px;
    left: auto;
    margin: 8px 0px;
    border: none;
}



#Kategori_Bar ul li .kategori_dropdown_wrapper_bottom
{
    /*background-color:transparent;*/
    padding: 0px;
    display: none;
    width: 400px;
    position: relative;
    right: 5px;
    top: 90px;
    text-align: center;
    padding-bottom: 10px;
}

#Kategori_Bar ul li .kategori_dropdown_wrapper_top
{
    background-color: transparent;
    height: 280px;
    display: none;
    width: 400px;
    position: relative;
    right: 5px;
    bottom: 290px;
    text-align: center;
}
#Kategori_Bar ul li .kategori_dropdown_wrapper_top .kategori_dropdown_top_header
{
    height: 30px;
    position: relative;
}

#Kategori_Bar ul li .kategori_dropdown_wrapper_bottom .kategori_dropdown_bottom_footer
{
    height: 30px;
    z-index: 2;
    position: relative;
}



#Kategori_Bar ul li:hover .kategori_dropdown_wrapper_top
{
    display: block;
    text-align: center;
    position: relative;
}

#Kategori_Bar ul li:hover .kategori_dropdown_wrapper_bottom
{
    display: block;
    text-align: center;
    position: relative;
    top: 88px;
}





#Kategori_Bar ul li .kategori_dropdown
{
    /*padding:10px;*/ /*padding-bottom:10px;*/
    padding-top: 0px;
    margin-left: auto;
    margin-right: auto;
    border-left: solid #D2D2D2 1px;
    border-right: solid #D2D2D2 1px;
    border-bottom: solid #D2D2D2 1px;
    background-color: white;
    max-height: 240px;
    overflow: auto;
    position: relative;
    height: 100%;
}



#Kategori_Bar ul li h3
{
    margin: 10px auto 10px auto;
    text-decoration: underline;
    position: relative;
}

#Kategori_Bar ul li .kategori_dropdown table
{
    position: relative;
    border-collapse: collapse;
    text-align: left;
    width: 320px;
    margin: auto;
    font-family: Tahoma;
    font-size: 14px;
}
#Kategori_Bar ul li .kategori_dropdown table tr
{
    cursor: pointer;
}

#Kategori_Bar ul li .kategori_dropdown table tr td, th
{
    border-bottom: dotted black 1px;
    margin: 0px;
    padding: 0px; /*padding-left:5px;*/
}

#Kategori_Bar ul li .kategori_dropdown table tr:hover td
{
    background-color: #DCDCE8;
}






.Spalte
{
    position: relative;
    width: 300px;
    float: left;
    margin: 10px;
    font-family: Helvetica;
}

.Spalte_Topp
{
    color: white;
    background-image: url(../Grafikk/Dekor/KategoriBoksDetaljerOn.jpg);
    border: solid black 1px;
    color: black;
    height: 28px;
    line-height: 28px;
    width: 289px;
    font-family: Verdana;
    text-align: center;
}

/*Spalte_Topp span
{

background-repeat:no-repeat;
background-position:top right;    
margin:0px;
color:black;
height:30px;
font-family:Tahoma;
color:white;
line-height:25px;
}
*/
.Spalte_Innhold
{
    background-color: white;
    width: 289px;
    border-left: solid #DCDCE8 1px;
    border-right: solid #DCDCE8 1px;
    border-bottom: solid #DCDCE8 1px;
    padding-top: 10px;
    height: 450px;
    overflow: auto;
    position: relative;
}

.Spalte_Innhold .prodPanel
{
    border: solid #83849e 1px;
    background-color: #ececec;
    /*background-image:url("../Grafikk/produkt-bg.jpg");
    background-repeat:repeat-x;*/
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 10px;
    position: relative;
    
}

.Spalte_Innhold .prodPanel .prodBilde
{
    float: right;
    margin: 10px;
    width: 100px;
    border: solid black 1px;
}

.Spalte_Innhold .prodPanel .prodNavn
{
font-size: 14px;
    font-family: Verdana;
    float: left;
    text-align: left;
    margin: 10px;
    margin-bottom:50px;
    width: 100px;
}

.Spalte_Innhold .prodPanel .prodLink
{
position:absolute;
bottom:5px;
display:block;
width:66px;
height:23px;
background-image:url("../Grafikk/Dekor/button-detaljer.jpg");
background-repeat:no-repeat;
}

.Spalte_Innhold .prodPanel .prodLink:hover
{
background-image:url("../Grafikk/Dekor/button-detaljer-hover.jpg");
}

.Spalte_Innhold .prodPanel .prodLink img
{
border:none;
}



.Spalte_Skygge_Right
{
    position: absolute;
    right: -2px;
    top: 5px;
    bottom: 0px;
    width: 11px;
    background-image: url("../Grafikk/Dekor/skygge_right.png");
}

.Spalte_Skygge_Bottom
{
    position: absolute;
    left: 5px;
    right: 11px;
    bottom: -11px;
    height: 11px;
    background-image: url("../Grafikk/Dekor/skygge_bottom.png");
}
.Spalte_Skygge_Bottom_Right
{
    position: absolute;
    right: 0px;
    bottom: -11px;
    height: 11px;
    width: 11px;
    background-image: url("../Grafikk/Dekor/skygge_right_bottom.png");
}

#Forhandler_Spalte
{
}

#Produkter_Spalte
{
}

#Nyheter_Spalte
{
}

.nyhet
{
    border: solid #83849e 1px;
    background-color: #ececec;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 10px;
    position: relative;
}

.nyhet:hover
{
    /*background-color: white;*/
}

.nyhet p
{
    font-size: 13px;
    font-family: sans-serif;
    float: left;
    text-align: left;
    margin: 10px;
    font-style: italic;
    width: 100px;
}

.nyhetPil
{
    position: absolute;
    left: -2px;
    top: 10px;
    z-index: 150;
}

.nyhet .nyhetsBilde
{
    float: right;
    margin: 10px;
    width: 100px;
    border: solid black 1px;
}

.nyhet .ekstraTekst
{
clear:both;
margin-bottom:5px;
margin-right:5px;
font-family:Verdana;
font-size:11px;
text-align:left;
background-color:#C0C0C0;

/*background-image:url("../Grafikk/nyhets_bg.jpg");*/

}

.nyhet .ekstraTekst .ekstraTekstInner
{
padding-left:5px;
padding-right:5px;
}

.nyhet .nyhet_mer
{
clear:both;
display:block;
position:relative;
bottom:5px;
width:66px;
height:23px;
background-image:url("../Grafikk/Dekor/button-down.jpg");
background-repeat:no-repeat;
cursor:pointer;
}

.nyhet .nyhet_mer:hover
{
background-image:url("../Grafikk/Dekor/button-down-hover.jpg");
}

.produkt
{
    border-top: solid #d4d4d4 1px;
    border-bottom: solid #d4d4d4 1px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #FAFAFA;
    margin-top: 5px;
    margin-bottom: 0px;
}

.produkt .produkt_navn
{
    color: black;
    font-style: italic;
}

.produkt img
{
    width: 150px;
    border: solid #d4d4d4 1px;
}

.SpalteWrapper
{
    margin-top: 10px;
    width: 970px;
    border-left: solid #D2D2D2 1px;
    border-right: solid #D2D2D2 1px;
    margin-left: 3px;
}

.SpalteWrapperTopp
{
    width: 100%;
    height: 11px;
    background-image: url("../Grafikk/Dekor/kat_top.jpg");
    background-repeat: repeat-x;
}

.SpalteWrapperBunn
{
    width: 100%;
    height: 11px;
    background-image: url("../Grafikk/Dekor/kat_bottom.jpg");
    background-repeat: repeat-x;
}
