body
{margin:0;padding:0;background-color:#E0FFFF;}
p {text-indent:15px; font-size: 13px ;}
h1 {text-indent:15px;font-size: 24px; font-family: comic sans ms}
h2 {text-indent:15px;font-size: 22px}
h3 {text-indent:15px;font-size: 18px}
h4 {text-indent:15px;font-size: 14px; font-family: comic sans ms}
h5 {text-indent:15px;font-size: 12px}
h6 {text-indent:15px;font-size: 11px}

a
{text-decoration:underline; color: #0000CD; font-size: 13px}
a:hover {color:#DC143C; font-size: 13px}

.in
{display:inline;}

.blink
{text-decoration:blink;}

div.header1
{background-image:url('beeld/yel.jpg') ;background-repeat:repeat-x; height:40px; width:100%; margin:0 ; border:0;
font-family:arial; color: #0000CD ; text-align: right}

div.header2
{background-image:url('beeld/yeli.jpg');background-repeat:repeat-x; height:40px; width:100%; margin:0 ; border:0;
font-family:arial; }

ul.menu
{float:left;width:100%;padding:0;margin:0;list-style-type:none;}

a.menu
{float:left; width:120px;text-decoration:none; color:0000CD ; padding:0.2em 0.6em; 
border-right:2px dotted #0000CD;  font-size: 16px}

a.menu:hover {color:#DC143C}

li.menu {display:inline}

div.header3
{background-image:url('beeld/blblue.jpg');background-repeat:repeat-x; background-color: #0000CD ;  height:140px; width:100%; margin:0 ; 
border-bottom:35px solid #0000CD }

div.header3left
{float:left; left-margin:200px ;color:#FFFFFF; padding: 20px 40px 10px 100px ; text-align: right; border-right: 1px dashed #778899}

div.header3right
{float:left; left-margin:500px ;color:#FFD700; padding: 20px 40px 10px 5px ; text-align: left; font-family:arial; }

div.body
{background-image:url('beeld/blcy.jpg');background-repeat:repeat-x;background-color: #E0FFFF; width:100% ; margin:0 ; display:table}

div.kal
{background-image:url('beeld/yel.jpg') ;background-repeat:repeat-x;background-color: #FFFF00; width:400px; padding: 5px; margin-left: 10px ; 
border: 1px solid #778899 ; overflow:scroll; height:150px; float:left; font-family: arial; color: #0000CD; font-size: 13px; }

div.box
{background-image:url('beeld/yel.jpg') ;background-repeat:repeat-x;background-color: #FFFF00; width:300px; padding: 5px; margin-left: 10px ; 
border: 1px solid #778899 ; height:150px; float:left; font-family: arial; color: #0000CD; font-size: 13px; }

div.rd
{width:320px; padding: 5px; margin-left: 20px ; height:150px; float:left;}

div.dg
{background-color: #FFFFFF; width:300px; padding: 10px;margin-left: 10px ; float:left; font-family:arial; color:#000000; border: 1px solid #778899; 
font-size: 13px; }

table.dg
{border-collapse:collapse; empty-cells: show; border:solid 2px #000000; background-color:white; margin-left:auto; margin-right:auto; margin-top: 20px ; margin-bottom: 20px ; }

div.ct
{width: 100% ; padding: 10px;margin-left: 5% ; float:left }

table.ct
{border-collapse:collapse; empty-cells: show; border:6px double #000000; background-color:#FFFFFF; text-align: center ;
 font-family: verdana,serif; color:#0000CD; font-size: 12px}

table.rd
{border-collapse:collapse; empty-cells: show; width: 300px; border: 1px solid #778899; text-align: center ;
 color: #0000CD; font-size: 12px; background-color: #FFFFFF ; table-layout:fixed ;font-family: verdana,serif }

table.rdic
{border-collapse:collapse; empty-cells: show; width: 400px; border: 1px solid #778899; text-align: center ;
 color: #0000CD; font-size: 12px; background-color: #FFFFFF ; table-layout:fixed ;font-family: verdana,serif }

th.rd
{text-align:center ; color: #FFD700; font-size: 12px; background-color: #0000CD ; table-layout:fixed; padding : 5px }

tr.shade 
{background-color: #E8E8E8}

tr.out
{background-color: #696969; color:white}

td.bl
{background-color: #C0C0C0}

td.wh
{background-color: #EEE88A}

td.by
{background-color: #FFCC00}

td.wy
{background-color: #FFFF00}

td.br
{background-color: #990000}

td.wr
{background-color: #FF0000}

td.bg
{background-color: #33CC00}

td.wg
{background-color: #33FF00}

td.out
{background-color: #696969; color:white}

th.out
{background-color: #696969; color:white}

div.msg
{background-color: #FFFFFF; width:50%; padding: 15px; margin-left: 10px ; border: 1px solid #778899 ; float:left;
font-family: arial; color: #000000;}

div.pag
{background-color: #FFFFFF; width:60%; padding: 15px; margin-left: 20% ; border: 1px solid #778899 ; float:left;
font-family: arial; color: #000000;}

div.rechts
{background-image:url('beeld/yel.jpg'); background-repeat:repeat-x ;background-color: #FFFFFF; width:18%; padding: ; margin-left: 10px ;
float:left; margin-right: 10px; border: 1px solid #778899 ; font-family: arial; color: #778899;}

#centreer
{text-align: center}

#boek
{text-indent:20px; font-size: 15px ; margin: 10px 30px ; text-align: justify}


#deel
{color: #680000; text-indent:15px; padding: 10px ; font-size: 20px ; margin:60px 140px; border: 6px double #680000 ; font-weight:bold ; text-align: center; }

#spreuk
{color: #006400; text-indent:15px; padding: 10px ; font-size: 15px ; margin:10px 70px; border: 1px solid #006400 ; font-weight:bold ; font-style:italic; }

#onthouden
{color: #FF0000; text-indent:15px; padding: 10px ; font-size: 15px ; margin:10px 70px; border: 1px solid #FF0000 ; font-weight:bold ; font-style:italic; }