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

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

body		{ 	background-color: ffffff;
			overflow:auto;
			font-family: Arial; 
			text-align: center;
			color: #FF4000;
}

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

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

img			{ border: 0px;}


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



div#main	{ 	top: 0px;
			width: 800px; 	}

img#toplogo	{	position: relative ; 
			border-top: 1px solid #333333;
			border-bottom: 1px solid #333333;
				bottom: 2;	}

.color1			{ background-color: #DDDDDD;    color:#ffffff; }
.color2			{ background-color: #FFFFFF;    color:#000000; }

.outsideTable	{ 	border: 1px solid; 

			border-left-color:  #ffffff; 	
			border-top-color:    #ffffff;
			border-right-color: #000000; 	
			border-bottom-color: #000000;	}

.menu		{ 	width: 170px;
			font-family: Arial;
			font-size: 12px;  
			padding: 2px; 	}

td#PageNav1	{	width: 170px;
 			height: 20px;
			font-family: Arial;
			font-size: 12px; 
			
	}

td#PageNav1Selected {	width: 170px;
 			height: 20px;
			font-family: Arial;
			font-size: 12px;
			color: ffffff;
	}

.submenu		{ height: 18px; text-align: left; text-indent:10px;}

a.submenu:link		{ text-decoration: none; color: #000000; }
a.submenu:visited	{ text-decoration: none; color: #000000; }
a.submenu:active	{ text-decoration: none; color: #000000; }
a.submenu:hover		{ text-decoration: underline; color:#FF4000; }

.selectedsubmenu 	{ height: 18px; }

a.selectedsubmenu:link		{ text-decoration: underline;		color:#FF4000; }
a.selectedsubmenu:visited	{ text-decoration: underline;		color:#FF4000; }
a.selectedsubmenu:active	{ text-decoration: underline;		color:#FF4000; }
a.selectedsubmenu:hover		{ text-decoration: none;	 	color:#FF4000; }

.content	{ 	border: 0px solid;
			width: 100%;
			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: #555555;
			left:10px;
			right:10px;		}


.loginbar
		{
		background-image: url("../files/modFiles/template/loginmenu.jpg");
		background-position: top right;
		z-index:3;
		background-repeat: no-repeat;
		margin-right: 20px;
		
		}

.toplogo	{
		background-image: url("../files/modFiles/template/logo.jpg");
		background-repeat: no-repeat;
		background-position: top left;
		height: 75px;
		}

.button			{ 
				    background: #ebebeb;
					cursor: hand;
					color: #000000;
					font-weight: normal;
					border: #FF4000 1px solid;
				}


.login		{ 
					cursor: hand;
					margin-left:650px;
					margin-top: 18px;
					}


#bar{
	width: 100%;
	background-color: #FF4000;
	text-align: left;
	height: 34px;
	font-weight: bold;
	color: #ffffff;
	font-size: 12px;
	overflow:hidden;
	clear:both;
}

#bar A  {
	font-style: normal;
	color: #ffffff;
	text-decoration: none;  
	}
	
#bar A:hover {
	color: #555555; 
}



.textField		{ background-color: #ffffff; font-family: Arial; font-size: 10px; color: #555555; border: 1px solid #98abc1;}

.navTitle		{ font-family: Arial; font-size: 10px; font-weight:    bold; color: #555555;}
.pageTitle		{ font-family: Arial;   font-size: 13px; font-weight:    bold; color: #FF4000; text-indent:20px;}
.copyRight		{ font-family: Arial; font-size: 10px; font-weight:    bold; color: #000000; font-style: italic;}
.foundWords		{ font-family: Arial; font-size: 10px; font-weight:  normal; color: #FF0000;}
.Photo_table	{ text-align:center; }

/* Formulier */
.FStandard		{ font-family: Arial; font-size: 10px; font-style: normal; color: #555555;}
.FRowColor		{ background-color: #98abc1; color: #000000}
.ErrorText		{ color: #FF0000}
.ErrorNaam		{ color: #FF0000}
.RuimteFormulier	{ width: 15px;	}

/* 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; text-align:left;}
td.EtdHeader    { background-color: #FFFFFF; color: #FF4000; border-bottom: 1px solid #000000; width:600px;}
td.Etabs		{ background-color: #000000; color: #FFFFFF; border-bottom: 1px solid #000000;}
td.Ecolor2		{ background-color: #000000; color: #FFFFFF;}
td.EtCopyRight		{ background-image: url("http://test.backupfactory.nl/files/modFiles/footeremail.jpg"); color: #FFFFFF; border-top: 1px solid #006797; border-bottom: 1px solid #006797; width:600px;}
a.Elink:link		{ text-decoration: none;		color:#FFFFFF;}
a.Elink:visited		{ text-decoration: none;		color:#FFFFFF;}
a.Elink:active		{ text-decoration: none;		color:#FFFFFF;}
a.Elink:hover		{ text-decoration: underline; 	color:#FFFFFF;}


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

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

.WC_outsideTable	{  font-size: 10px; color: #006797; border: 1px solid #F6F6F6;}
.WC_table		{ font-size: 10px; color: #555555; border: 1px solid #F6F6F6;}
.WC_tableInvis		{  font-size: 10px; color: #006797; border: 0px solid #F6F6F6;}
.WC_td		{ 	border: 1px solid;
			border-left-color:  #F6F6F6; 
			border-top-color:   #F6F6F6; 
			border-right-color: #F6F6F6; 
			border-bottom-color:#F6F6F6; }

.WC_title		{ font-family:   arial; font-size: 12px; color: #000000; font-weight: bold;}
.WC_tabs		{ background-color: #555555; font-size: 10px; color: #F6F6F6;}
.WC_bg			{ background-color: #E9F8FF; color: #9999ff;} 
.WC_bg2			{ background-color: #F6F6F6; color: #555555;}
.WC_row			{ background-color: #F6F6F6; color: #555555;}
.WC_menu:link		{ text-decoration: none; color:#FF4000;}
.WC_menu:visited	{ text-decoration: none; color:#FF4000;}
.WC_menu:active		{ text-decoration: none; color:#FF4000;}
.WC_menu:hover		{ text-decoration: underline; color:#555555;}
.WC_link:link		{ text-decoration: none; color:#FF4000;}
.WC_link:visited	{ text-decoration: none; color:#FF4000;}
.WC_link:active		{ text-decoration: none; color:#FF4000;}
.WC_link:hover		{ text-decoration: underline; 	color:#555555;}
.WC_discount		{ background-color: #FF4000; font-family: Arial; font-size: 10px; color: #FFFFFF; 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: #F6F6F6; font-size: 10px; color: #000000;}
.WC_ww_link		{ text-decoration: none; color: #000099;}
.WC_ww_subTotal		{ background-color: #BCEAFF;}
.WC_ww_total		{ background-color: #7FACD5; color:#FFFFFF;}
.WC_ww_discount		{ background-color: #FF4000; color: #555555;}

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