/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
        margin:0; 
        padding:0; 
} 

body{
        font-size: 72%; /* Stiller 1em til 10px */
        font-family:Arial, Helvetica, sans-serif;
        color:#000;
        background: #80BBC9;
       background:url(../design/job_bak.gif) top center repeat-y #80BBC9; /* Uncomment to display the grid 
       border-top:0.5em solid #666;  
        padding:0 1em; */
}


a {
color : #3C5977;
text-decoration : none;
}
a:hover {
color : black;
text-decoration : none;
}


a img{
  border: none;
}

#hodeomkring {

  background-color: #84B7D4;
  border-bottom: 1px solid #3C5977;
}

#hodeikring {
  width:1018px;
  margin:0 auto;
}

#innhomkring, #infoomkring {
 width:994px;
  margin:0 auto;
  clear:both;

}

#fotomkring {
  width:1000px;
  margin:0 auto;
  position: relative;
  left: 2px;
  border-top: 3px solid #84B7D4;
  
}


#logoarena {
  float:left;
  width:720px;
  height: 82px;
}
#logoarena img {
  margin: 1em;
}

#loggarena {
  float:right;
  width: 237px;
  height:82px;
  padding: 2px;
  margin-right: 3px;
}
#loggboks {
  background-image: url(../design/loggboks.gif);
  background-repeat:no-repeat;
  height: 84px;
  width: 242px;
}

#navigasjonsarena {
 clear:both;
 height: 53px;
 padding-top: .7em;
 margin-right: 3px;
 margin-left: 3px;
}

#menyarena {
  float:left;
  width: 230px;
  
}

#innharena {
  float:left;
  padding-left:4px;
  width: 756px;
}

#innharena div h1, #innharena table tr td h1,  #innharena div table tr td h1 {
  margin: 6px 10px 7px 3px;
}

#innharena div p, #innharena table tr td p, #innharena div table tr td p{
  margin-left: 3px;
}  

#fotarena{
  clear:both;
  width:994px;
  
  margin:10px auto;
display:table;
padding:2px;
white-space:nowrap;
}

.fotnavigasjon {
margin:10px auto;
display:table;
padding:1em 2px 1px 2px;
white-space:nowrap;
}
.fotnavigasjon ul {
list-style:none;
margin:0;
padding:0;
display:table-row;
white-space:nowrap;
}

.fotnavigasjon ul li{
display:table-cell;
}
.fotnavigasjon ul a{
display:block;
padding:4px 10px;
text-decoration:none;
}



#fotarena p {
  clear:both;
  margin-top: 1em;
}

#loggboks ul {
  list-style-type: none;
  padding: 10px 3px 10px 3px;
  margin: 5px;
}

#loggboks ul li{
  margin:4px 0 2px 5px;
}

#navigasjonsarena ul {
 list-style-type: none;
}

#navigasjonsarena li {
 float:left;
 padding: 1em 0 1em 0;
 border-right: 1px solid #E2E2E2;
 height: 22px;
 
 
}

#navigasjonsarena li a {
  font-weight:bold;
  font-size: 1.1em;
  padding: 0 1em 0 1em;
  
}

.naviRed, .naviYellow, .naviLightBlue, .naviGreen, .naviBrown, .naviOrange, .naviPurple, .naviGray,
.navioverRed, .navioverYellow, .navioverLightBlue, .navioverGreen, .navioverOrange, .navioverBrown, .navioverPurple, .navioverGray {
  background-repeat: repeat-x;
  background-position: top;
}

.navioverRed a, .navioverYellow a, .navioverLightBlue a, .navioverGreen a, .navioverBrown a, .navioverPurple a, .navioverGray a, .navioverOrange a,
.navioverRed a:hover, .navioverYellow a:hover, .navioverLightBlue a:hover, .navioverGreen a:hover, .navioverBrown a:hover, .navioverPurple a:hover, .navioverGray a:hover, .navioverOrange:hover a{
  color: white;
}
.naviRed a, .naviYellow a, .naviLightBlue a, .naviGreen a, .naviBrown a, .naviPurple a, .naviGray a,  .naviOrange a,
.naviRed a:hover, .naviYellow a:hover, .naviLightBlue a:hover, .naviGreen a:hover, .naviBrown a:hover, .naviPurple a:hover, .naviGray a:hover,  .naviOrange a:hover
{
  color: black;
} 

