/*****************************************************************************************\
*																																													*
*		CSS style data voor ShopOnline.																														*
*		Pas dit bestand aan naar de gewenste style.																									*
*		Per blok staat beschreven wat het doet en waar het voor dient.												*						*
*		Alles tussen {} is style bedoeld voor het item wat voor de { geschreven staat.								*			*
*																																													*	
*		EXTRA INFO:																									*													*
*		Voor sommige onderdelen zoals achtergrond-kleur zijn meerdere opties (ook een afbeelding bijv.)				*
*		Hier wordt altijd de onderste binnen het blok gebruikt.														*							*
*		Voorbeeld:																									*														*
*				background-color: #ffffff;																			*												*
*				background-image:url('http://www.qem.nl/so/Pictures/'MemberID'/afbeelding.jpg');					*
*				background-repeat:repeat;																			*											*
*		Hierbij wordt het plaatje als achtergrond gezet in plaats van de kleur. Wanneer je dus de kleur 			*
*		onderop zet wordt de kleur als achtergrond gebruikt.														*								*
*																																													*
*		Sommige styledata dienen voor links binnen ShopOnline. Dit zal hierbij vermeld worden. Voor links			*
*		zijn ook mouseovers mogelijk. Dit doe je door hetzelfde blok aan te maken maar dan met :hover 				*
*		achter de naam.																								*													*
*		Voorbeeld: 																									*														*
*			.link { color:white; } 																					*													*
*			.link:hover { color:black; }																			*													
*																																													*
*		Wanneer het mogelijk is om een afbeelding op de achtergrond te zetten komt de volgende link er				*
*		te staan: http://www.qem.nl/so/Pictures/'MemberID'/afbeelding.jpg.											*
*		Wanneer in qem een beeld is geupload onder een debiteur kan dit beeld aangeroepen worden met				*
*		bovenstaande link waarbij 'MemberID' veranderd wordt in het memberId van de debiteur en 					*
*		afbeelding.jpg wordt veranderd in de naam van de afbeelding met extensie.									*			*																																													*
*		NOTE:																										*															*
*		In dit stylesheet zijn nog niet de opties geimplementeerd om de megaknaller-actie een aparte style			*
*		te geven.																									*															*
*																																																																																						*
\*****************************************************************************************/

/* NOTE: Alles hiertussen wordt gezien als commentaar en wordt door de browser genegeerd */


/* STANDAARD ==================================================== */

/* Pagina Achtergrondkleur. Dit mag ook een afbeelding zijn. */
body, html
{
	background-image:url('none');
	background-repeat:repeat;
	background-color: #e4e4e4;
	font-family: Arial,Helvetica;
	color: #535353;
}

/* Pagina borderkleur */
.div1
{
	border-color: #e4e4e4;
	border: 0px;
}

div.div1 {
	border-color: #e4e4e4;
	border: 0px;
}

/* Kop tekstkleur */
h1
{
	color: #3e3e3e;
}

.MainTable
{
	border:#FFFFFF;
}


/* TOPMENU ==================================================== */

/* Topmenu bovenbalk achtergrondkleur. Dit mag ook een afbeelding zijn. */
.logodiv
{
	background-color: #848484;
	background-image:url('http://www.qem.nl/so/Pictures/443/kop-background.jpg');
	background-repeat:repeat-x;
}

/* Topmenu bovenbalk tekstkleur */
.contact, .logodiv
{
	color: #fff;
}

a .contact {
	color: #fff;
	text-decoration:underline;
}

a:hover .contact {
	color: #fff;
	text-decoration:none;
}

.lblsearch
{
	font-size: 16px;
	color: #fff;
}

/* Zoek submit knop achtergrondkleur. Dit mag ook een afbeelding zijn. */
.srcButton
{
	background-color: #000;
	background-image:url('none');
	background-repeat:repeat-x;
	border: 1px solid #000;
	color: #fff;
}

/* Zoek submit knop achtergrondkleur. Dit mag ook een afbeelding zijn. */
.srcButton:hover
{
	background-color: #9c3131;
	background-image:url('none');
	background-repeat:repeat-x; 
	border: 1px solid #9c3131;
	color: #fff;
}

