/*----------------------------------------------*/
/*-------------------algemeen-------------------*/
/*----------------------------------------------*/

/* ............... basis */

body			{ background-color: #ffffff; font-family: Arial; font-size: 11px; color: #ff0000;
				  scrollbar-face-color: #cccccc; scrollbar-arrow-color: #FFFFFF;
				  scrollbar-3dlight-color: #cccccc; scrollbar-shadow-color: #cccccc;}

h1, h2, h3, h4	{ font-family: Arial;}
A:link		{ text-decoration: underline;	color:#003399;}
A:visited		{ text-decoration: underline;	color:#003399;}
A:active		{ text-decoration: underline;	color:#003399;}
A:hover		{ text-decoration: none; 	color:#ffcc33;}

table			{ font-family: Arial; font-size: 12px; color: #000000;}
td			{ padding: 0px;}

hr			{ color: #000000;}

img			{ border: 0px;}


/* ............... aanpassen (variabelen) */

.top		{ background-color: #ffffff;    color:#000000;}
.color1		{ background-color: #cccccc;    color:#ffffff;}
.color2		{ background-color: #000000;    color:#000000;}

.outsideTable	{ border: 1px solid; background-color: #ffffff;
				  border-left-color:  #ffffff; border-top-color:    #ffffff;
				  border-right-color: #000000; border-bottom-color: #000000;}

a.offers  		{ font-size: 16px; }

a.offers:link		{ text-decoration: none; color:#000000; }
a.offers:visited	{ text-decoration: none; color:#000000; }
a.offers:active		{ text-decoration: none; color:#000000; }
a.offers:hover		{ text-decoration: none; color:#003399; }

.menu			{ font-family: arial; font-size: 11px; ; padding-top: 2px; }

a.menu:link		{ text-decoration: none; color:#000000; background-color: #ffcc33; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}
a.menu:visited	{ text-decoration: none; color:#000000; background-color: #ffcc33; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}
a.menu:active	{ text-decoration: none; color:#000000; background-color: #ffcc33; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}
a.menu:hover	{ text-decoration: none; color:#000000; background-color: #cccccc; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}

.selectedmenu		{ font-family: Arial; font-size: 11px; color: #ffffff; padding-top: 2px;
				  background-color: #ffffff; color:#ffffff; }

a.selectedmenu:link	{ text-decoration: none; color:#000000; background-color: #ffffff; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}
a.selectedmenu:visited	{ text-decoration: none; color:#000000; background-color: #ffffff; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}
a.selectedmenu:active	{ text-decoration: none; color:#000000; background-color: #ffffff; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}
a.selectedmenu:hover	{ text-decoration: none; color:#000000; background-color: #cccccc; width: 100%; height: 20px; border-bottom: 1px solid #ffffff;}

.submenu		{ background-color: #ffffff; height: 18px;}

a.submenu:link		{ text-decoration: none;	color:#000000; background-color: #ffffff; border: 1px solid #cccccc; }
a.submenu:visited	{ text-decoration: none;	color:#000000; background-color: #ffffff; border: 1px solid #cccccc; }
a.submenu:active	{ text-decoration: none;	color:#000000; background-color: #ffffff; border: 1px solid #cccccc; }
a.submenu:hover		{ text-decoration: none; 	color:#ffffff; background-color: #000000; border: 1px solid #cccccc; }

.selectedsubmenu	{ background-color: #ffffff; height: 18px;}

a.selectedsubmenu:link		{ text-decoration: none;		color:#ffffff; background-color: #000000; border: 1px solid #cccccc; }
a.selectedsubmenu:visited	{ text-decoration: none;		color:#ffffff; background-color: #000000; border: 1px solid #cccccc; }
a.selectedsubmenu:active	{ text-decoration: none;		color:#ffffff; background-color: #000000; border: 1px solid #cccccc; }
a.selectedsubmenu:hover		{ text-decoration: none;	 	color:#000000; background-color: #ffffff; border: 1px solid #cccccc; } 

.content		{ align: left; border: 0px solid; background-color: #ffffff; padding: 2px 5px 5px 5px;
				  border-left-color:  #000000; border-top-color:    #000000;
				  border-right-color: #000000; border-bottom-color: #000000;
				  
			}

.contentText		{ font-family: Arial; font-size: 12px; color: #000000; align: left;}

.button			{ background-color: #ffcc33; font-family: Arial; font-size: 11px; color: #000000; border: 0px solid #cccccc; height: 16px;}
.header        		{ background-color: #ffcc33; font-family: Arial; font-size: 11px; color: #000000; border: 0px solid #cccccc; height: 16px;}
.textField		{ background-color: #ffffff; font-family: Arial; font-size: 10px; color: #000000; border: 1px solid #cccccc;}

.navTitle		{ font-family: Arial; font-size: 10px; font-weight:    bold; color: #ffffff; background-color: #000000; width: 100%}
.pageTitle		{ font-family: Arial;   font-size: 14px; font-weight:    bold; color: #000000; }
.copyRight		{ font-family: Arial; font-size: 10px; font-weight:    bold; color: #000000; font-style: italic;}
.foundWords		{ color: #FF0000;}

/* Formulier */
.FFieldset		{ border: 1px solid #cccccc;}
.FFieldsetTitle		{ font-family: Arial; font-size: 10px; font-weight:  bold; color: #000000;}
.FStandard		{ margin-left: 5px; font-family: Arial; font-size: 10px; font-style: normal; color: #000000;}
.FRowColor		{ background-color: #cccccc; color: #000000}
.ErrorText		{ color: #FF0000}
.ErrorNaam		{ color: #FF0000}

/* Email (very conservative (ie:old) markup) */
table.Et		{ font-family: Arial; font-size: 10px; color: #000000; border: 1px solid #000000; background-color: #ffffff;}
table.EtInvis		{ font-family: Arial; font-size: 10px; color: #000000; border: 0px solid #000000;}
td.Etd			{ border-bottom: 1px solid #000000;}
td.Etabs		{ background-color: #000000; color: #FFFFFF; border-bottom: 1px solid #000000;}
td.Ecolor2		{ background-color: #000000; color: #FFFFFF;}
td.EtCopyRight		{ background-color: #E9F8FF; color: #006797; border-top: 1px solid #006797; border-bottom: 1px solid #006797;}
a.Elink:link		{ text-decoration: none;		color:#000000;}
a.Elink:visited		{ text-decoration: none;		color:#000000;}
a.Elink:active		{ text-decoration: none;		color:#000000;}
a.Elink:hover		{ text-decoration: underline; 	color:#000000;}

/*----------------------------------------------*/
/*-------------------calendar-------------------*/
/*----------------------------------------------*/

.calendarIframe			{ position: absolute; z-index: 10; width: 140px; height: 142px;} /* nodig op boven SELECT te komen */
.calendarUserControl	{ background-color: #ffffff; border: 1px solid #000000;
						  position: absolute; z-index: 20; width: 140px; height: 142px;} /* z-index moet hoger dan iframe zijn */
.calendar		{ background-color: #ffffff; }
.calendarDayHeader	{ border-top: 1px solid #000000; border-bottom: 1px solid #000000;}
.calendarOtherMonthDay	{ background-color: #cccccc; border: 1px solid #808080;}
.calendarSelectedDay	{ border: 1px solid #0088bb; color: #000000;}
.calendarTodayDay	{ background-color: #ccffcc; border: 1px solid #33cc66;}
.calendarWeekendDay	{ background-color: #ffffcc; border: 1px solid #808080;}
.calendarTitle		{ background-color: #434c6c; color: #ffffff;}
.calendarDay		{ background-color: #ffffff; border: 1px solid #ffffff;}
.calendarForm		{ font-family: Arial; font-size: 10px; border-color: #ffffff;
						  scrollbar-face-color: #434c6c; scrollbar-arrow-color: #ffffff;
				  		  scrollbar-3dlight-color: #ffffff; scrollbar-shadow-color: #000000; }

/*----------------------------------------------*/
/*-------------------modules--------------------*/
/*----------------------------------------------*/

/* ............... wc */

.WC_outsideTable{ background-color: #E9F8FF; font-size: 10px; color: #006797; border: 1px solid #006797;}
.WC_table		{ background-color: #E9F8FF; font-size: 10px; color: #006797; border: 1px solid #006797;}
.WC_tableInvis		{ background-color: #E9F8FF; font-size: 10px; color: #006797; border: 0px solid #006797;}
.WC_td			{ border: 1px solid;
				  border-left-color:  #ffffff; border-top-color:    #ffffff;
				  border-right-color: #ffffff; border-bottom-color: #ffffff;}
.WC_title		{ font-family: Arial; font-size: 12px; color: #000000; font-weight: bold;}
.WC_tabs		{ background-color: #000000; font-size: 10px; color: #FFFFFF;}
.WC_bg			{ background-color: #E9F8FF; color: #9999ff;} 
.WC_bg2			{ background-color: #006797; color: #ffffff;}
.WC_row			{ background-color: #006797; color: #FFFFFF;}
.WC_menu:link		{ text-decoration: none;		color:#FFFFFF;}
.WC_menu:visited	{ text-decoration: none;		color:#FFFFFF;}
.WC_menu:active		{ text-decoration: none;		color:#FFFFFF;}
.WC_menu:hover		{ text-decoration: underline; 	color:#FFFFFF;}
.WC_link:link		{ text-decoration: none;		color:#000000;}
.WC_link:visited	{ text-decoration: none;		color:#000000;}
.WC_link:active		{ text-decoration: none;		color:#000000;}
.WC_link:hover		{ text-decoration: underline; 	color:#000000;}
.WC_discount		{ background-color: #FFFF00; font-family: Arial; font-size: 10px; color: #FF0000; font-weight: bold;}

.WC_ww_formulier	{ background-color: #FFFFFF; font-family: Arial; font-size: 10px; color: #000000;}
.WC_ww_tabs		{ background-color: #000000; font-family: Arial; font-size: 10px; color: #FFFFFF; border-bottom: 1px solid #000000;}
.WC_ww_bg		{ background-color: #FFFFFF; font-family: Arial; font-size: 10px; color: #000000;}
.WC_ww_bg2		{ background-color: #F4F4F4; font-family: Arial; font-size: 10px; color: #000000;}
.WC_ww_row		{ background-color: #DDDDDD; font-size: 10px; color: #000000;}
.WC_ww_link		{ text-decoration: none; color: #000099;}
.WC_ww_subTotal		{ background-color: #FFFFCC;}
.WC_ww_total		{ background-color: #FFCC99;}
.WC_ww_discount		{ background-color: #FFCCCC;}

/*----------------------------------------------*/