.naviGray {  background-image: url(../design/naviGray.gif);  }
.navioverGray { background-image: url(../design/naviGrayover.gif); }

.navioverRed { background-image: url(../design/naviRedover.gif); }
.naviRed {  background-image: url(../design/naviRed.gif);  }
.naviGreen {  background-image: url(../design/naviGreen.gif);  }
.navioverGreen { background-image: url(../design/naviGreenover.gif); }
.naviYellow {  background-image: url(../design/naviYellow.gif);  }
.navioverYellow { background-image: url(../design/naviYellowover.gif); }
.navioverYellow a { color: black; }
.navioverYellow a:hover { color: black; }
.naviPurple {  background-image: url(../design/naviPurple.gif);  }
.navioverPurple { background-image: url(../design/naviPurpleover.gif); }

.naviOrange {  background-image: url(../design/naviOrange.gif);  }
.navioverOrange { background-image: url(../design/naviOrangeover.gif); }
.naviBrown {  background-image: url(../design/naviBrown.gif);  }
.navioverBrown { background-image: url(../design/naviBrownover.gif); }
.naviLightBlue {  background-image: url(../design/naviLightBlue.gif);  }
.navioverLightBlue { background-image: url(../design/naviLightBlueover.gif); }




#navigasjonsstart, #navigasjonsend {
 width: 23px;
 height: 47px;
 
}

#navigasjonsstart {
  background-image: url(../design/navigasjonsstart.gif);
  background-repeat: no-repeat;
}
#navigasjonsmatte {
  background-image: url(../design/navigasjonsmatte.gif);
  background-repeat: repeat-x;
}
#navigasjonsend {
  background-image: url(../design/navigasjonsend.gif);
  background-repeat: no-repeat;
  
}

#sokearena {
 float:left;
 width: 230px;
 margin:0;
 padding: .7em .2em .8em .2em;
 
}

#sokebilde {
  cursor:pointer;
}
.sokefeltet{
  background-image: url(../design/felt-bak.gif);
  background-repeat: repeat-x;
  border: 1px solid #A3A3A3;
  border-right: none;
  height: 25px;
  width: 185px;
  margin:0;
  
}

#menybokstop {
  background-image: url(../design/meny-o.gif);
}
#menybokslangs {
  background-image: url(../design/meny-m.gif);
}
#menyboksslutt {
  background-image: url(../design/meny-n.gif);
}


#menybokslangs ul, #menybokslangs ul li ul, #meny-mm ul, #meny-mm ul li ul{
  padding : 0 1em .3em 1em;
  list-style-type: none;
}

#menybokslangs ul li ul li, #meny-mm ul li ul li{
  padding-top: .6em;
}
#menybokslangs ul li, #meny-mm ul li{
  padding-top: .8em;
}

#menybokslangs ul li a, #menybokslangs ul li ul li a, #meny-mm ul li a, #meny-mm ul li ul li a{
  color: black;
}

#menybokslangs ul li a:hover, #menybokslangs ul li ul li a:hover, #meny-mm ul li a:hover, #meny-mm ul li ul li a:hover{
  text-decoration:underline;
}

#menybokslangs ul a, #meny-mm ul a{
 font-weight: bold;
}

#menybokslangs ul li ul li a, #meny-mm ul li ul li a {
 font-weight: normal;
}

#infoteip {
 float:left; margin-top: .75em;
}
#infoteip table{
 background-color: #ececec;
}

#brodsmuler {
 float:left;
 padding: .5em;
 
}

#infovogn {
 float:right;
 padding: .5em;
 
}


#meny-ov{
 background-image: url(../design/meny-ov.gif);
 background-repeat:no-repeat;
}

#meny-oh{
 background-image: url(../design/meny-oh.gif);
 background-repeat:no-repeat;
}

#meny-nv{
 background-image: url(../design/meny-nv.gif);
 background-repeat:no-repeat;
}

#meny-nh{
 background-image: url(../design/meny-nh.gif);
 background-repeat:no-repeat;
}

#meny-om{
 background-image: url(../design/meny-om.gif);
 background-repeat:repeat-x;
}

#meny-nm{
 background-image: url(../design/meny-nm.gif);
 background-repeat:repeat-x;
}

#meny-mv{
 background-image: url(../design/meny-mv.gif);
 background-repeat:repeat-y;
}

#meny-mh{
 background-image: url(../design/meny-mh.gif);
 background-repeat:repeat-y;
}