.contactdiv
{
 	 border-right: 1px dotted #383838;
}

/* Topmenu knoppen achtergrondkleur. Dit mag ook een afbeelding zijn. */
.chapterdiv
{
	background-color: #fff;
	background-image:url('none');
	background-repeat:repeat-x;
	color: #000000;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: white;
	padding-left: 6px;
	padding-right: 6px;
	font-weight:bold;
}

.mnuChapter, .mnuChapterH1, .mnuChapterfr
{
	background-color: #fff;
	background-image:url('none');
	background-repeat:repeat-x;
	color: #000000;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: white;
	padding-left: 6px;
	padding-right: 6px;
	font-weight:bold;
}

.mnuChapter:hover, .mnuChapterH1:hover, .mnuChapterfr:hover
{
	background-color: #d9d9d9;
	background-image:url('none');
	background-repeat:repeat-x;
	color: #000000;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: white;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration:none;
	font-weight:bold;
}

/* Topmenu geselecteerde knop achtergrondkleur. Dit mag ook een afbeelding zijn. */
.mnuChapterSel, .mnuChapterSelfr, .mnuLinkSel
{
	background-color: #d9d9d9;
	background-image:url('none');
	background-repeat:repeat-x;
	color: #000000;
	text-decoration:none;
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: white;
	padding-left: 6px;
	padding-right: 6px;
	font-weight:bold;
}

.mnuChapterSel:hover, .mnuChapterSelfr:hover, .mnuLinkSel:hover
{
	color: #ffffff;
	text-decoration:none;
}

.mnuLastItem {
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: white;
}

/* Topmenu huidige pagina tekstkleur */
.curNavigation
{
	color: #383838;
}

.curNavigation:hover
{
	color: #9c3131;
	font-weight:normal;
	text-decoration:none;
}

/* KRUIMELPAD ====================================================  */

.navigation
{
	color:#000;
	text-decoration:underline;
	font-size:10px;
}

.navigation:hover
{
	color:#9d3131;
	text-decoration:underline;
	font-size:10px;
}

.navigationCurrent
{
	color:#9d3131;
	font-size:10px;
}

.navigationCurrent:hover
{
	color:#9c3131;
	font-size:10px;
}

/* STIPPELLIJNTJES ====================================================  */

.tdMain
{
	border-right-color: #535353;
	border-right: 1px;
	border-right-style:dotted;
}

.Salesdiv
{
	border-bottom-color: #535353;
	border-bottom: 1px;
	border-bottom-style:dotted;
}

/* RECHTERMENU ====================================================  */

/* Style 17, 18 */
/* Rechtermenu kop en voet balken achtergrondkleur. Dit mag ook een afbeelding zijn. */
.topcart, .foldertop, .prdTop, .partnertop, .logintop
{
	background-color: #fff;
	background-image:url('http://www.qem.nl/so/Pictures/443/rechtermenu-kop.jpg');
	background-repeat:no-repeat;
	color: #fff;
}

/* Rechtermenu kop en voet balken achtergrondkleur. Dit mag ook een afbeelding zijn. */
.bottomlogin, .bottomcart
{
	background-color: #fff;
	background-image:url('http://www.qem.nl/so/Pictures/443/rechtermenu-footer.jpg');
	background-repeat:no-repeat;
	color: #fff;
}

.tdCart ul
{
	
	list-style-position:outside;
	list-style-image:url('http://www.qem.nl/so/Pictures/443/winkelmand_icoon.jpg');
}

.tdCart ul a {
	color: #000000;
}

.tdCart ul a:hover {
	color: #9d3131;
}


/* Style 19, 20 */
/* Rechtermenu inhoud achergrondkleur. Dit mag ook een afbeelding zijn. */
.folder, .partnerbottom, .cart, .login
{
	background-image:url('none');
	background-repeat:repeat;
	background-color: #fff;
	color: #383838;
	line-height: 18px;
	border-width: 1px;
	border-color: #eeeeee;
}

/* Rechtermenu inhoud tekstkleur */
.cartlink
{
	color: #383838;
}

