/* opmerking: 10-04-2009 CSS aangevuld uit styles.css van tradepoint voor uniformiteit -*/
/* AANGEPASTE TAGS */
/* class ook in styles.css onder dezelfde naam */
html{
height:100%;
}
body
{
	font-family: "Myriad Web Pro", Tahoma, Verdana;
	font-size: 12px;
	font-style: normal;
	left: 50%; /* Nodig voor centreren in browsers: FF/O/S/C */
	color: #494640;
	background-color: #ffffff;
	background-image: url(../images/algemeen/bg_body.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	overflow-x: hidden;
	margin: 0px 0px 0px -465px; /* Nodig voor compatibiliteit voor verschillende browsers */
	position: absolute;
	padding: 0px;
	width: 930px;
}

blockquote {
	color: #366;
	font-weight: bold;
}

h1, h2, h3, h4, h5 {
	color: #444;
	font-weight: bold;
}

dt {
	float: left;
	width: 110px;
}

.TP_MasterMain_WorkBlock dt {
	width: 70px;
	
}

.TP_MasterMain_WorkBlock dd {
	padding: 0 0 0 80px;
	margin: 0;
}

td {
	font-family: "Myriad Web Pro", Tahoma, Verdana;
	font-size: 12px;
	font-style: normal;
	vertical-align: top;
	font-weight: normal;
	letter-spacing: 0,5px;
	line-height: 16px;
	word-spacing: 1pt;
}
img {
	display: block;
	margin: auto;
	border-color: #ccc;
}
img.floatLeft { 
    float: left; 
    margin: 4px 10px; 
}


/*  ONDERSTAANDE CLASSES KOMEN OVEREEN IN DE STYLES.CSS VAN TRADEPOINT ---------------------------------------------------------*/
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMainTable
{
	height: 100%;
	width: 929px;
	margin: 0;
	padding: 0;
	/*background: url(../Pictures/img/bg_content.jpg) top left repeat-y;*/

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_HeaderBlock
{
	height: 150px;
	/* height also determined by height of subclasses _Headerblock*/
    width: 100%;
	background: White url(../images/algemeen/bg_top.jpg) top left no-repeat;
}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_HeaderBlock_KoffieDropDown
{
	width: 150px;
	float: left;
	Height: auto;
	margin-left: 180px;
	margin-top: 8px;
}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_HeaderBlock_FrisdrankDropDown
{
	width: 150px;
	float: right;
	Height: auto;
	margin-top: 8px;

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_HeaderBlock_VendingDropDown
{
    width: 150px;
    Height: auto;
	margin-left: 434px;
	margin-top: 8px;

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_HeaderBlock_Image
{
	float: left;
	top: 0px;
	margin-left: 25px;
	border: 1px solid #000000;
	left: 184px;
	height: 90px;
	width: 523px;
	
}
/* class ook in styles.css onder dezelfde naam */
/*added class for www.zelst.nl compatibility*/
.TP_MasterMain_MenuBlock_VanZelst
{
	margin-top: 3px;
	margin-left: 12px;
	padding: 0px;
	width: 100%;
	float: left;
	height: 34px;	/* height needed to place links below borders */

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_CenterBlock
{
	vertical-align: top;
	width: 100%;
	height: 200px;

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_CenterTable
{
	width: 100%;
	height: 100%;
	/* background: white; */

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_LeftBlock
{
	vertical-align: top;
	width: 160px;
	margin: 0;
	padding: 0;


}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_LeftBlock_Table
{
	text-align: center;
	width: 160px;
	height: auto;

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_WorkBlock
{
	vertical-align: top;
	width: 100%;
	margin: 0;
	padding-top: 0px;
	padding-left: 10px;
}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_WorkBlock_Table
{
	width: 100%;
}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_RightBlock
{
	vertical-align: top;
	padding-top: 15px;
}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_RightBlock_Table
{
	text-align: center; /* Internet Explorer */ 
	width: 160px;
	height: auto;

}
/* class ook in styles.css onder dezelfde naam */
.TP_MasterMain_FooterBlock
{
	height: 70px;

}
/* class ook in styles.css onder dezelfde naam */
/*added class for www.zelst.nl compatibility*/
.bottomPower_VanZelst
{
	width: auto;
	height: auto;
	text-align: center;
	font-size: 11px;
	padding: 10px 0;
}

.bottomPower_VanZelst p {
	margin: 0;
	padding: 0;
	color: #666;
}

/* CLASSES VOOR INHOUD VAN DE HOOFDBLOKKEN CONFORM TRADEPOINT NAMEN */
.LeftBlock_TD { /* class voor linker kolom met menu-items */
	padding: 0px;
	text-align: center; /* Internet Explorer */ 
	text-align: -moz-center; /* Mozilla Firefox alignment */
}
.RightBlock_TD { /* class voor rechter kolom met afbeeldingen */
	text-align: center; /* Internet Explorer */ 
	text-align: -moz-center; /* Mozilla Firefox alignment */
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.Workblock_TD { /* class voor 5 kolom overzichten */
	text-align: -moz-center; /* Mozilla Firefox alignment */
	text-align: center; /* Internet Explorer */
	padding-top: 5px;
	padding-bottom: 5px;
	width: 148px; /* zelfde breedte als de menuknoppen */
}
/* CLASSES VOOR VAN ZELST TABELLEN */
.nieuwsTable1 {
	background-image: url(../images/algemeen/nieuws_rood_links.png);
}
.nieuwsTable2 {
	background-image: url(../images/algemeen/nieuws_rood_rechts.png);
}
.nieuwsTable3 {
	background-image: url(../images/algemeen/nieuws_grijs_links.png);
}
.nieuwsTable4 {
	background-image: url(../images/algemeen/nieuws_grijs_rechts.png);
}
/* CLASSES VOOR A_freshbrewEELDINGEN */
.image { /* class voor inline afbeeldingen links gepositioneerd */
	display: block;
	border-color: #000000;
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.imageGroot{ /* class voor grote afbeeldingen */
	width: 256px;
	text-align: center;
	vertical-align: middle;
}
.imageGrootTop{ /* class voor grote afbeeldingen */
	width: 256px;
	text-align: center;
	vertical-align: top;
}
.imageklein{ /* class voor kleine afbeeldingen */
	text-align: center;
}
.logo { /* class voor logo's onder afbeeldingen */
	display: block;
	border-color: #000000;
	margin-top: 28px;
	margin-right: 0px;
	margin-bottom: 16px;
	margin-left: 0px;
}
/* CLASSES VOOR FORMULIER BUTTONS */
.buttonProefplaatsing { /* classes voor prijsopgave formulier */
	height: 30px;
	width: 120px;
	padding: 0;
	border: 0;
	background: transparent url(../images/algemeen/button_proefplaatsing.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.buttonPrijsopgave { /* classes voor prijsopgave formulier */
	height: 30px;
	width: 120px;
	padding: 0;
	border: 0;
	background: transparent url(../images/algemeen/button_prijsopgave.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.buttonBestellen { /* classes voor prijsopgave formulier */
	height: 30px;
	width: 120px;
	padding: 0;
	border: 0;
	background: transparent url(../images/algemeen/button_bestellen1.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* for IE 5.x */
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.buttonVerzenden { /* classes voor prijsopgave formulier */
	height: 30px;
	width: 120px;
	padding: 0;
	border: 0;
	margin: 0;
	background: transparent url(../images/algemeen/button_verzenden.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* voor IE 5.x */

}
.buttonZoeken { /* classes voor google formulier: */
	height: 30px;
	width: 120px;
	padding: 0;
	border: 0;
	background: transparent url(../images/algemeen/button_zoeken.jpg) no-repeat center top;
	cursor: pointer; /* hand-shaped cursor */
	cursor: hand; /* voor IE 5.x */
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 12px;
	margin-left: 0;
}

/* CLASSES VOOR POSITIONEREN VAN DROPDOWNS */
.dropdownLeft { /* dropdown position links */
	z-index: 10;
	width: 230px;
	font-size: 12px;
	font-family: "Myriad Web Pro", Tahoma, Verdana;
	margin-top: 4px;
	margin-left: 25px;
}
.dropdownCenter { /* dropdown position midden en rechts*/
	z-index: 10;
	width: 230px;
	font-size: 12px;
	font-family: "Myriad Web Pro", Tahoma, Verdana;
	margin-top: 4px;
	margin-left: 10px;
}
.klachtenkeuze { /* dropdown in klachten */
	width: 200px;
	margin-top: 4px;
}
/* CLASSES OM TEKST TE BEPALEN*/
.tekstKleur { /* kleur om tekst te bepalen */
	color: #366;
	font-weight: bold;
}
.koptekst { /* algemene koptekst */
	font-size: 20px;
	color: 444444;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

.koptekst h1 { /* algemene koptekst */
	font-size: 20px;
	color: 444444;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.koptekst1 { /* algemene koptekst */
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	color: 444444;
	text-align: left;
}
.koptekst2 { /* algemene koptekst */
	font-size: 12px;
	font-weight: bold;
	color: 444444;
}
.koptekst3 { /* algemene koptekst */
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
	color: 444444;
}

/* CLASSES OM POSITIE VAN ELEMENTEN TE BEPALEN*/

.alignTop {
	vertical-align: top;
}
.alignMiddle {
	vertical-align: middle;
}
.alignBottom {
	vertical-align: bottom;
}
.alignLeft {
	text-align: left;
}
.alignCenter {
	text-align: center;
}
.alignCenterMiddle {
	vertical-align: middle;
	text-align: center;
}
.alignRight {
	text-align: right;
}

.alignCenterTop {
	vertical-align: top;
	text-align: center;
}

/* classes voor algemene hyperlinks ---------------------------------------------------------*/
A {
	color: #C33;
	text-decoration: none;
}
A:active {
	color: #C33;
	text-decoration: none;
}
A:visited {
	color: #C33;
	text-decoration: none;
}
A:link {
	color: #C33;
	text-decoration: none;
}
A:hover {
	color: #000;
	text-decoration: none;
}
/* classes voor inactieve hoofdmenu: groene tab en witte letter ---------------------------------------------------------*/
.mainmenu{
	width: 148px; /* zelfde breedte als Workblock_TD */
	height: 24px;
	text-align: center;
	line-height: 24px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	background-repeat: no-repeat;
}
/* classes voor actieve hoofdmenu: witte tab en zwarte letter ---------------------------------------------------------*/
.mainmenuactive{
	width: 148px; /* zelfde breedte als de menuknoppen */
	height: 24px;
	text-align: center;
    line-height: 24px;
	PADDING-TOP: 0px;
	PADDING-BOTTOM: 0px;
	background-repeat: no-repeat;
}

/* classes voor inactieve submenu: groene tab en witte letter ---------------------------------------------------------*/
.submenu {
	OVERFLOW: hidden;
	WIDTH: 148px; /* zelfde breedte als de menuknoppen */
	POSITION: absolute;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	DISPLAY: block;
	COLOR: #ffffff;
	visibility: hidden;
	z-index: 200;
}
A.submenulink {
	PADDING: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	background-image: url(../images/algemeen/submenubar.png);
	background-repeat: no-repeat;
}
A.submenulink:active {
	PADDING: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar.png);
	background-repeat: no-repeat;
}
A.submenulink:visited {
	PADDING: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar.png);
	background-repeat: no-repeat;
}
A.submenulink:link {
	PADDING: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar.png);
	background-repeat: no-repeat;
}
A.submenulink:hover {
	PADDING: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar_active.png);
	background-repeat: no-repeat;
}
/* classes voor actieve submenu: witte tab en zwarte letter ---------------------------------------------------------*/
.submenuactive {
	OVERFLOW: hidden;
	WIDTH: 148px; /* zelfde breedte als de menuknoppen */
	POSITION: absolute;
	TEXT-ALIGN: center;
	TEXT-DECORATION: none;
	DISPLAY: block;
	COLOR: #000000;
	visibility: hidden;
	z-index: 100;
}
A.submenulinkactive {
	WIDTH: 148px; /* zelfde breedte als de menuknoppen */
	padding-top: 5px;
	padding-bottom: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar_active.png);
	background-repeat: no-repeat;

}
A.submenulinkactive:active {
	padding-top: 5px;
	padding-bottom: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar_active.png);
	background-repeat: no-repeat;
}
A.submenulinkactive:visited {
	padding-top: 5px;
	padding-bottom: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar_active.png);
	background-repeat: no-repeat;
}
A.submenulinkactive:link {
	padding-top: 5px;
	padding-bottom: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar_active.png);
	background-repeat: no-repeat;
}
A.submenulinkactive:hover {
	padding-top: 5px;
	padding-bottom: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar.png);
	background-repeat: no-repeat;
}
/* classes voor inactieve submenulinkbottom: groen tab en witte letter */
A.submenulinkbottom {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1.png);
	background-repeat: no-repeat;
}
A.submenulinkbottom:active {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1.png);
	background-repeat: no-repeat;
}
A.submenulinkbottom:visited {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1.png);
	background-repeat: no-repeat;
}
A.submenulinkbottom:link {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1.png);
	background-repeat: no-repeat;
}
A.submenulinkbottom:hover {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1_active.png);
	background-repeat: no-repeat;

}
/* classes voor actieve submenulinkbottom: witte tab en zwarte letter */
A.submenulinkbottomactive {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1_active.png);
	background-repeat: no-repeat;
}
A.submenulinkbottomactive:active {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1_active.png);
	background-repeat: no-repeat;
}
A.submenulinkbottomactive:visited {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1_active.png);
	background-repeat: no-repeat;
}
A.submenulinkbottomactive:link {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #000000;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1_active.png);
	background-repeat: no-repeat;
}
A.submenulinkbottomactive:hover {
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	MARGIN: 0px;
	DISPLAY: block;
	color: #ffffff;
	text-decoration: none;
	background-image: url(../images/algemeen/submenubar1.png);
	background-repeat: no-repeat;

}

/******* CSS TBV SEO ********/

.logo#logo  {
	margin: 0;
	padding: 0;
	position: relative;
	float: left;
}


.logo#logo a {
	margin: 0;
	padding: 0;
	width: 155px;
	height: 110px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}


