/* These are the styles used throughout the HTML Guide */


/* links */
A:link {color:black; }
A:visited {color:black; }
A:active {color:red; }
A:hover {color:red; }

/* plain text */
P {font-size:9pt; color:#000; font-family:Arial, sans-serif;}

/* this is the style for the examples */
.example {font-size:9pt; margin-left:32px; margin-right:32px; padding:7px; border: thin solid #BBBBBB; color:#009; font-family:Times New Roman, serif;}

/* This is how source code looks */
.sourcecode {font-size:8pt; margin-left:30px; margin-right:30px; color:#000000; background:#EEEEEE; font-family:Courier New, Courier, monospace; border-width: 1px; border-style:solid; border-color:#CCCCCC; padding:3px;}

H1.guide {color:#009; font-family:Arial, Sans-Serif; font-size:18pt;  font-weight:bold; margin-top:25px;}

H2.guide {color:#009; font-family:Arial, Sans-Serif; font-size:12pt; font-weight:bold; margin-top:20px; margin-bottom:5px;}

LI {font-size:9pt; color:#000000; font-family:Arial, sans-serif;}

TD {font-size:9pt; color:#000000; font-family:Arial, sans-serif;}

TD.main {padding-left:15px; padding-right:10px; width:600px;}

BODY {background:#FFFFFF; margin-left:auto; margin-right:auto; width:760px}

UL {font-size:9pt; color:#006; font-family:Arial, sans-serif;}


/*
HIER STAAN DE STIJLEN DIE IN GEBRUIK ZIJN IN DE LINKERKOLOM VAN DE PAGINA'S
*/

.left-title {font-size:8pt; font-family:Arial, sans-serif; color:#000099; }

DIV.left-title {font-weight:bold; padding-top:25px; padding-bottom:10px;}

A.left-title:link {color:#000099; text-decoration:none;}
A.left-title:visited {color:#000099; text-decoration:none;}
A.left-title:active {color:#FF0000; text-decoration:none;}
A.left-title:hover {color:#FF0000; text-decoration:none;}

TD.left-title {background:#EEEEEE; border-right-color:#CCCCCC; border-right-width:1px; border-right-style:solid;padding-left:5px; padding-right:5px; width:150px;}

TD.top-title {background:#FFFFFF; border-right-color:#CCCCCC; border-right-width:1px; border-right-style:solid; border-bottom-color:#CCCCCC; border-bottom-width:1px; border-bottom-style:solid;}

TD.bottom-title {background:#EEEEEE; border-right-color:#CCCCCC; border-right-width:1px; border-right-style:solid; border-top-color:#CCCCCC; border-top-width:1px; border-top-style:solid;}

/*
DIT IS TEN BATE VAN DE VOORBEELDEN UIT HOOFDSTUK CSS
*/

#yellowgreen {color:yellow; text-align:center; background:green;}
H1.green { color:green; text-align:center;}

TD.mrn {background:maroon; color:white;}

P.first {color:maroon; background:yellow; text-align:center;}
P.second {color:#008B8B; text-align:center;}

P.font1 { font-family:times,times new roman,serif; text-align:center;}
P.font2 { font-family:helvetica,sans-serif; text-align:center;}
P.font3 { font-family:courier,profont,monospace; text-align:center;}

A:link.one {color:black; font-family:sans-serif; font-style:italic;}
A:link.two {color:green; font-family:serif; font-weight:bold;}
A:hover.two {color:red; font-family:serif; font-weight:bold;}
A:link.three {color:red; font-family:monospace; text-decoration:none;}