* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}


#PreProduktHolder
{
padding:7px;
}

.lesmer
{
color:#fff !important;
}

#Infoboks
{
clear:both;
bakcground-color:#fff;
border:1px solid #ccc;
padding:15px;
margin-top:-1px;  
width:100%;
margin-left:auto;
margin-right:auto;
  z-index:10;
}


#Knapp
{
text-align:center;
width:100%;
margin-top:-70px;
}


#Tekstholder
{
text-align:center;
position:absolute;
width:90%;
}


#Tekst
{
position:absolute;
padding:20px 15px 20px 15px;
bottom:50px;  
min-width:35%;
  max-width:100%;
background-color: rgba(0, 0, 0, 0.85);
}


#Tekstbilde
{
transition: all 0.25s ease-in-out;
bakcground-color:#fff;
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0);
transform: scale(1);
-webkit-transform:scale(1);
}


#Tekstbilde:hover
{
-webkit-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
box-shadow: 0px 0px 0px 1px rgba(0,0,0,0.25);
transform: scale(1.02);
-webkit-transform:scale(1.02);
}




#Bilderamme img
{
width:100%;
opacity:0.9;
transition: all 0.4s ease-in-out;  
text-decoration:none !important;
border:none !important;
overflow:hidden;
}



.yellowfade {
    background-color: rgba(255, 255, 255, 1); 
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.yellowfade:hover {
    background-color: rgba(253, 252, 170, 1);
}