BODY {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif;
	background-color: White;
}
A {
	COLOR: Navy;
	TEXT-DECORATION: none;
}
A:hover {
	COLOR: #A60000;
	TEXT-DECORATION: underline;
}
.Extralarge {
	FONT-SIZE: 16px;
}
.Large {
	FONT-SIZE: 14px;
}
.Normal {
	FONT-SIZE: 12px;
}
.Medium {
	FONT-SIZE: 11px;
}
.Small {
	FONT-SIZE: 10px;
}
.Extrasmall {
	FONT-SIZE: 9px;
}
H1 {
	font-size: large;
	margin-bottom: 2px;
}
H2 {
	font-size: medium;
	margin-bottom: 2px;
}
H3 {
	font-size: small;
	margin-bottom: 2px;
}
H4 {
	font-size: smaller;
	margin-bottom: 2px;
}
.Prijs1 {
	FONT-SIZE: 12px;
	color: #880000;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	vertical-align: top;
}
.Prijsoud1 {
	FONT-SIZE: 10px;
	color: #880000;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	vertical-align: top;
	text-decoration: line-through;
}
.Product1 {
	FONT-SIZE: 20px;
	color: #880000;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	vertical-align: top;
}
.Product2 {
	FONT-SIZE: 14px;
	color: #4446FF;
	font-style: normal;
	font-variant: normal;
	font-weight: bolder;
	vertical-align: top;
	
}

div.info {
	color: Green;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
}
div.warning {
	color: red;
	font-style: italic;
	font-variant: normal;
	font-weight: normal;
}
div.error {
	font-size: 14px;
	padding: 10px;
	text-align: center;
	color: orange;
}
.Order1 {
	FONT-SIZE: 12px;
	color: #EBEBEB;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	background: #4446FF;
	border: 2px ridge #C7C7C7;
	padding-left: 8px;
	padding-right: 8px;
	}

UL {
	padding-left: 6px; 
	margin-left: 15px;
	margin-top: 0px;
} 



TD {
	font-size: 12px;
}

TD.Banner {
	background-color: lightgray;
}

TD.Frameborder {
	background-color: #000020;
}
TD.Frameleft {
	background-image: url(Leftr.jpg);
	vertical-align: top;
	}
TD.Frameright {
	background-image: url(Leftl.jpg);
	vertical-align: top;
}
TD.Frametop {
	background-image: url(Top.jpg);
	FONT-SIZE: 14px; 
	COLOR: White; 
	TEXT-DECORATION: none;
	font-weight: bold;
	text-align: center;
}
/* Kios */
TABLE.Kiosk{
	background: White;
	border: 1px solid Black;
	}
TD.Kiosk_HW{
	background: White;
	color: Black; 
	font-size: xx-small; 
	font-style: italic; 
	font-weight: bold;
}
TD.Kiosk_SYS{
	background: #FFFFB0;
	color: Black; 
	font-size: xx-small; 
	font-style: italic; 
	font-weight: bold;
}
TD.Kiosk_STRIP{
	background: #e5e600;
	color: Black; 
	font-size: xx-small; 
	font-style: italic; 
	font-weight: bold;
}
TD.Kiosheading{
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: Gray;
	border: 1px solid Gray;
	text-align: center;
}		
 div.kiosk_strip {
	background: #e5e600;
	color: black; 
	font-size: xx-small; 
	font-style: italic; 
	font-weight: bold;
	text-align: center;
	vertical-align: top;
	padding: 6px;
	height: 125px	
}
	
TD.Kioskcontent{
	background: #F1F1F1;
	}
TD.Kioskitem{
	background: #FFFFF0;
	border: 1px solid Gray;
	}
/* Left and Right frame tiles */
TABLE.Tile{
	background: #e7e7e7;
	border: 2px ridge Silver;
	padding: 0;
	color: gray;
	margin-left: 5px;
	}

