H1 {FONT-SIZE: 14pt; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: black; TEXT-ALIGN: center;  font-weight: bold}
P  {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: black; FONT-SIZE: 10pt}
H2 {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: black; FONT-SIZE: larger; font-weight: bold}
.text  {FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: black; FONT-SIZE: smaller}
.small {FONT-SIZE: small}
.xsmall {FONT-SIZE: x-small}
p.rand {margin: 0; color: black; border-color: black; border-style: solid; border-width: 1px;}
.red {color:red;}
a.head, a.head:hover, a.head:visited {color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;}
.quote, .edit, .code {background-color: #DFEBFE;}
div.quote {
	padding: 5px;
	-moz-border-radius: 4px;
}
noscript {
	font-weight: bold;
	color: red;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
body.page {
	margin: 10px 25px;
	background-color: White;
}

body.popup {
	background-color: #FFFFFF;
	background-repeat: repeat-x; 
	background-image:url(../images/popup_back.gif); 
	overflow-x: hidden; 
	overflow-y: auto;
	margin: 0;
	color: #000000;
}
a {
	color: #336DCF;
}
a:active {
	color: #448AFF;
}
a:visited {
	color: #255098;
}
/* Begin Menubar */
table.menubar {
	text-align: center;
	border: 0;
	padding: 0;
	border-collapse: collapse;
	background-color: #AAC9FC;
}
table.menubar td{ 
	padding: 2px 5px 2px 5px;
}
table.menubar a, table.menubar a:hover, table.menubar a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	font-size: 10pt;
	font-weight: bold;
}

/* eind menubar */

/* begin topic table */
table#topics td img {
	vertical-align: text-bottom;
}
table#topics td {
	background-color: #F2F2F2;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: black;	
	padding-left: 10px;
	padding-right: 10px;	
}
table#topics tr.header td {
	background-color: #AAC9FC;
}

A.topictitle {
	color: #006699; 
	font-weight: normal; 
	text-decoration: none;
}
A.topictitle:hover { text-decoration: underline; }

.number {
	color: #006699;  
	font-size: 8px;
}
.number A {
	font-size: 9px; 
	text-decoration: none;
	font-weight: normal;
	white-space: nowrap;
}
.number A:hover { text-decoration: underline; }

table#topics td.datumveld { 
	font-size: 11px;
	color: black;
}
table#topics td.datumveld a, td.datumveld a:visited { 
	text-decoration: none;
	color: black;
}
table#topics td.datumveld a:hover { text-decoration: underline; }
	
.topicstarter { font-size: 11px;}
/* einde topic table */

/* begin bericht */
.mhead {
	width: 100%;
	background-color: #AAC9FC;
	font-weight: bold;
	float: left;
	-moz-border-radius: 4px 4px 0 0;
	margin-top: 5px; 
}
.mhead .h_l {
	float: left;
	padding: 5px 0 3px 10px; 
}
.mhead .h_r {
	float: right;
	width: 150px;
	text-align: right;
	padding: 3px 10px 0 0; 
}
div.msg {
	width: 100%;
	background-color: #F2F2F2;
	float: left;
	margin: 0;
	-moz-border-radius: 0 0 4px 4px;
}
div.msg .pic {
	float: left;
	width: 76px;
	text-align: center;
	padding: 10px 5px;
}
div.msg .body {
	margin-left: 86px;
	padding: 10px 5px 5px 0;
}
.sig hr {
	width: 150px;
	height: 1px;
	color: black;
	background-color: black;
	border: 0;
	text-align: left;
	margin: 20px auto 2px 0px;
}
.sig, .editby {
	display: block;
	font-size: .7em;
}
/* eind bericht */

span.highlight {
	background-color: #FFFF00;
}
/* ------------------------------------------------------------- */
/* CSS voor opmaakknoppen in submit en edit schermen             */
/* ------------------------------------------------------------- */
a.edit_btn {
	display: block;
	margin: 3px 1px;
	border: 1px solid gray;
	padding: 2px;
	text-align: center;
	line-height: 11px;
}
a.edit_btn:hover { border: 1px solid black; }
a.edit_btn img { 
	border: 0px; 	
}
div#color_table {
	display: none;
	position: absolute;
	background: white;
}
table.color_table {
	border: 1px solid gray;
}
table.color_table td {
	width: 13px;
	height: 13px;
	padding: 0;
}
table.color_table td a {
	display: block; 
	height: 13px; 
	width: 13px; 
	line-height: 13px;
	border: 1px solid gray;
}
table.color_table td a:hover {
	border: 1px solid black;
}
/* SMILIES */
div.smilie_table {
	display: none;
	position: absolute;

}
table.smilie_table {
	border: 1px solid gray;
	background-color: white;
	width: 315px;
	height: 210px;
}
table.smilie_table td {
	border: 1px solid white;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}
table.smilie_table td:hover {
	border: 1px solid silver;
	cursor: hand;
	cursor: pointer;
}
/*table#smt2 {
	display: none;
}*/
table.smilie_table td.btn {
	height: 20px;
	max-height: 20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
table.smilie_table td.btn a {
	display: block;
	line-height: 20px;
	height: 20px;
	color: #AAC9FC;
	text-decoration: none;
	font-weight: bold;	
	font-size: 10px;

}	
table.smilie_table td.btn:hover {
	border: 1px solid white;
}
table.smilie_table td.btn a:hover {
	background-color: #AAC9FC;
	color: white;
}