body
{
	background-color: #ffffff;					/* achtergrondkleur pagina */
	font-family: tahoma, arial, sans-serif;		/* algemene lettertypes */
	font-size: 12px;							/* algemene letertype grootte */
	color: #000000;								/* kleur van het lettertype */
}

a
{
	text-decoration: none;						/* decoratie * bold * italic van hyperlinks */
	color: #000000;								/* kleur van hyperlinks */
}

a:hover
{
	color: #5F740A;								/* kleur van een link na muis-over */
}

.admintextcolor
{
	color: #FF0000;								/* Tekst kleur wanneer vanuit admin een bericht is achtergelaten */
}

.tables_maintable
{
	width: 100%;									/* breedte van het gastenboek in procenten */
}

.tablerows_header
{
	background-color: #7fa2ca;					/* achtergrond kleur bovenbalk// lees of teken gastenboek */
	height: 20px;								/* hoogte van de boven titelbalk */
	padding-left: 5px;							/* text in de titelbalk begint na 5 pixels */
	padding-right: 5px;							/* en eindigt 5 pixels voor het eind */
	font-weight: bold;							/* tekst decoratie in de titelbalk */
	border: solid 1px #000000;					/* kleur van de rand om de titelbalk */
	color: #000000;
	font-size: 14px;								/* tekst kleur in titelbalk */
}
.tablerows_header a
{
	color: #000000;
	font-weight: bold;								/* tekst kleur in de header */
}
.tablerows_header a:hover
{
	color: #000000;								/* tekst kleur in de header na hoover */
}

.tablerows_gbentries
{
	width: 100%;								/* breedte van de tabel van bericht in het gastenboek */
	border: solid 1px #000000;					/* de kleur van de rand om een bericht in het gastenboek */
}

.gbentry
{
	width: 100%;								/* breedte van een bericht in het gastenboek */
}

.emptyspace
{
	height: 10px;								/* ruimte tussen de berichten in pixels */
}

.leftside
{
	border: solid 1px #000000;					/* kleur en dikte van de rand om het linkermenu */
	border-bottom: 0px;							/* dikte van de bodem rand van het linkermenu */
	padding-top: 5px;							/* tekst van het linkermenu begint na 5 pixels */
	padding-bottom: 5px;						/* en eindigt 5 pixels voor de bodem */
	padding-left: 5px;							/* tekst van het linkermenu begint 5 pixels vanaf de linkerkant */
	padding-right: 5px;							/* en eindigt 5 pixels voor de rechterrand */
	vertical-align: top;						/* de tekst van het linkermenu wordt boven uitgelijnd */
	width: 20%;									/* breedte van het linkermenu in procenten */
	background-color: #7fa2ca;					/* achtergrondkleur van het linkermenu */
	color: #000000;								/* tekstkleur in het linkermenu */
}
.leftside_entry									/* instellingen voor het scherm waarin berichten worden toegevoegd */
{
	border: solid 1px #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width: 20%;
	background-color: #7fa2ca;
	color: #808080;
}

.rightside
{
	border: solid 1px #000000;					/* randkleur en dikte van de rechterkant */
	border-top: solid 1px #000000;				/* de kleur en dikte van de rand aan de onderkant */
	padding-top: 5px;							/* tekst begint 5 pixels vanaf de bovenkant */
	padding-bottom: 5px;						/* en eindigt 5 pixels vanaf de onderkant */
	padding-left: 5px;							/* tekst begint 5 pixels van de linkerkant */
	padding-right: 5px;							/* en eindigt 5 pixels vanaf de rechterkant */
	vertical-align: top;						/* tekst wordt bovenaan uitgelijnd */
	width: 80%;									/* breedte van de rechterkant in procenten */
	background-color: #dbe6f1;					/* achtergrondkleur van de rechterkant */
	color: #000000;								/* tekst kleur in de rechterkant */
}
.rightside_entry								/* instellingen voor rechterkant */
{
	border: solid 1px #000000;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width:80%;
	background-color: #dbe6f1;
	color: #000000;
}

