html, body {
	height:				100%;
	margin: 			0 auto;
	font-family: 		'Ubuntu',Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 			12.5px;
	line-height:		19px;
	font-weight: 		300;
	color: 				#000000;
	text-align: 		left;
	background-image:	url("frame-images/ALLbackground.jpg");
}

table 	{	border-collapse: collapse; border-spacing: 0; }
td 		{ 	margin: 0px; padding: 0px; }
img		{	border: 0px; }

/* ======== FONTS ========== */

/* ======== LINKS ========== */

a{
	color: 					#323232;
	text-decoration:		underline;
}
.AtopFastLink{
	color: 					#1d1d1b;
	text-decoration:		none;
	font-size:				11px;	
}

.AmenuHoofdTekst{
	color: 					#737373;
	text-decoration:		none;
	font-size:				14px;	
	font-family:			Helvetica;
	font-weight:			bold;
	line-height:			28px;
}

.AmenuHoofdTekstActief{
	color: 					#ffffff;
}

.Awhite{
	color: 					#ffffff;
}

.AwhiteNu{
	color: 					#ffffff;
	text-decoration:		none;
}

.AredLink{
	color: 					#e94539;
}

.AzoekLink{
	color: 					#e94539;
}

.AproductContact{
	color: 					#737373;
}

.aZoekenTitleLink{
	text-decoration:		none;
}

/* ======== HEADINGS & FONT SIZES ========== */

h1,h2,h3{	
	margin: 				0px;
	font-weight:			normal;
}

.H1-18{
	font-size:				17px;
	font-weight:			bold;
	font-family:			Helvetica;
	margin:					0px 0px 20px 0px;	
}

.H1-17{
	font-size:				17px;
	font-weight:			bold;
	font-family:			Helvetica;	
}

.H2-19{
	font-size:				19px;
	font-weight:			bold;
	font-family:			Helvetica;	
}

.H2-14{
	font-size:				14px;
	font-weight:			bold;
	font-family:			Helvetica;	
}

.F2-19{
	font-size:				19px;
	font-weight:			bold;
	font-family:			Helvetica;
}

.H3-16{
	font-size:				16px;
	font-weight:			bold;
	font-family:			Helvetica;
	color:					#ffffff;
}

.F3-14{
	font-size:				14px;	
}

.F3-14B{
	font-size:				14px;	
	font-weight:			bold;
	font-family:			Helvetica;
}

.F3-15{
	font-size:				15px;
	font-weight:			bold;
	font-family:			Helvetica;
}

.F3-12{
	font-size:				12px;
	font-weight:			bold;
	font-family:			Helvetica;
}

.F3-10{
	font-size:				10px;
	font-weight:			bold;
	font-family:			Helvetica;
}

.F3-11{
	font-size:				11px;
	font-weight:			bold;
	font-family:			Helvetica;
}

.Fwhite{
	color:					#ffffff;	
}
/* ======== FRAME KLASSEN ========== */

.DIVwebsiteContainer{
	min-height:				200px;
	min-width:				100%;
	position:				relative;
	float:					left;
}

.DIVwebsiteCenterPosition{
	width:					970px;
	min-height:				200px; 
	position: 				relative;
	left: 					0px;
	right:					0px;
	margin:					0px auto;
	clear:					both;	
}

.DIVtopContainer{
	width:					100%;
	height:					80px;
	position:				relative;
	float:					left;
	background-color:		#ffffff;
}

.DIVtopCenterPosition{
	width:					970px;
	height:					80px; 
	position: 				relative;
	left: 					0px;
	right:					0px;
	margin:					0px auto;
	clear:					both;	
}

.DIVbannerContainer{
	width:					970px;
	height:					325px;
	position:				relative;
	float:					left;
}

.DIVmenuContainer{
	width:					970px;
	height:					59px;
	position:				relative;
	float:					left;
	z-index:				10;
}

.DIVcontentContainer{
	width:					970px;
	min-height:				150px;
	position:				relative;
	float:					left;
	z-index:				5;
	margin-bottom:			15px;
}

.DIVcontentLeftContainer{
	width:					675px;
	min-height:				450px;
	position:				relative;
	float:					left;
}

.DIVcontentRightContainer{
	width:					295px;
	min-height:				150px;
	position:				relative;
	float:					left;
}

.DIVinformatieLeftContainer{
	width:					247px;
	min-height:				150px;
	position:				relative;
	float:					left;
}

.DIVinformatieRightContainer{
	width:					723px;
	min-height:				150px;
	position:				relative;
	float:					left;
}

/* ======== TOP KLASSEN ========== */

.DIVtopLogo{
	width:					274px;
	height:					80px; 
	position: 				relative;
	float:					left;
}

.DIVtopLogoQuickPot{
	width:					50px;
	height:					80px; 
	position: 				relative;
	float:					left;
}

