.img {
    display: block;

    max-width:78px;
    max-height:78px;
    width: auto;
    height: auto;
	margin-top:1px;
 	margin-left: auto;
    margin-right: auto
}

.imgdiv{
	position:absolute;
	height:79px;	
    margin-left:auto;
    margin-right:auto;
}
	.prodselect {
		-moz-transition: color .2s ease-in;
		-o-transition: color .2s ease-in;
		-webkit-transition: color .2s ease-in;
		transition: all .2s ease-in;
		background: #FF9900;
	}
	.detaljvisning td {height:18px}
	.detaljvisning tr {height:18px}
	.detalj th {height:12px;padding:1px;text-align:left}
	.detalj td {height:12px;padding:1px;text-align:left}
	.detalj tr { height:12px;padding:1px;text-align:left}
	.btn { height:44px}

.nav--expand > li > ul li > ul {
    max-height: 300px;
    overflow: auto;
}
.table0 td
{
    
    padding: 5px;
}


/* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
	opacity:0;  /* make things invisible upon start */
	-webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
	-moz-animation:fadeIn ease-in 1;
	animation:fadeIn ease-in 1;

	-webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
	-moz-animation-fill-mode:forwards;
	animation-fill-mode:forwards;

	-webkit-animation-duration:0.2s;
	-moz-animation-duration:0.2s;
	animation-duration:0.2s;
}

.fade-in.one {
-webkit-animation-delay: 0.6s;
-moz-animation-delay: 0.6s;
animation-delay: 0.6s;
}

.fade-in.two {
-webkit-animation-delay: 0.5s;
-moz-animation-delay:0.5s;
animation-delay: 0.5s;
}

.fade-in.three {
-webkit-animation-delay: 1.0s;
-moz-animation-delay: 1.0s;
animation-delay: 1.0s;
}

	<!--[if lt IE 9]>
		<link rel="stylesheet" type="text/css" href="/johndahle/css/ie.css" />
		<style type='text/css'>
		.sats .hovedinnhold .products__filter{width:31.3%;float:left;margin-right:2.0%;display:inline}
		.slider__tekstfelt{
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; // first!
		filter: alpha(opacity=85);} 
		}
		</style>
		

	<![endif]-->
#maincontent{
    background: #F5F5F5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#F5F5F5, #FEFCFC); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#F5F5F5, #FEFCFC); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#F5F5F5, #FEFCFC); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#F5F5F5, #FEFCFC); /* Standard syntax */
} 
.hh, hh p
{
	font-size: 16px;
	font-weight: 100;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	font-style: normal;
	font-variant: normal;
	word-break: break-all;
	font-weight: lighter;
}