/*.TP_MasterMain_WorkBlock h2 {
	font-size: 20px;
	margin: 25px 0;
}*/

h2.tekstKleur  { /* kleur om tekst te bepalen */
	color: #366;
	font-weight: bold;
	font-size: 12px;
	margin: 0px;
}

.TP_MasterMain_WorkBlock h1, .TP_MasterMain_WorkBlock h2 { 
	font-size: 16px;
	margin: 15px 0;
}

.TP_MasterMain_WorkBlock h2.assortimentsHeading {
	width: 480px;
	float: right;
	line-height: 1.2em;
}


.TP_MasterMain_WorkBlock h3 { 
	font-size: 14px;
	margin: 15px 0;
}

.TP_MasterMain_WorkBlock h4 {
	font-size: 12px;
	margin: 15px 0;
}
.TP_MasterMain_WorkBlock h5 { 
	font-size: 12px;
	margin: 15px 0;
}

.newsItem,
.newsItemImage, 
.agendaItem, 
.agendaItemImage {
	padding: 7px 10px 0;
	clear: both;
}

.articleItem, 
.articleItemImage {
	padding: 10px 0 0;
	clear: both;
}

td.TP_MasterMain_WorkBlock div.newsItem  h2,
td.TP_MasterMain_WorkBlock div.newsItemImage h2, 
td.TP_MasterMain_WorkBlock div.agendaItem h2, 
td.TP_MasterMain_WorkBlock div.agendaItemImage h2,
td.TP_MasterMain_WorkBlock div.articleItem h2, 
td.TP_MasterMain_WorkBlock div.articleItemImage h2,
td.TP_MasterMain_WorkBlock div.articleItem h3, 
td.TP_MasterMain_WorkBlock div.articleItemImage h3{
	margin: 10px 0;
	padding: 0;
	font-size: 14px;
}