.DIVtopLogoHerkuPak{
	width:					50px;
	height:					80px; 
	position: 				relative;
	float:					left;
}

.DIVtopLogoMadeInGermany{
	width:					60px;
	height:					80px; 
	position: 				relative;
	float:					left;
}

.DIVtopTaalKeuze{
	width:					251px;
	height:					41px; 
	position: 				relative;
	float:					left;
	margin:					39px 19px 0px 0px;
	text-align:				right;
}

.DIVtopZoekContainer{
	width:					266px;
	height:					80px; 
	position: 				relative;
	float:					left;
}

.DIVtopFastLinks{
	width:					266px;
	height:					17px;
	position: 				relative;
	float:					left;
	text-align:				right;
	padding:				13px 0px 0px 0px;
}

.DIVtopSearchArea{
	width:					266px;
	height:					41px;
	position: 				relative;
	float:					left;
	padding:				9px 0px 0px 0px;
}

/* ---- SEARCH INPUT ----- */

.INPUTsearch{
	width:					185px;
	background-color:		#efefef;
	height:					20px;
	border:					1px solid #d9d9d9;
	padding-left:			5px;
	font-size:				11px;
	color:					#323232;	
}

.DIVsubmitButton{
	width:					60px;
	height:					24px;
	position:				relative;
	float:					right;
	background-image:		url("frame-images/SUBMITbackground.jpg");
	cursor:					pointer;
	text-align:				center;
	line-height:			24px;
	font-size:				11px;
	font-family:			Helvetica;
	font-weight:			bold;
	border:					0px;
	padding-bottom:			5px;
	color:					#1D1D1B	
}


/* ----- TAAL KEUZE DROP DOWN ------- */
.INPUTtaalKeuze{
	width:					100px;
	height:					24px;
	background-color:		#efefef;
	font-size:				11px;
	color:					#323232;
	line-height:			24px;		
}

.INPUToption{
	padding-left:			0px;
	height:					20px;
}

.DIVtopTaalVlag{
	width:					23px;
	height:					13px;
	position:				absolute;
	right:					108px;
	top:					3px;
}

.IMGtaalKeuzeVlag{
	width:					23px;
	height:					13px;
	border:					0px;
}

/* -----  TOP LOGO's ----- */

.IMGlogoHerkuplast{
	width:					274px;
	height:					80px;
}

.IMGlogoQuickPot{
	width:					50px;
	height:					80px;
}

.IMGlogoHerkupak{
	width:					50px;
	height:					80px;
}

.IMGmadeInGermany{
	width:					60px;
	height:					80px;
}

/* ======== BANNER KLASSEN =========== */
.DIVbannerBorder{
	width:					956px;
	height:					296px;
	position:				relative;
	float:					left;
	border:					7px solid #ffffff;
	margin:					15px 0px 0px 0px;
	background-color:		#c8c8c8;
}

.IMGbanner{
	width:					954px;
	height:					294px;
	border:					1px solid #c8c8c8;	
}

.DIVbannerTekst{
	min-width:				150px;
	height:					40px;
	position:				absolute;
	left:					15px;
	top:					191px;				
	background-image:		url("frame-images/BANNERtekstBackground.png");
	background-repeat:		repeat-x;
	color:					#ffffff;
	padding:				0px 12px 0px 14px;
	z-index:				10;
	font-size:				25px;
	line-height:			40px;
	font-family:			helvetica;	
}

/* ======== MENU KLASSEN =========== */
.DIVmenuButtonHolder{
	width:					970px;
	height:					44px;
	position:				relative;
	float:					left;
	margin:					15px 0px 0px 0px;
	background-color:		#ffffff;
}

.DIVmenuButton{
	width:					153px;
	height:					28px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/MENUbuttonBackground.png");
	background-repeat:		repeat-x;
	margin:					7px 0px 7px 5px;
	border:					1px solid #ebebeb;
}

.DIVmenuButtonActive{
	background-image:		none;
	background-color:		#e94539;
	border:					1px solid #ec7e76;
}

.DIVmenuButtonRight{
	margin:					7px 0px 7px 5px;
}

.DIVmenuButtonHoofdTekst{
	width:					153px;
	height:					28px;
	position:				relative;
	flaot:					left;
	text-align:				center;
}

/* ======== TEKSTPAGINA KLASSEN =========== */

.DIVcontentHolder{
	width:					970px;
	min-height:				450px;
	position:				relative;
	flaot:					left;
	margin:					15px 0px 0px 0px;	
}

.DIVcontentTekstBlokLinks{
	width:					675px;
	min-height:				450px;
	position:				relative;
	float:					left;
	background-color:		#ffffff;	
}

.DIVtitelRow{
	width:					617px;
	min-height:				32px;
	position:				relative;
	float:					left;
	margin:					21px 29px 0px 29px;
}

.DIVtitelBlok{
	min-widht:				20px;
	min-height:				1px;
	padding:				9px 11px;
	background-color:		#f0f0f2;
	position:				relative;
	float:					left;		
}

