/*
 * wit: #FFFFFF
 * zwart: #000000
 * grijs: #AFAEAE
 * donker grijs: #636161
 * groen: #82DD6F
 *
 */

 /* DEZE ALTIJD BEWAREN */
.error {
	color: RED;
}

.test {
	color: BLUE;
}

.TESTDATA {
	padding: 15px 15px 15px 15px;
	color: BLUE;
	border: 1px solid BLUE;
	background-color: #AFAEAE;
}

.td_fill_h {
	height: 100%;
}

/*
 * @Peter Becker
 * De Body geeft samen met table de voornaamste 
 * style aan een website. Lettertypen e.d. worden 
 * hierin bepaald.
 */
BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Verdana;
	font-size: 12px;
	color: #FFFFFF; /* #333333 */
	background-color: #333333;
	scrollbar-base-color:#333333;
	scrollbar-track-color:#333333;
	scrollbar-darkshadow-color:#333333;
	scrollbar-shadow-color:#636161;
	scrollbar-3dlight-color:#636161;
	scrollbar-highlight-color:#333333;
	scrollbar-arrow-color:#636161;
	scrollbar-face-color:#333333;
}

TABLE {
	border: 1px;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
}

HR {
	height: 1px;
	color: #AFAEAE;
}

/* standaard link */
a:active {
	color: GREEN;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
}

a:link {
	color: #82DD6F;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
}

a:visited {
	color: #82DD6F;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
}

a:hover {
	color: GREEN;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: none;
}

