// Kleuren:
// Schoolbordgroen #227777
// Schoolbordbruin #8B4513
// Achtergrond licht groen #aadd99
// schoolbord font schoolschrift.ttf 30px

html, body {
 width: 100% !important;
 padding : 0px;
 margin : 0px;
}

body {
 background-color : #AADD99;
// background-image : url(pics/menu/hekjes.png);
// background-repeat : repeat-x;
 font-size : 14px;
 font-family : Verdana, Arial, Helvetica, sans-serif;
}

#menu {
 position : absolute;
 left : 10px;
 top : 10px;
}

#tekst {
 position : absolute;
 top : 220px;
 padding : 0px 20px 0px 20px;
 width : 95%;
}

img {
 border : none;
}

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


/* Tekstuele opmaak */
.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; }
.s { font-size : smaller; }

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

a:hover { color : #0000DD; }

/*************************************************************************************************************************************************/
/* Gegevens */
.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: #AADD99;					/* 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 #8B4513;						/* 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 : #0000DD;								/* Text color of links in mainbar after hover */
}

.tablerows_gbentries
{
	width: 100%;								/* Width of an entry in the guestbook */
	border: solid 1px #AADD99;					/* 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 #8B4513;						/* 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: #AADD99;					/* Backgroundcolor of left side */
	color: #000000;								/* Text color in left side */
}
.leftside_entry									/* Same as above, but for guestbook entries */
{
	border: solid 1px #8B4513;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width: 20%;
	background-color: #AADD99;
	color: #000000;
}

.rightside
{
	border: solid 1px #8B4513;						/* Border of right side */
	border-top: solid 1px #AADD99;				/* 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: #227777;					/* Backgroundcolor of right side */
	color: #000000;								/* Text color in right side */
}
.rightside_entry								/* Same as above, but for guestbook entries */
{
	border: solid 1px #8B4513;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	vertical-align: top;
	width:80%;
	background-color: #227777;
	color: #000000;
}
.topline
{
	border-top : solid 1px #8B4513;
}
.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 #8B4513;						/* 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 #AADD99;					/* 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: #227777;						/* Background color of success table */
	color: #000000;								/* Text color in success table */
}

.tablerows_verify
{
	width: 100%;								/* Width of verify table */
	border: solid 1px #AADD99;					/* 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: #227777;						/* Background color of verify table */
	color: #000000;								/* Text color in verify table */
}

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

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

input.ubbbuttons
{ 
	background-color: #227777;						/* 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 #AADD99;					/* Border of the UBB buttons */
}

input.helpline
{
	background-color: #227777;						/* 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 */
}