/*
 *	Links: underlined, colors
 */
A
{ color: white; font-weight: 700; background-color: #c00; property: value; }
/*
 *	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; margin: 2px 12px 12px; }
BODY.edge
{
	color: white;
	background-color: #999999;
	font-weight: bold;
	font-size: smaller;
	text-align: center;
	background-image: url('abghoek.png');
	background-image: url(abghoek.jpg);
}
BODY.head
{ color: white; background-image: url(abghorz.jpg); margin-top: 2px;
/*
	background-color: #00BFF5;
	background-image: url('abghorz.png');
*/
}
BODY.head A, DIV.button { color: white; background-color: #c00; text-decoration: none; text-align: center; }
BODY.head A:hover DIV.button
{ background-color: #c00; 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: 35px; background-color: #c00; text-align: center; border: groove #999999; }
BODY.main
{ font-size: 14px; border: solid thin silver;
/*	background-image: url('abkgrnd.jpg');				*/
/*
	color: white;
	background-color: #CCCCCC;
	background-image: url('abkgrnd.png');
*/
}
BODY.main DIV.button
{
	text-align: center;
	font-size: 14px;
	background-color: #999999;
	border: groove #999999;
}
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);
}
Caption.menu
{
	font-size: larger;
	text-decoration: underline;
}
DIV.button
{
	font-weight: bold;
/*
	background-color: #999999;
	border: medium groove #999999;
*/
}
element { }
FONT#description
{ color: black; font-size: 14px; background-color: white; }
FONT#heading
{ color: navy; font-size: 14px; font-weight: bold; background-color: white; }
/*
 *	Fonts
 */
FONT#name
{
	font-weight: bold;
}
/*
 *	Default headings: small caps, centered, background, border
 */
H1 { color: white; font-size: 24px; font-variant: normal; background-color: #06082b; text-align: center; margin-right: -5px; margin-bottom: 1px; margin-left: -5px; padding: 10px; border: outset silver; }
H2 { color: white; font-size: 24px; font-weight: bold; background-color: #c00; text-align: center; 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: white; text-align: center; margin-top: 10px; margin-bottom: 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-top: 3px; margin-bottom: 1px; padding: 10px; border: outset silver; }
IMG { margin: 6px; border-style: none; }
/*******************/
IMG.flag
{
	height: 1em;
/*
	vertical-align: middle
*/
}
/*
 *	Forms
 */
INPUT
{
	 vertical-align: middle;
}
/*
 *	Settings table
 */
TABLE { color: white; font-size: 14px; font-weight: normal; background-color: black; padding: 3px; }
TABLE.main { color: white; font-size: 14px; font-weight: normal; background-color: black; padding: 3px; border-right: thick double silver; border-left: thin double silver; }
/*
 *	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: 100%; border-width: 2px; border-color: #000; border-collapse: collapse; }
/*
 *	Header table
 */
TABLE.head TD
{
	width: 16%;
}
TABLE.head TD.article
{ color: black; font-weight: normal; background-color: transparent; text-align: center; }
TABLE.list
{ padding: 2px; border-bottom-color: black; border-bottom-width: thick; }
/*
 *	Tables: full width, collapse border
 */
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; border-width: 2px; border-collapse: collapse; }
TABLE.menu TD
{
/*
	font-family: arial, verdana, sans-serif;
	font-weight: bold;
	font-family: arial black, verdana, sans-serif;
*/
}
/*
 *	Payment table
 */
TABLE.OPTIEMAAL
{ color: gray; font-size: x-small; border-color: black; 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; }
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 { color: black; font-size: 14px; background-color: white; padding: 2px; }
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: 14px; font-weight: normal; background-color: black; text-indent: 4px; padding: 5px 12px 12px; }
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
 */
TD#description
{ padding: 12px; border-bottom: 12px solid black; }
TD#price
{
	text-align: right;
}
TD.article { color: navy; font-size: 14px; font-weight: normal; background-color: white; text-align: center; border: outset 1px silver; }
/*td.back is opmaak normale tekst in class=back cel*/
td.back { color: black; font-weight: bold; text-align: center; width: 200px; }
/*td.back a is opmaak class = back cellen met link*/
td.back a { background-image: url(buttonBack_up_2.gif); background-repeat: no-repeat; background-position: center; text-align: center; }
/*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
 */
TD.cust, TD.pay, #order, #amount, #related
{
	text-align: center;
}
/*
 *	Text to the right of images in the list and cart tables
 */
TD.list IMG.list, TD.cart IMG.cart
{ float: left; }
/*
 *	A line above articles and subtotal
 */
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 white; }
TD.wit { color: black; background-color: white; }
TH { color: white; font-size: 20px; font-variant: normal; background-color: #06082b; text-align: center; margin: 0; padding: 0; border: outset; }
/*
 *	Table headers: half width
 */
TH.cust, TH.pay
{
	width: 50%;
}
TH.dep
{
	color: #555555;
	color: black;
}
TH.list, TH.cart, TH.cust, TH.pay, TH.mesg
{ color: black; font-size: 14px; background-color: silver; }
/*
 *	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.status { border-color: black black white; border-style: solid; border-width: 1px; }
/*
 *	Table borders
 */
.list, .cart, .cust, .pay, .mesg
{
	border: solid 0 #cccccc;
}
/*
 *	Fixed width for certain columns
 */
#articlenumber
{
	width: 14ex;
}
#order, #amount
{
	width: 80px;
}
#price
{ text-align: right; width: 20ex; }
#related
{
	width: 65px;
}
/*
 *	Table: colors
 */
/*
 *	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;
}

 */
/***********/