.cartlink:hover
{
	color: #9c3131;
}

/* Rechtermenu inhoud winkelmand tekstkleur */
.tdCart, .rightCart
{
	color: #383838;
}

/* AANBIEDINGEN ====================================================  */


.SaleBox {
	border-color: #eeeeee;
	border: 1px;
}


/* Standaardpagina meer aanbiedingen link tekskleur */
.aMoresale, .bMoresale
{
	color: #3e3e3e;
	font-size: 14px;
}

.aMoresale:hover, .bMoresale:hover
{
	color: #9c3131;
	font-size: 14px;
}

/* Standaardpagina bovenkant achtergrondkleur. Dit mag ook een afbeelding zijn */
.TopSale
{
	background-image:url('none');
	background-repeat:repeat;
	background-color: #fff;
	border-color: #eeeeee;
	border-top: 1px;
	border-left: 1px;
	border-right: 1px;
	border-bottom: 0px;
	color: #9c3131;
}

/* Aanbiedingen image */
.ImageSale
{
	border-left: 1px;
	border-right: 1px;
	border-color: #eeeeee;
}

/* Standaardpagina onderkant achtergrondkleur. Dit mag ook een afbeelding zijn */
.BottomSale
{
	background-image:url('none');
	background-repeat:repeat;
	background-color: #f8f8f8;
	border-color: #eeeeee;
	border: 1px;
}

.lblActionText {
}

/* Standaardpagina onderkant tekstkleur */
.tblPrice
{
	color: #3e3e3e;
	background-color: #f8f8f8;
}

/* Standaardpagina prijsblok achtergrondkleur. Dit mag ook een afbeelding zijn */
.tdPrice
{
	background-image:url('none');
	background-repeat:repeat;
	background-color: #fff;
	border: 1px solid #eeeeee;
	color: #c44d4d;
	text-align:center;
}

/* Standaardpagina klik-hier blok borderkleur */
.tdLink
{
	border: 1px solid #eeeeee;
}

/* Standaardpagina klik-hier blok achtergrondkleur. Dit mag ook een afbeelding zijn */
.divLink, .divLinkfr
{
	background-image:url('none');
	background-repeat:repeat;
	background-color: #fff;
	color: #9c3131;
}

.divLink:hover, .divLinkfr:hover
{
	color: #c44d4d;
}


/* CATALOGUS ====================================================  */

/* Standaardpagina Hoofdstukbox achtergrondkleur. Dit mag ook een afbeelding zijn */
.imgChapter
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #fff;
	border-color:#eeeeee;
	border-width: 1px;
}

.imgChapter:hover
{
	background-color: #f8f8f8;
}

/* Standaardpagina Hoofdstukbox borderkleur */
.chpImage, .chpName
{
	border-color:#eeeeee;
}

/* Standaardpagina Hoofdstukbox tekstkleur */
.chpName, .imglink
{
	color:#3e3e3e;
	font-style:normal;
}

.chpName:hover, .imglink:hover
{
	color:#9c3131;
	font-style:normal;
}

/* Paragraafpagina Navigatiebox boven achtergrondkleur. Dit mag ook een afbeelding zijn */
.tblItem
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color:#fff;
	border-width: 1px;
	border-color: #eeeeee;
}

.tblItem:hover
{
	background-color: #f8f8f8;
}

/* Paragraafpagina Navigatiebox onder achtergrondkleur. Dit mag ook een afbeelding zijn.
Kan ook weg gehaald worden om de gehele navigatiebox gelijk te houden aan de bovenkant */
.itemdiv
{
	background-image:url('none');
	background-repeat:repeat;
	/* background-color: #fff; */
	color:#3e3e3e;
}

.itemdiv:hover
{
	color:#9c3131;
	text-decoration: none;
}

/* Paragraafpagina borderkleur */
.tblItem
{
	border-color: #eeeeee;
}

/* Productpagina Productbox achtergrondkleur. Dit mag ook een afbeelding zijn*/
/* Deze geld ook voor de aanbiedingenpagina */
.divSale, .tblArticle, .tblProducts
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color:#fff;
}

