html, body{
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

a img{
	border: none;
}

body{
	background: url(../images/hnl-bg-kerst.jpg) top center repeat-x;
}

#soundfx{
	position: absolute;
}

#header{
	height: 175px;
	background: url(../images/hnl-header-bg-kerst.jpg) -0px 0px no-repeat;
}

#wrapper{
	background: url(../images/hnl-wrapper-bg.jpg) top center repeat-y;
	width: 990px;
	margin: 0 auto;
}

.sidebar{
	width: 185px;
	padding-top: 10px;
	padding-left: 2px;
}

#content{
	width: 620px;
	float: left;
	padding-top: 53px;

}

#sb-left{
	float: left;
	
}

#sb-right{
	float: right;
	width: 171px;
}

#main{
	overflow: hidden;
}

#menu{
	list-style: none;
	margin-top: 155px;
	position: absolute;
	padding-left: 0px;
}

#menu li{
	float: left;
	background: url(../images/hnl-menu-sep.jpg) right 3px no-repeat;
}

#menu li span{
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 16px;
	letter-spacing: 0.2em;
	color: #000;
	font-weight: bold;
	font-size: 12px;
}

#onzinnig{
	width: 145px;
	height: 165px;
	background: url(../images/hnl-onzinnig-bg.jpg) no-repeat;	
	padding-left: 12px;
	padding-right: 10px;
	padding-top: 4px;
	
}

#onzinnig.hover{
	background: url(../images/hnl-onzinnig-hover-bg.jpg) no-repeat;	
}

ol{
	padding-left: 22px;
	margin-top: -8px;
}

ol li{
	margin-left: -4px;
	
}

h2{
	font-size: 12px;
	color: #FFF;
}

.bestellen{
	text-indent: -9999px;
	background: url(../images/hnl-bestel-bg.jpg) no-repeat;	
	postition: absolute;
	display: block;
	width: 65px;
	height: 18px;
	float:right;
	margin-right:2px;
	margin-top: 0px;
}

.meer-info{
	background: url(../images/hnl-meerideeen-bg.jpg) no-repeat;	
	display: block;
	height: 320px;
	width: 167px;
	text-indent: -99999px;
}

#meer-info-hover{
	background: url(../images/hnl-meerideeen-hover-bg.jpg) no-repeat;	
	display: block;
	height: 320px;
	width: 167px;
}

.winkelwagen{
	background: url(../images/hnl-winkelwagen-bg.jpg) no-repeat;	
	display: block;
	height: 295px;
	width: 167px;
	text-indent: -99999px;
}

#winkelwagen-hover{
	background: url(../images/hnl-winkelwagen-hover-bg.jpg) no-repeat;	
	height: 295px;
	width: 167px;
}

#luisterplezier{
	background: url(../images/hnl-twitterlink-bg2.jpg) no-repeat;	
	/*background: url(../images/hnl-luisterplezier-bg.jpg) no-repeat;	*/
	display: block;
	height: 47px;
	width: 636px;
	position: absolute;
	margin-top: -54px;
	margin-left: -10px;
	text-indent: -99999px;
	overflow: hidden;
}

.item{
	background: url(../images/hnl-itemframe.png) no-repeat;	
	width: 269px;
	height: 116px;
	overflow: hidden;
	float: left;
	margin-left: 12px;
	padding: 10px;
	margin-bottom: 12px;
}

.item img{
	float: left;
	margin-right: 5px;
}

.item h2{
	color: #000;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 2px;
}

.item h2 span{
	color: #F00;
}

.item p{
	margin-top: 2px;
	font-size: 11px;
}

.item .prijs{
	background: url(../images/hnl-prijs-bg.png) no-repeat;	
	width: 157px;
	height: 26px;
	overflow: hidden;
	position: absolute;
	margin-left:113px;
	margin-top:94px;
	font-size: 14px;
	font-weight: bold;
	padding-left:5px;
	padding-top:5px;
}

#content div#geefnougewooneenboek{
	background: url(../images/geefgewooneenboek.png) no-repeat;	
	position: absolute;
	z-index: 9999;
	margin-left: -10px;
	margin-top: -10px;
}

#twitter{
	position: absolute;
	margin-left: 100px;
}

.hover .prijs{
	/*background: url(../images/hnl-prijs-hover-bg.png) no-repeat;	*/
}

.item .verder{
	background: url(../images/hnl-verder-bg.png) no-repeat;	
	width: 74px;
	height: 18px;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	position: absolute;
	margin-left: 77px;
}

#kado-vd-dag{
	background: url(../images/hnl-kadovddag-bg.png) no-repeat;	
	width: 145px;
	height: 406px;
	overflow: hidden;
	padding-top: 70px;
	padding-left: 22px;
	
}

#kado-vd-dag h1{
	text-transform: uppercase;
	font-size: 15px;
}

#kado-vd-dag img{
	margin-left: 4px;
}

#kado-vd-dag p{
	margin-right: 16px;
	font-size: 11px;
}

#kado-vd-dag a{
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}

#tip-vd-week{
	background: url(../images/hnl-tipvdweek-bg.png) no-repeat;	
	width: 135px;
	height: 406px;
	overflow: hidden;
	padding-left: 32px;
}

#tip-vd-week img{
	width: 98px;
	height: 98px;
	margin-top:155px;
}

#winkelwagen-left{
	background: url(../images/hnl-in-winkelwagen.jpg) no-repeat;	
	display: block;
	height: 25px;
	width: 118px;
	text-indent: -99999px;		
	margin-left:-9px;
	margin-top: 25px;
}

#content div.hover{
	/*background: url(../images/hnl-itemframe-hover.png) no-repeat;	*/
}

#content .item a.hover{
	background: url(../images/hnl-verder-hover-bg.png) no-repeat;	
}

#afzender{
	padding: 20px;
	font-size: 10px;
}

#afzender h2{
	margin-top: 20px;
	margin-bottom: -10px;
	color: #000;
}

#tip-vd-week.hover{
	background: url(../images/hnl-tipvdweek-hover-bg.jpg) no-repeat;	
}

#nieuwsbrief{
	clear: both;
}

#actie-af{
	border: 1px solid #C0C0C0;
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;

	margin:-10px 3px 10px 13px;
	padding: 10px;
}

#actie-af h2{
	color: #000;
}

#actie-af p{
	font-style: italic;
}