.DIVcontentArea{
	width:					617px;
	min-height:				355px;
	position:				relative;
	float:					left;
	margin:					21px 29px 21px 29px;
}

.DIVcontentArea > ul{
	list-style-image: url('frame-images/ULitem.png');
}

/* ======== SEARCHBLOK KLASSEN =========== */

.DIVcontentTekstBlokRechts{
	width:					240px;
	min-height:				410px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/ALLbackgroundRight.png");
	background-repeat:		no-repeat;
	background-position:	top left;
	background-color:		#D7D7D7;
	margin:					0px 0px 0px 25px;
	padding:				20px 15px 15px 15px;			
}


.DIVsearchTitle{
	width:					240px;
	min-height:				32px;
	position:				relative;
	float:					left;
}

.DIVsearchExplain{
	width:					240px;
	min-height:				62px;
	position:				relative;
	float:					left;
	margin:					0px 0px; 
}

.DIVsearchFieldTitle{
	width:					240px;
	min-height:				17px;
	position:				relative;
	float:					left;
	font-weight:			bold;
	font-size:				13px;
	font-family:			Helvetica;
}

.DIVsearchField{
	width:					240px;
	min-height:				22px;
	position:				relative;
	float:					left;
	padding:				0px 0px 18px 0px;

}

.DIVsearchSubmit{
	width:					240px;
	min-height:				24px;
	position:				relative;
	float:					left;
}

.DIVsearchAllLink{
	width:					240px;
	min-height:				11px;
	position:				relative;
	float:					left;
	text-align:				right;
	padding-top:			14px;
}

/* ----- INPUT FIELD PAGE QUICK SEARCH ---- */

.INPUTselect{
	width:					240px;
	border:					1px solid #dedede;
	font-size:				11px;
	color:					#323232;
	padding:				2px 0px 2px 0px;	
}

.DIVsubmitButtonPage{
	min-width:				60px;
	height:					24px;
	position:				relative;
	float:					right;
	background-image:		url("frame-images/SUBMITbackground.jpg");
	cursor:					pointer;
	text-align:				center;
	line-height:			24px;
	padding:				0px 7px;
	font-weight:			bold;
	font-family:			Helvetica;
	font-size:				11px;
	border:					0px;
}


/* ======== PROMO KLASSEN=========== */

.DIVpromoContainer{
	width:					256px;
	height:					134px;
	position:				relative;
	float:					right;
	border:					7px solid #ffffff;
	background-color:		#ffffff;
	margin:					15px 0px 0px 25px;
	z-index:				10;
}

.DIVvraagCatalogusAan{
	width:					262px;
	height:					166px;
	position:				absolute;
	top:					-32px;
	left:					-6px;
	z-index:				15;
	cursor:					pointer;
}

/* ======== HOME KLASSEN =========== */

.DIVhomeBlok{
	width:					201px;
	min-height:				436px;
	position:				relative;
	float:					left;
	margin:					0px 15px 0px 0px;
	background-color:		#ffffff;
	padding:				7px;
}

.DIVhomeBlokImage{
	width:					201px;
	height:					150px;
	position:				relative;
	float:					left;
}

.IMGhome{
	border:					1px solid #c8c8c8;
	width:					199px;
	height:					148px;	
}

.DIVhomeBlokBannier{
	width:					189px;
	min-height:				45px;
	position:				absolute;
	top:					74px;
	left:					1px;
	background-image:		url("frame-images/HOMEblokIBannier.png");
	background-repeat:		repeat-y;
	padding:				10px 10px 5px 0px;
	color:					#ffffff;
	text-align:				right;
	line-height:			12px;
	font-size:				11px;
}

.DIVBannierI{
	background-image:		url("frame-images/HOMEblokIBannier.png");
}

.DIVBannierII{
	background-image:		url("frame-images/HOMEblokIIBannier.png");
}

.DIVBannierIII{
	background-image:		url("frame-images/HOMEblokIIIBannier.png");
}

.DIVhomeBannierTitelAlign{
	padding-bottom:			5px;
}

.IMGlogoBannier{
	width:					47px;
	height:					46px;
	position:				relative;
	margin:					0px 5px  8px 5px;
	float:					left;
	top:					-22px;	
}

.DIVhomeTekst{
	width:					171px;
	height:					360px;
	position:				relative;
	float:					left;
	margin:					21px 0px 0px 0px;
	padding:				0px 15px 0px 15px;
}

.DIVhomeMoreUrl{
	width:					171px;
	min-height:				10px;
	position:				relative;
	float:					left;
	margin:					7px 0px 0px 0px;
	padding:				0px 15px 0px 15px;
}

.DIVduurzaamTotal {
	width: 90px;
	height: 95px;
	position: relative;
	float: left;
}