.newsItemImage img,
.agendaItemImage img,
.articleItemImage img  {
 float: left;
 display: block;
 margin: 15px 0 0 0;
}
.articleItemImage img {
 margin: 0 0 0 0;

}

.newsItemImage  p,
.newsItemImage  ul {
	margin-left: 200px; 
}

.agendaItemImage  p,
.agendaItemImage  ul {
	margin-left: 250px; 
}

.articleItemImage p,
.articleItemImage ul {
	margin-left: 260px; 
}
.offerItem {
	padding: 10px;
	border: 1px solid red;
	color: red;
	line-height: 14px;
	margin-bottom: 10px ;
}

.offerItem a {
	font-weight: 600;
}

#footer {
	position: relative;
	text-align: center;
	margin: auto 0;
}

.footerMenu {
	width: 930px;
	text-align: left;
	/*background: url(../images/algemeen/bg_footer.jpg) repeat-x 0 0;*/
}

ul.productsAssorti {
	margin: 0;
	padding: 15px 0 0 20px;
	height: 140px;
	float: left;
	list-style-type: square;
	list-style-position: inside;
	color: #999;
}

#footer ul.productsAssorti  li  a{
	color: #666;
	text-decoration: underline;
	font-size: 11px;
}

#footer ul.productsAssorti  li  a:hover {
	color: #C33
}

