/*			LAYOUT STYLES		*/


	/* ZWARTE LOOK START */
	/*
	body 				{ text-align: center; background-color: #000000; background-image: url(../images/layout/siteBackground.gif); background-repeat: repeat-x; margin: 0px; font-family: Verdana; font-size: 11px; color: #39302f; }
	#bovenBalk			{ vertical-align: top; border-bottom: 1px solid #161513; background-image: url(../images/layout/topBackground.gif); background-repeat: repeat-x; }
	#winkelMand			{ vertical-align: top; border-left: 0px solid #161513; border-bottom: 1px solid #004632; background-image: url(../images/layout/winkelmandBackground.gif); background-repeat: repeat-x; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; }	
	#zoekInput			{ padding-left: 2px; width: 158px; height: 18px; border: 1px solid #7f807b; background-color: #b0b1ac; font-family: Verdana, Arial; font-size: 10px; color: #676767; background-image: url(../images/layout/zoekInputBackground.gif); background-repeat: none; }	
	.winkelmandAantal	{ font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF; font-weight:: bold; }
	.winkelmandTotaal	{ font-family: Arial, Verdana; font-size: 11px; color: #FFFFFF; font-weight:: bold; }	
	.zoekForm			{ padding-left: 2px; padding-top: 2px; }	
	#footer				{ font-family: Verdana, Arial; font-size: 10px; color: #717171; }
	#footer a			{ font-family: Verdana, Arial; font-size: 10px; color: #717171; text-decoration: none; }
	#footer a:hover		{ font-family: Verdana, Arial; font-size: 10px; color: #717171; text-decoration: underline; }	
	*/	
	/* ZWARTE LOOK EIND */

	/* VOORJAAR LOOK START */
	body 				{ text-align: center; background-color: #e0eab2; background-image: url(../images/voorjaar/voorjaar_achtergrond.jpg); background-repeat: no-repeat; background-position:bottom; background-attachment:fixed; margin: 0px; font-family: Verdana; font-size: 11px; color: #39302f; }
	#bovenBalk			{ vertical-align: top; border-bottom: 1px solid #d2d9b2; }	
	#winkelMand			{ vertical-align: top; border-bottom: 1px solid #d2d9b2; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; background-image:url(../images/voorjaar/voorjaar_bestelblok.gif); background-repeat:no-repeat; }	
	#zoekInput			{ padding-left: 2px; width: 158px; height: 18px; border: 1px solid #b7be9a; background-color: #FFFFFF; font-family: Verdana, Arial; font-size: 10px; color: #676767; }	
	.winkelmandAantal	{ font-family: Arial, Verdana; font-size: 11px; color: #544e4e; font-weight:: bold; }
	.winkelmandTotaal	{ font-family: Arial, Verdana; font-size: 11px; color: #544e4e; font-weight:: bold; }	
	.zoekForm input { background-color:transparent; }
	.zoekForm			{ padding-top: 2px; }
	#footer				{ font-family: Verdana, Arial; font-size: 10px; color: #ecf2ca; }
	#footer a			{ font-family: Verdana, Arial; font-size: 10px; color: #ecf2ca; text-decoration: none; }
	#footer a:hover		{ font-family: Verdana, Arial; font-size: 10px; color: #ecf2ca; text-decoration: underline; }	
	/* VOORJAAR LOOK EIND */

	td					{ font-family: Verdana; font-size: 11px; color: #39302f; }
	
	input				{ font-family: Verdana, Arial; font-size: 11px; color: #39302f; background-color: #FFFFFF; border: 1px solid #004632; }
	.noBorder			{ border: 0px; background-color: transparent; }
	
	a					{ font-family: Verdana, Arial; font-size: 11px; color: #39302f; text-decoration: underline; }
	a:hover				{ font-family: Verdana, Arial; font-size: 11px; color: #39302f; text-decoration: none; }
	
	a.menuitem			{ font-family: Verdana, Arial; font-size: 11px; color: #39302f; text-decoration: underline; }
	a.menuitem:hover	{ font-family: Verdana, Arial; font-size: 11px; color: #39302f; text-decoration: none; }
	
	a.cLink				{ font-family: Verdana, Arial !important; font-size: 11px !important; color: #df0000 !important; text-decoration: underline !important; font-weight: bold !important; }
	a.cLink:hover		{ font-family: Verdana, Arial !important; font-size: 11px !important; color: #df0000 !important; text-decoration: underline !important; font-weight: bold !important; }
	
	#siteContainer		{ width: 100%; height:100%; background-repeat: repeat-y; background-position: center; }
	#backgroundDiv		{ background-repeat: repeat-y; background-position: center; height:100%; }
	#mainContainer		{ text-align: left; width: 995px; background-color: #FFFFFF; height:100%; }
	#footerContainer 	{ width: 100%; bottom: 0px; height: 30px;  
						  background-position: center; background-repeat:no-repeat; }
	

	

	#menuContainer		{ background-color: #4a3f3e; vertical-align: top; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; 
						  background-image: url(../images/menu/menuBackground.gif); background-repeat: no-repeat; background-position: center bottom; 
						  padding-bottom: 130px; }
	#contentContainer	{ background-color: #aca7a7; vertical-align: top; padding-left: 20px; padding-right: 20px; padding-top: 21px; padding-bottom: 20px; 
						  background-image: url(../images/layout/contentBackground.gif); background-repeat: repeat-x; }

	#contentContainerHome	{ background-color: #aca7a7; vertical-align: top; padding:20px 4px 20px 0; margin:0 0 0 0; 
						  background-image: url(../images/layout/contentBackground.gif); background-repeat: repeat-x; }


	#contentContainerNoPadding	{ background-color: #aca7a7; vertical-align: top; background-image: url(../images/layout/contentBackground.gif); background-repeat: repeat-x; }

	.artikelBlok		{ padding: 10px; background-color: #FFFFFF; border: 1px solid #BDBCBC; }
	.artikelAnimatie	{ position: absolute; top: 150px; left: 250px; background-color: #FFFFFF; border: 0px solid #0000FF; width: 100; height: 100; }
	#animatieDiv		{ position: absolute; left: 50%; top: 0px; }
	#animatieContainer	{ position: absolute; left: -498; width:995px; }
	#topMenu			{ height: 25px; vertical-align: middle; }
	
	.gezienTop			{ font-family: Verdana, Arial; font-size: 9px; color: #FFFFFF; padding-right: 5px; padding-bottom: 7px;}
	.gezienBlok			{ background-color: #FFFFFF; cursor: pointer; }
	.gezienTitel		{ font-family: Arial, Verdana; font-size: 11px; color: #39302f; font-weight: bold; }
	.gezienPrijs		{ font-family: Arial, Verdana; font-size: 11px; color: #39302f; }
	.gezienVoorPrijs	{ font-family: Arial, Verdana; font-size: 11px; color: #FF0000; font-weight: bold; }

/*			FLASH TITEL STYLES		*/

	.sIFR-active h1,
    .sIFR-active h2,
    .sIFR-active h3,
    .sIFR-active h4,
    .sIFR-active h5,
	.sIFR-active h6		{ visibility: hidden; font-family: Verdana; line-height: 1em; }

    .sIFR-active h1 	{ padding: 0; margin-bottom: 10px; }
    .sIFR-active h2 	{ padding: 0; margin: 20px 0 0 0; }
    .sIFR-active h3 	{ padding: 0; margin: 0px; }
    .sIFR-active h4 	{ padding: 0; margin: 0px; }
    .sIFR-active h5 	{ padding: 0; margin: 0px; }
    .sIFR-active h6 	{ padding: 0; margin: 0px; }

	h1					{ font-family: Verdana, Arial; font-size: 20px; color: #39302f; padding: 0px; margin-bottom: 21px; }
	h2					{ font-family: Verdana, Arial; font-size: 16px; color: #39302f; padding: 0px; margin-top: 20px; margin-bottom: 0px; }
	
	h3.lijn				{ font-size: 11px; color: #39302f; text-align: center; color: #39302f; margin: 0px; }
	h3					{ font-size: 11px; color: #39302f; text-align: center; color: #658B83; margin: 0px; }
	h3 a 				{ font-size: 11px; color: #39302f; text-decoration: none; }
	h3 a:hover 			{ font-size: 11px; color: #39302f; text-decoration: underline; } 
	
	h4					{ font-family: Verdana, Arial; font-size: 12px; color: #39302f; padding: 0px; margin-top: 0; margin-bottom: 0px; }
	
	.menuitem			{ padding-left: 10px; background-image: url(../images/menu/submenu_background.gif); background-repeat: repeat-x; height: 20px;
						  vertical-align: top; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; font-weight: none; cursor: pointer; }
	.menuitem a			{ font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: none; }
	.menuitem a:hover	{ font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; text-decoration: underline; font-weight: none; }
	
	.menuitemEmpty		{ padding-left: 10px; background-repeat: repeat-x; height: 20px;
						  vertical-align: top; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; font-weight: none; cursor: pointer; }
	.menuitemEmpty a			{ font-family: Verdana, Arial; font-size: 9px; color: #FFFFFF; text-decoration: underline; font-weight: none; }
	.menuitemEmpty a:hover	{ font-family: Verdana, Arial; font-size: 9px; color: #FFFFFF; text-decoration: none; font-weight: none; }
	
	.submenuitem		{ padding-left: 19px; height: 20px;
						  vertical-align: top; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF;  cursor: pointer; }
	.submenuitem a		{ font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; text-decoration: none; }
	.submenuitem a:hover{ font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; text-decoration: underline; }
	
	.submenuclose		{ padding-left: 19px; height: 10px; border-bottom: 1px solid #8c7e7f;
						  vertical-align: top; font-family: Verdana, Arial; font-size: 10px; color: #FFFFFF; }
	
	.menuitem_header		{ font-weight:bold; font-size:14px; padding:12px 0 12px 10px; }
	.menuitem_header2		{ font-weight:normal; font-size:24px; padding:12px 0 12px 10px; }
	
	.menuitem_special_top			{ padding-left: 10px; background-image: url(../images/menu/submenu_special_top_background.gif); background-repeat: repeat-x; 
						  		  	  height: 21px; vertical-align: top;font-family: Verdana, Arial; font-size: 10px; color: #574141;  cursor: pointer; }
	.menuitem_special_top a			{ font-family: Verdana, Arial; font-size: 10px; color: #574141; text-decoration: none; }
	.menuitem_special_top a:hover	{ font-family: Verdana, Arial; font-size: 10px; color: #574141; text-decoration: underline; }

	.menuitem_special			{ padding-left: 10px; background-image: url(../images/menu/submenu_special_background.gif); background-repeat: repeat-x; 
						  		  height: 20px; vertical-align: top; font-family: Verdana, Arial; font-size: 10px; color: #574141;  cursor: pointer; }
	.menuitem_special a			{ font-family: Verdana, Arial; font-size: 10px; color: #574141; text-decoration: none; }
	.menuitem_special a:hover	{ font-family: Verdana, Arial; font-size: 10px; color: #574141; text-decoration: underline; }
	
	#sfeerHome			{ padding-bottom: 10px; }
	#homeBlok			{ background-image: url(../images/layout/blokBackground.gif); background-repeat: repeat-x; font-family: Verdana; font-size: 11px; color: #000000; }
	
/*			BESTEL SYSTEEM STYLES		*/

	.button				{ background-image: url(../images/layout/buttonBackground.gif); background-color: #000000; 
						  border: 0px solid #004632; color: #9f9f9f; cursor: pointer; height: 28px; background-repeat: repeat-x;
						  padding-left: 5px; vertical-align: middle; padding-right: 5px; font-family: Verdana, Arial; font-size: 11px; font-weight: bold;  }
						  
	.artikelTussenkop	{ font-family: Verdana, Arial; font-size: 12px; color: #39302f; font-weight: bold; }

	

	#zoekInput.text		{ background-image:none; }
	
	.BestelText			{ font-family: Verdana, Arial; font-size: 10px; }
	.BestelTitel		{ font-family: Verdana, Arial; font-size: 10px; color: #39302f; font-weight: bold; }
	.BestelTitelKop		{ font-family: Verdana, Arial; font-size: 12px; color: #39302f; font-weight: bold; }
	.accessoireprijs	{ font-family: Verdana, Arial; font-size: 13px; color: #FF0000; font-weight: bold; }
	.artikeltekst		{ font-family: Arial; font-size: 11px; color: #39302f; }
	.artikeltext		{ font-family: Arial; font-size: 11px; color: #39302f; }
	.artikeltitel		{ font-family: Arial; font-size: 14px; color: #39302f; font-weight: bold; }
	.accessoiretitel	{ font-family: Verdana, Arial; font-size: 11px; color: #39302f; font-weight: bold;  }
	
	.aantalVeld			{ border: 0px solid #004632; background-color: #FFFFFF; font-family: Verdana, Arial; font-size: 11px; 
						  color: #39302f; width: 30px; height: 18px; }
						  
	.artikelThumbDiv 	{ background-color:#FFFFFF; border: 1px solid #444444; }
				  
				  
	.contentText		 { font-family: Verdana; font-size: 11px; color: #39302f; }
	.contentText a		 { font-family: Verdana; font-size: 11px; color: #39302f; text-decoration: underline; font-weight: bold; }
	.contentText a:hover { font-family: Verdana; font-size: 11px; color: #39302f; text-decoration: none; font-weight: bold; }
	
	
	/* NEW LAYOUT */
	
	.materiaalBlokTitel { background-image: url(../images/layout/materiaalBackground.gif); color: #908c8c; font-weight: bold; cursor: pointer;  }
	
	.materiaalBlokCompleetTitel { background-image: url(../images/layout/materiaalCompleetTitel.gif); background-repeat: repeat-x; color: #827f7f; font-weight: bold; cursor: pointer;  }
	
	.artikelTitelBlok { background-image: url(../images/layout/artikelBlokTitel.gif); color: #828080; font-size: 12px; font-weight: bold; height: 28px; text-transform: uppercase; vertical-align: middle; padding: 0 14px 0 14px;  }
	.artikelTitelSubBlok { background-image: url(../images/layout/artikelBlokTitel.gif); color: #828080; font-size: 11px; font-weight: bold; height: 28px; text-transform: uppercase; vertical-align: middle; padding: 0 14px 0 14px;  }
	.artikelItemBlok		{ padding: 10px; background-color: #FFFFFF; }
	.artikelItemBlokOff		{ padding: 10px; background-color: #F6F6F6; }
	
	.artikelVanPrijs { font-size: 11px; }
	.artikelVoorPrijs { font-size: 14px; color: #FF0000; font-weight: bold; }
	.overzichtArtikelPrijs { font-size: 11px; color: #4a3f3e; font-weight: bold; }
	
	a.buttonLink		{ display: inline-block; margin: 0 0 0 5px; color: #9f9f9f; text-decoration: none; text-transform: uppercase; font-weight: bold; cursor:pointer;}
	a.buttonLink:hover  { color: #9f9f9f; text-decoration: underline; }
	.buttonContainer 	{ overflow: hidden; }
	.buttonTekst	 	{ float: left; display: block; height: 26px; background-image: url(../images/layout/buttonMid.gif); background-repeat: repeat-x; background-position: 0 0; padding: 6px 5px 5px 5px; }
	.buttonLeft 		{ float: left; display: block; width: 7px; height: 26px; background-image: url(../images/layout/buttonLeft.png); background-repeat:no-repeat; background-position: 0 0; }
	.buttonRight 	 	{ float: left; display: block; width: 7px; height: 26px; background-image: url(../images/layout/buttonRight.png); background-repeat:no-repeat; background-position: 0 0; }

	.vestigingTitelBlok { background-image: url(../images/layout/vestigingBlokTitel.gif); color: #FFF; font-size: 14px; font-weight: bold; height: 28px; text-transform: uppercase; vertical-align: middle; padding: 0 14px 0 14px;  }
	.vestigingItemBlok	{ background-color: #FFFFFF; text-align: center; vertical-align: middle; }
	.vestigingItem		{ background-image: url(../images/layout/blockBackground.png); background-position: left bottom; background-repeat: repeat-x; padding: 15px 15px 0 15px;}
	.infoItem			{ background-image: url(../images/layout/blockBackground.png); background-position: left bottom; background-repeat: repeat-x; padding: 15px 15px 0 15px;}
	
	.contactField {
		background-color: #FFFFFF;
		border: 0;
		width: 346px;
		height: 19px;	
		background-image: url(../images/layout/inputbg.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	.contactTextArea {
		height: 109px;		
	}
	
	.bestelField {
		background-color: #FFFFFF;
		border: 0;
		width: 290px;
		height: 19px;	
		background-image: url(../images/layout/inputbgwit.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	
	.bestelFieldSmall {
		background-color: #FFFFFF;
		border: 0;
		width: 192px;
		height: 19px;	
		background-image: url(../images/layout/inputbgwitsmall.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}

	.bestelFieldTiny {
		background-color: #FFFFFF;
		border: 0;
		width: 83px;
		height: 19px;	
		background-image: url(../images/layout/inputbgwittiny.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}



/* koopjeshoek */

	#koopjeshoekBlok 
	{
		float:left;
		background-color: #e3e2e1;
		border: 1px solid #FFFFFF;	
		margin:0 0 10px 0;	
	}
	
	#koopjesBlok {
		background-color: #e3e2e1;
		border: 0;
		margin: 10px 0 10px 0;
	}
	
	#koopjesartikelBlok		{ 
		width: 500px;
		padding: 10px; 
		background-color: #e3e2e1; 
		margin: 10px 0 10px 0;
	}

	#koopjesFoto
	{
		width: 272px;
		float: left;
		margin:0 10px 0 0;
	}	
		
	#koopjesContentWrapper
	{
		float: left;
		width: 244px;
	}
	
	#koopjesTitel		{ 
		width: 244px;
		height:20px;		
		float: left;
		font-size: 12px; font-weight: bold; height: 28px; text-transform: uppercase; vertical-align: middle; 	

	}
	#koopjesBeschrijving		{ 
		width: 244px;
		float: left;
		margin:0 0 10px 0;

	}
	
	#koopjesVestiging		{ 
		width: 244px;
		float: left;
		margin:0 0 10px 0;

	}
	
		#koopjesPrijs		{ 
		width: 244px;
		overflow:hidden;
		float: left;
		margin:0 0 30px 0;

	}
	
		
		#koopjesButton		{ 
		margin: -30px 0 0 0;
		width: 543px;
		float: right;
		
		

	}
		.koopjesGereserveerd	{
		position:relative;
		border:none;
		width:272px;
		height:92px;
		overflow:hidden;
		}
		
/* FOLDER */
#FolderTitel { width:832px; height:50px; overflow:hidden; background-color:#595959; }



/* paging */
.pagingblockSelect
{
	 float:left; 
	 padding:2px; 
	 background-color:gray; 
	 border:1px solid silver; 
	 color:#FFFFFF; 
	 font-size:10px; 
	 text-align:center; 
	 width:16px; 
	 height:14px; 
	 margin:0 0 0 5px;
}

.pagingblock
{
	float:left; 
	padding:2px; 
	background-color:#FFFFFF; 
	border:1px solid silver; 
	color:#000000; 
	font-size:10px; 
	text-align:center; 
	width:16px; 
	height:14px; 
	margin:0 0 0 5px;
}

.facebookInlay {
	position:relative;
	float: left;
	width: auto;
	padding: 5px;
}
.facebookInlayContent {
	float: left;
	width: auto;
	padding: 5px 5px 5px 0;
	position:relative;
}
.facebookInlayHome {
	float: left;
	width: 140px;
	padding: 10px 0 10px 10px;
	position:relative;
	overflow:hidden;
}
#kijkjeWinkel div { height:251px !important;}

.fb_edge_widget_with_comment { position:static !important; }

#headWrapper { position:relative; } 
#headFlash { position: absolute; top: 0; left: 0; height:99px; width:765px; overflow:hidden; z-index:10; }
#headMenu { position: absolute; top: 71px; left: 171px; overflow:hidden; color:#005645; z-index:30; }
#headMenu a { padding:4px 7px; color:#005645; border:1px solid transparent; vertical-align:middle; display:inline-block; margin:0 5px; text-decoration:none;  }
#headMenu a:hover { background-color:#FFF; border:1px solid #CCC; }
#headMenu .active { background-color:#FFF; border:1px solid #CCC; }
#headLogo { position: absolute; top: 10px; left: 0; z-index:20; }
#headLogo img { border:none; }



/************************************************************************
* Koffietijd template
************************************************************************/

#koffietijd{width:805px; font-family:Arial; color:#4e295c; background:#ffffff url(../images/Koffietijd_bg.jpg) no-repeat left bottom; position:relative; padding:0 12px 0 15px; line-height: 18px;}

#koffietijd .header{}

#koffietijd .intro{text-align:center; line-height:22px;}
#koffietijd .intro h5{ margin:0 0 6px 0; font-size:42px; visibility:visible; font-family:Arial; color:#4e295c; }
#koffietijd .intro h6{ margin:0 0 4px 0; font-size:21px; visibility:visible; font-family:Arial; color:#4e295c; }
#koffietijd .intro p{font-size:12px; line-height:16px;}

#koffietijd .producten {font-size:11px;}
#koffietijd .producten td {font-size:11px; line-height:18px; color:#4e295c;}
#koffietijd .producten .h7{margin-bottom:0px; text-transform:uppercase; font-weight:bold;}

#koffietijd .prijs {width:87px; height:87px; background:url(../images/bol.png) no-repeat left top;}
#koffietijd .van{color:#fff; font-size:14px; text-align:center; padding-top:22px;}
#koffietijd .voor{font-size:18px; font-weight:bold; color:#fff; text-align:center;}
#koffietijd .streep{width:87px; margin-top:-14px; margin-left:-2px; background:url(../images/streep.png) no-repeat center top; position:absolute; }

#koffietijd .drijf{position:absolute; margin-left:85px; margin-top:-142px; }

#koffietijd .drijf{margin-top:-150px; }