/*
 * @Hendrik Jan
 * kleuren:
 	* #FFFFFF = wit						RGB: 
	* #000000 = zwart					RGB:
	* #CCCCCC = grijs					RGB: 204, 204, 204
	* #BBB2A4 = creme bruin 			RGB: 187, 178, 168
	* #8C8985 = donker grijs / bruin	RGB: 140, 137, 133
	* #0000CC = donker blauw			RGB: 
	* #0069b3 = licht blauw				RGB: 
	* #FF0000 = rood					RGB: 
 */


/*
 * @Hendrik Jan
 * De Body geeft samen met table de voornaamste 
 * style aan een website. Lettertypen e.d. worden 
 * hierin bepaald.
 */
/* root/index.php */
BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-arrow-color:#0000CC;
	scrollbar-face-color:#FFFFFF;
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}
/* root/index.php */
TABLE {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	/* table-layout: fixed; */
}
/*
 * @Hendrik Jan
 * Standaard horizontale lijnen.
 */
/* root/pages/popuphelp.php */
HR {
	height: 1px;
	color: #8C8985;
}
/*
 * @Hendrik Jan
 * Standaard error.
 */
.error {
	color: RED;
	letter-spacing: 1px;
}
/*
 * @Hendrik Jan
 * Standaard links.
 */