.footerMenu  p {
	clear: both;
}
/****** styles voor kerstpakketten *******/

div.boxInfo {
	position: relative;
	float:left;
	height:auto;
	margin:4px;
	padding: 5px;
	width:224px;
	border:1px solid #ccc;
	background: transparent url(../images/box_gradient.png) repeat-x bottom left;
	background-repeat: repeat-x;
	background-position: bottom left;
	z-index:1;
	height: 275px;
}

div.boxInfo:hover {
	background: transparent url(../images/box_hover_gradient.png) repeat-x bottom left;
}

.boxInfo img {
	display: block;
	cursor:pointer;
	height:178px;
	text-align:center;
	width:220px;
}

.boxInfo .koptekst2 { /* algemene koptekst */
	text-transform: uppercase;
	margin: 5px 0;
	display: block;
	font-size: 11px;
}

.boxHover a {
	display: block;
	padding: 0 5px 10px;
}

.boxHover a:hover {
	/*background-color: #ccc;*/
}

.boxVat {
	color:#666;
	font-size:11px;
}

.boxPrice {
	font-weight:bold;
	font-size:14px;
}

.boxInfo  form  input{
	margin: 5px 0 0 55px;
	background:transparent url(../images/algemeen/bestellen.gif) no-repeat scroll center top;
	height: 25px;
}

