/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.venstremeny{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 141px; /* width of menu (don't forget to add border with below!) */

}

.venstremeny li{
border:0px;
border-bottom: 1px solid #C7C6C2; /* Ramme under hvert menyelement */
margin:0px;
padding:0px;
}

.venstremeny li a{
background: url(grafikk/menygrafikk/venstremeny.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
display: block;
color: black;
width: auto;
border-top: 1px solid white; /* Ramme over hvert menyelement */
padding: 5px 4px 5px 13px; /* Padding rundt teksten */
margin:0px;

text-decoration: none;
}

.venstremeny li a:visited, .venstremeny li a:active{
color: black;
}

.venstremeny li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.venstremeny li.lastitem, .venstremeny li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.venstremeny li.lastitem a{
padding: 7px 0; /* increase vertical border of last menu link by 2px (default is padding: 5px 0) to account for removed border width */
}


* html .venstremeny li a {width: 100%;}




.venstremeny li.meny1aktiv a{

background: #f7f5f1;

}
.venstremeny li.meny1lenke a{

}	
.venstremeny li.meny1lenke a:hover{
color: #db021b;
}


.venstremeny li.meny2aktiv a{
background: #f7f5f1;
padding: 5px 4px 5px 22px;
color: #db021b;
}
.venstremeny li.meny2lenke a{

padding: 5px 4px 5px 22px;

}		
.venstremeny li.meny2lenke a:hover{
color: #db021b;
padding: 5px 4px 5px 22px;
}		

.venstremeny li.meny3aktiv a{
background: #f7f5f1;
padding: 5px 4px 5px 32px;
color: #db021b;
}
.venstremeny li.meny3lenke a{

padding: 5px 4px 5px 32px;

}		
.venstremeny li.meny3lenke a:hover{
color: #db021b;
padding: 5px 4px 5px 32px;
}


.venstremeny li.meny4aktiv a{
background: #f7f5f1;
padding: 5px 4px 5px 42px;
color: #db021b;
}
.venstremeny li.meny4lenke a{

padding: 5px 4px 5px 42px;

}		
.venstremeny li.meny4lenke a:hover{
color: #db021b;
padding: 5px 4px 5px 42px;
}


.venstremeny li.meny5aktiv a{
background: #f7f5f1;
padding: 5px 4px 5px 52px;
color: #db021b;
}
.venstremeny li.meny5lenke a{

padding: 5px 4px 5px 52px;

}		
.venstremeny li.meny5lenke a:hover{
color: #db021b;
padding: 5px 4px 5px 52px;
}

.hoyremeny{
list-style-type: none;
margin: 0px;
padding: 0px;
width: 225px; /* width of menu (don't forget to add border with below!) */

}

.hoyremeny li{
border:0px;
border-bottom: 1px solid #C7C6C2; /* Ramme under hvert menyelement */
margin:0px;
padding:0px;
}

.hoyremeny li a{
background: url(grafikk/menygrafikk/venstremeny.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
display: block;
color: black;
width: auto;
border-top: 1px solid white; /* Ramme over hvert menyelement */
padding: 5px 0px 5px 13px; /* Padding rundt teksten */
margin:0px;

text-decoration: none;
}

.hoyremeny li a:visited, .hoyremeny li a:active{
color: black;
}

.hoyremeny li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.hoyremeny li.lastitem, .hoyremeny li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.hoyremeny li.lastitem a{
padding: 7px 0; /* increase vertical border of last menu link by 2px (default is padding: 5px 0) to account for removed border width */
}


* html .hoyremeny li a {width: 100%;}



.hoyremeny li.meny1aktiv a{

background: #f7f5f1;

}
.hoyremeny li.meny1lenke a{

}	
.hoyremeny li.meny1lenke a:hover{
color: #db021b;
}


.hoyremeny li.meny2aktiv a{
background: url(grafikk/menyskygge.gif);
padding: 5px 1px 5px 22px;
color: #000000;
}
.hoyremeny li.meny2lenke a{

padding: 5px 1px 5px 22px;

}		
.hoyremeny li.meny2lenke a:hover{
color: #db021b;
padding: 5px 1px 5px 22px;
}		

.hoyremeny li.meny3aktiv a{
background: url(grafikk/menyskygge.gif);
padding: 5px 1px 5px 32px;
color: #000000;
}

.hoyremeny li.meny3lenke a{
padding: 5px 1px 5px 32px;

}		
.hoyremeny li.meny3lenke a:hover{
color: #db021b;
padding: 5px 1px 5px 32px;
}


.hoyremeny li.meny4aktiv a{
background: url(grafikk/menyskygge.gif);
padding: 5px 1px 5px 42px;
color: #000000;
}

.hoyremeny li.meny4lenke a{
padding: 5px 1px 5px 42px;

}		
.hoyremeny li.meny4lenke a:hover{
color: #db021b;
padding: 5px 1px 5px 42px;
}

.hoyremeny li.meny5aktiv a{
background: url(grafikk/menyskygge.gif);
padding: 5px 1px 5px 52px;
color: #000000;
}

.hoyremeny li.meny5lenke a{
padding: 5px 1px 5px 52px;

}		
.hoyremeny li.meny5lenke a:hover{
color: #db021b;
padding: 5px 1px 5px 52px;
}