TD.Tileheader {
	background-image: url(Top.jpg);
	FONT-SIZE: 14px; 
	COLOR: white; 
	font-weight: bold;
	text-align: center;
	height: 28px;
}
TD.Tilecontent {
	font-size: 10px;
	padding: 4px;
	line-height: 10px;
	font-weight: normal;
}
TD.Tilecontent2 {
	color: #000026;
	font-size: 10px;
	padding: 6px;
	line-height: 10px;
	font-weight: normal;
	
}

A.Tile {
	FONT-WEIGHT: bold; FONT-SIZE: 11px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20px;
	color: maroon;
	text-decoration: underline;
}
A.Tile:hover {
	TEXT-DECORATION: none;
}
A.Tile2 {
	FONT-WEIGHT: normal; FONT-SIZE: px; COLOR: #929292; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: none;
}
A.Tile2:hover {
	TEXT-DECORATION: underline;
	background-color: #FFFCDD;
}

A.Tile3 {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #cccccc; FONT-FAMILY: verdana, arial, helvetica, sans-serif; TEXT-DECORATION: underline;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20px;
}
A.Tile3:hover {
	TEXT-DECORATION: none;
}

/* Page tab classes */
TD.Tab {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}
TD.Tab_edge {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: #c0c0c0
}
TD.Tab_sel {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: #8B0000;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}
TD.Tab_over {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: #8B0000;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}
.Tab_out {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: #666666;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}
.Tab_over {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: Maroon;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}
.Tab_sel {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff;
	BACKGROUND-COLOR: Maroon;
	padding-left: 10px;
	padding-right: 10px;
	cursor: hand;
}
.Tab_edge {
	height: 14px;
	width: 3px;
	vertical-align: top;
}
/* Standard table definitions */
TD.ExtraSmall {
	FONT-SIZE: 9px; COLOR: #333333;
}
TD.Small {
	FONT-SIZE: 10px; COLOR: #333333;
}
TD.Medium {
	FONT-SIZE: 11px; COLOR: black;
	vertical-align: top;
	background-color: white;
}

TD.Normal {
	FONT-SIZE: 12px; COLOR: #333333;
}
TD.Large {
	FONT-SIZE: 14px; COLOR: #333333;
}
/* Global none framed table classes */
TD.Prod_Prijs {
	FONT-SIZE: 12px; 
	COLOR: #880000; 
	FONT-FAMILY: Verdana, Arial, Tahoma; 
	TEXT-DECORATION: none;
	font-weight: bold;
}
TD.Prod_Voorraad {
	FONT-SIZE: 12px; 
	COLOR: #228b22; 
	FONT-FAMILY: Verdana, Arial, Tahoma; 
	TEXT-DECORATION: none;
	font-weight: bold;
	font-style: italic;
}
TD.Prod_banner {
	FONT-SIZE: 12px;  
	font-weight: bold;
	background-color: #EBEBEB;
	color: Black;
	}
	
TD.Prod_Content {
	FONT-SIZE: 11px; 
	TEXT-DECORATION: none;
}
TD.productName {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000080; FONT-STYLE: oblique; FONT-FAMILY: Arial, Tahoma, Verdana
}
TD.Navigatie {
	FONT-SIZE: 11px; 
	COLOR: #000040; 
	BACKGROUND-COLOR: #dcdcdc;
	padding: 2px;
}
TR.admin, TD.Admin, DIV.Admin {
	FONT-WEIGHT: normal;
	FONT-SIZE: 11px;
	COLOR: white;
	BACKGROUND-COLOR: #1e867f;
}
/* The Class definition for orders */
TABLE.order{
	background-color: black;
}
TD.orderheader {
	FONT-SIZE: 11px; 
	FONT-WEIGHT: bold; 
	BACKGROUND-COLOR: silver;
}
TD.Order {
	FONT-SIZE: 11px; 
	vertical-align: top;
	background-color: white;
}
TD.Ol {
	FONT-SIZE: 11px; 
	vertical-align: top;
	background-color: white;
	text-align: left;
}
TD.Or {
	FONT-SIZE: 11px; 
	vertical-align: top;
	background-color: white;
	text-align: right;
}
.Ordertebetalen {
	font-weight: bold;
	vertical-align: top;
	border: 1px solid Black;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: -2px;
	padding-bottom: 1px;
	}

/* The Class definition for form's */
TABLE.Formframe{
	background: #D2D2D2;
	border: 2px ridge Silver;
}
TR.Formrow {
	BACKGROUND-COLOR: #F9F9F9;
	border: 2px ridge Silver;
}
TR.Formrow_sel {
	BACKGROUND-COLOR: #FFFFC6;
}
TD.Formbreak{
	background-color: Gray;
}
TD.Formframe{
	background: #D2D2D2;
	border: 2px ridge Silver;
}
TD.Formtop {
	background-image: url(Top.jpg);
	FONT-SIZE: 12px; 
	COLOR: White; 
	font-weight: bold;
	padding: 4px;
}	
TD.Formheader {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #515151; 
}
TD.formlabel {
	FONT-WEIGHT: bold; 
	FONT-SIZE: 12px; 
	COLOR: #ffffff; 
	BACKGROUND-COLOR: #a9a9a9; 
	text-align: right;
	vertical-align: top;
}
TD.Formfield{
	FONT-WEIGHT: normal; 
	FONT-SIZE: 10px; 
	BACKGROUND-COLOR: #E9E9E9; 
	text-align: left;
	vertical-align: top;
}
TD.forminfo {
	FONT-SIZE: 11px; 
	COLOR: #3A3A3A; 
	BACKGROUND-COLOR: #F7F7F7; 
	vertical-align: top;
	padding: 2px;
	}
TD.forminfo2 {
	FONT-SIZE: 9px; 
	COLOR: #3A3A3A; 
	BACKGROUND-COLOR: White; 
	vertical-align: top;
	padding: 2px;
	font-style: italic;
	}
TD.forminfo3 {
	FONT-SIZE: 9px; 
	COLOR: black; 
	BACKGROUND-COLOR: #F7F7F7; 
	vertical-align: top;
	padding: 2px;
	font-style: italic;
	}
SELECT.Formfield, INPUT.Formfield, TEXTAREA.Formfield {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	BACKGROUND-COLOR: #FFFFE3;
	border: 1px solid Gray;
}
SELECT.Formfield_req, INPUT.Formfield_req, TEXTAREA.Formfield_req {
	FONT-WEIGHT: normal; 
	FONT-SIZE: 11px; 
	BACKGROUND-COLOR: #FFE1E1;
	border: 1px solid Gray;
}

input.buttonsmall {
	FONT-SIZE: 9px;
	padding: 0px 2px 0px 2px;
}
A.Formheader {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12px;
	COLOR: #ffffff;
	TEXT-DECORATION: none;
}
A.Formheader:hover {
	TEXT-DECORATION: underline;
}


div.subcat {
	background-color: #cdcdcd;
	padding: 3px;
	margin: 5px;
	border: 2px ridge Silver;
}

ul.subcat {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li.subcat {
  float: left;
  list-style: none;
  text-align: center;
  background-color: #a9a9a9;
  margin-right: 2px;
  margin-top: 2px;
}
li.subcat a {
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  padding: 3px 8px
}

li.subcat a:hover {
  text-decoration: none;
  color: #FFFFFF;
  background-color: maroon;
  padding: 3px 8px
}










/* End of form class definitions */
INPUT.required, select.required {
	FONT-SIZE: 8pt; CURSOR: hand; COLOR: black; FONT-FAMILY: Verdana, Arial, Tahoma;
	border: 1px solid Black;
	background-color: #FFE4C4;
	}
TEXTAREA., INPUT., SELECT.{
	FONT-FAMILY: verdana, arial, helvetica, sans-serif;
}
input[type=radio]:checked { 
    background-color: #2e8b57;
}


#dhtmltooltip{
position: absolute;
width: 150px;
border: 2px solid black;
padding: 2px;
background-color: White;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}