body {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

td {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
}

td.det {color:#000000;  font-size: 11px }
td.detkp {color:#577290; font-weight:bold; font-size: 11px }

table   { width: 100%; border: 0;  }

input { border: solid 1px #555; background-color: #ffffff; color: #3b3b3b; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }

input button { border: solid 1px #555; background-color: #3d3d3d; color: #3b3b3b; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }


select { border: solid 1px #555; color: #3b3b3b; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; line-height:13px; }

input.shopnum { text-align: right; }

.diap a  { color: #A1C5E2; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.diap a:link  { color: #A1C5E2; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.diap a:hover  { color: #A1C5E2; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  diap letter-spacing: 0.1pc; text-decoration: none }

a { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
a:link  { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
a:hover  { color: #334355; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }

.overzicht  { color: #3b3b3b; font-size: 9px }
.overzicht table  { color: #3b3b3b; font-size: 9px }
.overzicht td  { color: #3b3b3b; font-size: 9px }
.overzicht td a  { color: #3b3b3b; font-size: 9px; font-weight: bold }

.start01  { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc;}
.start01 a   { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; display: block; width: 194px; height: 18px }
.start01 a:link {background-image: url("assets/images/blankpx.gif"); width: 194px; height: 18px;}
.start01 a:hover   { background-image: url("assets/images/adt_start01_ro.jpg"); background-repeat: no-repeat; background-attachment: inherit; width: 194px; height: 18px }
.start01 a: span {display: none;}

.start02 {color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc;}
.start02 a {color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; display: block; width: 194px; height: 18px; text-decoration: none;}
.start02 a:link  { background-image: url("assets/images/blankpx.gif"); width: 194px; height: 18px }
.start02 a:hover   { background-image: url("assets/images/adt_start02_ro.jpg"); background-repeat: no-repeat; background-attachment: inherit; width: 194px; height: 18px }
.start02 a: span {display: none;}

.topnav   { color: #d3d3d3; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc }
.topnav  a     { color: #d3d3d3; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-image: url("assets/images/square_lgr.gif"); background-repeat: no-repeat; background-attachment: inherit; background-position: 0 -1pt; letter-spacing: 0.1pc; display: inline }
.topnav  a:link  { color: #d3d3d3; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.topnav  a:hover      { color: #799ec8; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-image: url("assets/images/square_bl.gif"); background-repeat: no-repeat; background-attachment: inherit; letter-spacing: 0.1pc; display: inline }
.topnav  a: span {display: none;}


.mainnav    { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; text-transform: uppercase; letter-spacing: 0.1pc }
.mainnav a       { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; display: table; margin-bottom: 3px; width: 100%; height: 18px }
.mainnav a:link    { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc }
.mainnav a:hover          { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #e7e7e7; letter-spacing: 0.1pc; display: table; width: 100%; height: 18px }
.mainnav a: span {display: none;}

.mainnav_gr { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.mainnav_gr a     { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; display: table; width: 100%; height: 18px }
.mainnav_gr a:link   { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; }
.mainnav_gr a:hover       { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; background-color: #ececec; letter-spacing: 0.1pc; display: table; width: 100%; height: 18px }
.mainnav_gr a: span {display: none;}

.botnav  { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; }
.botnav a  { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; }
.botnav a:link  { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.botnav a:hover { color: #799ec8; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; letter-spacing: 0.1pc; }
.botnav a: span {display: none;}

<!--
.botnav-oud  { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; }
.botnav-oud  a  { display: block; width: 194px; height: 18px; color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; background-image: url("assets/images/arrow_gray.gif"); background-repeat: no-repeat; background-attachment: inherit; }
.botnav-oud  a:link  { color: #999999; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.botnav-oud  a:hover     { color: #799ec8; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; letter-spacing: 0.1pc;   background-image: url("assets/images/arrow_blue2.gif"); background-repeat: no-repeat; background-attachment: inherit; }
.botnav-oud  a: span {display: none;} 

.topnav-oud  { color: #d3d3d3; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; }
.topnav-oud a  { color: #d3d3d3; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; letter-spacing: 0.1pc; }
.topnav-oud a:link { color: #D3D3D3; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;  letter-spacing: 0.1pc; text-decoration: none }
.topnav-oud a:hover { color: #799ec8; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; letter-spacing: 0.1pc }

.shopkar     { color: #3b3b3b; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; padding-left: 4px }

.shopkar input    { margin: 5px 0 5px 0 }

.basaal { color: #577290; font-size: 9px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; text-decoration: none; }

.content     { color: #3b3b3b; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; padding-left: 4px }
.content b		{ color: #5b5b5b }
.content strong		{ color: #5b5b5b }
.content td    { color: #3b3b3b; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; vertical-align: top; border: 0 }
.content td img     { margin-bottom: 14px; margin-left: 14px; float: none; align: right   }
.content ul      { white-space: normal; list-style-type: square; margin-right: 50px; margin-left: 0; padding-left: 12px }
.content li       { white-space: normal; list-style: square url("assets/images/square_bl_sm.gif"); display: list-item; margin-bottom: 8px; margin-left: 0 }
.content img     { margin-top: 5px; margin-bottom: 5px; margin-left: 10px; float: right; align: right   }
.content a      { color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }
.content a:link  { color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }
.content a:hover   { color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }
.content  a: span  { }
.content a img    { margin: 0 0 5 0; float: none ; border: none; }

.nav		{ color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }
.navt a      { color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }
.nav a:link  { color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }
.nav a:hover   { color: #577290; font-size: 8pt; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; line-height: 15px; text-decoration: none; letter-spacing: 0.05pc; text-decoration: none }


-->
ul   { white-space: nowrap; list-style-type: square }
li   { white-space: nowrap; list-style-type: square; display: inherit }

/***************************************************************************/
/* Product detail layer                                                    */
/***************************************************************************/
table.productlayer {
  width: 520px;
  border: solid 1px #666;
  background-color: #DDDDDD;
  filter:progid:DXImageTransform.Microsoft.Shadow(Color=#999999, direction=135, strength=3)
}

td.productkop {
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif
  font-size: 11px; 
  font-weight: bold; 
  color: white;
  padding-left: 7px;
  padding-top: 1px;
  border-bottom: solid 1px #333;
}
/***************************************************************************/

div.popvenster  {
  background-color: #fff;
  padding: 3px 3px 3px 6px;
  border: solid 1px #577290; -moz-opacity: 0.8; filter: alpha(opacity=80); opacity: 0.8; 
  font-size: 11px; 
  width: auto; 
  height: auto
}

span.detkop  {font-weight: bold; word-wrap: normal; width: 100%}

table.barcode {
	width: 102; 
	height: 46;
	background-image: url("assets/images/btn_print.jpg");
}
td.barcode {
	cursor: hand;
	text-align: center;
	padding-left: 38px;
	padding-top: 14px;
}
div.print {
    visibility: hidden;
	width: 0px; 
	height: 0px;
}