#meny-mm, #menybokslangs{
 background-color: #ECECEC;
 
}
.gen {
      float:left;
        padding-top:5px;
        margin-bottom:2em;
    
}

.kvarte {
  width: 240px;
  margin-right: 16px;
      border-top: 2px solid gray;
}

.kvartsinnhold {
  padding: .5em;
}
.kvartsinnhold h3{
  font-size: 120%;
}
.kvartsinnhold h3 a{
  color: black;
}
.kvartsinnhold h3 a:hover{
  text-decoration:underline;
}
.kvartsbilde{
  margin:.5em 1em .5em 1.2em;
  
}

.trekvarte {
    width: 756px;
  margin-right: 18px;
}

.hele {
  width: 945px;
  margin-right: 18px;
}
.halve {
    width: 508px;
  margin-right: 18px;
}

.entrede {
    width: 369px;
  margin-right: 18px;
}

.slutt {
    margin-left:0 !important;
        margin-right:0 !important;
        
}

a {
color : #3C5977;
text-decoration : none;
}
a:hover {
color : black;
text-decoration : none;
}
.prvenstre {
margin-right : 12px;
padding : 3px 6px 6px 6px;
}
.prmeny {
margin : 12px 0;
}
.prmeny a {
color : #3C5977;
text-decoration : none;
}
.prmeny h4 a {
padding-left : 15px;
background : url(../design/produktmenypil.gif) no-repeat center left;
}
.prmeny h4 a:hover {
background : url(../design/produktmenypil.gif) no-repeat center left;
}
.prmeny ul, .prmeny li {
margin : 0;
padding : 0;
list-style : none;
margin-top : 3px;
}
.prmeny .content {
padding : 0 8px 8px 8px;
}
.prmeny li a {
font-weight : normal;
padding : 0 0 0 11px;
display : block;
height : 100%;
}
.prmeny li a:hover {
background : url(../design/prmenypil.gif) no-repeat 0 2px;
color : black;
}
.prmenyvalgt {
background : url(../design/prvalgtpil.gif) no-repeat 0 2px;
color : black;
}
.prmeny ul ul li {
padding : 0 0 0 1em;
}
.prmeny ul ul ul li {
padding : 0 0 0 1em;
}
.prniv1 {
padding-left : 5px;
}
.prniv2 {
padding-left : 10px;
}
.prniv3 {
padding-left : 15px;
}
.prniv4 {
padding-left : 20px;
}
.prniv5 {
padding-left : 25px;
}
#pvalgt {
font-weight : bold;
}
.produktmeny ul.niv1 li.produktmenyvalgt a {
font-weight : bold !important ;
}
.valgtproduktmeny {
font-weight : bold !important ;
}
.produktmeny ul.produktmenyniv2 a {
font-weight : normal;
}
td.MenyRed {
background-color : #ef372a;
}
td.MenyRed a {
color : white;
font-size : 11px;
}
td.MenyDarkBlue {
background-color : #192251;
}
td.MenyDarkBlue a {
color : white;
font-size : 11px;
}
td.MenyYellow {
background-color : #f8c11b;
}
td.MenyYellow a {
color : black;
font-size : 11px;
}
td.MenyLightBlue {
background-color : #00abd6;
}
td.MenyLightBlue a {
color : black;
font-size : 11px;
}
td.MenyGreen {
background-color : #b6a732;
}
td.MenyGreen a {
color : white;
font-size : 11px;
}
td.MenyPurple {
background-color : #bd258f;
}
td.MenyPurple a {
color : white;
font-size : 11px;
}
td.MenySilver {
background-color : #666666;
}
td.MenySilver a {
color : white;
font-size : 11px;
}
.sok {
border : 1px solid silver;
background-color : #fafafa;
font-size : 11px;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
}
a.snarlink:link, a.snarlink:visited {
color : #1d426e;
text-decoration : none;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 12px;
}
.snar {
color : black;
font-family : verdana, tahoma, arial, helvetica, sana-serif;
font-size : 14px;
}
a.snarlink:active, a.snarlink:hover {
color : black;
text-decoration : none;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 12px;

}
.d, .knapp, .felt {
font-family : Arial, Helvetica, Verdana, Tahoma, Sans-serif;
color : black;
font-size : 8pt;
background-color : #fafafa;
}
.knapp, .felt {
border : 1px solid silver;
padding: 1px 3px 2px 3px;
}


