BODY{
 		MARGIN:0;
		FONT-SIZE:11px;
		FONT-FAMILY: Arial,Helvetica;
		background-color:#fffff7;
}
FORM{ padding:0px;margin:0px} /* checken of er niet teveel verschuivingen komen */


H1{
 		padding:2px;
		margin:2px;
 		FONT-SIZE:14px;
    TEXT-ALIGN:center
}
H2{
 		padding:2px;
		margin:2px;
 		FONT-SIZE:13px;
    TEXT-ALIGN:center
}
/*.h1				{FONT-SIZE:20px}*//*is deze wel nodig?*/
FIELDSET	{border:1px solid black}
LEGEND{
    border:0px solid black;
    border-bottom:0px;
    font-weight:bold;
}
A{
	  color:black;
		text-decoration:none;
}
A:hover {TEXT-DECORATION:none; color:black;}

/* tabel dingetjes begin */
TD	{FONT-SIZE:11px}

#artikelOutput TD{
    FONT-SIZE:12px
}


.hide{
  display: none!important;
}

.grotetabel	{vertical-align:top}
.grotetabel TR	{vertical-align:top;height:19px}
.grotetabel TD	{vertical-align:top;height:19px}/*nog niet goed getest!!!*/
/*.grotetabel TD{vertical-align:top;/origineel middle, later nachecken wat gunstigst is /}*/

.tablehead
{
 		background-color:#edede4;
    color:black;
    font-weight:bold;
}
.tablehead TD
{
  border-left:0px;
  padding-top:3px;
	padding-bottom:3px;
	border-bottom:0px solid black;
	border-top:1px solid black;
}
body label{
    display: inline-block;
}
padleft10 TD{padding-left:10px}

.tablefoot{
  color:black;
  font-weight:bold;
}
.tablefoot TD{
	  padding-top:3px;
	  padding-bottom:3px;
	  border:0;
	  border-bottom:1px solid black;
	  border-top:1px solid black;
}
/* tabel dingetjes einde */

