/* CSS Document */

.productwrap		{ width:300px; float:left; margin-bottom:35px; padding-bottom:35px; border-bottom:#919190 2px solid; height:355px; position:relative; overflow:hidden;}
.productwrap a		{ width:225px; height:355px; display:block; margin:0 auto;}

.productimg			{ width:225px; height:225px; position:relative;}
.productimg img		{ width:225px; height:225px; transition-duration:.1s;}
.productimg .verkocht	{ position:absolute; right:5px; bottom:5px; background:url(../images/verkocht_voorraad.png); width:87px; height:72px; border-radius:2000px 20px  2000px 20px;  pointer-events:none;}
.producttitle		{ width:225px; padding:15px 0 0 0;}

.productdesc		{ width:225px; margin:0 auto; overflow:hidden}
.productomschrijving {height:60px}

.productprijs		{ background:url(../images/prijsbutton.png) no-repeat; width:120px; height:28px; color:#EDEDE3; padding:7px 0 0 5px; margin:0 0 0 30px; position:absolute; bottom:35px; transition-duration:.1s;}

#sidebar			{ position:fixed; top:0; }

a							{ text-decoration:none; color:inherit;}
a:hover	.productimg img		{ opacity: 0.8;}
a:hover .productprijs		{ padding:7px 0 0 10px; }

#bgimg {background-image:url(../images/achtergrond.png); background-repeat:no-repeat; background-position:center bottom; background-size: 100% auto; min-height:677px;}


@media screen and (max-width: 1030px) {
	#sidebar	{ position:relative; top: auto; }
	#bgimg		{background-size: 1010px auto; background-position:left bottom; background-attachment: scroll; width:1000px; height:400px; min-height:0;}
}

@media screen and (min-width: 1920px) {
	#bgimg		{background-size: 1920px auto; height:700px;}
}