.spestit {
background-image : url('images/sti.gif');
color : #1d426e;
font-size : 12px;
padding-left : 5px;
padding-top : 2px;
padding-bottom : 2px;
border : 1px solid #a2a2a2;
}
.varetekst {
font-size : 11px;
color : black;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
}
a.varetekst:link, a.varetekst:visited {
text-decoration : none;
color : #1d426e;
}
a.varetekst:active, a.varetekst:hover {
text-decoration : none;
color : black;
}
.spes {
background-color : #efefef;
}
.spesbtekst {
background-color : #ffffff;
}
.fottekst {
font-size : 10px;
}
a.fottekst:link, a.fottekst:visited {
text-decoration : none;
color : #1d426e;
}
a.fottekst:hover, a.fottekst:active {
text-decoration : none;
color : black;
}
.mellom {
background-color : #306cb4;
border-top : 1px solid #1d426e;
background-repeat : repeat-x;
height : 4px;
width : 100%;
}
.litentekst, .linkestitekst {
text-decoration : none;
color : #1d426e;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 0.8em;
}
.spesbtekst.spesvtekst, .spesltekst, .prisvtekst, .prisltekst {
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 12px;
border : 1px solid #a2a2a2;
border-top : none;
}
.prisltekst, .spesltekst {
color : #1d426e;
border-right : none;
}
.prisltekst, .prisvtekst {
font-weight : bold;
}
.linkesti {
background-image : url('images/sti.gif');
background-repeat : repeat-x;
border : 1px solid #a2a2a2;
}
.hodelink {
position : relative;
top : -60px;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 7pt;
color : #1d426e;
padding : 3px;
float : right;
}
.htekst, .bunnlinktekst {
color : #1d426e;
text-decoration : none;
font-size : 8pt;
}
.tittel {
font-weight : bold;
font-size : 13pt;
}
.smatittel {
font-weight : bold;
color : white;
font-size : 10pt;
}
.kamppris {
font-weight : bold;
font-size : 13pt;
color : #cc0033;
}
.kamptittel {
font-weight : bold;
font-size : 10pt;
color : #306cb4;
}
a.tekst:link, a.tekst:visited {
color : #1d426e;
font-size : 12px;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
}
.tekst, a.tekst:active, a.tekst:hover {
color : black;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
}
h2, .ingress {
font-weight : bold;
font-size : 10pt;
}
a.tekst:link, .tekst {
font-weight : normal;
font-size : 12px;
text-decoration : none;
}
.buy {
background-image : url('images/buy.gif');
background-repeat : no-repeat;
text-align : center;
border : 1px solid #a2a2a2;
border-top : none;
border-left : none;
}
.kasse {
background-image : url('images/buy.gif');
background-repeat : no-repeat;
text-align : right;
border : 1px solid #a2a2a2;
border-top : none;
border-left : none;
}
.buyte, a.buyte:link, a.buyte:visited {
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 12px;
text-decoration : none;
color : white;
}
a.menyniv2:link, a.menyniv2:visited {
text-decoration : none;
color : #1d426e;
}
a.menyniv2:hover, a.menyniv2:active {
text-decoration : none;
color : black;
}
a.htekst:link, a.htekst:visited {
text-decoration : none;
color : #1d426e;
}
a.htekst:hover, a.htekst:active {
text-decoration : none;
color : black;
}
a.litentekst:link, a.litentekst:visited {
text-decoration : none;
color : #1d426e;
}
a.litentekst:hover, a.litentekst:active {
text-decoration : none;
color : black;
}
.knappStor {
color : white;
font-size : 13px;
font-weight : bold;
text-align : center;
margin : 3px;
padding : 5px;
cursor : pointer;
background : #3C5977;
border-bottom : 2px solid #39536E;
border-right : 2px solid #39536E;
border-top : 2px solid #456688;
border-left : 2px solid #456688;
}
.dato {
text-decoration : none;
color : #1d426e;
font-family : arial, helvetica, verdana, tahoma, sana-serif;
font-size : 11px;
}
#shoppingcart {
position : absolute;
top : 50px;
left : 50px;
height : 100px;
width : 500px;
background : #eee;
border : 1px solid #444;
}
#booklist2 {
position : absolute;
top : 50px;
left : 520px;
height : 100px;
width : 500px;
background : #eee;
border : 1px solid #444;
}
#booklist2 {
position : absolute;
top : 175px;
left : 550px;
width : 500px;
background : #ddd;
border : 1px solid #333;
}
#booklist2 ul {
list-style-type : none;
}
#booklist2 ul li {
margin : 1em;
}
#shoppingcart p {
margin : 0 1em 1em;
}
#booklist, #contents {
position : absolute;
top : 175px;
left : 50px;
width : 500px;
background : #ddd;
border : 1px solid #333;
}
#booklist ul {
list-style-type : none;
}
#booklist ul li {
margin : 0 1em 1em;
}
#contents table {
font-size : 90%;
border-collapse : collapse;
}
#contents table td {
border : 1px solid #999;
width : 20%;
}
#contents p, #contents button {
margin : 1em;
}
h1 {
font-size : 150%;
}
.kvartsinnhold h3 {
  font-size: 120%;
}

