body {
 background-color : #ebf9b5;
 background-image : url(pics/achtergrond.gif);
 background-repeat : repeat-y;
 font-size : 12px;
 padding-left : 30px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
}

img {
 border : none;
}

td {
 vertical-align : top;
 font-size : 10px;
}

.i {
 font-style : italic;
}

.b {
 font-weight : bold;
}

.l {
 text-align : left;
}

.c {
 text-align : center;
}

.r {
 text-align : right;
}

.xxs {
 font-size : xx-small;
}

.small {
 font-size : smaller;
}

.menu {
 position : absolute;
 left : 150px;
 top : 8px;
 width: expression((document.body.clientWidth - 150) + 'px');
}

.menuitem {
 float : left;
 width : 200px;
 text-align : center;
 font-weight : bold;
}

a {
 color : #000000;
 font-weight : bold;
}

.tekst {
 position : absolute;
 top : 125px;
 left : 150px;
 width: expression((document.body.clientWidth - 150) + 'px');
}

.xylogo { 
 clear : left;
 float : left;
}

.personalia {
 position : relative;
 top : 115px;
 left : 10px;
 font-size : 1.5em;
}

.lijntable {
 border-collapse: collapse; border: 1px solid #000000; margin-left: auto; margin-right: auto; font-size : 12px; width : 50%;
}

.lijnthead {
 font-weight : bold;
}

.lijntd {
 border: 1px solid #000000;
 text-align: center;
}

