/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  
  $Path: /catalog/

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
  Links opmaak Eveline 2008-01-09
    20100125 Eveline W3C validation errors aangepakt
	20101122 Eveline blok met browser initialisatie settings toegevoegd
	20110111 Eveline correcties default padding 1px en // mag niet
	20110122 Eveline overal grootte in pt vervangen door px, ontbrekende px toegevoegd, standaard padding =0px gezet, afzonderlijke borders en paddings gecorrigeerd
	20110310 Eveline added .nobr	{ white-space:nowrap; }
    20110616 Eveline added 6238_ProductsCycleSlideshow
	20110826 Eveline definitie van strong toegevoegd
	20110831 Eveline infoboxes nieuwe hoofdkleur fuchsiaroze
    20110910 Eveline LeadIn komt nu uit afzonderlijk tabelveld products_leadtext. hiervoor nieuwe styles.
    20110920 Eveline padding verminderd

*/

/* Begin browser initialisatie settings (reset) block */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
	{
	margin: 0px;
	padding: 0px;
	border: none;
	outline: none;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	/*	vertical-align: baseline;  */
}
/* remember to define focus styles! */
:focus {
	outline: none;
}

body {
	line-height: 1.0;
	/* regelhoogte (rel tot gebruikt font) hier geen px als eenheid  */
	color: black;
	background: white;
}

ol,ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup because support for border-spacing is pretty bad */
/* border-collapse: collapse is used to make border line single between two cells. */
/* By default border-collapse is set to "separate" in browsers, i.e. both borders are shown (so, the line is doubled) */
table {
	border-collapse: collapse;
	border-spacing: 0px;
	padding: 0px;
	width: 100%;
	border-top-color: #D4D0C8;
}

caption,th,td {
	text-align: left;
	font-weight: normal;
}

blockquote:before,blockquote:after,q:before,q:after {
	content: "";
}

blockquote,q {
	quotes: "" "";
}
/* tot zover de reset waarden  ( browser initialisatie settings block ) 
========================================================================== */
.nobr {
	white-space: nowrap;
}

.boxText {
	font-size: 10px;
}

.errorBox {
	font-size: 10px;
	background: #ffb3b5; /* 255-179-181 zalmroze */
	font-weight: bold;
}

.stockWarning {
	font-size: 10px;
	color: #cc0033; /* 204-00-51 steenrood	*/
}

.productsNotifications {
	background: #FFE8FF; /* 255-232-255 licht paars-roze	*/
}

.orderEdit {
	font-size: 10px;
	color: #70d250; /* 112-13-80 donkerpaars	*/
	text-decoration: underline;
}

BODY {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: 400;
	font-style: normal;
	text-decoration: none;
	line-height: 1.3;
	background: #ffffff; /* wit	*/
	color: #000000; /* zwart	*/
	margin: 2px;
}

.help_body {
	background: #ffffff; /* wit	*/
	color: #000000; /* zwart	*/
	margin: 10px;
}

A { /* 	color: #000000;  */ /* zwart	*/
	/*	text-decoration: underline; */
	text-decoration: none;
}

A:hover { /*	color: #AABBDD;  		 170-187-221 staalblauw */
	/*	color: #000000;  */
	text-decoration: underline;
	/* 	text-decoration: none;	*/
}

FORM {
	display: inline;
}

strong {
	font-weight: bold;
}

TR.header {
	background: #ffffff; /* wit	*/
}

/* TR.headerNavigation {  */
/*	background: #bbc3d3;		187-195-211 blauwgrijs */
/*	background: #C39330;		goud:	*/
/* 	background: #ff5900; */ /* steenrood */
/* }

TD  */
.headerNavigation {
	padding: 4px;
	font-size: 11px;
	color: #ffffff; /* wit	*/
	/* background: #bbc3d3; 	187-195-211 blauwgrijs */
	/* background: #C39330;    goud:  */
	/* background: #ff5900; steenrood */
	background-image: url("images/infobox/verlooptint_1x22.gif");
}

A.headerNavigation {
	color: #ffffff; /* wit	*/
}

A.headerNavigation:hover {
	color: #ffffff; /* wit	*/
	font-weight: bold;
}

TR.headerError {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #ff0000; /* rood	*/
}

TD.headerError {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	background: #ff0000; /* rood	*/
	color: #ffffff; /* wit	*/
}

TR.headerInfo {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	background: #00ff00; /* groen	*/
}

TD.headerInfo {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background: #00ff00;
}