a:link {
	color: #0000CC;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
a:visited {
	color: #0000CC;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
a:hover {
	color: #0069b3;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
a:active {
	color: #0000CC;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}
/*
 * @Hendrik Jan
 * Menu links.
 */
/* root/includes/leftmenu.php */
.m a:link {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}
.m a:visited {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}
.m a:hover {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}
.m a:active {
	color: #000000;
	font-weight: bold;
	font-size: 18px;
	text-decoration: none;
}

/*
 * @Hendrik Jan
 * Het uitlijnen van een webpagina. Deze tabel klasse is 
 * voornamelijk gebruikt als eerste tabel op een pagina.
 */
/* root/index.php */
.tbl_sitelineout {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
/* root/index.php */
.td_sitelineout {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
} 
/* root/index.php */
.tbl_mainlineout {
	width: 900px;
	height: 625px;
	text-align: left;
	vertical-align: top;
	background-color: #BBB2A4;
	border: 1px solid #000000;
} 
/* root/index.php */
.td_spacer_h {
}
.td_fill_h {
	width: 100%;
}
/* root/leftmenu.php */
/* root/rightmenu.php */
.td_fill_v {
	height: 100%;
}

/*
 * @Hendrik Jan
 * Top van een website
 */
/* root/index.php */
.td_top {
	width: 900px;
	height: 0px;
}
/* root/index.php */
.td_content {
	width: 900px;
	height: 600px;
	text-align: center;
	vertical-align: top;
}
/* root/index.php */
.td_bottom {
	width: 900px;
	height: 25px;
}


/***********************************************************************/
/* root/includes/top.php */
/* TOP */
.tbl_top_1 {
}
.td_top1_tr1 {	
}
.td_top2_tr1 {
}
.td_top1_tr2 {	
}
.td_top2_tr2 {
}
.td_top1_tr3 {	
}
.td_top2_tr3 {
}

/***********************************************************************/
/* root/includes/content.php */
/* CONTENT */
.tbl_main_content {
	width: 900px;
	height: 600px;
	text-align: center;
	vertical-align: middle;
}


/***********************************************************************/
/* Menu Links */
.td_main_leftmenu {
	width: 200px;
	height: 600px;
	text-align: center;
	vertical-align: middle;
	background-color: #CCCCCC;
}
.td_main_content {
	width: 400px;
	height: 600px;
	text-align: center;
	vertical-align: middle;
}
.td_main_rightmenu {
	width: 300px;
	height: 600px;
	text-align: center;
	vertical-align: middle;
	background-color: #8C8985;
}
.td_main_spacer_h {
}
.td_main_spacer_v {
}


/***********************************************************************/
/* Menu links (leftmenu.php)*/
.tbl_leftmenu {
	width: 200px;
	height: 550px;
	text-align: center;
	vertical-align: top;
}
.td_leftmenu_title_1 {
	width: 25px;
}
.td_leftmenu_title_2 {
	width: 150px;
	font-size: 18px;
}
.td_leftmenu_title_3 {
	width: 25px;
}
.td_leftmenu_content_1 {
	width: 25px;
}
.td_leftmenu_content_2 {
	width: 150px;
	text-align: right;
	vertical-align: top;
}
.td_leftmenu_content_3 {
	width: 25px;
}
.td_leftmenu_spacer_v {
	height: 25px;
	width: 150px;
}


/***********************************************************************/
/* content (first_content.php) */
.tbl_main {
	width: 400px;
	height: 550px;
	text-align: center;
	vertical-align: middle;
}
.td_main_title_1 {
	height: 25px;
	width: 25px;
}
.td_main_title_2 {
	height: 25px;
	width: 350px;
	text-align: left;
	vertical-align: middle;
}
.td_main_title_3 {
	height: 25px;
	width: 25px;
}
.td_main_content_1 {
	height: 500px;
	width: 25px;
}
.td_main_content_2 {
	height: 500px;
	width: 350px;
	text-align: left;
	vertical-align: top;
}
.td_main_content_3 {
	height: 500px;
	width: 25px;
}
.td_main_spacer_v {
	height: 25px;
}
.text_border {
}


/***********************************************************************/
/* Menu rechts (rightmenu.php)*/
.tbl_rightmenu {
	width: 300px;
	height: 550px;
}
.td_rightmenu_title_1 {
	width: 25px;
}
.td_rightmenu_title_2 {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #0000CC;
	width: 250px;
	text-align: left;
	vertical-align: middle;
}
.td_rightmenu_title_3 {
	width: 25px;
}
.td_rightmenu_content_1 {
	width: 25px;
}
.td_rightmenu_content_2 {
	font-size: 14px;
	color: #FFFFFF;
	width: 250px;
	text-align: left;
	vertical-align: middle;
}
.td_rightmenu_content_3 {
	width: 25px;
}
.td_rightmenu_spacer_v {
	height: 25px;
}


/***********************************************************************/
/* root/includes/bottom.php */
/* BOTTOM */
.tbl_bottom {
	width: 900px;
	height: 25px;
	font-family: Arial;
	font-size: 10px;
	color: #000000;
	border-top: 1px solid #000000;
}
.td_bottom1_tr1 {
	width: 25px;	
}
.td_bottom2_tr1 {
	width: 850px;
}
.td_bottom3_tr1 {
	width: 25px;	
}
.td_bottom1_tr2 {
	width: 25px;	
}
.td_bottom2_tr2 {
	letter-spacing: 1px;
	width: 850px;
	text-align: right;
	vertical-align: middle;
}
.td_bottom3_tr2 {
	width: 25px;	
}
.td_bottom1_tr3 {
	width: 25px;	
}
.td_bottom2_tr3 {
	width: 850px;
}
.td_bottom3_tr3 {
	width: 25px;	
}


/***********************************************************************/
/* INPUT / SELECTED / TEXTAREA'S */

input {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	width: 150px;
	border: 1px solid #000000;
}
textarea {
	font-family: Arial;
	font-size: 12px;
	color: #000000;
	width: 150px;
	scrollbar-base-color:#FFFFFF;
	scrollbar-track-color:#FFFFFF;
	scrollbar-darkshadow-color:#FFFFFF;
	scrollbar-shadow-color:#FFFFFF;
	scrollbar-3dlight-color:#FFFFFF;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-arrow-color:#0000CC;
	scrollbar-face-color:#FFFFFF;
	border: 1px solid #000000;
}
.button {
	font-family: Arial;
	font-size: 12px;
	font-weight: normal;
	width: 150px;
	color: #0000CC;
	border: 1px solid #000000;
	background-color: #8C8985;
	cursor: hand;
}


/***********************************************************************/
/* PER SITE VERSCHILLEND */

.mainTitle {
	font-weight: bold;
	font-size: 18px;
	color: #FFFFFF;
}

.subTitle {
	font-weight: bold;
	font-size: 10px;
	color: #0000CC;
}


.error_message {
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	color: RED;
}

.test_message {
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	color: RED;
}

.td_rightmenu_picture {
	text-align: center;
	vertical-align: middle;
}

/* root/includes/rightmenu.php */
.tbl_companyinfo {
	font-weight: bold;
	font-size: 12px;
	letter-spacing: 1px;
	color: #FFFFFF;
	width: 250px;
	text-align: left;
	vertical-align: middle;
}
.td_companyinfo {
	width: 250px;
}
.td_companyinfo_1 {
	width: 30px;
}
.td_companyinfo_2 {
	width: 220px;
}

.iframe {
	height: 500px;
	width: 350px;
}
.body_iframe {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #BBB2A4;
	scrollbar-base-color:#BBB2A4;
	scrollbar-track-color:#BBB2A4;
	scrollbar-darkshadow-color:#BBB2A4;
	scrollbar-shadow-color:#8C8985;
	scrollbar-3dlight-color:#BBB2A4;
	scrollbar-highlight-color:#8C8985;
	scrollbar-arrow-color:#0000CC;
	scrollbar-face-color:#BBB2A4;
	text-align: left;
	vertical-align: top;
	border: 0px;
}

.body_popup {
	margin: 5px 5px 5px 5px;
	padding: 0px 0px 0px 0px;
	background-color: #BBB2A4;
	scrollbar-base-color:#BBB2A4;
	scrollbar-track-color:#BBB2A4;
	scrollbar-darkshadow-color:#BBB2A4;
	scrollbar-shadow-color:#8C8985;
	scrollbar-3dlight-color:#BBB2A4;
	scrollbar-highlight-color:#8C8985;
	scrollbar-arrow-color:#0000CC;
	scrollbar-face-color:#BBB2A4;
	text-align: center;
	vertical-align: middle;
}
.tbl_popup {
	text-align: left;
	vertical-align: top;
}
.td_popup_copyrights {
	text-align: right;
	letter-spacing: 1px;
	font-size: 10px;
}


/*********************************************************************/
/* MODULEN */
.tbl_prod {
	border: 0px solid #000000;
	width: 330px;
}
.td_prod_image {
	height: 100px;
	width: 100px;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #FFFFFF;
}
.td_prod_vspacer {
	width: 10px;
}
.td_prod_name {
	height: 20px;
	width: 220px;
}
.td_prod_info {
	width: 220px;
	height: 80px;
	letter-spacing: 1px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
}
.td_prod_price {
	width: 220px;
}
.td_prod_weight {
	width: 220px;
}
.td_prod_hspacer {
	height: 10px;
}
.td_prod_des {
	width: 330px;
}
.td_prod_counting {
	text-align: right;
}


/* 
 * scrollbartools
 * scrollbar-base-color:#0000CC;
 * scrollbar-track-color:#0000CC;
 * scrollbar-darkshadow-color:#0000CC;
 * scrollbar-shadow-color:#0000CC;
 * scrollbar-3dlight-color:#0000CC;
 * scrollbar-highlight-color:#0000CC;
 * scrollbar-arrow-color:#0000CC;
 * scrollbar-face-color:#0000CC;
 */

/*
 * #FFFFFF = wit
 * #000000 = zwart
 * #CCCCCC = grijs
 * #BBB2A4 = creme bruin
 * #8C8985 = donker grijs / bruin
 * #0000CC = donker blauw
 * #0069b3 = licht blauw
 * #FF0000 = rood
 */