/* algemeen CSS-bestand voor Smeets & Graas. Laatste wijziging: 10 maart 2008
aparte stijlbestanden voor header en footer
*/

/* hoofdstructuur  productpaginaas en indexpaginaas */
.hoofdTabel				{width:760px;border:1px solid #BBBBBB;text-align:center} /* ook voor txtpaginaas */
.hoofdTabel1000			{width:1000px;border:1px solid #BBBBBB;text-align:left}
.hoofdTabel1000H			{width:1000px;text-align:left}
.prodIntroTabel				{text-align:left;margin-bottom:70px;margin-right:0px}
.prodIntroTabel TD				{vertical-align:top}
.prodIntroTabelCel1		{}
.catTabel						{width:700px;text-align:center;}
.catTabel TD				{vertical-align:top}


/* index paginaas */
.logoFoto				{text-align:left;margin-bottom:15px;margin-left:10px}

.IXblok						{width:530px;margin-bottom:24px;font:normal 11px Verdana}
.IXblokcel1		{width:80px;text-align:center}
.IXblokcel2		{width:200px;font:normal 11px Verdana;padding:0px 10px 0px 5px}
.IXblokcel3		{width:250px;font:normal 11px Verdana}

.prodIntroTabelCel2i		{width:30%;border-right:1px solid #CCCCCC;padding-top:10px;}
.prodIntroTabelCel3i		{width:70%;padding-top:10px;padding-left:10px;} /* voegt cel 3 en 4 vd productpaginaas samen */
.prodIntroTabelCel4i		{border-right:1px solid #CCCCCC;padding-top:10px;}/* 4i en 6i alleen wanneer onderaan de indexpagina tekst staat: dus niet bij bijv. de diverse producten */
.prodIntroTabelCel6i	{border-top:1px solid #CCCCCC;padding-top:20px;padding-left:10px;}/* voegt cel 6 en 7 vd productpaginaas samen */

.IndexLinkerCelKopje			{font-weight:bold;font-size:11px;margin:0px 10px 6px 10px}
.IndexRechterCelKopje		{font-weight:bold;font-size:14px;margin:0px 0px 20px 0px;color:#B50505;text-align:center}
H3.Index							{font:normal 11px Verdana;margin:0px 10px 10px 10px}
H3.IndexEnd							{font:normal 11px Verdana;margin:0px 10px 25px 10px}

/* regel 25,26,27 verwijderen na maken paginaas voor alle producten: nu nog in gebruik voor o.a. NC paddestoelen */
.IXblokBrd					{width:530px;margin-bottom:24px;font:normal 11px Verdana;border-bottom:1px solid #999999;padding-bottom:10px}
.NCKop			{color:#333333;font-weight:bold;text-decoration:underline}
.tablet				{font-weight:normal;color:#272727;font-size:10px}

/* productpaginaas */

.price							{font:bold 17px Arial;color:#B50505;margin:0px 10px 16px 10px}
.shipping			{font:normal 10px Arial; color: green;}
.priceInfo			{font:normal 11px verdana;color:#333}

.prodIntroTabelCel2		{width:30%;padding:10px 0px 0px 0px;}
.prodIntroTabelCel3		{width:45%;padding:10px 10px 0px 10px;border-right:1px solid #CCCCCC;}
.prodIntroTabelCel4		{width:25%;padding:10px 0px 0px 10px}

H1							{font-weight:bold;font-size: 24px;margin:6px 0px 12px 10px}
.prodFoto				{text-align:center;margin-bottom:15px}
.prodNaam				{font-size:11px;margin:0px 10px 10px 10px}
H2							{font:normal 11px Verdana;margin:0px 10px 10px 10px}
H3							{font:normal 11px Verdana;margin:0px 10px 10px 10px}
.prijs							{font:bold 17px Arial;color:#B50505;margin:0px 10px 20px 10px}
.prijsDubbel				{font:bold 17px Arial;color:#B50505;margin:0px 10px 0px 10px}
.prijsDubbelInfo			{font:normal 11px verdana;margin:0px 10px 5px 10px}

.prijsKlein					{font-weight:bold;font-size:11px;color:#b72525;margin:0px 10px 20px 10px}
.bestelform					{text-align:left;margin:0px 0px 0px 10px}
.bestelblokAantal			{background-color:#F5F5F5;font:bold 12px Tahoma;color:#626262;margin:0px 0px 15px 0px}

.prodIntroTabelKop			{font-weight:bold;font-size:11px;margin:0px 10px 6px 10px}
.prodIntroTabelKopExtra		{font-weight:bold;font-size:13px;margin:0px 10px 20px 10px;color:#B50505}
.prodIntroTabelTxt			{font-weight:normal;font-size:11px;margin:0px 10px 6px 10px}
.prodIntroTabelTxtEnd		{font-weight:normal;font-size:11px;margin:0px 10px 18px 10px;text-align:justify}

.prodIntroTabelFRKop		{font-size:13px;font-weight:bold;margin:0px 20px 10px 0px}
.prodIntroTabelFRTxt		{font-size:12px;margin:0px 20px 6px 0px;text-align:justify}
.prodIntroTabelFRTxtEnd		{font-size:12px;margin:0px 20px 18px 0px;text-align:justify}

.TableBTG				{margin:0px 100px 15px 40px}
.TableBTG	TD			{vertical-align:top}
.TableBTGCel1		{width:65%}
.TableBTGCel2		{width:35%;padding-left:20px}
.TableBTGPic		{margin-bottom:15px}
.TableBTGPic	TD			{vertical-align:middle}
.TableBTGPicCel		{width:60px}

.btgFoto	{text-align:left;margin-bottom:15px}

.BTGbestel		{margin-bottom:12px}
.BTGbestel2		{margin-bottom:4px}
.btgKopje		{font-size:11px;font-weight:bold;margin:0px 0px 15px 0px}	
.btgTxt			{font-size:11px;margin:0px 0px 0px 0px}
.btgPrijs			{font:bold 17px Arial;color:#B50505;margin:0px 0px 20px 0px}
/* INFO BLOKKEN OP PRODUCTPAGINAAS */
.prodInfoTabel			{text-align:left;padding:0px;margin-bottom:60px}

.prodInfoKop					{font:bold 17px Arial;margin:0px 30px 18px 30px;border-bottom:1px solid #333333}
.prodInfoKopje					{font-size:13px;font-weight:bold;margin:0px 100px 5px 40px}
.prodInfoList					{font-size:13px;font-weight:normal;margin:0px 100px 8px 40px;text-align:left}
.prodInfoListEnd				{font-size:13px;font-weight:normal;margin:0px 100px 20px 40px;text-align:left}
.prodInfoTxt					{font-size:13px;font-weight:normal;margin:0px 40px 15px 40px;text-align:justify}
.prodInfoTxtVar				{font-size:13px;font-weight:normal;margin:0px 25px 10px 40px;text-align:left}
.prodInfoTxtEnd				{font-size:13px;font-weight:normal;margin:0px 40px 20px 40px;text-align:justify}
.prodTxt						{font-size:13px;font-weight:normal}

.prodTxt10						{font-size:13px;font-weight:normal;margin-bottom:10px}
.prodTxt10B						{font-size:13px;font-weight:bold;margin-bottom:10px}/* op kado-index */
.prodKopje					{font-size:13px;font-weight:bold}

.prodInfoTxtkl					{font-size:11px;font-weight:normal;margin:0px 100px 10px 40px;text-align:left}
.prodInfoTxtklEnd					{font-size:11px;font-weight:normal;margin:0px 100px 20px 40px;text-align:left}
.prodInfoLink					{font-size:11px;font-weight:normal;margin:12px 100px 0px 40px}
.ingredientenTabel			{font-size:11px;margin:0px 100px 25px 40px}
.ingredientenTabel	TD	{font-size:11px;margin:0px;height:20px}
.ingredientenTabelCel1	{width:350px}
.ingredientenTabelCel2	{}

/* op: algemeen/categorie.php (sitemap) */

.sitemapTabel						{width:700px;text-align:left;margin-left:10px}
.sitemapTabel	TD					{vertical-align:top}
.sitemapTabelcel1				{width:40%;padding:10px 0px 20px 20px}
.sitemapTabelcel2				{width:30%;padding:10px 0px 20px 20px}
.sitemapTabelcel3				{width:30%;padding:10px 0px 20px 20px}
.sitemapKopje					{font-size:13px;font-weight:bold;margin-bottom:12px}
.prodTxt5						{font-size:13px;font-weight:normal;margin-bottom:5px}
.prodTxt5In						{font-size:12px;font-weight:normal;margin-bottom:5px;margin-left:20px}

.sitemapTxt				{font-size:13px;font-weight:normal;margin:0px 40px 20px 30px;text-align:justify}


/* INFO BLOKKEN OP TXTPAGINAAS */
.TxtInfoTabel			{text-align:left;padding:0px;margin:30px 0px 60px 0px}

/*	COLOFON	*/
/* in apart stylesheet */
.colofonTabel		{width:760px;padding-top:12px;border:1px solid #BBBBBB;border-top:none}
.nav						{font:normal 11px Tahoma,Arial,Helvetica,sans-serif;letter-spacing:0.05em;text-align:center;color:#999999;margin-bottom:15px;font-variant:small-caps}
a.link2:link			{color:#0066CC;text-decoration:none}
a.link2:visited		{color:#0066CC;text-decoration:none}
a.link2:active		{color:#0066CC;text-decoration:none}
a.link2:hover		{color:#A3824D;text-decoration:underline}
/* formulier advies */
.formTabelAdvies		{font-size:11px;color:#333333;background-color:#e5decb;width:690px;border:1px solid #999999;padding:12px 4px 0px 4px;margin:0px 10px 20px 40px}
.formTabelAdvies TR TD {vertical-align:top}

.aanhefveld	{background-color:#FFFFFF;width:50px}
.formveldAdv	{background-color:#FFFFFF;width:200px;}
.tekstveldAdv	{background-color:#FFFFFF;width:350px;height:125px;}

.AdvCel1	{width:25%;text-align:left;padding-left:40px;font-weight:bold;color:#333333;font-size:12px}
.AdvCel2	{width:75%;text-align:left;padding-left:50px}
.AdvCel3	{text-align:left;padding-left:40px}
.submitbuttonAdv		{border:3px double #999;
								border-left-color:#ccc;
								border-top-color:#ccc;
								color:#555;padding:0.1em;
								background:url(../gif/background-submit2.gif) center repeat-x;
								background-color:#f2f2f2;
								margin:20px 0px 15px 0px;
								font-size:14px;
								font-weight:bold}

/* TAGS en ALGEMENE CODES */
BODY						{background-color:#FFFFFF;margin:0px 0px 60px 0px;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;color:#333333;}
FORM						{margin:0px}
.vet						{font-weight:bold}
.normaal					{font-weight:normal}
.schuin						{font-style:italic}
.streep						{text-decoration:line-through}
.rood						{color:#B50505}
.klein						{font-size:10px;color:#626262;}
.oranje						{color:#b72525}
.vetoranje					{font-weight:bold;color:#b72525}
.vetroodKop					{font-weight:bold;color:#b72525;font-size:11px;text-decoration:underline}
.clear						{clear:both;font-size:1px;margin:0px}
a.link3:link				{color:#0066CC;text-decoration:none}
a.link3:visited				{color:#0066CC;text-decoration:none}
a.link3:active				{color:#0066CC;text-decoration:none}
a.link3:hover				{color:#a3824d;text-decoration:underline}

a.link4:link				{font-weight:bold;color:#0066CC;text-decoration:underline}
a.link4:visited				{font-weight:bold;color:#0066CC;text-decoration:underline}
a.link4:active				{font-weight:bold;color:#0066CC;text-decoration:underline}
a.link4:hover				{color:#a3824d;text-decoration:underline}

a.link6:link				{color:#FFF;text-decoration:none;font-weight:bold}
a.link6:visited				{color:#FFF;text-decoration:none;font-weight:bold}
a.link6:active				{color:#FFF;text-decoration:none;font-weight:bold}
a.link6:hover				{color:#FFFFFF;text-decoration:underline;font-weight:bold}

a.link7:link				{color:#0066CC;text-decoration:none}
a.link7:visited				{color:#0066CC;text-decoration:none}
a.link7:active				{color:#0066CC;text-decoration:none}
a.link7:hover				{color:#0066CC;text-decoration:underline}

a.link8:link				{color:#FFFFFF;text-decoration:underline}
a.link8:visited				{color:#FFFFFF;text-decoration:underline}
a.link8:active				{color:#FFFFFF;text-decoration:underline}
a.link8:hover				{color:#FFFFFF;text-decoration:underline}


.bestelblokKnop {
	font:bold 12px Tahoma,Verdana,Arial;
	background: url(../gif/background-submit14.gif) repeat-x;
	border:3px double #b4b4b4;
	border-left-color:#d0d0d0;
	border-top-color:#d0d0d0;
	color:#333;
	padding:0.2em 0.3em 0.4em 0.3em;
	width:145px;
	margin:0px 0px 15px 0px;
	letter-spacing:0.1em;
	cursor:pointer;
	font-variant:small-caps}
.bestelblokKnop:active {background:url(http://www.smeetsengraas.nl/gif/background-submit2.gif) center repeat-x;}

* html .bestelblokKnop {font-size: 13px;padding-top: 5px;padding:0.4em;}
*:first-child+html .bestelblokKnop {font-size: 13px;padding-top: 5px;padding:0.4em;}

* html .bestelblokAantal {margin-bottom: 20px;}
*:first-child+html .bestelblokAantal {margin-bottom: 20px;}

/* actiepagina */
a.link:link					{color:#0066CC;text-decoration:none}
a.link:visited				{color:#0066CC;text-decoration:none}
a.link:active				{color:#0066CC;text-decoration:none}
a.link:hover				{color:#a3824d;text-decoration:underline}

.ActieTxt					{font-size:11px;margin:0px 0px 10px 0px;padding:4px 0px 4px 0px;text-align:justify;border-top:1px solid #999999;border-bottom:1px solid #999999}
.Actiepak						{padding:4px;border:0px double #7da600;margin-bottom:70px}
.ProdPicActie					{margin:0px 0px 20px 0px}
.overlib			{margin:0px}