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

 /* DEZE ALTIJD BEWAREN */
.error {
	font-size: 12px;
	color: RED;
}

.test {
	font-size: 10px;
	color: BLUE;
}

.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: #000000;
	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: #000000;
}
HR {
	height: 1px;
	color: #AFAEAE;
}

/* standaard link */
a:active
{
	color: GREEN;
	font-weight: bold;
	letter-spacing: 0px;
	text-decoration: underline;
}
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: top;
} 
/* 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: 200px;
	background-color: #333333;
}
.td_top_2b {
	width: 758px;
	height: 200px;
}


/***********************************************************************/
/* Menu links (leftmenu.php) */
.tbl_leftmenu {
	width: 217px;
	text-align: left;
	vertical-align: middle;
}
.td_leftmenu_spacer_h {
	height: 10px;
	width: 217px;
}
.td_leftmenu_title_1 {
	height: 20px;
	width: 27px;
}
.td_leftmenu_title_2 {
	height: 20px;
	width: 160px;
	text-align: left;
	vertical-align: middle;
}
.td_leftmenu_title_3 {
	height: 20px;
	width: 30px;
}
.td_leftmenu_content_1 {
	height: 20px;
	width: 27px;
	text-align: right;
	vertical-align: middle;
}
.td_leftmenu_content_2 {
	height: 20px;
	width: 160px;
	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: 20px;
	width: 30px;
}


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

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


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


/***********************************************************************/
/* content */
.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: 20px;
}
.td_main_content_2 {
	height: 20px;
	width: 580px;
}
.td_main_content_3 {
	height: 20px;
	width: 120px;
}


/***********************************************************************/
/* 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;
}


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

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

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

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

/* START 2006-01-12 */
/* content paginaitems */
.tbl_pcontent {
	width: 560px;
}
/* main lead */
.td_lead {

}
/* main text */
.td_text {

}
/* spacers */
.td_v_spacer {
	height: 20px;
}
/* pagina item titel */
.td_pitemtitle {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
}

.td_pitemlead {

}

.td_pitemtext {

}

/* EINDE 2006-01-12 */

/* 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: 100px;
}

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

/* copyrights die benadrukt dienen te worden */
.copy
{
	font-size: 10px;
}

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

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

.hr_page_spacer {
	border: dotted;
}
/* 
 * @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 
 */