TR.footer { /* background: #bbc3d3;		187-195-211 blauwgrijs */
	/* background: #C39330;		goud  */
	/* background: #ff5900;  steenrood */
	background-image: url("images/infobox/verlooptint_1x16.gif");
}

TD.footer {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff; /* wit	*/
	/* background: #bbc3d3;	 	187-195-211 blauwgrijs */
	/* background: #C39330;		goud   */
	/* background: #ff5900; steenrood */
	background-image: url("images/infobox/verlooptint_1x16.gif");
}

/* <td> for navigation columns */
 .column_Left { border-collapse: collapse;  border-right: 3px;	border-right-style: solid;	border-right-color: #CCB0CC;} 
 .column_Right{ border-collapse: collapse; 	border-left:  3px;	border-left-style:  solid;	border-left-color:  #CCB0CC;} 
 
 /* <table>   for center block */ 
.bodyTable {
	border-collapse: collapse;
	border-spacing: 0px;
/*	border-right: 3px;    			*/
/*	border-right-style: solid; 		*/
/*	border-right-color: #CCB0CC;	*/
/*	border-left: 3px;				*/
/*	border-left-style: solid;		*/
/*	border-left-color: #CCB0CC;		*/
	border-top: 3px;
	border-top-style: solid;
	border-top-color: #CCB0CC;
}

table.infoBox,
tr.infoBox,
td.infoBox,
.infoBox {
	padding: 1px;
	font-size: 10px;
	/* background: #b6b7cb;		198-199-219 blauwgrijs */
	/* background: #C39330;		goud:	*/
	/* background: #ff5900; steenrood */
	background-image: url("images/infobox/verlooptint_1x16.gif");
}

table.infoBoxContents,tr.infoBoxContents,td.infoBoxContents {
	padding: 1px;
	font-size: 10px;
	/* background: #f8f8f9;		248-248-249 zeer licht grijs */
	background: #fff0f0; /* zeer licht baby-roze: 255-240-240	*/
}

.infoBoxNotice {
	padding: 1px;
	/* background: #FF8E90; 	255-122-124 zalmroze */
	background: #ff9090; /* zalmroze	*/
}

.infoBoxNoticeContents {
	padding: 2px;
	font-size: 10px;
	/* background: #FFE6E6;		255-230-230 licht roze-grijs  */
	background: #fff0f0; /* zeer licht baby-roze: 255-240-240	*/
}

TD.infoBoxHeading { 
     /* border-top: thin solid #FFFFFF; */
	vertical-align: middle;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff; /* wit	*/
	/*	background: #bbc3d3;		187-195-211 blauwgrijs   */
	/* background: #C39330;		goud: */
	/* background: #ff5900; steenrood */
	background-image: url("images/infobox/verlooptint_1x16.gif");
}

TR.accountHistory-odd,
TR.addressBook-odd,
TR.alsoPurchased-odd,
TR.payment-odd,
TR.productListing-odd,
TR.productReviews-odd,
TR.upcomingProducts-odd,
TR.shippingOptions-odd
	{ /* background: #f8f8f9;			*/
	background: #FFF4FF; /* 255-212-255 licht paars-roze	*/
}

TR.accountHistory-even,
TR.addressBook-even,
TR.alsoPurchased-even,
TR.payment-even,
TR.productListing-even,
TR.productReviews-even,
TR.upcomingProducts-even,
TR.shippingOptions-even	{ 
     /* background: #f8f8f9;  */
	background: #FFFCFF; /* 255-232-255 zeer licht paars-roze	*/
}

TABLE.productListing {
	border: 0px;
	border-style: solid;
	border-spacing: 1px;
	/* border-color: #b6b7cb;	donkergrijs */
	/* background: #ff5900; steenrood */
	background: #ffffff; /* wit		 */
}

.productListing-heading {
	font-size: 10px;
	font-weight: bold;
	color: #ffffff; /* wit	*/
	/* background: #b6b7cb;  */
	/* background: #C39330;;  	goud:	*/
	/* background: #ff5900; steenrood */
	background-image: url("images/infobox/verlooptint_1x16.gif");
}

TD.productListing-data {
	font-size: 11px;
}

/*--- add-on products_leadtext  ---*/
.listNameAndLeadtext {
	width: 200px;
}

.smallerText {
	font-size: 8px;
}
/*---  tot hier ---*/
A.pageResults {
	color: #0000FF; /* d.blauw	*/
}

A.pageResults:hover {
	color: #0000FF; /* d.blauw	*/
	background: #ffff33; /* geel	*/
}

TD.pageHeading,DIV.pageHeading {
	padding: 4px;
	font-size: 20px;
	font-weight: bold;
	/*  color: #9a9a9a;  		154-154-154 middelgrijs	*/
	color: #aa70aa; /*  lichtpaars	*/
}

TR.subBar {
	background: #f4f7fd; /* 244-247-253 lichtgrijs	*/
}

TD.subBar {
	font-size: 10px;
	color: #000000; /* zwart	*/
}

TD.main,P.main {
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 11px;
	line-height: 1.5;
}

/* TD.smallText, SPAN.smallText, P.smallText {	*/
.smallText {
	font-size: 10px;
}

TD.accountCategory {
	font-size: 13px;
	color: #aabbdd; /* 170-187-218 staalblauw	*/
}

TD.fieldKey {
	font-size: 12px;
	font-weight: bold;
}

TD.fieldValue {
	font-size: 12px;
}

TD.tableHeading {
	font-size: 12px;
	font-weight: bold;
}

SPAN.newItemInCart {
	font-size: 10px;
	color: #ff0000; /* rood	*/
}

CHECKBOX,INPUT,RADIO,SELECT {
	font-size: 11px;
}

TEXTAREA {
	width: 99%;
	font-size: 11px;
}

SPAN.greetUser {
	font-size: 12px;
	font-weight: bold;
	/*	color: #f0a480; 	 240- 164-144 zalmroze  */
	color: #f0a080; /*	240- 164-144 zalmroze	*/
}

TABLE.formArea {
	/*  background: #f1f9fe;  		241-249-254 licht blauwgrijs */
	background: #fff9f0; /* licht rozegrijs 255-249-240	*/
	/*	border 1px solid #BC7C7C; 	 		middelblauwgrijs  188-205-205:  */
	border: 1px solid #ffc7c7; /* middel rozegrijs 240-205-205	*/
}

TD.formAreaTitle {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

SPAN.markProductOutOfStock {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	/*	background: #c76170;			199-97-112 oud-roze   */
	background: #ff6070; /*	rood-roze	*/
}

SPAN.productSpecialPrice {
	color: #ff0000; /* rood	*/
}

SPAN.errorText {
	color: #ff0000; /* rood	*/
}

.moduleRow {
	
}

.moduleRowOver {
	/*	background-color: #D7E9F7; 	215-233-247 lichtblauw:	*/
	background-color: #FFE8FF; /* 255-232-255 licht paars-roze	*/
	cursor: pointer;
	_cursor: hand;
}

.moduleRowSelected {
	/*	background-color: #F0F0E0;	240-240-224 vaalgrijs:	*/
	background-color: #FFD4FF; /* 255-212-255 paars-roze	*/
}

.checkoutBarFrom,.checkoutBarTo {
	font-size: 10px;
	/*	color: #8c8c8c; 		92-92-92 antraciet:	*/
	color: #703030; /*	112-48-48 d.bruin	*/
}

.checkoutBarCurrent {
	font-size: 10px;
	color: #000000; /* zwart	*/
}

/* message box */

.messageBox {
	font-size: 10px;
}

.messageStackError,.messageStackWarning {
	font-size: 10px;
	/* oud 255-179-181 roze */
	background-color: #ffb3b5; /* 255-179-181 zalmroze */
}

.messageStackSuccess {
	font-size: 10px;
	background-color: #99ff00; /* lichtgroen	*/
}

/* input requirement */
.inputRequirement {
	font-size: 10px;
	color: #009900; /* groen	*/
}

/*--- Beginning of Addition Products Cycle Slideshow ---*/
.slideshow {
	padding-left: 10px;
}
/*
.ProductsCycleSlideshowWrapper { width: 504px; padding:0; margin:0; overflow: hidden; text-align:center;}
.ProductsCycleSlideshow { height: 310px; width: 500px; padding:0; margin:0; overflow: hidden; border: 2px solid #bbc3d3; background-color:#fff;}
.PCSChild { height: 296px; width: 486px; padding: 7px; text-align:center; top:0; left:0 }
*/
.PCSChild  a {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

.PCSChild  a img {
	border: none;
	border-width: 0px;
}

.PCSOutput {
	text-align: left;
	font-size: 12px;
}

.PCSOutput a {
	text-decoration: none;
	color: #000000;
}

.PCSPager {
	margin: 7px;
}

.PCSPager a {
	border: 1px solid #bbc3d3;
	background: #ffffff;
	color: #bbc3d3;
	text-decoration: none;
	margin: 0 5px;
	padding: 3px 5px;
	font-size: 12px;
}

.PCSPager a.activeSlide {
	border: 1px solid #000000;
	background: #bbc3d3;
	color: #000000;
}

.PCSPager a:focus {
	outline: none;
}

.strike {
	text-decoration: line-through;
}
/*--- End of Addition Products Cycle Slideshow ---*/

/*Denkster site */
.Italize {
	font-style: italic;
	font-size: 10px;
}

.lageregel {
	line-height: 80%;
	font-size: 20px;
}

.pWijzDat {
	font-size: 70%;
	color: #0000ff; /* blauw	*/
	text-align: center;
}

.Lead-In {
	font-size: large;
	font-style: italic;
	color: #666666; /* grijs	*/
}

ADDRESS {
	font-size: 10px;
	font-style: italic;
}

B {
	font-weight: 600;
}

Blockquote {
	font-size: 10px;
	margin-top: 4px;
	margin-right: 20px;
	margin-bottom: 4px;
	margin-left: 20px;
}

li {
	list-style-position: outside;
	padding-top: 4px;
}

ol {
	padding-left: 20px;
	list-style-type: decimal;
}

ul {
	padding-left: 20px;
	list-style-image: url("images/Graphics/bullet2.gif");
}

p {
	margin-top: 6px;
}

.bullet {
	padding-top: 12px;
	padding-right: 8px;
	padding-left: 2px;
}

.Roodvet {
	font-weight: bold;
	color: #ff0000; /* rood	*/
}

.RoodvetItal {
	font-weight: bold;
	font-style: italic;
	color: #ff0000; /* rood	*/
}

.FAQgroen {
	color: #009900; /* groen	*/
}

.kleiner {
	font-size: 10px;
}

.menu {
	font-size: 10px;
	text-decoration: none;
	color: #000000; /* zwart	*/
}

.tagline {
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #000000; /* zwart	*/
}

.headline {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #febe10; /* 254-190-160  zalmroze 	*/
}

.introcopy {
	font-size: 11px;
	line-height: 15px;
	color: #ffffff;
	text-decoration: none;
}

.bodycopy {
	font-size: 11px;
	line-height: 14px;
	text-decoration: none;
	color: #50504f; /* 80-80-79 donkergrijs	*/
}

.bodycopysmall {
	font-size: 10px;
	line-height: 13px;
	text-decoration: none;
	color: #50504f; /* 80-80-79 donkergrijs	*/
}

.subhead {
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #50504f; /* 80-80-79 donkergrijs	*/
}

.submenu {
	font-size: 9px;
	line-height: 14px;
	text-decoration: none;
	color: #50504f; /* 80-80-79 donkergrijs	*/
}

.IIndex {
	font-size: 8px;
}

H1 {
	font-size: 20px;
	font-weight: 600;
	padding: 12px 5px 0px 0px;
	/*	color: #666666;  		 grijs	*/
	color: #aa70aa; /*  lichtpaars	*/
}

H2 {
	font-size: 18px;
	font-weight: 500;
	padding: 10px 5px 0px 0px;
	/*    color: #0000FF;  		blauw	*/
	color: #aa70aa; /*  lichtpaars	*/
}

H3 {
	font-size: 16px;
	font-weight: 500;
	padding: 10px 5px 0px 0px;
	/*	color: #ff0000;		 	 rood	*/
	color: #aa70aa; /*  lichtpaars	*/
}

H4 {
	font-size: 14px;
	font-weight: 500;
	color: #aa70aa; /*  lichtpaars	*/
	padding: 8px 5px 0px 0px;
}

.H1m {
	font-size: 24px;
	font-weight: 600;
	color: #666666; /*		 grijs	*/
}

.H2m {
	font-size: 22px;
	font-weight: 500;
	color: #0000FF; /* 		blauw	*/
	padding: 18px 5px 0px 0px;
}

.H3m {
	font-size: 20px;
	font-weight: 500;
	/* 	color: #0000FF;   		blauw	*/
	color: #aa70aa; /*  lichtpaars	*/
	padding: 16px 5px 0px 0px;
}

.H4m {
	font-size: 18px;
	font-weight: 500;
	color: #aa70aa; /*  lichtpaars	*/
	padding: 16px 5px 0px 0px;
}

.H5m {
	font-size: 16px;
	font-weight: 500;
	color: #aa70aa; /*  lichtpaars	*/
	padding: 16px 5px 0px 0px;
}

.BODYm {
	margin: 20px;
	width: 723px;
}

#kreet {
	height: auto;
	width: auto;
	position: absolute;
	visibility: visible;
	left: 420px;
	top: 8px;
}

#anihead {
	height: auto;
	width: auto;
	position: absolute;
	visibility: visible;
	right: 0px;
	top: 20px;
}