.soldOut {
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/algemeen/soldout.gif) no-repeat scroll center top;
	height: 103px;
	width: 103px;
}
.beperktLeverbaar {
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/algemeen/beperktleverbaar.gif) no-repeat scroll center top;
	height: 103px;
	width: 103px;
}

.contentKerstpakket {
	width: 550px;
}

.contentKerstpakket  h2{
	margin: 25px 0 18px 0;
}

.contentKerstpakket  img{
	border: 1px solid #ccc;
	margin: 0;
}

.suggestiesKerstpakketten {
	margin: 0;
	padding: 0;
	border: 1px solid #ccc;
	list-style-type: none;
	padding: 1px;
}

.suggestiesKerstpakketten  li {
	text-align: center;
	margin: 0;
	padding: 0 0 5px 0;
	border: 1px solid #eee;
	margin: 2px;
}

.suggestiesKerstpakketten  li:hover {
	border: 1px solid #666;
}

.suggestiesKerstpakketten  li a:hover {
	color: #444;
	text-decoration: underline;
}

.suggestiesKerstpakketten  li span{
	display: block;
	font-size: 11px;
	color: #666;
}

.conditiesKerstpakket {
	margin: 0;
	padding: 0;
	list-style-type: square;
	margin-top: 20px;
}

.conditiesKerstpakket  li{
	margin-left: 25px;
	font-size: 0.9em;
}