/* Tanden */
.l2 { background-color : #add8e6; }
.l1 { background-color : #f08080; }
.lh { background-color : #ffffe0; }
.ll { background-color : #90ee90; }
.lc { background-color : #ffb6c1; }
.rc { background-color : #20b2aa; }
.rl { background-color : #d3d3d3; }
.rh { background-color : #ffa07a; }
.r1 { background-color : #e0ffff; }
.r2 { background-color : #87cefa; }


/* Gastenboek */
.admintextcolor
{
	color: #FFFFFF;								/* Text color of admin guestbook message */
}

.tables_maintable
{
	width: 100%;									/* Width of the whole guestbook */
}

.tablerows_header
{
	background-color: #00aaff;					/* Background color of mainbar with links */
	height: 20px;								/* Height of mainbar with links */
	padding-left: 5px;							/* Text in mainbar with links starts 5 pixels after start */
	padding-right: 5px;							/* Text in mainbar with links ends 5 pixels before end */
	font-weight: bold;							/* Text decoration of text in mainbar with links */
	border: solid 1px #FFF;						/* Mainbar with links border */
	color: #FFF;								/* Text color in mainbar */
}
.tablerows_header a
{
	color: #FFF;								/* Text color of links in mainbar */
}
.tablerows_header a:hover
{
	color: #000;								/* Text color of links in mainbar after hover */
}

.tablerows_gbentries
{
	width: 100%;								/* Width of an entry in the guestbook */
	border: solid 1px #00aaff;					/* Border of an entry in the guestbook */
}

.gbentry
{
	width: 100%;								/* Width of an entry in the guestbook */
}

.emptyspace
{
	height: 10px;								/* Empty space between entries */
}

.leftside
{
	border: solid 1px #FFF;						/* Border of left side */
	border-bottom: 0px;							/* Sets the bottom border of the left side to 0 */
	padding-top: 5px;							/* Text in left side starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in left side ends 5 pixels before bottom */
	padding-left: 5px;							/* Text in left side starts 5 pixels after left */
	padding-right: 5px;							/* Text in left side ends 5 pixels before right */
	vertical-align: top;						/* Text in left side gets aligned to top */
	width: 20%;									/* Width of left side */
	background-color: #00aaff;					/* Backgroundcolor of left side */
	color: #000000;								/* Text color in left side */
}
.leftside_entry									/* Same as above, but for guestbook entries */
{
	border: solid 1px #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width: 20%;
	background-color: #00aaff;
	color: #000000;
}

.rightside
{
	border: solid 1px #FFF;						/* Border of right side */
	border-top: solid 1px #00aaff;				/* Sets the bottom border of the right side to 1 */
	padding-top: 5px;							/* Text in right side starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in right side ends 5 pixels before bottom */
	padding-left: 5px;							/* Text in right side starts 5 pixels after left */
	padding-right: 5px;							/* Text in right side ends 5 pixels before right */
	vertical-align: top;						/* Text in right side gets aligned to top */
	width: 80%;									/* Width of right side */
	background-color: #FFFFFF;					/* Backgroundcolor of right side */
	color: #000000;								/* Text color in right side */
}
.rightside_entry								/* Same as above, but for guestbook entries */
{
	border: solid 1px #FFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width:80%;
	background-color: #FFFFFF;
	color: #000000;
}

.subject										/* Also applies for the date of each entry */
{
	font-size: 10px;							/* Font size of the subject text in a guestbook entry */
	font-weight: bold;							/* Subject text in a guestbook entry is bold */
}

.writerows										/* Class that applies on almost all text in the guestbook */
{
}

p.gbtitle
{
	font-size: 20px;							/* Font size of the guestbook title */
	font-weight: bold;							/* Guestbook title is bold */
	color: #000000;								/* Text color of the guestbook title */
}
.tablerows_errors
{
	width: 100%;								/* Width of error table */
	border: solid 1px #FFF;						/* Border of error table */
	padding-left: 5px;							/* Text in error table starts 5 pixels after left */
	padding-top: 5px;							/* Text in error table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in error table ends 5 pixels before bottom */
	background-color: #FF9191;					/* Background color of error table */
	color: #FFFFFF;								/* Text color of error table */
}

.tablerows_finishpost
{
	width: 100%;								/* Width of success table */
	border: solid 1px #00aaff;					/* Border of success table */
	padding-left: 5px;							/* Text in success table starts 5 pixels after left */
	padding-top: 5px;							/* Text in success table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in success table ends 5 pixels before bottom */
	background-color: #FFF;						/* Background color of success table */
	color: #000000;								/* Text color in success table */
}

.tablerows_verify
{
	width: 100%;								/* Width of verify table */
	border: solid 1px #00aaff;					/* Border of verify table */
	padding-left: 5px;							/* Text in verify table starts 5 pixels after left */
	padding-top: 5px;							/* Text in verify table starts 5 pixels after top */
	padding-bottom: 5px;						/* Text in verify table ends 5 pixels before bottom */
	background-color: #FFF;						/* Background color of verify table */
	color: #000000;								/* Text color in verify table */
}

.buttons
{
	font-size: 10px;							/* Font size of a button */
	border: solid 1px #00aaff;					/* Border of a button */
	color: #000000;								/* Text color of a button */
	background-color: #FFF;						/* Background color of a button */
}

.formfields
{
	border: solid 1px #000000;					/* Border of an inputbox and textarea */
}

input.ubbbuttons
{ 
	background-color: #FFF;						/* Background color of the UBB buttons */
	color:#000000;								/* Text color of the UBB buttons */
	font-family:tahoma, arial, verdana;			/* Font of the UBB buttons */
	font-size: 11px;							/* Font size of the UBB buttons */
	border: solid 1px #00aaff;					/* Border of the UBB buttons */
}

input.helpline
{
	background-color: #FFF;						/* Background color of the UBB buttons helpline */
	color: #000;								/* Text color of the UBB buttons helpline */
	width: 350px;								/* Width of the UBB buttons helpline */
	font-family: tahoma, arial, verdana;		/* Font of the UBB buttons helpline */
	font-size: 10px;							/* Font size of the UBB buttons helpline */
	border-style: none;							/* Border of the UBB buttons helpline */
}
#gbMessage										/* Guestbook message input. Global settings come from .formfields */
{
	width: 350px;								/* Width of the message input */
	height: 150px;								/* Height of the message input */
}