/*
 *	Links: underlined, colors
 */
A
{ color: white; font-weight: 700; background-color: #c00; }
/*
 *	No borders for links containing images
 */
A:hover
{ color: white; font-weight: 700; font-style: italic; background-color: #c00; }
/*
 *	Global settings, font, color, margin, fixed backgrounds
 */

BODY
{ font-family: arial, verdana, sans-serif; font-weight: bold; background-color: black; text-align: center; margin: 2px 12px 12px; }
BODY.edge
{
	color: white;
	font-weight: bold;
	font-size: smaller;
	text-align: left;
	background-image: url('abghoek.png');
	background-image: url(abghoek.jpg);
}
BODY.head
{ color: white; background-image: url(abghorz.jpg); margin: 0 0 0 0;
/*
	background-color: #00BFF5;
	background-image: url('abghorz.png');
*/
}
BODY.head A, DIV.button { color: white; font-size: 12px; background-color: #c00; text-decoration: none; text-align: center; }
BODY.head A:hover DIV.button
{ background-color: #06082b; border-style: outset; }
BODY.head A:active DIV.button
{
        border-style: inset;
}
BODY.head A:hover,
BODY.menu A:hover
{
	color: white;
}
/*
A:hover DIV.button
{
	border-style: outset;
}

A:active DIV.button
{
        border-style: inset;
}
*/
BODY.head DIV.button
{ color: white; line-height: 25px; background-color: #c00; text-align: center; height: 20px; margin: 0; border: groove #999999; }
BODY.main
{ color: white; font-size: 14px; background-color: black; margin: 2px 12px 12px;
/*	background-image: url('abkgrnd.jpg');				*/
/*
	color: white;
	background-color: #CCCCCC;
	background-image: url('abkgrnd.png');
*/
}
BODY.main DIV.button
{ color: #c00; text-align: center; font-size: 18px; background-color: #999; width: 350px; border: groove red; }
BODY.main TABLE DIV.button
{
	font-size: 14px;
}
BODY.menu
{ color: white; margin: 12px 16px 12px 8px; background-color: #999999; background-image: url(abgvert.jpg); background-repeat: no-repeat; }
BODY.menu DIV.button
{
/*
	border-color: #00BFF5;
	background-color: #00BFF5;

	border-color: black;
	background-color: black;
*/
}
BODY.menu_right
{
	color: white;
	margin: 12px 8px 12px 32px;

	background-color: #999999;
	background-image: url(abgvertrechts.jpg);
}
BODY.rb { font-family: arial, verdana, sans-serif; font-weight: bold; background-color: transparent; background-image: url(abghoekrechts.jpg); background-repeat: no-repeat; text-align: center; margin: 10px 1px 1px; }
Caption.menu
{
	font-size: larger;
	text-decoration: underline;
}
DIV.button
{
	font-weight: bold;
/*
	background-color: #999999;
	border: medium groove #999999;
*/
}
/*
element { }
*/
table.pricelist div.description,
FONT#description
{ color: black; font-size: 14px; background-color: white; outline-color: red; }
table.pricelist span.heading,
FONT#heading
{ color: #c00; font-size: 16px; font-weight: bold; background-color: white; }
/*
 *	Fonts
 */
table.pricelist td.name,
FONT#name
{
	font-weight: bold;
}
/*
 *	Default headings: small caps, centered, background, border
 */
H1 { color: white; font-size: 24px; font-weight: bold; font-variant: normal; background-color: transparent; text-align: center; }
H2 { color: white; font-size: 24px; font-weight: bold; background-color: #c00; text-align: center; margin-bottom: -3px; padding: 10px; border: outset silver; }
H3 { color: white; font-variant: normal; background-color: #06082b; text-align: center; border: outset silver; }
H4 { color: #000080; font-size: 14px; font-variant: normal; background-color: #eaeaea; text-align: center; margin: 10px -8px 5px; padding: 10px; border: outset #999999; }
H5 { color: white; font-size: 14px; font-weight: 900; font-style: normal; background-color: #c00; text-transform: none; text-align: center; margin: 3px -8px 1px; padding: 10px; border: outset silver; }
IMG { margin: 6px; border-style: none; }
/*******************/
IMG.flag
{ height: 20px; margin: 0; padding: 0;
/*
	vertical-align: middle
*/
}
/*
 *	Forms
 */
INPUT
{
	 vertical-align: middle;
}
/*
 *	Settings table
 */
TABLE { color: white; font-size: 14px; font-weight: normal; background-color: black; }
TABLE.article { width: 350px; }
/*td.back is opmaak normale tekst in class=back cel*/
table.back { text-align: center; width: 100%; margin: 0 0 5px; padding: 0; }
/*
 *	Customer tables
 */
TABLE.cust
{ font-size: 10pt; width: 100%; border-color: white; border-width: thin; }
TABLE.cust TD
{ font-size: 10pt; }
TABLE.cust TD.disp
{
	padding: 0 1ex 0 1ex;
}
TABLE.cust TD.edit
{
}
TABLE.cust TH
{ font-size: 10pt; width: 50%; padding: 2px 1ex; text-align: right; background-color: silver; margin: 2px; border-color: white; border-width: thin; }
TABLE.cust TH.dep
{
}
TABLE.cust TH.mand
{ font-size: 10pt; }
TABLE.cust TH.opt
{
}
TABLE.cust TR
{ font-size: 10pt; border: solid thin white; }
TABLE.edge TD { color: white; font-size: 7px; font-style: italic; font-weight: bold; font-variant: normal; text-align: left; }
TABLE.head { color: black; font-size: 18px; background-color: transparent; width: 600px; padding: 1px; border-width: 0; border-color: transparent; border-collapse: collapse; }
/*
 *	Header table
 */
TABLE.head TD
{
	width: 16%;
}
TABLE.head TD.article
{ color: black; font-weight: normal; text-align: center; width: 350px; }
table.pricelist,
TABLE.list
{ width: 100%; padding: 2px; border-right-color: white; border-right-width: 1px; border-bottom-color: black; border-bottom-width: thick; border-left-color: white; border-left-width: 1px; }
/*
 *	Tables: full width, collapse border
 */
table.pricelist,
TABLE.list, TABLE.cart, TABLE.cust, TABLE.pay, TABLE.mesg, TABLE.menu
{ color: black; font-size: 12px; background-color: white; width: 100%; border-color: #000 white; border-width: 1px; border-collapse: collapse; }
TABLE.main   { color: white; font-size: 14px; font-weight: normal; background-color: black; width: 95%; float: inherit; max-width: 1000px; margin: 0; border: solid thin #fff; outline: solid thin white; border-collapse: collapse; }
TABLE.main TD { padding: 10px; border-bottom: 1px solid white; }
/*
 *	Payment table
 */
TABLE.OPTIEMAAL
{ color: gray; font-size: x-small; margin-top: 600px; border-color: black; border-width: thin; }
TABLE.pay { width: 100%; border-width: thin; border-collapse: collapse; }
TABLE.pay TD
{ width: 50%; border-color: white; border-width: thin; outline-color: white; outline-width: thin; }
TABLE.pay TD.disp
{
	padding: 0 1ex 0 1ex;
}
TABLE.pay TD.input
{
}
TABLE.pay TH
{ font-size: 14px; width: 50%; padding: 2px 1ex; text-align: right; background-color: silver; border-color: white; border-width: thin; outline-color: white; }
TABLE.pay TH.dep
{
}
TABLE.pay TH.mand
{
}
TABLE.pay TH.opt
{
}
TABLE.pay TR
{ border: solid thin white; outline-color: white; }
TABLE.pay TR.card TH,
TABLE.pay TR.remark TH,
TABLE.pay TR.remark TD
{
	text-align: center;
}
TABLE.settings
{
	width: 100%;
	border-collapse: collapse;
}
TABLE.settings TD
{
	padding: 0 1ex 0 1ex;
	text-align: center;
	background-color: white;
}
TABLE.settings TH
{
	width: 33%;
	padding: 0 1ex 0 1ex;
	background-color: #999999;
}
TABLE.settings TH.en
{
	text-align: left;
}
TABLE.settings TH.nl
{
	text-align: right;
}
TABLE.settings TR
{
	border: thin solid #CCCCCC;
}
TABLE.SPEC { width: 400px; margin: 2px 5px; border: solid 1px navy; outline: solid 1px navy; }
TABLE.SPEC TD { color: navy; font-size: 14px; background-color: white; margin: 2px 5px; padding: 2px 5px; width: 450px; border: solid 1px; outline-color: navy; outline-width: 1px; }
TABLE.status { color: red; background-color: black; text-decoration: none; margin-right: 5px; margin-left: 5px; padding-right: 5px; }
TABLE.wit { color: black; background-color: white; }
TABLE.ZOEK { color: white; font-size: 11px; font-weight: normal; background-color: transparent; text-indent: 4px; width: 125px; float: right; margin: 0 0 0 3px; padding: 0; }
table.pricelist td.articlenumber,
table.pricelist td.name,
table.pricelist td.amount,
table.pricelist td.price,
table.pricelist td.order,
table.pricelist td.related,
TD#articlenumber, TD#name, TD#amount, TD#price, TD#order, TD#price, TD#related
{ font-size: 14px; vertical-align: top; font-weight: bold; }
/*
 *	A little room around the description + zwarte lijn onder discription
 */
table.pricelist td.description,
TD#description
{ padding: 12px; border-right: 1px solid #fff; border-bottom: 12px solid black; border-left: 1px solid #fff; }
TD#kop { color: white; font-size: 24px; background-color: transparent; background-image: url(rodebalk.jpg); background-repeat: repeat-x; }
TD#kop a { color: white; font-size: 24px; background-color: transparent; background-image: url(rodebalk.jpg); background-repeat: repeat-x; }
table.pricelist td.price,
TD#price
{
	text-align: right;
}
TD.article { color: navy; font-size: 14px; font-weight: normal; background-color: #eaeaea; text-align: center; width: 350px; border: outset 1px green; }
/***********/
td.back a { font-size: 30px; background-color: transparent; background-image: url(buttonBack_up_2.gif); background-repeat: no-repeat; background-position: center; text-align: center; width: 165px; height: 35px; visibility: visible; margin: 0; padding: 0; }
/*td.back a:hover  is opmaak class = back cellen met link als muis er op staat*/
td.back a:hover { background-color: transparent; background-image: url(buttonBack_down.gif); background-repeat: no-repeat; background-position: center; text-align: center; }
/*
 *	Small images in the cart table
 */
TD.cart IMG
{
	width: 75px;
}
/*
 *	text alignment
 */
table.pricelist .order,
table.pricelist .amount,
table.pricelist .related,
TD.cust, TD.pay, #order, #amount, #related
{
	text-align: center;
}
TD.kop { color: white; font-size: 24px; font-weight: bold; font-variant: normal; background-color: transparent; background-image: url(abgkop1.jpg); background-repeat: repeat-x; text-align: center; margin: 4px; padding: 10px; border: outset silver; }
/*
 *	Text to the right of images in the list and cart tables
 */
table.pricelist td img.product,
table.pricelist td img.info,
TD.list IMG.list, TD.cart IMG.cart
{ float: left; }
/*
 *	A line above articles and subtotal
 */
table.pricelist td.articlenumber,
table.pricelist td.name,
table.pricelist td.price,
table.pricelist td.order,
table.pricelist td.related,
TD.list#articlenumber, TD.list#name, TD.list#price, TD.list#order, TD.list#related, TR#subtotal
{ color: #fff; font-size: 16px; background-color: #10145e; padding-top: 3px; padding-bottom: 3px; border-bottom: 2px solid silver; border-right-width: 0; }
table.pricelist td.name a.productinfo,
table.pricelist td.description a,
TD.list a { color: #fff; font-size: 16px; background-color: #0505d8; padding-top: 3px; padding-bottom: 3px; }
TD.rood { color: white; font-weight: bold; background-color: #c00; text-align: center; margin: 0; padding: 10px; border: outset silver; }
TD.wit { color: navy; font-weight: bold; background-color: #cfcdcd; text-align: center; margin: 0; padding: 10px; }
TD.zoek { color: #000080; font-size: 14px; font-weight: bold; background-color: #cfcdcd; text-align: center; margin: 0; padding: 2px; }
TH { color: white; font-size: 20px; font-variant: normal; background-color: #06082b; text-align: center; margin: 0; padding: 0; border: outset thin silver; }
/*
 *	Table headers: half width
 */
ul { list-style-type: disc; margin: 1em 0 1em 40px; }
TH.cust, TH.pay
{
	width: 50%;
}
TH.dep
{
	color: #555555;
	color: black;
}
table.pricelist th,
TH.list, TH.cart, TH.cust, TH.pay, TH.mesg
{ color: black; font-size: 14px; background-color: silver; border-top: 2px solid black; }
/*
 *	Tables
 */
TH.mand
{
	color: black;
}
TH.opt
{
	color: #CCCCCC;
	color: white;
	color: black;
}
TR.cart#subtotal
{ color: black; background-color: silver; border-top: thin solid black; border-bottom: thin solid black; }
TR.cart#total
{
        background-color: #00BFF3;
}
TR.cart, TR.cust, TR.pay, TH.mesg, TD.mesg
{ color: black; font-size: 14px; background-color: white; border-width: thin; }
TR.OPTIEMAAL { color: silver; font-size: x-small; background-color: gray; vertical-align: top; border-width: thin; border-color: black; }
TR.OPTIEMAAL A { color: silver; font-size: x-small; font-weight: normal; background-color: gray; text-decoration: none; vertical-align: top; border-width: thin; border-color: black; }
TR.OPTIEMAAL A:hover { color: white; font-size: x-small; font-weight: normal; font-style: normal; text-decoration: none; background-color: gray; vertical-align: top; border-width: thin; border-color: black; }
TR.status { border-color: black black white; border-style: solid; border-width: 1px; }
/*
 *	Table borders
 */
table.pricelist,
.list, .cart, .cust, .pay, .mesg
{ border-color: silver; border-style: solid; border-width: 0 0 0 0; }
/*
 *	Fixed width for certain columns
 */
table.pricelist .articlenumber,
#articlenumber
{
	width: 14ex;
}
/*table.pricelist .order,
table.pricelist .amount,
#order, #amount
{
	width: 80px;
}
table.pricelist .price,
#price
{ text-align: right; width: 20ex; }
table.pricelist .related,
#related
{
	width: 65px;
}
/*
 *	Buttons:

DIV.buttons
{
	text-align: center;
	font-weight: bold;

	background-color: #999999;

        border: medium groove #999999;
}

A.buttons:hover DIV.buttons
{
        border-style: outset;
}

A.buttons:active DIV.buttons
{
        border-style: inset;
}

 */




/*
 *	Image on submit button in pricelists.
 */


TD.order input[type="submit"]
{
	background:transparent center no-repeat url(/addbutton.gif);
	width:45px;
	height:28px;
	color:transparent;
}