.DIVduurzaam {
	width: 78px;
	height: 107px;
	background-color: red;	
	position: absolute;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3);
	-moz-box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3); 
	box-shadow: 0px 1px 5px rgba(50, 50, 50, 0.3); 
	top: -21px;
    left: -2px;

}

/* ======== PRODUCTEN OVERZICHT  =========== */

.DIVproductBlokContainer{
	width:					201px;
	height:					136px;
	position:				relative;
	float:					left;
	background-repeat:		no-repeat;	
	border:					7px solid #ffffff;
	margin:					0px 15px 15px 0px;
	cursor:					pointer;
}

.poQuickPot{
	background-image:		url("frame-images/PRODUCToverzichtBackgroundQuickPot.jpg");
}

.poHerkuPak{
	background-image:		url("frame-images/PRODUCToverzichtBackgroundHerkuPak.jpg");	
}

.poSpecials{
	background-image:		url("frame-images/PRODUCToverzichtBackgroundSpecials.jpg");	
}

.DIVproductBlokContainerLarge{
	width:					661px;
	height:					76px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/PRODUCToverzichtBackgroundLarge.jpg");
	background-repeat:		no-repeat;	
	border:					7px solid #ffffff;
	margin:					0px 15px 15px 0px;
	cursor:					pointer;
}

.DIVproductOverzichtMerkLogo{
	width:					48px;
	height:					48px;
	position:				relative;
	float:					left;
	padding:				7px 0px 0px 7px;
}

.DIVproductOverzichtMerkLogoNoPadding{
	width:					48px;
	height:					48px;
	position:				relative;
	float:					left;
	padding:				7px 0px 0px 0px;
}


.DIVproductOverzichtMerk{
	width:					139px;
	height:					48px;
	position:				relative;
	float:					left;
	padding:				7px 0px 0px 7px;
	line-height:			12px;
}

.DIVproductOverzichtProgramma{
	width:					85px;
	min-height:				45px;
	position:				relative;
	float:					left;
    padding:                7px 9px 0px 107px;
	color:					#ffffff;
	text-align:				center;
	line-height:			13px;
}
	
.DIVproductOverzichtProgrammaDetails{
	width:					85px;
	min-height:				25px;
	position:				relative;
	float:					left;
	padding:				0px 9px 0px 107px;
	text-align:				center;
}

.DIVproductOverzichtLargeInfo{
	width:					380px;
	height:					68px;
	position:				relative;
	float:					left;
	padding:				7px 0px 0px 20px;
	text-align:				left;
}

.DIVproductOverzichtLargeTitle{
	width:					94px;
	height:					38px;
	position:				relative;
	float:					left;
	color:					#ffffff;
	padding:				12px 9px 0px 51px;
	text-align:				center;
}

.DIVproductOverzichtLargeDetails{
	width:					94px;
	height:					25px;
	position:				relative;
	float:					left;
	padding:				0px 9px 0px 51px;
	text-align:				center;
}

.IMGproductOverzichtLogo{
	width:					47px;
}

/* ======== PRODUCT-DETAIL KLASSEN =========== */

.DIVproductenProgrammaContainer1{
	width:					215px;
	min-height:				25px;
	position:				relative;
	float:					left;
}

.DIVproductenFilterContainer{
	width:					90px;
	min-height:				25px;
	position:				relative;
	float:					left;
	margin:					0px 0px 0px 32px;
}

.DIVproductenOverzichtContainer{
	width:					600px;
	min-height:				25px;
	position:				relative;
	float:					left;
	margin:					0px 0px 0px 33px;
	display:				block;
}

/* ----- PROGRAMMA OVERZICHT ----- */
.DIVproductenProgrammaBlokTitel{
	min-width:				150px;
	height:					25px;
	position:				relative;
	float:					left;
	background-color:		#ffffff;
	line-height:			25px;
	text-align:				center;				
}