/* MENU LINK */
.m a:active {
	text-indent: 15px;
	color: #82DD6F;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

.m a:link {
	text-indent: 10px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

.m a:visited {
	text-indent: 10px;
	color: #FFFFFF;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

.m a:hover {
	text-indent: 15px;
	color: #82DD6F;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;
}

/*
 * @Peter Becker
 * Het uitlijnen van een webpagina. Deze tabel klasse is 
 * voornamelijk gebruikt als eerste tabel op een pagina.
 */
.tbl_sitelineout {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}

.td_sitelineout {
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
} 

/* achtergrond van de maincontent table, voorzien vn de 5 */
.tbl_mainlineout {
	width: 980px;
	height: 100%;
	text-align: left;
	vertical-align: top;
	background-color: #C6C6C6;
	background-image: url(../images/layout/bg_5.jpg);
	background-position: bottom left;
	background-repeat: no-repeat;
}

/***********************************************************************/
/* TOP */

/*
 * @Hendrik Jan
 * Top van een website
 */
.td_top_1a {
	width: 217px;
	height: 116px;
}

.td_top_1b {
	width: 758px;
	height: 116px;
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: middle;
}

/* In top 2 zit het menu verwerkt */
.td_top_2a {
	width: 217px;
	height: 100px;
	background-color: #333333;
	text-align: center;
	vertical-align: middle;
}
.top_user_info {
	width: 187px;
	height: 70px;
	color: #AFAEAE;
	font-size: 10px;
}

.td_top_2b {
	width: 758px;
	height: 100px;
	background-image: url(../images/layout/standaard_top.jpg);
	background-repeat: none;
}

/***********************************************************************/
/* Menu links (leftmenu.php) */
.tbl_leftmenu {
	width: 217px;
	text-align: left;
	vertical-align: top;
	/*border: 2px groove;*/
}

.td_leftmenu_spacer_h {
	height: 3px;
	width: 217px;
}

.td_leftmenu_title_1 {
	height: 18px;
	width: 10px;
}

.td_leftmenu_title_2 {
	height: 18px;
	width: 200px;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
}

.td_leftmenu_title_3 {
	height: 18px;
	width: 7px;
}

.td_leftmenu_content_1 {
	height: 18px;
	width: 10px;
	text-align: right;
	vertical-align: middle;
}

.td_leftmenu_content_2 {
	height: 18px;
	width: 200px;
	text-align: left;
	vertical-align: middle;
	/* omdat de link verwijderd wordt van het active menu is de volgende waardesetting nodig */
	/*text-indent: 15px;
	color: #82DD6F;
	font-weight: bold;
	letter-spacing: 1px;
	text-decoration: none;*/
}

.td_leftmenu_content_3 {
	height: 18px;
	width: 7px;
}

/***********************************************************************/
/* CONTENT */

/*
 * @Hendrik Jan
 * Content van een website
 */

/* content table */
/* HIER STAAT NIETS IN */
.td_content_a {
	height: 100%;
	text-align: center;
	vertical-align: top;
}
/* HIER STAAT DE DAADWERKELIJKE CONTENT VAN DE PAGINA IN */
.td_content_b {
	height: 100%;
	text-align: center;
	vertical-align: top;
	background-color: #FFFFFF;
}

/***********************************************************************/
/* CONTENT VERDELING OP DE INDEX2 */
.tbl_main_content {
	width: 720px;
	height: 100%;
	text-align: left;
	vertical-align: top;
	background-image: url(../images/layout/content_row_hor.jpg);
	background-repeat: repeat-y;
	background-position: 595px;
}

.td_main_content_spacer_h {
	height: 10px;
}

.td_main_content_1 {
	height: 20px;
	width: 1px;
}

.td_main_content_2 {
	height: 20px;
	width: 599px;
}

.td_main_content_3 {
	height: 20px;
	width: 120px;
}

/***********************************************************************/
/* CONTENT */
.tbl_content {
	width: 600px;
	text-align: left;
	vertical-align: top;
}

.td_content_spacer_h {
	height: 10px;
}

.td_content_title_1 {
	font-weight: bold;
	color: #333333;
}

.td_content_title_2 {
}

.td_content_1 {
	width: 580px;
}

.td_content_2 {
	width: 20px;
}

/***********************************************************************/
/* BOTTOM */

/*
 * @Hendrik Jan
 * bottom van een website
 */

/* content table */
/* HIER STAAT NIETS IN */
.td_bottom_a {
	height: 50px;
}
/* HIER STAAN DE COPYRIGHTS IN */
.td_bottom_b {
	height: 50px;
}

/***********************************************************************/
/* SCREEN */

/*
 * @Hendrik Jan
 * login van de website
 */

/* Tabel grote + achtergrond */
.tbl_screen {
	width: 450px;
	height: 199px;
	border-top: 3px solid #82DD6F;
	border-bottom: 3px solid #82DD6F;
	background-image: url(../images/layout/steps_screen.jpg);
	background-repeat: none;
	font-size: 18px;
	font-weight: normal;
	color: #FFFFFF;
}

.tbl_screen_comment {
	border-top: 3px solid #82DD6F;
	background-color: #FFFFFF;
}

.td_screen_comment {
	padding: 10px;
}

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

/* input titels */
.input_title {
	width: 200px;
	text-align: right;
	vertical-align: top;
}

.input {
	width: 200px;
	border: 1px solid #82DD6F;
	font-family: Verdana;
	font-size: 12px;
	color: #AFAEAE;
}

.input_small {
	width: 50px;
	border: 1px solid #82DD6F;
	font-family: Verdana;
	font-size: 12px;
	color: #AFAEAE;
}

.input_spacer_v {
	width: 10px;
}

/* files */
.file {
	width: 278px;
	border: 1px solid #82DD6F;
	font-family: Verdana;
	font-size: 12px;
	color: #AFAEAE;
}

/* select */
select {
	width: 200px;
	border: 1px solid #82DD6F;
	font-family: Verdana;
	font-size: 12px;
	color: #AFAEAE;
	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;
}

/* textareas */
.textarea {
	width: 200px;
	height: 100px;
	border: 1px solid #82DD6F;
	font-family: Verdana;
	font-size: 12px;
	color: #AFAEAE;
	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;
}

/* buttons */
.button {
	width: 200px;
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	cursor: hand;
}
.button_small {
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	cursor: hand;
}
.button_I_small {
	border: 1px solid #000000;
	font-family: Verdana;
	font-size: 12px;
	color: RED;
	cursor: hand;
}

/* buttons menu */
.menu_button {
	width: 200px;
	border: 1px solid #333333;
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	cursor: hand;
}

/* buttons menu IMPORTANT */
.menu_button_I {
	width: 200px;
	border: 1px solid #333333;
	font-family: Verdana;
	font-size: 12px;
	color: RED;
	cursor: hand;
}

/***********************************************************************/
/* VERDER SPECIFIEKE ZAKEN */

/* PAGINATITEL */
.mainTitle {
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
}

/* SUBTITEL PAGINA */
.subTitle {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #82DD6F;
}

/* Item titel*/
.textTitle {
	font-size: 12px;
	font-weight: bold;
	color: #82DD6F;
}

/* DATUM */
.date {
	font-weight: bold;
	color: #82DD6F;
	text-align: right;
	vertical-align: bottom;
}

.tbl_date {
	width: 488px;
	height: 100px;
}

.td_date_1 {
	width: 488px;
	height: 80px;
	text-align: right;
	vertical-align: top;
}

.td_date_2 {
	width: 488px;
	height: 20px;
}

/* details die benadrukt dienen te worden */
.specs {
	font-size: 10px;
	color: #82DD6F;
}

/* copyrights die benadrukt dienen te worden */
.copy {
	font-size: 10px;
}
a.copy:link {
	color: #000000;
}

/* opvullen van gaten */
.temp100 {
	width: 100%;
	height: 100%;
}

.td100 {
	width: 100%;
}

/* rechts uitlijnen */
.right {
	text-align: right;
}

/* SPECS ADMIN */
/* titels van kolommen */
.column_head {
	border: 2px groove;
}

.tbl_columns {
	width: 100%;
}

.td_icon {
	width: 20px;
	border: 0px;
	vertical-align: top;
}

.td_iconFile {
	width: 50px;
	border: 0px;
	vertical-align: top;
}

/*
 * @ Hendrik Jan
 */
 
.pop_tbl_first {
	background-color: #AFAEAE;
	border: 0px;
}

.pop_td_title {
	background-color: #FFFFFF;
	height: 50px;
}

.pop_td_content {
	background-color: #FFFFFF;
	vertical-align: top;
	text-align: middle;
	height: 100%;
}

.pop_td_bottom {
	background-color: #FFFFFF;
	text-align: center;
	vertical-align: bottom;
}

.pop_input_title {
	text-align: right;
	vertical-align: top;
}

.pop_input_spacer_v {
	width: 10px;
}

/* 
 * @Hendrik Jan
 * cursor: hand; 
 * Cursor Naam Voorbeeld (ga met de muis over onderstaande teksten) 
 * 
 * auto = Wordt weergegeven zoals ingesteld op het systeem van de gebruiker 
 * crosshair = Ziet eruit als een kruis 
 * default = De standaardinstelling (normale pijl) 
 * hand = Het handje dat je normaal ziet bij een link 
 * move = Het lijkt alsof je iets moet verplaatsen 
 * text = Wat je ziet als een je met de muis op tekst gaat staan 
 * wait = Het bekende zandlopertje! 
 * help = Een vraagteken verschijnt naast de pijl 
 * n-resize = Een pijl naar het noorden 
 * s-resize = Een pijl naar het zuiden 
 * e-resize = Een pijl naar het oosten 
 * w-resize = Een pijl naar het westen 
 * ne-resize = Een pijl naar het Noordoosten 
 * nw-resize = Een pijl naar het Noordwesten 
 * se-resize = Een pijl naar het Zuidoosten 
 * sw-resize = Een pijl naar het Zuidwesten 
 */

/*
 * wit: #FFFFFF
 * zwart: #000000
 * grijs: #AFAEAE
 * donker grijs: #636161
 * groen: #82DD6F
 *
 */