/* Productpagina Productbox borderkleur */
/* Deze geld ook voor de aanbiedingenpagina */
.divSale, .tblArticle, .tblProducts, .tblHeader, .tcNumber, .tcInfo, .tcUnits, .tcHigh, .tcLow, .tblCartHeader
{
	border-color:#eeeeee;
	border-width: 1px;
}

/* Productpagina prijsblok achtergrondkleur. Dit mag ook een afbeelding zijn */
.prdPrice
{ 
	background-image:url('none');
	background-repeat:repeat-x;
	background-color:#f8f8f8;
	border: 1px solid #eeeeee;
}

.divPrice, .prdPrice
{
	/* Productpagina prijsblok tekstkleur */
	color: #c44d4d;
}


/* Productpagina meer-link tekstkleur */
.artLink
{
	color:#3e3e3e;
	font-size:16px;
	font-weight:bold;
}

.artLink:hover
{
	color:#9c3131;
	font-size:16px;
	font-weight:bold;
}

/* Productpagina meerblok achtergrondkleur. Dit mag ook een afbeelding zijn */
.Meer
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #9c3131;
}

/* Productpagina meerblok tekstkleur */
.lblExtra
{
	color: #fff;
}

/* ZOEKEN ======================================================= */

/* Zoekpagina algemene tekstkleur */
.resultcontent
{
}

/* WINKELMAND =================================================== */

/* Winkelmand algemeen. Bijvoorbeeld voor tekstkleur */
.divEdit, .divPersonalData, .divPayment, .lblEmpty
{
}

/* Winkelmand kop tekstkleur */
 h3
{
	color: #3e3e3e;
}

/* Winkelmand huidige stap achtergrondkleur. Dit mag ook een afbeelding zijn */
.Stap1:hover, .Stap2:hover, .Stap3:hover, .Stap4:hover, .Stap1sel, .Stap2sel, .Stap3sel, .Stap4sel, .naviTxt
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #9a9a9a;
}

.nvButton:hover, .Stap1sel, .Stap2sel, .Stap3sel, .Stap4sel
{
	color:#fff;
}

/* Winkelmand resterende stappen achtergroundkleur. Dit mag ook een afbeelding zijn */
.Stap1, .Stap2, .Stap3, .Stap4
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #9c3131;
	color: #fff;
}

/* Winkelmand resterende stappen tekstkleur */
.nvButton
{
	color: #fff;
}

/* Winkelmand subkop tekstkleur */
h2
{
	color: #9c3131;
}

/* Winkelmand inhoud achtergrondkleur 1. Dit mag ook een afbeelding zijn */
.shopEditRowA
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #f3f3f3;
}

/* Winkelmand inhoud achtergrondkleur 2. Dit mag ook een afbeelding zijn */
.shopEditRowB
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #f3f3f3;
}

/* Winkelmand Stap 1 & 3 kolommen 1,3 en 5 */
.shopEditNumberHeader, .shopEditNumber, .shopEditAmountHeader, .shopEditAmount, .shopEditTotaalHeader, .shopEditTotaal
{
	background-color:#eeeeee;
}

/* Winkelmand Stap 1 & 3 kolommen 2 en 4 */
.shopEditDescriptionHeader, .shopEditDescription, .shopEditPrijsHeader, .shopEditPrijs
{
	background-color:#f8f8f8;
}

/* Winkelmand Stap 1: invulveld */
.textbox
{
	background-color:#fff;
}

/* Winkelmand knoppen. Dit mag ook een afbeelding zijn */
.btnStap2, .btnVerder, .btnCalc, .btnStap1, .btnPrint, .btnBestel, .btnPrint2
{
	background-image:url('none');
	background-repeat:repeat-x;
	background-color: #9c3131;
	color: #fff;
}

/*Links. Deze kunnen ook een mouseover hebben */
.popup, .maillink
{
	color: #9c3131;
}

/* CONTENT PAGINA'S ================================================= */

.Maindiv {
	text-align:left;
}

.prdName {
	font-size: 16px;
	padding-left: 55px;

}

.artLink {
margin-left: 30px;
margin-bottom: 40px;
}

.artName {
	font-size: 16px;
}