.DIVproductenProgramma{
	width:					201px;
	min-height:				45px;
	position:				relative;
	float:					left;
	border:					7px solid #ffffff;
	background-color:		#d7d7d7;
	background-image:		url("frame-images/PRODUCTprogrammaBackground.jpg");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVproductenProgrammaGrayBorder{
	width:					199px;
	min-height:				43px;
	position:				relative;
	float:					left;
	border:					1px solid #d8d8da;
}

.DIVproductenProgrammaKeuze{
	width:					199px;
	height:					45px;
	position:				relative;
	float:					left;
	cursor:					pointer;
}

.DIVproductMerkPijl{
	width:					106px;
	min-height:				45px;
	position:				relative;
	float:					left;
}

.pmQuickPot{
	background-image:		url("frame-images/PRODUCTarrowSmallQuickPot.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmHerkuPak{
	background-image:		url("frame-images/PRODUCTarrowSmallHerkuPak.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmSpecials{
	background-image:		url("frame-images/PRODUCTarrowSmalAccessoires.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmAccessoires{
	background-image:		url("frame-images/PRODUCTarrowSmalAccessoires.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmQuickPotSelected{
	background-image:		url("frame-images/PRODUCTarrowFilledQuickPot.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmHerkuPakSelected{
	background-image:		url("frame-images/PRODUCTarrowFilledHerkuPak.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmSpecialsSelected{
	background-image:		url("frame-images/PRODUCTarrowFilledAccessoires.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.pmAccessoiresSelected{
	background-image:		url("frame-images/PRODUCTarrowFilledAccessoires.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVQuickPotTitleSelected{
	background-image:		url("frame-images/PRODUCTarrowSelectedQuickPot.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVHerkuPakTitleSelected{
	background-image:		url("frame-images/PRODUCTarrowSelectedHerkuPak.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVSpecialsTitleSelected{
	background-image:		url("frame-images/PRODUCTarrowSelectedAccessoires.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVAccessoiresTitleSelected{
	background-image:		url("frame-images/PRODUCTarrowSelectedAccessoires.png");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVproductenMerkTitel{
	width:					61px;
	height:					44px;
	position:				relative;
	float:					left;
	line-height:			12px;
	font-size:				9px;
	color:					#ffffff;
	padding:				2px 0px 0px 5px;
}

.DIVproductenProgrammaTitel{
	width:					74px;
	height:					38px;
	position:				relative;
	float:					left;
	padding:				7px 7px 0px 12px;
	line-height:			12px;
	font-size:				10px;
}

.pptSingle{
	height:					28px;
	padding:				17px 7px 0px 12px;
}


/* ------ FILTER BLOK ------ */

.DIVproductenFilterBlokTitel{
	min-width:				50px;
	height:					25px;
	position:				relative;
	float:					left;
	background-color:		#ffffff;
	line-height:			25px;
	text-align:				center;				
}


.DIVproductenFilter{
	width:					90px;
	min-height:				26px;
	position:				relative;
	float:					left;
	border:					7px solid #ffffff;
	background-color:		#d7d7d7;
	background-image:		url("frame-images/PRODUCTprogrammaBackground.jpg");
	background-repeat:		no-repeat;
	background-position:	top left;
}

.DIVproductenFilterGrayBorder{
	width:					88px;
	min-height:				26px;
	position:				relative;
	float:					left;
	border:					1px solid #d8d8da;
}

.DIVfilterNumber{
	width:					74px;
	height:					12.5px;
	padding:				2px 0px 5px 0px;
	text-align:				center;
	cursor:					pointer;
	margin:					0px 7px;
	font-size:				11.5px;
}

.DIVfilterNumber:hover{
	background-color:		#eb7e76;
}

.filterActive{
	background-color:		#e94539;
	color:					#ffffff;
	font-weight:			bold;
}

.filterActive:hover{
	background-color:		#e94539;
}


.IMGfilterInfo{
	widht:					50px;
	height:					30px;
}

/* ------ PRODUCTEN RESULT BLOK ------ */

.DIVproductenResultBlokTitel{
	min-width:				150px;
	height:					25px;
	position:				relative;
	float:					left;
	background-color:		#ffffff;
	line-height:			25px;
	text-align:				center;				
}

.DIVproductenResultNeemContactOp{
	min-width:				376px;
	height:					18px;
	position:				relative;
	float:					right;
	border-top:				7px solid #ffffff;
	border-left:			7px solid #ffffff;
	border-right:			7px solid #ffffff;
	background-color:		#e7e7eb;
	color:					#737373;
	font-size:				13px;
	line-height:			18px;
	text-align:				center;
}


.DIVproductenResult{
	width:					586px;
	height:					186px;
	position:				relative;
	float:					left;
	border:					7px solid #ffffff;
	background-color:		#ffffff;
	margin:					0px 0px 15px 0px;
}

.DIVproductResultTitle{
	width:					554px;
	height:					29px;
	position:				relative;
	float:					left;
	background-color:		#e94539;
	margin:					0px 0px 7px 0px;
	padding:				0px 16px 0px 16px;
	color:					#ffffff;
	line-height:			29px;
}

.DIVproductResultProductImage{
	width:					248px;
	height:					148px;
	position:				relative;
	float:					left;
	border:					2px solid #e3e3e3;
	margin:					0px	7px 0px 0px;
	vertical-align:			middle;
	background-color:		#FFFFFF;
}

.DIVproductResultBottomImage{
	width:					45px;
	height:					80px;
	position:				absolute;
	right:					9px;
	top:					6px;	
	-webkit-box-shadow: 	0px 1px 1px rgba(50, 50, 50, 0.4);
	-moz-box-shadow:   		0px 1px 1px rgba(50, 50, 50, 0.4);
	box-shadow:         	0px 1px 1px rgba(50, 50, 50, 0.4);
}

.DIVproductResultImgInfo{
	width:					238px;
	height:					15px;
	position:				absolute;
	bottom:					0px;
	text-align:				center;
	margin:					0px 5px 7px 5px;
	text-transform:			uppercase;
	font-size:				12px;
}

.IMGproductBottom{
	width:					45px;
	height:					80px;
	border:					1px solid #ffffff;	
}

.DIVproductResultInfo{
	width:					210px;
	height:					150px;
	position:				relative;
	float:					left;
	margin:					0px	7px 0px 0px;
}

.DIVproductResultInfoImage{
	width:					108px;
	height:					148px;
	position:				relative;
	float:					left;
	border:					1px solid #e3e3e3;
}

.DIVproductResultInfoLineGrey{
	width:					210px;
	height:					37px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/PRODUCTinfoLineGrey.jpg");
	background-repeat:		repeat-x;
	background-position:	top left;
	background-color:		#DADADC;
}

.DIVproductResultInfoLine{
	width:					210px;
	height:					37px;
	position:				relative;
	float:					left;
}

.DIVproductResultInfoIcon{
	width:					65px;
	height:					34px;
	position:				relative;
	float:					left;
	padding-top:			3px;
}

.DIVproductenResultInfoTxt{
	width:					135px;
	height:					37px;
	position:				relative;
	float:					left;
	padding:				0px 0px 0px 10px;
	line-height:			37px;
}

.DIVproductenResultInfoSmallTxt{
	width:					70px;
	height:					30px;
	position:				relative;
	float:					left;
	padding:				0px 0px 0px 10px;
	line-height:			37px;
}

.DIVproductenResultInfoSmallRightTxt{
	width:					55px;
	height:					37px;
	position:				relative;
	float:					left;
	padding:				0px 0px 0px 10px;
	line-height:			37px;
}

.IMGproductResult{
	max-height: 100%;  
    max-width: 100%; 
    width: auto;
    height: auto;
    position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}

.IMGproductResultIcon{
	width:					65px;
	height:					30px;
}

.IMGproductDoos{
	width:					35px;
	height:					30px;
	float:					left;
	margin-right:			10px;
}

.IMGproductPallet{
	width:					35px;
	height:					30px;
	float:					left;
	margin-right:			0px;
}

/* ------ PRODUCTEN DIMENSIONS ------ */

.DIVproductResultDimensionContainer{
	width:					110px;
	height:					148px;
	position:				relative;
	float:					left;
}

.DIVdimensionTopMaat{
	width:					110px;
	height:					30px;
	position:				relative;
	float:					left;
}

.DIVdimensionTopMaatValue{
	width:					103px;
	height:					15px;
	position:				relative;
	float:					left;
	text-align:				center;
	padding:				10px 0px 0px 8px;
	font-size: 				10px;
}

.DIVdimensionTopMaatLine{
	width:					110px;
	height:					5px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/PRODUCTpijlHorizontaalTop.png");
	background-repeat:		no-repeat;
	background-position:	22px top;
}


.DIVdimensionHoogte{
	width:					22px;
	height:					88px;
	position:				relative;
	float:					left;
}

.DIVdimensionHoogteValue{
	width:					17px;
	height:					88px;
	position:				relative;
	float:					left;
	text-align:				center;
}

.DIVdimensionRotate{
	width:					88px;
	height:					17px;
	position:				absolute;
	top:					0px;
	left:					0px;
	text-align:				center;
	-webkit-transform-origin: 	0 50%;
  	-webkit-transform: 			rotate(-90deg) translate(-90%, 45%);
	-moz-transform-origin: 		0 50%;
	-moz-transform: 			rotate(-90deg) translate(-90%, 45%);
  	-ms-transform-origin: 		0 50%;
	-ms-transform: 				rotate(-90deg) translate(-90%, 45%);
  	-o-transform-origin: 		0 50%;
	-o-transform: 				rotate(-90deg) translate(-90%, 45%);
  	transform-origin: 			0 50%;
	transform: 					rotate(-90deg) translate(-90%, 45%);
	font-size: 				10px;
}

.DIVdimensionHoogteLine{
	width:					5px;
	height:					88px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/PRODUCTpijlVerticaal.png");
	background-repeat:		no-repeat;
	background-position:	center 9px;
}

.DIVdimensionIMG{
	width:					88px;
	height:					88px;
	position:				relative;
	float:					left;
}

.DIVdimensionInhoud{
	width:					68px;
	height:					15px;
	position:				absolute;
	top:					10%;
	padding-left:			20px;
	font-size: 				10px;
	font-weight:			bold;
}

.DIVdimensionGatMaat{
	width:					88px;
	height:					22px;
	position:				absolute;
	bottom:					16%;
}

.DIVdimensionGatMaatValue{
	width:					64px;
	height:					17px;
	position:				relative;
	float:					left;
	padding-left:			24px;
	font-size: 				10px;
}

.DIVdimensionGatMaatLine{
	width:					88px;
	height:					5px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/PRODUCTpijlHorizontaalHole.png");
	background-repeat:		no-repeat;
	background-position:	28px top;
}

.DIVdimensionBodemMaat{
	width:					110px;
	height:					30px;
	position:				relative;
	float:					left;
}
	
.DIVdimensionBodemMaatLine{
	width:					110px;
	height:					5px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/PRODUCTpijlHorizontaalBottom.png");
	background-repeat:		no-repeat;
	background-position:	32px top;
}

.DIVdimensionBodemMaatValue{
	width:					100px;
	height:					25px;
	position:				relative;
	float:					left;
	text-align:				center;
	padding-left:			10px;
	font-size: 				10px;
	line-height:			8px;
}


/* ------ ACCESSOIRES ------ */

.DIVaccessoiresResult{
	width:					586px;
	min-height:				186px;
	position:				relative;
	float:					left;
	border:					7px solid #ffffff;
	background-color:		#ffffff;
	margin:					0px 0px 15px 0px;
}

.DIVaccessoiresResultTitle{
	width:					554px;
	height:					29px;
	position:				relative;
	float:					left;
	background-color:		#e94539;
	margin:					0px 0px 7px 0px;
	padding:				0px 16px 0px 16px;
	color:					#ffffff;
	line-height:			29px;
}

.DIVaccessoiresResultProductImage{
	width:					248px;
	min-height:				148px;
	position:				relative;
	float:					left;
}

.IMGaccessoiresResult{
	width:					244px;
	border:					2px solid #e3e3e3;
}

.DIVaccessoiresResultInfo{
	width:					288px;
	min-height:				150px;
	position:				relative;
	float:					left;
	margin:					0px	22px 0px 22px;
}



/* ======== MEER INFORMATIE =========== */

.DIVpijlTerug{
	width:					215px;
	height:					37px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/INFOpijlLinks.png");
	background-repeat:		no-repeat;
	line-height:			37px;
	font-size:				14px;
	text-align:				center;
	font-color:				#ffffff;
}

.DIVinformatieBlokHolder{
	width:					649px;
	min-height:				37px;
	position:				relative;
	float:					left;	
	border:					7px solid #ffffff;
	padding:				30px;
	background-color:		#ebebeb;
	background-image:		url("frame-images/INFObackgroundBlok.png");
	background-repeat:		repeat-x;
}

.DIVinformatieTekst{
	width:					649px;
	min-height:				37px;
	position:				relative;
	float:					left;
	margin:					0px 0px 40px 0px;	
}

.DIVcheckBoxHolder{
	width:					211px;
	min-height:				25px;
	position:				relative;
	float:					left;
	padding:				5px 0px 0px 0px;
}

.DIVcaptcha{
	width:					493px;
	min-height:				150px;
	position:				relative;
	float:					left;
	padding:				5px 0px 0px 0px;
	margin:					0px 0px 15px 0px;
}

.DIVverzendButton{
	width:					649px;
	min-height:				25px;
	position:				relative;
	float:					left;
	padding:				5px 0px 0px 0px;
	text-align:				center;
}

/* ======== ALGEMENE FORMULIEREN ========= */

.DIVformTitle{
	height:					25px;
	position:				relative;
	float:					left;
	margin:					0px 0px 8px 0px;
	font-size:				11px;
	font-weight:			500;
	padding:				5px 15px 0px 0px;
}

.DIVformTitleLarge{
	width:					141px;
	clear:					left;
}

.DIVformTitleSmall{
	width:					84px;
	text-align:				right;
}

.DIVformField{
	min-height:				25px;
	position:				relative;
	float:					left;
	margin:					0px 0px 8px 0px;
}

.DIVformFieldLarge{
	width:					493px;
}

.DIVformFieldMedium{
	width:					276px;
}

.DIVformFieldSmall{
	width:					118px;
}

.INPUTfield{
	background-color:		#ffffff;
	height:					25px;
	padding:				0px 15px 0px 15px;
	color:					#323232;
	border:					0px;	
}

.INPUTFieldLarge{
	width:					463px;
}

.INPUTFieldMedium{
	width:					246px;
}

.INPUTFieldSmall{
	width:					90px;
}

.TEXTAREAlarge{
	width:					463px;
	min-height:				90px;
	background-color:		#ffffff;
	border:					0px;
	padding:				5px 15px 5px 15px;
}			

.DIVformCheck{
	width:					25px;
	min-height:				20px;
	position:				relative;
	float:					left;
	margin:					5px 0px 5px 0px;
	clear:					left;
}

.DIVformCheckTitle{
	width:					181px;
	height:					20px;
	position:				relative;
	float:					left;
	margin:					5px 0px 5px 0px;
}	

.INPUTformCheck{
	
}

.INPUTsubmit{
	min-width:				131px;
	height:					25px;
	background-color:		#e94539;
	color:					#ffffff;
	line-height:			25px;
	text-align:				center;
	border:					0px;
	padding:				0px 10px 0px 10px;
}


/* ======== PAGINA ZOEKRESULTATEN =========== */

.FONTaantalZoekwoord {
	color: #e84438;
	font-weight: bold;
}

.DIVzoekresultaatLine {
	width: 100%;
	height: 1px;
	float: left;
	background-color: #a9a9a9;	
	position: relative;
}

.DIVzoekresultaat {
	width: 100%;
	float: left;
	position: relative;	
	padding-top: 17px;
}

.DIVzoekresultaatTitel {
	float: left;
	height: 20px;
	width: 480px;
	position: relative;
	text-align: left;
	font-size: 18px;
	font-family: helvetica;
}

.DIVzoekresultaatLink {
	float: right;
	height: 20px;
	width: 120px;
	position: relative;
	text-align: right;
}

.DIVzoekresultaatTekst {
	width: 100%;
	position: relative;
	float: left;
	padding-top: 10px;
	padding-bottom: 15px;
}

.TABLEzoekresultatenAlign {
	width: 100%;
	height: 100%;
	vertical-align: bottom;
}

.TDzoekresultatenAlign {
	vertical-align: bottom;
}

.DIVzoekresultaatLink a:link {
	color: #e84438;
	text-decoration: underline;
}

.DIVzoekresultaatLink a:hover {
	color: #e84438;
	text-decoration: underline;
}

.DIVzoekresultaatLink a:active {
	color: #e84438;
	text-decoration: underline;
}

.DIVzoekresultaatLink a:visited {
	color: #e84438;
	text-decoration: underline;
}

.FONTzoekresultaat {
	background-color: #ef746b;
}

/* ======== SUBMENU KLASSEN =========== */
.topNav {
	position: 				relative;			/* Verplicht */
}


.topNavItem{
	position: 				relative;			/* Verplicht */
	float: 					left;				/* Verplicht */	
	/*width: 				150px;*/ 			/* Optioneel: de breedte van het hoofd item (submenu krijgt automatisch deze breedte)*/
	cursor:					 pointer;
}

.subNav{
	position: 				relative;			/* Verplicht */
	left:					-5px;
}

.subNavSpaceTop{
	height:					9px;
	width:					155px;
	position:				relative;
	float:					left;	
}

.subNavTop{
	height:					10px;
	width:					155px;
	border-left:			5px #ffffff solid;
	border-right:			5px #ffffff solid;
	background-color: 		#f3f3f6;
	position:				relative;
	float:					left;	
}

.subNavItem{
	background-color: 		#f3f3f6;
	cursor: 				pointer;
	width:					155px;
	border-left:			5px #ffffff solid;
	border-right:			5px #ffffff solid;
	text-align:				center;
	min-height:				25px;
	position:				relative;
	float:					left;
}

.subNavItemHover{
	background-color: 		#e94539;
}

.subMenuLink{
	color:					737373;
	font-size:				12px;
	text-decoration:		none;
	line-height:			25px;
}

.subNavBottom{
	height:					5px;
	width:					155px;
	background-color: 		#f3f3f6;
	border-left:			5px #ffffff solid;
	border-right:			5px #ffffff solid;
	border-bottom:			5px #ffffff solid;
	position:				relative;
	float:					left;	
}

/* ======= BOTTOM WEERGAVE ====== */ 

.DIVbottomMeldingWeergave{
	width:				100%;
	height: 			40px;
	position:			fixed;
	bottom:				0px;
	left:				0xp;
	background-color:	#373634;
	color:				#ffffff;
	font-size:			14px;
	z-index:			50;
	text-align:			center;
	line-height:		40px;
}

.DIVsluiten{
	color:				#E94539;
	font-weight:		bold;
	text-decoration:	underline;	
	font-size:			14px;
	cursor:				pointer;
	padding-left:		15px;
}

.DIVbottomCopy{
	width:				970px;
	height: 			10px;
	position:			relative;
	float:				left;
	text-align:			right;
	font-size:			10px;
	line-height:		10px;
	margin-bottom:		5px;
}

/* ======== ALGEMENE KLASSEN ========== */

.DIVnoRightMargin{
	margin-right:			0px;
}

.DIVnoLeftMargin{
	margin-left:			0px;
}

.DIVhide{
	display:				none;	
}

.DIVshade1{
	-webkit-box-shadow: 	0px 1px 0px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    	0px 1px 0px rgba(50, 50, 50, 0.1);
	box-shadow:        		0px 1px 0px rgba(50, 50, 50, 0.1);
}

/* ======== MELDING KLASSEN =========== */

.MELDINGerror{
	color:					#E94539;
	font-family:			helvetica;
	font-size:				13px;
	font-weight:			bold;	
}

.MELDINGsucces{
	color:					#D0F4CD;
	font-weight:			bold;
}

.MELDINGmelding{
	color:					#D0F4CD;
	font-weight:			bold;
}