/* input velden begin */
INPUT,SELECT,TEXTAREA {
    border:black 1px solid;
    FONT-SIZE:11px;
		padding-left:1px;
/*	  vertical-align:top;*/
	  z-index:1;
}
BUTTON {
    border:black 1px solid;
		FONT-SIZE:11px;
	  z-index:1;
	  background:#C3C3C3 url("../plaatjes/form_button.gif");
    background-repeat:repeat-x;
		padding-left:5px;
		padding-right:5px;
		cursor:pointer;
}
.button, .form_button{
    border:black 1px solid;
	  z-index:1;
	  background:#C3C3C3 url("../plaatjes/form_button.gif");
    background-repeat:repeat-x;
		padding-top:0px;
		padding-right:5px;
		padding-bottom:0px;
		padding-left:5px;
		margin-left: 2px;
		margin-right: 2px;
}
INPUT:hover, INPUT:focus, input.sffocus,
TEXTAREA:hover, TEXTAREA:focus,
SELECT:hover,SELECT:focus,
BUTTON:hover,BUTTON:focus,
.button:hover,.button:focus	{border:1px solid #08439D}

INPUT.login {
	  background-color:#cccccc ;
  	border:black 1px solid;
  	FONT-WEIGHT:800;
  	FONT-SIZE:10px;
}
.wit {color:white}
.msg	{color:black}
.bgwit		{background-color:white}
.blauw 		{color:#1848E4}
.rood 		{color:red}
.zilver		{color:silver}
.groen 		{color:#43B231}
.bggroen 	{background-color:#43B231}
.bglichtgroen	{background-color:#ccff99}
.bgnavy		{background-color:navy}
.navy 		{color:navy}
.underline{text-decoration:underline}
.overline {text-decoration:overline}
.bggeel		{background-color:yellow}
.bgfout		{background-color:#FF9933}
.bgopt 		{  }			/*even aanpassing zou wel netjes zijn*/
.bgzilver		{background-color:#DDDDDD}
.num 			{text-align:right}
.left			{text-align:left}
.bold 		{font-weight:bold}
.tr				{border:0;background-color:transparent}
.tr:hover,.tr:focus	{border:0}

/*tekst kleuren*/

.tRed	{color:red;}
A.tRed	{color:red;}

.smalllfont,.smalllfont INPUT,.smalllfont TEXTAREA,.smalllfont SELECT {font-size:11px}
.smallfont,.smallfont INPUT,.smallfont TEXTAREA,.smallfont SELECT,.smallfont TD {font-size:11px}

.inpsf1 {width:49px;text-align:right}/*voor max. 999.999,99*/
.inpsf2 {width:58px;text-align:right}/*voor max. 9.999.999,99*/
.inpsf3 {width:36px;text-align:right}/*voor max. 999.999*/
.inpsf4 {width:26px;text-align:right}/*voor max. 99,99 of 9.999*/
.inpsf5 {width:32px;text-align:right}/*voor max. 99.999 of 999,99*/
.inpsf6 {width:39px;text-align:right}/*voor max. 9.999,99*/
.inpsf7	{width:44px;text-align:right}/*voor max. 99.999,99*/

.inp1		{width:11px}
.inp2 	{width:17px}
.inp3 	{width:22px}
.inp4 	{width:30px}
.inp5 	{width:37px}
.inp6 	{width:43px} 
.inp7 	{width:49px}
.inp8		{width:53px}
.inp9 	{width:59px}
.inp10 	{width:70px}
.inp12	{width:81px}
.inp13	{width:88px}
.inp15 	{width:100px}
.inp17	{width:114px}
.inp20	{width:133px}
.inp22	{width:148px}
.inp24	{width:160px}
.inp40	{width:285px}
.inp45 	{width:318px}
.inp100pr	{width:100%}
/* input velden einde */
.w20	{width:20px}
.w30	{width:30px}
.w35 	{width:35px}
.w45	{width:45px}
.w50,.w50TR TD	{width:50px}
.w60	{width:60px}
.w64	{width:64px}
.w65	{width:65px}
.w75	{width:75px}
.w80	{width:80px}
.w100	{width:100px}
.w125,.w125TR TD	{width:125px}
.w150	{width:150px}
.w200	{width:200px}
.w225	{width:225px}
.w230	{width:230px}
.w235	{width:235px}
.w250	{width:250px}
.w400	{width:400px}
.w800	{width:800px} /* zal waarschijnlijk alleen gebruikt worden voor breedte hoofdtabel opmaak */
.w33pr	{width:33%}
.w50pr	{width:50%}
.w95pr {width:95%}
.w99pr {width:99%}
.w100pr {width:100%}
.h100pr	{height:100%}
.h200	 {height:200px}

/* form classes begin */
.form2{
	  border:1px solid black;
		padding:0;
		padding-bottom:1px;
		background-color:#DDDDDD; 
}
.form2_1{	
	  text-align:center;
		background-color:#fafaf0; /*origineel d1dbd7 */
}

.form2_1bg	{background-color:#fafaf0}
.tabbg,.tabbgTR TD {background-color:#edede4}
.form_head{
	  text-align:center;
		font-weight:700;
		font-size:12px;
		color:white;
		padding:1px;
		padding-bottom:0px;
		padding-top:0px;
		vertical-align:top;
		border-bottom:1px solid #29463c;
  	background-repeat:repeat-x;
		height:20px;
	}
.fh1	{	}
.fh2	{background-color:blue; color:white;}	/*module Artikelen*/
.fh3	{background-color:forestgreen;}	/*module Relaties Email*/
.fh4	{background-color:orange; color:white;}	/*module Offertes FAX*/
.fh5	{background-color:red;}	/*module Order SMS*/
.fh6	{background-color:maroon} /*module Pakbonnen*/
.fh7	{background-color:teal} /*module Factuur*/
.fh8	{background-color:purple} /*module Voorraadbeheer*/
.fh9	{background-color:#414E8B;}	/*module Reparaties*/
.fh10	{background-color:#F6D600;}	/*module Abonnement*/
/* form classes einde */

.myicon{																		/*gebruikt in top.xsl*/
	  padding-right:5px;
		vertical-align:middle;
		width:20px;
		height:20px;
		border:0;
}

.chk,.chk:hover,.chk:focus,.Bicon{border:0;vertical-align:middle;}
.img,.img:hover,.img:focus {border:0}	
.img_zoeken { width:17px;height:17px;vertical-align:middle; }

.error{
    BORDER:1px solid black;
    BACKGROUND-COLOR:tomato;
		padding:1px
}
#msg_block
{
	  width:100%;
	  height:40px;
	  display:block;
	  overflow:auto;
	  vertical-align:top;
}
.menu_icon{
		background:silver url("../plaatjes/menu_bg.png");
  	background-repeat:repeat-y;	
}
.shade{
		background-image:url("../plaatjes/shade2.gif");
  	background-repeat:repeat-x;
		width:100%;
		height:8px;
}
.menu_text{
		padding-left:4px;
		FONT-SIZE:14px;
		BACKGROUND-COLOR:#FDFDFD
}
.menu{
		WIDTH:180;
		BORDER:1px solid black;
		BACKGROUND-COLOR:#FDFDFD;
}
.menu_knop{
		BORDER:1px solid black;
		font-weight:bold;
		font-size:10px;
		background-color:grey;
}
.topmenu{
  	background:#C3C3C3 url("../plaatjes/topmenu_bg.png");
  	background-repeat:repeat-x;
    border:1px solid black;
}
.topmenu_font{
    height:26px;
	  font-size:14px;
	  font-weight:700;
		padding-left:7px;
		padding-right:7px;
		padding-top:1px;
		padding-bottom:1px;
}
.kop{
  	background:#fff;
  	background-repeat:repeat-y;
		background-position:right;
		border-bottom:1px solid black;
		border-top:1px solid black;
		width:100%;
}

.zoekStyle	{background-color:white}
.zoekStyle_NOTUSED TD{border-left:1px solid black}
.zoekStyle2 {background-color:fafaf0}
.zoekStyle2 TD{border-left:1px solid black}
.zoekStyle INPUT {border-color:#b2b2ac}

.alert{
	  background-color:#FF9966;
	  font-weight:700;
}
.cel{
	  border:1px solid black;
	  font-size:8px;
	  padding:0;
	  background-color:lightgrey;
	  text-align:center;
	  font-size:14px;
	  overflow:auto;
}
/* tablink classes begin */
.tablink 
{		top:2px;
		color:gray;
		border:1px dotted #000;
		background-color:#fafaf0;
		border-bottom:1px solid black;
		font-size:14px;
		font-weight:600 ;
		text-align:center;
		text-decoration:none;
		padding:5px;
		padding-left:5px;
		padding-right:5px;
		margin:0px;
		margin-left:5px;
		vertical-align:bottom;
		cursor:default;
}
.tablink:hover	{color:black;}
.active
{																								
		color:black;
		border:1px solid #000;
		background-color:#edede4;
		border-bottom:1px solid #edede4;
/*		margin-top:5px;*/
		margin-bottom:0px;
		
}
.savdel
{
	color:ivory;
	border:1px dashed #FAFAF0;
	background-color:#29463c;
	border-top:0;		
	padding-left:10px;																	
	padding-right:10px;																	
	padding-bottom:2px;
	vertical-align:top;
}
.savdel:hover {color:#ca0000}

/* tablink classes einde */
.tab {
		padding-left:10px;
		padding-right:10px;
		color:black;
		margin-top:5px;
		border:1px solid #000;
		text-align:left;
		background-color:#edede4;
		vertical-align:bottom; 
		cursor:default;
}

/*.tab2 {
		color:black;
		margin-top:2px;
		border:1px solid #000;
		text-align:center;
		background-color:silver;
		margin-top:0px;
		#margin-top:-4px;
		vertical-align:bottom;
 	  cursor:default;
}*/
.tool	{background-color:#99cccc}
.limit_links	{font-size:11px}

.calc_val{
 	  width:110px;
 	  min-width:110px;
	  text-align:right;
		padding-right:12.5px;
}
.calc_val_plus{
 	  width:120px;
 		min-width:120px;
		text-align:right;
}

.b0					{border:0px}
.b1					{border:1px solid black}
.bleft 			{border-left:1px solid black}
.bleft0 			{border-left:0px}
.bleftTR TD {border-left:1px solid black}
.bleftwit		{border-left:1px solid white}
.bleftwitTR TD	{border-left:1px solid white}
.bbottom		{border-bottom:1px solid black}
.bbottomTR TD	{border-bottom:1px solid black} 
.bbottom0TR TD	{border-bottom:0px} 
.btop				{border-top:1px solid black}
.btoptr TD	{border-top:1px solid black}
.btop0TR TD	{border-top:0px}
.bright			{border-right:1px solid black}
.brightTR TD	{border-right:1px solid black}
.brondom {
  	border-left:1px solid black;
  	border-right:1px solid black;
  	border-bottom:1px solid black;
  	border-top:1px solid black;
}
.brondomdik {
  	border-left:2px solid black;
  	border-right:2px solid black;
  	border-bottom:2px solid black;
  	border-top:2px solid black;
}
.p3{padding:3px;}
.p10{padding:10px;}
.pnull {padding: 0px;}
.pleft1	{padding-left:1px}
.pleft3,.pl3	{padding-left:3px}
.ptop3,.pt3	{padding-top:3px}
.pright1	{padding-right:1px}
.pleft1TR TD	{padding-left:1px}
.pleft2TR TD	{padding-left:2px}
.pright1TR TD	{padding-right:1px}
.pleft		 {padding-left:5px}
.pleftTR TD  {padding-left:5px}
.pleftTAB TR TD  {padding-left:5px}
.prightTR TD {padding-right:5px}
.pleft10,.pl10	{padding-left:10px}
.pright10	{padding-right:10px}

.m10{margin: 10px;}
.mleft5{margin-left: 5px;}
.mright5{margin-right: 5px;}


.top,.topTR TD	{vertical-align:top}
.middle TABLE,.middle TR,.middle TD	{vertical-align:middle}
.center,.center TABLE,.center TR,.center TD	{text-align:center}
.left {text-align:left}

/* begin misschien overbodige classes */
.rel_zoek_show{
 	display:none;
	width:763px;
	border:1px solid black;
	max-height:400px;
	position:absolute;
	background-color:EEEEEE;
	z-index:1000;
 	-moz-opacity:0.90;
 	filter:alpha(opacity=90); 
}
.w580{
	width:580px;
}
#rel_detail_box A{
  text-decoration:underline;
  color:blue; 
}
.snel_kolom_links{
 	border-right:2px solid black; 
 	width:170px;
 	min-width:150px;
 	padding:5px;
	z-index:1000;
}
.ImagePreviewArea
{
	  border-right:#000000 1px solid;
	  padding-right:5px;
	  border-top:#000000 1px solid;
	  padding-left:5px;
	  padding-bottom:5px;
	  border-left:#000000 1px solid;
	  padding-top:5px;
	  border-bottom:#000000 1px solid;
	  background-color:#ffffff;
    overflow:auto;
    vertical-align:middle;
    display:block;
} 
.popup{
		width:650px; 
		height:550px;
		overflow:auto; 
		z-index:999; 
		border:1px solid black;
		background-color:white;
	}
.popupbg {
		width:100%;
		height:100%;
		border:10px;
		position:absolute;
		z-index:998;
		left:0;
		top:0;
		vertical-align:middle;
		text-align:center;
		background-image:url("../plaatjes/trans_grid.gif");
}
.popupWin{
    display:none;
		position:absolute;
		border:1px solid black;
		background-color:#ffff99;
  	-moz-opacity:0.95;
  	filter:alpha(opacity=95); 
}
#popupTitle{
  	-moz-opacity:1;
  	filter:alpha(opacity=100);
		padding:4px;
		padding-bottom:0px;
}
.popupInh{
		overflow:auto;
		display:block;
		padding:20px;
}
.cel_head{
	  background-color:blue;
	  color:white;
	  text-align:center;
  	font-size:14px;
	  cursor:crosshair;
}
.menu_seperator, .m_s{
    border-left:1px solid #EEEEEE;
 		border-right:1px solid #777777;
 		padding-left:3px;
 		padding-right:3px;
}
.menu_seperator_l, .m_s_l{
    border-right:1px solid #777777;
 		padding-right:3px;
}
.menu_seperator_r, .m_s_r{
    border-left:1px solid #EEEEEE;
 		padding-left:3px;
 		width:100%;
 		text-align:right;
}
.small_table {font-size:8px}
A.active_top{
		display:block;
		color:black;
		text-decoration:none;
		background-color:#F3F3F3;
		padding:3px;
		padding-top:0px;
		padding-bottom:1px;
		width:100%;
		border:1px solid black;
}


A.form_button:hover {TEXT-DECORATION:none;}
A.button:hover{		
		TEXT-DECORATION:none;
		background-color:#eeeeee;
}

/*.form1{																			
	  border:1px solid black;
	  padding:10px; 
	  background-color:lightgrey;
}*/
/*.form1_head{																			
	  text-align:center;
		font-weight:700;
}*/

.overzicht{
		BORDER-TOP:1px solid black;
		BORDER-RIGHT:1px solid black;
		BORDER-BOTTOM:1px solid black;
}
.row1,.row_t{
		BACKGROUND-COLOR:white;
		border-left:1px solid black;
		padding-top:1px;
		padding-bottom:1px;
}
.row_t{
    font-weight:bold;
    border-bottom:1px solid black;
}
.row1_bottom{
		BACKGROUND-COLOR:white;
		border-left:1px solid black;
		border-bottom:1px solid black;
}
.row1_bottom_top{
		BACKGROUND-COLOR:white;
		border:1px solid black;
		border-right:0px solid black;
}
.row1_noleft{
		BACKGROUND-COLOR:white;
		border-bottom:1px solid black;
}
.row2{
		BACKGROUND-COLOR:#e5e5e5;
		border-left:1px solid black;
		padding-top:1px;
		padding-bottom:1px;
}
.row2_bottom_top{
		BACKGROUND-COLOR:#e5e5e5;
		border:1px solid black;
		border-right:0px solid black;
}
.row_red1{
		color:red;
		BACKGROUND-COLOR:white;
		border-left:1px solid black;
}
.row_red2{
		color:red;
		BACKGROUND-COLOR:#e5e5e5;
		border-left:1px solid black;
}
.row3{
		border-left:1px solid black;
		border-top:1px solid black;
		font-size:12px;
}
.row4, .row_top {
		border-bottom:1px solid black;
		border-left:1px solid black;
		BACKGROUND-COLOR:#cccccc;
		font-size:12px;
}
.cart{
		BACKGROUND-COLOR:silver;
		border:1px solid black;
}
.product_foto	{border:2px double black}
.nieuws{
  border:1px solid black;
  padding:10px;
  background-color:#efefef;
}
.web_nieuws{
  border:1px solid black;
  padding:2px;
  background-color:#DBEBED;
}
.card	{font-size:8px}
.adres_head {
	font-size:12px;
	border-top:1px solid white;
	border-left:1px solid white;
	border-right:1px solid black;
	border-bottom:1px solid black;
	background-color:silver;
	text-align:center;
}
.adres_row1, .ar1{
		BACKGROUND-COLOR:#ffffff;
		font-size:10px;
}
.adres_row2, .ar2{
		BACKGROUND-COLOR:#f5f5f5;
		font-size:10px;
}
.comment{
	  color:green;
	  font-style:italic;
}
.msgbox{
    padding: 1px;
    border: 1px solid black;
    background-color: white;
  	-moz-opacity:0.95;
  	filter:alpha(opacity=95);    
}


.st_table{
  border: 1px solid black;
  border-left: 0px;
  
}

.st_table thead{
  font-weight: bold;
}
.st_table thead td{
  border-bottom: 1px solid black;
  background-color: #EEE;
  border-left: 1px solid black;
}


.st_table td{
  border-left: 1px solid black;
  padding-left: 5px;
  padding-right: 5px;
}

.st_table tbody td{
  background-color: white;
}
.st_table tfoot td{
  border-top: 1px solid black;
}
.nobr{
	white-space: nowrap;   
}
.mark-box{
  margin-left: -15px;
	width: 10px;
	height: 26px;  
}
.fontBig{
 	font-size: 14px; 
}
.pointer{
  cursor: pointer;
}
tr.ajO:hover{
  background-color: #08439D;
  color: white;
}
.fit{
  margin: 0px;
  padding: 0px;
}
.greyinput INPUT{
  background-color: silver;
}
.trBold td{
 	font-weight:bold; 
}
.orderCol{
  font-size: 14pt;
  width: 33.33333%;
}
.orderCol div{
  text-align:center;
}
.bignav{
  font-size: 40px;
  width:50px;
  height:50px;
  padding:0px;
  background-color: #DDDDDD;
  text-align:center;
}

#offerteOutput TD,TR.offerteHead TD{
    font-size: 14px;
}