@charset "UTF-8";
/* CSS Document */

#treslag_wrapper { padding: 0; float: left; position: relative; display: block; overflow: visible; margin-left: 0px;}

.li_element_container {width: 945px; height: 355px; display: block; background-color: #f1f1f1; float: left; position: relative; overflow: hidden;
background-image:url(../../media/img/treslag/bakgrunnsbilde_slider.png); border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; 

-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);


}

.image_container_wrapper {float: left; position: relative; height: 352px; width: 175px; margin-top: 0;  overflow: hidden;}
.image_container_wrapper:hover {cursor: pointer;
background: -moz-linear-gradient(top,  rgba(254,191,1,0.8) 0%, rgba(254,191,1,0) 50%, rgba(254,191,1,0) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,191,1,0.8)), color-stop(50%,rgba(254,191,1,0)), color-stop(100%,rgba(254,191,1,0))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(254,191,1,0.8) 0%,rgba(254,191,1,0) 50%,rgba(254,191,1,0) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(254,191,1,0.8) 0%,rgba(254,191,1,0) 50%,rgba(254,191,1,0) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(254,191,1,0.8) 0%,rgba(254,191,1,0) 50%,rgba(254,191,1,0) 100%); /* IE10+ */

background: linear-gradient(top,  rgba(254,191,1,0.8) 0%,rgba(254,191,1,0) 50%,rgba(254,191,1,0) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccfebf01', endColorstr='#00febf01',GradientType=0 ); /* IE6-9 */

-webkit-transition: background 100ms ease-in-out;
-moz-transition: background 100ms ease-in-out;
-ms-transition: background 100ms ease-in-out;
-o-transition: background 100ms ease-in-out;
transition: background 100ms ease-in-out;
}



.image_container {float: left; position: relative; height: 250px; width: 160px; margin-top: 0; overflow: visible; text-align:center;}


.treslag_header_container {float: left; position: relative; padding: 20px 20px 20px 20px ; margin-top: -10px; height: 40px; width: 135px; text-align:center;  background-image:url(../../media/img/treslag/bakgrunnspil.png); background-repeat: no-repeat; background-position: center 17px;}
.treslag_header_container h1 {font-size: 22px; color: #FFF; text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3); margin-top: 10px;}
.margin_right_20 {margin-right: 17px;}