.contentList {
	margin: 0;
	padding: 0 0 5px 0;
	background-color: #eee;
	width: 552px;
}

.contentList h3 {
	margin: 0;
	background-color: #ccc;
	padding: 5px 15px;
}

.contentList p {
	padding-left: 25px;
}

.contentList  form {
	padding: 5px 0 0px 25px;
	border-top: 1px solid #ccc;
}

.contentList  form  input {
	height: 25px;
}

.contentList  form  input.buttonPrijsopgave {
	background:transparent url(../images/algemeen/prijsopgave.gif) no-repeat scroll center top;
}

.contentList  form  input.buttonBestellen {
	background:transparent url(../images/algemeen/bestellen.gif) no-repeat scroll center top;
}

.assortimentList h3 {
	clear: both;
}

.assortimentList ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
}

.extraList {
	position: relative;
	border: 1px solid #ccc;
	margin: 0 0 15px 0;
	padding: 0 0 0 0px;
}

.extraList ul {
	margin: 0 0 0 60px;
}

.extraList div.occasionImg {
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/algemeen/occasions.gif) no-repeat scroll center top;
	height: 103px;
	width: 103px;
}
.extraList div.newImg {
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/algemeen/nieuw.gif) no-repeat scroll center top;
	height: 103px;
	width: 103px;
}
.extraList div.actieImg {
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/algemeen/aanbieding.gif) no-repeat scroll center top;
	height: 103px;
	width: 103px;
}
.extraList div.offerImg {
	position: absolute;
	left: 0;
	top: 0;
	background:transparent url(../images/algemeen/actie.gif) no-repeat scroll center top;
	height: 103px;
	width: 103px;
}
.home div.extraList {
	float: left;
	margin: 0 24px 0 0;
}

.home .extraList ul {
	margin: 0 0 0px;
}

.clearer {
	clear: both;
}

.assortimentList {
	clear: both;
	position: relative;
	z-index: 0;
}

.assortimentList ul  li{
	float: left;
	width: 120px;
	text-align: center;
	margin: 10px 0;
	min-height: 180px;
	height: 180px;
	line-height: 14px;
}
.home .assortimentList ul  li{
	min-height: 185px;
	height: 185px;
}

.assortimentList ul.extraListCat {
	position: relative;
	margin: 0 0 40px 0;
	padding: 5px 0;	
}

.assortimentList ul.extraListCat li{
	float: left;
	width: 120px;
	text-align: center;
	margin: 0 24px 0 0;
	min-height: 20px;
	height: 20px;
	line-height: 14px;
	border: 1px solid #fff;
	background: #eee;
	
}
.assortimentList ul.extraListCat li.moreItems{
	width: 264px;
	margin: 0;
}
.assortimentList ul.extraListCat li a{
	display: block;
	background-color: #eee;
	padding: 5px;
	text-align: center;
	font-weight: 600;
	font-size: 0.9em;
	color: #000 !important;
}
.assortimentList ul.extraListCat li a:hover{
	background-color: #f00;
	color: #fff !important;

}
.assortimentList ul.extraListCat li.moreItems a:hover{
	background-color: #059D2C;
	color: #fff !important;
}

.horecaMerken .assortimentList h2{
	font-size: 1em;
	clear: both;
}
.horecaMerken .assortimentList ul  li{
	min-height: 100px;
	height: 100px;
}
.horecaMerken .assortimentList table {
	border-collapse: collapse;
}
.horecaMerken .assortimentList table td {
	padding: 10px;
}

.assortimentList ul  li span.tekstKleur { 
	display: block;
	font-size: 0.8em;
	text-transform: uppercase;
	line-height: 12px;
}

.centerForm {
	width: 256px;
	text-align: center;
	margin: 20px 0;
}

.centerText {
	text-align: center;
	padding: 15px 0;
}
.backToTop {
	clear:both;
	border-top: 1px dashed #ccc;
	padding: 5px 0;
}

