/* JULKALENDER */
.Julkalender { background:url("/includes/julkalender/julkalender.jpg") no-repeat center; position:relative; width:610px !important; height:100%; padding:20px;}
.Julkalender a { color:#000; text-decoration:none; }

#Lucka1, #Lucka2, #Lucka3, #Lucka4, #Lucka5, #Lucka6, #Lucka7, #Lucka8, #Lucka9, #Lucka10, #Lucka11, #Lucka12, #Lucka13, #Lucka14, #Lucka15, #Lucka16, #Lucka17, #Lucka18, #Lucka19, #Lucka20, #Lucka21, #Lucka22, #Lucka23, #Lucka24 
{float:left; z-index:1;  line-height:400%; text-align:center; font-size:20px; font-weight:bold; margin:1%;}

.Julkalender .item { width: 10%; }
.Julkalender .item.w1 { width: 12%; }
.Julkalender .item.w2 { width: 14%; }
.Julkalender .item.w3 { width: 16%; }
.Julkalender .item.w4 { width: 18%; }

.Julkalender#container { height: 100%;}

.Julkalender a.item:hover { transform: rotate(0deg) scale(1.05); z-index: 1; box-shadow:4px 7px 17px -6px #333; background:#fff; font-size:22px !important; opacity:0.9; text-decoration:none }
.Julkalender .item {text-decoration: none; transition: all 0.2s ease-in-out 0s;}

#Lucka1:after, #Lucka2:after, #Lucka3:after, #Lucka4:after, #Lucka5:after, #Lucka6:after, #Lucka7:after,
#Lucka8:after, #Lucka9:after, #Lucka10:after, #Lucka11:after, #Lucka12:after, #Lucka13:after, #Lucka14:after,
#Lucka15:after, #Lucka16:after, #Lucka17:after, #Lucka18:after, #Lucka19:after, #Lucka20:after, #Lucka21:after,
#Lucka22:after, #Lucka23:after, #Lucka24:after
{
background: #ffffff; background: -moz-linear-gradient(left, #ffffff 0%, #cccccc 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#cccccc));
background: -webkit-linear-gradient(left, #ffffff 0%,#cccccc 100%); background: -o-linear-gradient(left, #ffffff 0%,#cccccc 100%);
background: -ms-linear-gradient(left, #ffffff 0%,#cccccc 100%); background: linear-gradient(to right, #ffffff 0%,#cccccc 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=1 );
bottom: 0; content: ""; left: 0; opacity: 0.7; position: absolute; right: 0; top: 0; z-index: -1; border:1px dashed #999;
}

/* RESPONSIV */
@media screen and (max-width : 970px) 
{.Julkalender a.item:hover { transform: rotate(0deg) scale(1.00); z-index: 1; box-shadow:none; background:#fff; font-size:20px !important; opacity:0.7;}
}

/* EFTER LUCKA */
.RabattkodStreck, .Julkalender_Instruktion_Rubrik, .RabattkodOL, .RabattkodIngress {width:100%; float:left; margin:10px 0;}
#ErbjudandesidaJulkalender {}
#ErbjudandesidaJulkalender h1, #ErbjudandesidaJulkalender > h2, .RabattkodIngress {padding:0 2%;}

#ErbjudandesidaJulkalender .PT_Wrapper_All {display: inline-block;width:100%;}

.Julkalender_Helasort, .Julkalender_Varum, .Julkalender_Artgrp, .Julkalender_Artiklar
{background:#f1f1f1; padding:2%;}


.Julkalender_Helasort hr, .Julkalender_Varum hr, .Julkalender_Artgrp hr, .Julkalender_Artiklar hr
{display:none;}

.Julkalender_Helasort h2, .Julkalender_Varum h2, .Julkalender_Artgrp h2, .Julkalender_Artiklar h2
{margin:0 0 2%; 0;}

#ErbjudandesidaJulkalender .RabattkodIngress {font-size:16px; margin: 20px 0 40px 0}
.RabattkodOL li {}

/* FALLBACK BORDER-BOX */
.Julkalender_Helasort, .Julkalender_Varum, .Julkalender_Artgrp, .Julkalender_Artiklar, #ErbjudandesidaJulkalender, 
.RabattkodStreck, .Julkalender_Instruktion_Rubrik, .RabattkodOL, .RabattkodIngress, #ErbjudandesidaJulkalender h1
{box-sizing: border-box;}