.subject										/* instellingen voor het onderwerp, datum en tijd van het bericht */
{
	font-size: 10px;							/* lettertype omvang */
	font-weight: bold;							/* vet cursief of onderstreept */
}

.writerows										/* van toepassing op alle tekst in het gastenboek */
{
}

p.gbtitle
{
	font-size: 20px;							/* lettertype grootte van de titel */
	font-weight: bold;							/* titel vet cursief of onderstreept */
	color: #000000;								/* kleur van de titel */
}
.tablerows_errors
{
	font-weight: bold;
	width: 100%;								/* breedte van het tekstvak waarin een error wordt gegeven */
	border: solid 1px #000000;					/* de dikte en kleur van de rand om de error tabel */
	padding-left: 5px;							/* teks in de error tabel begint 5 pixels vanaf links */
	padding-top: 5px;							/* en begint 5 pixels vanaf boven */
	padding-bottom: 5px;						/* en eindigt 5 pixels vanaf de bodem */
	background-color: #C0C0C0;					/* achtergrond kleur van de error tabel */
	color: #FF0000;								/* tekst kleur van de error tabel */
}

.tablerows_finishpost
{
	width: 100%;								/* breedte van de tabel wanneer een bericht gepost is */
	border: solid 1px #C0C0C0;					/* randdikte en kleur van de tabel wanneer een bericht gepost is */
	padding-left: 5px;							/* begint 5 pixels van de linkerkant */
	padding-top: 5px;							/* en 5 pixels vanaf de bovenkant */
	padding-bottom: 5px;						/* en eindigt 5 pixels vanaf de bodem */
	background-color: #FFF;						/* achtergrondkleur */
	color: #000000;								/* tekstkleur */
}

.tablerows_verify
{
	width: 100%;								/* breedte van validatie tabel */
	border: solid 1px #C0C0C0;					/* randdikte en kleur van de validatie tabel */
	padding-left: 5px;							/* tekst begint 5 pixels vanaf de linkerkant */
	padding-top: 5px;							/* en begint 5 pixels vanaf de bovenkant */
	padding-bottom: 5px;						/* en eindigt 5 pixels vanaf de bodem */
	background-color: #FFF;						/* achtergrondkleur van validatie tabel */
	color: #000000;								/* tekstkleur van validatie tabel */
}

.buttons
{
	font-size: 10px;							/* lettertype grootte van een button */
	border: solid 1px #C0C0C0;					/* randdikte en kleur van een button */
	color: #000000;								/* tekst kleur*/
	background-color: #FFF;						/* achtergrondkleur van een button */
}

.formfields
{
	border: solid 1px #000000;					/* randdikte en kleur van een invul veld */
}

input.ubbbuttons
{ 
	background-color: #FFF;						/* achtergrondkleur van de UBB buttons */
	color:#000000;								/* tekst kleur van de UBB buttons */
	font-family:tahoma, arial, verdana;			/* lettertype van de UBB buttons */
	font-size: 11px;							/* lettertype maat van de UBB buttons */
	border: solid 1px #C0C0C0;					/* randdikte en kleur van de UBB buttons */
}

input.helpline
{
	background-color: #FFF;						/* achtergrondkleur van de UBB hulpfunctie */
	color: #000;								/* tekst kleur van de UBB hulpfunctie */
	width: 350px;								/* breedte van de tabel van de UBB hulpfunctie */
	font-family: tahoma, arial, verdana;		/* lettertype van de UBB hulpfunctie tabel */
	font-size: 10px;							/* lettertype maat van de UBB hulpfunctie tabel */
	border-style: none;							/* rand stijl van de UBB hulpfunctie tabel */
}
#gbMessage										/* bericht invoerveld de rest staat in .formfield */
{
	width: 350px;								/* breedte van het invoerveld */
	height: 150px;								/* hoogte van het invoerveld */
}

												/* copyright brianmeijer.nl */
												
												