.list2Column {
	float: left;
	width: 300px;
	list-style-position: inside;
	margin: 20px 0;
	padding: 0;
}

.list2Column lh {
	font-weight: bold;
	padding: 0 0 10px;
	display: block;
	font-size: 1.2em;
}

.list2Column lh a {
	color: #000;
	font-size: 1.2em;
}

.productWrapper {
	float: left;
	width: 250px;
	text-align: center;
}

.productWrapper h2 {
	font-size: 1em;
	font-weight: normal;
	margin: 10px 0;
}

.productWrapper img {
	margin: 15px auto;
}

.productContent {
	width: 465px;
	float: right;
}

.productContent  strong{
	color: #366;
}

.productContent h2,
.productContent h3,
.productContent h4 {
	color: #366;
	font-size: 1em;
}

.productContent p {
	margin: 0 0 20px;
}
.productContent ul { 
}

.productContent a.alignLeft {
	float: left;
	margin: 0 0 0 40px;
}

.productContent a.alignRight {
	float: right;
}

.productHeader {
	margin: 10px 0 20px;
	float: right;
	width: 465px;
}
h1.productHeader  span {
	color: #f60;
}

h2.ingredientHeader {
	clear: both;
	font-size: 1.1em;
	margin: 5px 0;
}
.ingredientList{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.ingredientList li {
	width: 110px;
	height: 140px;
	text-align: center;
	padding: 5px; 
	float: left;
	margin: 5px 10px 5px 0;
	border: 1px solid #eee;
	
}
#contentContainer h1,
#contentContainer h1 span {
	color: #000;
}
.firstItem {
	/*background:url(../images/algemeen/nieuws_rood_links.png) no-repeat 165px 0px;*/
	margin: 0 0 20px 0; 
	clear: both;
}
.firstItem p { 
	padding: 20px 15px 0 210px;
}
.firstItem img {
	margin: 0 20px 0 0;
}

#contentContainer h2 {
	font-size: 14px;
	clear: both;
}
#contentContainer .alignLeft {
	float: left;
}
#contentContainer .alignRight {
	float: right;
}
#contentContainer hr {
	visibility: hidden;
}

form.nieuwsbrief {
	background:#FFFFFF url(../images/sprite.png) no-repeat scroll 0 0;
	height:187px;
	margin:0 auto;
	padding:90px 0 0 0;
	width:120px;
	overflow: hidden;
}

form.nieuwsbrief fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

form.nieuwsbrief fieldset legend {
	display: none;
}

form.nieuwsbrief .formRow {
	clear: both;
	margin: 0 0 0 8px;
}

form.nieuwsbrief label {
	color: #fff;
	font-size: 11px;
}

form.nieuwsbrief input {
	width: 100px;
	font-size: 11px;
	background-color: #bccccb;
	border: 0;
	padding: 2px;
}

form.nieuwsbrief input.submitBtn {
	width: 104px;
	height: 23px;
	background:transparent url(../images/sprite.png) no-repeat scroll 0 100%;
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	margin: 5px 0 0; 
	font-size: 10px;
	
}

form.nieuwsbrief label.error {
	display: block;
	font-weight: bold;
	color: #f90;
	font-size: 10px;
	margin: 0;
	padding: 0;
}

/*.buttonBestellen {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/algemeen/button_bestellen1.jpg) no-repeat scroll center top;
border:0 none;
cursor:pointer;
height:30px;
margin:7px 0 0;
padding:0;
width:120px;
}*/

#contentContainer {
	width: 585px;
	padding: 0 10px 0 5px;
}

/*leftBlock*/


.leftBlock {
	width: 160px;
	text-align: center;
}

.leftBlock h3,
.leftBlock  p  {
	width: 120px;
	margin: 0 auto 1em;
}

.leftBlock h3 a {
	display: block;
	height: 29px;
	text-indent: -9999px;
	outline: 0;
	padding: 0;
}