h2 {
font-size : 110%;
}
h4 {
font-size : 100%;
color : #d34133;
}
.toppbilde {
font-size : 140%;
color : #d44033;
}
h3 {
font-size : 100%;
}
td.valgtPurple {
background-image : url(../design/horisMenyBakPurple.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
td.valgtDarkBlue {
background-image : url(../design/horisMenyBakDarkBlue.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
td.valgtLightBlue {
background-image : url(../design/horisMenyBakLightBlue.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
td.valgtGreen {
background-image : url(../design/horisMenyBakGreen.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
td.valgtYellow {
background-image : url(../design/horisMenyBakYellow.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
td.valgtSilver {
background-image : url(../design/horisMenyBakSilver.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
td.valgtRed {
background-image : url(../design/horisMenyBakRed.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
a.undermeny {
color : white;
font-size : 80%;
text-decoration : none;
}
a.underundermeny {
color : white;
font-size : 70%;
text-decoration : none;
}
a.ltekst {
color : #d44134;
text-decoration : none;
}
td.meny, td.valgt {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.meny a {
text-decoration : none;
color : black;
}
td.valgt {
background : url(../design/horisMenyBak.gif);
color : white;
}
td.menyPurple {
background-image : url(../design/horisMenyBakPurple.gif);
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menyDarkBlue {
background-image : url(../design/horisMenyBakDarkBlue.gif);
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menyLightBlue {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menyGreen {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menyYellow {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menySilver {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menyRed {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.menyDiv {
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 12px 0 12px;
cursor : pointer;
}
td.valgtDiv {
background-image : url(../design/horisMenyBak.gif);
color : white;
font-size : 12px;
font-family : arial, helvetica, sans-serif;
font-weight : bold;
padding : 0 6px 0 6px;
cursor : pointer;
}
.menydot {
padding-left : 4px;
padding-right : 4px;
}
.paddcell {
padding : 3px 4px 1px 2px;
}
.KalenderPositionHolder {
position : absolute;
display : inline;
}
.KalenderHolder {
z-index : 2;
position : relative;
overflow : hidden;
width : 180px;
border : 1px solid gray;
background-color : #efefef;
}
.KalenderHolder iframe {
display : none;
display : block;
position : absolute;
top : 0;
left : 0;
z-index : -2;
width : 3000px;
height : 3000px;
}
.KalenderBunn {
border-top : 1px solid black;
padding : 2px 5px 2px 5px;
font-size : x-small;
text-align : right;
}
.KalenderTopp {
border-bottom : 1px solid black;
padding : 2px 5px 2px 5px;
background-color : #fe8627;
color : white;
text-decoration : none;
}
.KalenderTopp table {
width : 100%;
border : 0;
}
.KalenderTopp table td {
font-size : x-small;
border : 0;
}
.KalenderMonthTitle {
text-align : center;
font-weight : bold;
}
table.KalenderTable td {
padding : 2px;
font-size : x-small;
text-align : right;
border : 0;
}
.KalenderTable {
width : 100%;
border : 0;
}
.KalenderHelligDag {
color : #ff3333;
}
.KalenderIdag {
color : #f16022;
}
.KalenderTableSpacer {
background-color : #e9e9e9;
}
.KalenderTableWeekNumber {
background-color : #e0e0e0;
font-weight : bold;
}
.KalenderTableHeader {
background-color : #e0e0e0;
font-weight : bold;
}
.KalenderTableValgt {
background-color : #cccccc;
}
.KalenderNextMonth {
text-align : right;
}
.KalenderTable a:link, .KalenderBunn a:link, .KalenderTopp a:link {
text-decoration : none;
color : #3C5977;
}
.KalenderPrevMonth {
text-align : left;
}
.tblys {
background-color : #f6f6f6;
}
.tbmork {
background-color : #eaeaea;
}
.tbtopp {
background-image : url(../design/tbbakgrunn.gif);
background-repeat : repeat-x;
}
.tbtabell {
border-collapse : collapse;
}
.tbtabell td {
border : 1px solid #c0c0c0;
padding : 3px;
font-size : 1em;
}
.clear {
clear : both;
}
.hsvalg {
padding : 3px;
color : black;
}
.ledetekst {
color : #595959;
}
.tekstl {
font-size : 120%;
}
.tekstxl {
font-size : 140%;
font-weight : bold;
}


/* ---- Hovedmenystiler   ----- */
.valg, .valgover, .velgt, 
.valgGreen, .valgRed, .valgLightBlue, .valgPurple, .valgYellow, 
.velgtGreen, .velgtRed, .velgtLightBlue, .velgtPurple, .velgtYellow, 
.valgoverGreen, .valgoverRed, .valgoverLightBlue, .valgoverPurple, .valgoverYellow 
{
  cursor:pointer;
  
  font-weight:bold;
  font-size: 11px;
  padding-left: 9px;
  padding-right: 8px;
  margin-right: 8px;
  float:left;
  padding-bottom: 4px;
  margin-top: 4px;
  
}

/* standard */
.valgGreen {
    border-bottom: 3px solid #00D900;
}
.valgRed {
    border-bottom: 3px solid #FF0505;
}
.valgLightBlue {
    border-bottom: 3px solid #3C5977;
}
.valgPurple {
    border-bottom: 3px solid #962FFF;
}
.valgYellow {
    border-bottom: 3px solid #FF9900;
}
.valg {
  border-bottom: 3px solid silver;
  color:black;
}

/* musover */
.valgoverGreen {
    border-bottom: 3px solid #006C00;
}
.valgoverRed {
    border-bottom: 3px solid #7F0202;
}
.valgoverLightBlue {
    border-bottom: 3px solid #002D55;
}
.valgoverPurple {
    border-bottom: 3px solid #4B177F;
}
.valgoverYellow {
    border-bottom: 3px solid #7F4C00;
}
.valgover {
  border-bottom: 3px solid black;
  color: black;
}

/* valgte */
.velgtGreen {
    border-bottom: 3px solid #80EC80;
    color: #006C00;
}
.velgtRed {
    border-bottom: 3px solid #FF8282;
    color: #7F0202;
}
.velgtLightBlue {
    border-bottom: 3px solid #80ADD5;
    color: #002D55;
}
.velgtPurple {
    border-bottom: 3px solid #CB97FF;
    color: #4B177F;
}
.velgtYellow {
    border-bottom: 3px solid #FFCC80;
    color: #7F4C00;
}
.velgt {
  border-bottom: 3px solid gray;
  color: gray;
}

/* Knapper Om oss etc */
	.knp1 {
	  background-image: url(../design/Knp1.gif);
	  width: 12px;
	  height: 22px;
	  background-repeat:no-repeat;
	  float:left;
	}
	.knp2 {
	  background-image: url(../design/Knp2.gif);
	  width: 12px;
	  height: 22px;
	  background-repeat:no-repeat;
	  float:left;
	}
	.knpU {
	  background-image: url(../design/KnpU.gif);
	  background-repeat: repeat-x;
	  padding-right: 5px;
	  padding-left: 5px;
	  padding-top: 3px;
	  height: 22px;
	  float:left;	  
	}
.knpV1 {
	  background-image: url(../design/KnpV1.gif);
	  width: 12px;
	  height: 22px;
	  background-repeat:no-repeat;
	  float:left;
	}
	.knpV2 {
	  background-image: url(../design/KnpV2.gif);	  
	  width: 12px;
	  height: 22px;
	  background-repeat:no-repeat;
	  float:left;
	}
	.knpVU {
	  background-image: url(../design/KnpVU.gif);
	  background-repeat: repeat-x;
	  padding-right: 5px;
	  padding-left: 5px;
	  padding-top: 3px;
	  height: 22px;
	  float:left;	  
	}
	.knpVU a { color: white;}
	
	.knpU a { color: black;}
	.knpU a:hover { color: #2E69B0;}
	
	.adminknapp {
    background-color: #dbdbdb;
    padding:2px;
    margin:2px;
    cursor: pointer;
  }
  
  .admintekstinput {
    padding:2px;
    margin:2px;
    width: 5em;
    text-align: right;
  }
  
  .admintekstliteninput {
    padding:2px;
    margin:2px;
    width: 2.5em;
    text-align: right;
  }
  
  .admintekstlanginput {
    padding:2px;
    margin:2px;
    width: 22em;
    text-align: left;
  }  
  
    .admintekstmiddelsinput {
    padding:2px;
    margin:2px;
    width: 5em;
    text-align: left;
  } 
  
  
  #productcontent {
    width: 758px;
  }
  .Productbar{
    float:left;
    width: 520px;
    
  } 
  .imagecontent {
    padding-right: 7px;
    float:left;
    padding-bottom: 15px;
    position: relative;
    margin: 0 8px 0 0;
    text-align:center;
    
  }
  .priceandtext {
    float:left;
    width: 520px;
  } 
  
  .Sidebar {
    float:right;
    width: 200px;
    padding:8px 8px 8px 15px;
    border: 1px solid #AAAAAA;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    display:block;
    border: 1px solid gray;
    
  } 
  .Sidebar iframe {
   position: relative;
   z-index:1;
  }

  
  .variantlink {
    cursor:pointer;
  }
  
  #optioncontent {
    clear:both;
    float:left;
    padding-right: 7px;
    width: 750px;
  }
  #tabs {
    width: 100%;
    
  }
  .miniImage {
    float:left;
    
  }
  .Rabatt {
    background-image: url('http://www.job.no/design/RabattBak.png');
    background-repeat: no-repeat;
    color: white;
    font-weight:bold;
    height: 56px;
    width: 56px;
    float:right;
    text-align:center;
    padding-top: 17px;
    font-size: 15px;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    z-index: 50;
  }
  
  .ProductBuy {
    float:left;
    margin-left: 20px;
    background-image: url('http://www.job.no/design/BestBak.png'); 
    background-repeat: no-repeat;
    color: white;
    height: 32px;
    width: 100px;
    border:none;
    font-weight:bold;
    cursor: pointer;
    font-size: 15px;
    -moz-box-shadow: 0px 0px 10px #cbcbcb;
	  -webkit-box-shadow: 0px 0px 10px #cbcbcb;
  }
  .ProductBuy-hover { background-image: url(http://www.job.no/design/BestBakOver.png) !important;   }
  
  .buttonRed {

		  background-image: url('http://www.job.no/design/ButtonRed.png'); 
      background-repeat: no-repeat; float:left; 
      width:105px; height: 32px;  
      position:relative;
		  left: 0px;
		  color: white;
		  text-align:center;
		  border:none;
		  font-weight:bold;
      cursor: pointer;
      font-size: 15px;
		  background-color: white;
		  margin-left: 20px;
		  top:0px;      
		}
    .buttonRed:hover { background-position:0 -38px;     }

    .buttonBlue {

		  background-image: url('http://www.job.no/design/ButtonBlue.png'); 
      background-repeat: no-repeat; float:left; 
      width:87px; height: 27px;  
      position:relative;
		  left: 0px;
		  color: white;
		  text-align:center;
		  border:none;
		  font-weight:bold;
      cursor: pointer;
      font-size: 12px;
		  background-color: white;
		  top:0px;      
		}
    .buttonBlue:hover { background-position:0 -33px;     }
    
    .buttonBlue110 {

		  background-image: url('http://www.job.no/design/ButtonBlue110.png'); 
      background-repeat: no-repeat; float:left; 
      width:110px; height: 27px;  
      position:relative;
		  left: 0px;
		  color: white;
		  text-align:center;
		  border:none;
		  font-weight:bold;
      cursor: pointer;
      font-size: 12px;
		  background-color: white;
		  top:0px;      
		}
    .buttonBlue110:hover { background-position:0 -33px;     }    
    
  .ProductMore {
    float:left;
    margin-left: 20px;
    background-image: url('http://www.job.no/design/LesBak.png'); 
    background-repeat: no-repeat;
    color: white;
    height: 27px;
    width: 85px;
    border:none;
    font-weight:bold;
    cursor: pointer;
    font-size: 12px;
  }
  .ProductMore-hover { background-image: url(http://www.job.no/design/LesBakOver.png) !important;   }
  
  .reolbutton {
    background-image: url('http://www.job.no/design/reolbutton.png');
    padding: 3px;
    cursor: pointer;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #355372;
    border: 1px solid #002342;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:4px;
    color: white;
    margin-right: 10px;
    
  }
  .reolbutton:hover { background-position:0 -33px;  color: white !important;       }
  
    .graybutton {
    background-image: url('http://www.job.no/design/graybutton.png');
    padding: 3px;
    cursor: pointer;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #CBCBC0;
    border: 1px solid #BBBBBB;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:4px;
    color: black;
    margin-right: 10px;
    
  }
  .graybutton:hover { background-position:0 -33px;  color: black !important;       }
  
  
  
  
    .redbutton {
    background-image: url('http://www.job.no/design/redbutton.png');
    padding: 3px;
    cursor: pointer;
    font-size: 14px;
    background-repeat: repeat-x;
    background-color: #BF0304;
    border: 1px solid #8F0203;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding:0 6px 3px 6px;
    text-align:middle;
    color: white;
    font-weight: bold;
    height: 28px;
  }
  .redbutton:hover { background-position:0 -33px;     }


  .removebutton {
    background-image: url('http://www.job.no/design/removebutton.png');
    padding: 3px;
    cursor: pointer;
    font-size: 12px;
    background-repeat: repeat-x;
    background-color: #686868;
    border: 1px solid #525252;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;          
    border-radius: 5px;
    padding:4px;
    color: #DADADA;
  }
  .removebutton:hover { background-position:0 -33px;     }
  
  #buttonInput{
    padding: 4px;
  }
  
  #addSelect {
      margin-left: 22px;
  }
  
  .removebutton a {
    text-decoration:none;
    color:#DADADA; 
  }
  
  .ProductTable {
    border-collapse: collapse;
  }
  .ProductTable td {
    
    padding: 5px;
  }
  .ProductTable td .newinline{
    
    padding: 0px;
  }
  .ProductTable th {
    
    padding: 5px;
    text-align: left;
    font-weight:normal;
    background-color: #ECECEC;
  }  
  
  .even { background-color: #eeeeee; }

  .ProdAnt {
    width: 50px;
    border: 1px solid #AAAAAA;
  }
  .ProdPrice {
    width: 80px;
    border: 1px solid #e1e1e1;
    float:left;
  }
  .ProdSum {
    width: 120px;
    font-weight:120%;
    border: 1px solid #e1e1e1;
    float:left;
  }
  .newline {
    padding: 4px;
    margin: 0;
    background-color: #efefef;
  }

  .orderline {
    vertical-align:middle;
    background-color: #F7F7F7;
  
  }
  
  .orderline td  {
    padding: 3px;
    margin: 0;
  }
  
  .ProdAnt, .ProdPrice, .ProdSum {
    height: 20px;
    font-size: 12px;
    text-align:center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
      

  .ProdPic {
    float:left;
    z-index: 48;
    
  }
  .Prices {
    float:left;
  }
  .PrevPrice {
    font-size: 12px;
    color: gray;
  }
  .CurrPrice .CPRtxt {
     color: black;
  }
  .CurrPrice .CPRval {
     color: #3C5977;
  }  
  .Offertxt {
    font-size: 120%;
    font-weight: bold;
    color: #3C5977;
  }
  .offerrow td {
    border-top: 1px solid black;
    vertical-align: bottom;
    padding: 12px 10px 5px 0;
    margin-bottom: 5px;
  }
  
  .CurrPrice {
     font-weight: bold; 
     font-size: 18px
  }
  
  .ProductText {
    padding-top: 20px;
    clear:both;
  }
  
  .ProductTitle h1{
    font-size: 160%;
  }
    
  .ProductVariations {
    padding-top: 20px;
    margin-bottom: 20px;
  }
   
  .miniImages {
    padding:4px;
    border: 1px solid #AAAAAA;
    clear:both;
    height: 68px;
    position:relative;
    z-index:30;
    vertical-align:center;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
   	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	  -webkit-box-shadow: 0px 0px 10px #cbcbcb;
  }
  #content {
	width: 400px;
	margin: 40px auto 0 auto;
	padding: 0 60px 30px 60px;
	border: solid 1px #cbcbcb;
	background: #fafafa;
	-moz-box-shadow: 0px 0px 10px #cbcbcb;
	-webkit-box-shadow: 0px 0px 10px #cbcbcb;
}

.noline tr td { border: none; padding:  1px;}