.leftBlock h3.nieuwsItem a {
	background:transparent url(../images/sprite.png) no-repeat scroll -120px -29px;
}
.leftBlock h3.offersItem a {
	background:transparent url(../images/sprite.png) no-repeat scroll -120px -58px;
}
.leftBlock h3.actiesItem a {
	background:transparent url(../images/sprite.png) no-repeat scroll -120px -87px;
}
.leftBlock h3.agendaItem a {
	background:transparent url(../images/sprite.png) no-repeat scroll -120px -116px;
}
.leftBlock h3.downloadsItem a {
	background:transparent url(../images/sprite.png) no-repeat scroll -120px -145px;
}
.leftBlock h3.vacaturesItem a {
	background:transparent url(../images/sprite.png) no-repeat scroll -120px -174px;
}


/*rightBlock*/
.rightBlock {
	width: 160px;
}

.rightBlock form {
	margin: 0 0 10px;
}

.rightBlock img {
 margin: 0 0 10px;
}
.imgLeft {
	float: left;
	margin: 0 10px 0 0; 
}

.promoTxt {
	padding: 15px;
	background: ;
	color: #f00;
	font-weight: 600;
	font-size: 1.2em ;
	border: 2px double #eee;
	-moz-box-shadow: 0 0 10px #ccc inset;
	text-align: center;
}

.formPromotion {
	float: right;
	margin: 10px 0;
}
.formPromotion input, .formPromotion textarea {
	width: 250px;
}

.formPromotion input.formCheckbox {
	width: 10px;
}

.formPromotion label {
	margin: 0 10px 0 0;
}

td.error {
	color: #f00;
	font-weight: bold;
	
}

td.sentForm { 
	font-weight: bold;
	padding: 15px;
	border: 1px solid #ccc;
 }
a.btnAppointment {
	background:transparent url(../images/sprite.png) no-repeat scroll 0 -322px;
	display: block;
	width: 142px;
	height: 27px;
	margin: 15px auto 0;
}
a.btnAppointment span {
	display: none;
}

.viewAllItems {
	clear: both;
	display: block;
	background-color: #eee;
	padding: 5px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 0.9em;
	color: #000 !important;
}
.viewAllItems:hover {
	color: #f00 !important;
}
.orderOnline {
	display: block;
	background:transparent url(../images/sprite.png) no-repeat scroll 0 -392px;
	height: 51px;
	width: 120px;
	text-indent: -9999px;
	margin: 0 0 10px;
}
#bannerNescafeQ2 {
	float:right; 
	margin-top:6px; 
	width:465px; 
	position:relative;
}

.googlePlusContainer {
	margin: 0 0 10px 35px ;
}

#referentie_uitgelicht {
	text-align: left;
	margin: 20px 0 50px; 0;
}

#referentie_uitgelicht img{
	margin: 0 20px 20px 0;
}

#referentie_uitgelicht .ref_foto {
	float: left;
} 
.twtr-doc {
	margin: -14px 0 0;
}

.twtr-doc h4  {
	display: none;
}
.tempAnnouncement {
	color: #006A6A;
	padding: 15px;
	border: 1px solid #006A6A;
	width: 435px;
	font-weight: 600;
}
.tempOutStock {
	border: 1px solid #333; 
	padding: 15px;
	width: 435px;
}

.catContainer {
	float: left;
	width: 255px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	margin: 0 15px 0 0;
	padding: 10px;
	background-image: linear-gradient(bottom, #EEEEEE 22%, #97B6B8 83%);
	background-image: -o-linear-gradient(bottom, #EEEEEE 22%, #97B6B8 83%);
	background-image: -moz-linear-gradient(bottom, #EEEEEE 22%, #97B6B8 83%);
	background-image: -webkit-linear-gradient(bottom, #EEEEEE 22%, #97B6B8 83%);
	background-image: -ms-linear-gradient(bottom, #EEEEEE 22%, #97B6B8 83%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.22, #EEEEEE),
		color-stop(0.83, #97B6B8)
	);
}
.catContainer  ul { 
	padding: 0 0 0 20px;
	margin: 0;
}

.catContainer a {
	margin: 10px 5px;
	padding: 0 0 0 15px;
	display: block;
	background:transparent url(../images/sprite.png) no-repeat scroll 0 -457px;
}