BODY
{
	FONT-SIZE: 100%;
	FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif;
	BACKGROUND-COLOR: #FFE48C;
}
H1
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
H2
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
H3
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
H4
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
H5
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
H6
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
P
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
TD
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
TH
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
DIV
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
CENTER
{
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
}
CODE
{
    FONT-FAMILY: "Courier New", Courier, monospace
}
TT
{
    FONT-FAMILY: "Courier New", Courier, monospace
}
PRE
{
    FONT-FAMILY: "Courier New", Courier, monospace
}
A:active
{
    COLOR: red
}
A:visited
{
    COLOR: #003399;
	 text-decoration: none;
}
A:hover
{
    COLOR: red
}
A:link
{
    COLOR: #003399;
    text-decoration: none;
}
A.print
{
	COLOR: #003399;
}
A.print:active
{
    COLOR: #003399
}
A.print:visited
{
    color: #003399
}
A.print:hover
{
    COLOR: red
}
.tablegroen
{
    BORDER-RIGHT: #ff6633 2px solid;
    BORDER-TOP: #ff6633 2px solid;
    BORDER-LEFT: #ff6633 2px solid;
    BORDER-BOTTOM: #ff6633 2px solid
}
.tableorange
{
    BORDER-RIGHT: #ff6633 2px solid;
    BORDER-TOP: #ff6633 2px solid;
    BORDER-LEFT: #ff6633 2px solid;
    BORDER-BOTTOM: #ff6633 2px solid
}
.tdgroen
{
    BORDER-RIGHT: #ff9955 1px solid;
    PADDING-RIGHT: 0.5em;
    BORDER-TOP: #ff9955 1px solid;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    BORDER-LEFT: #ff9955 1px solid;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #ff9955 1px solid
}
.tdorange
{
    BORDER-RIGHT: #ff9955 1px solid;
    PADDING-RIGHT: 0.5em;
    BORDER-TOP: #ff9955 1px solid;
    PADDING-LEFT: 0.5em;
    PADDING-BOTTOM: 0.5em;
    BORDER-LEFT: #ff9955 1px solid;
    PADDING-TOP: 0.5em;
    BORDER-BOTTOM: #ff9955 1px solid
}
.clsNode_line_through
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #003399;
    LINE-HEIGHT: 150%;
    TEXT-DECORATION: line-through
}

.clsNode
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #003399;
    LINE-HEIGHT: 150%;
    TEXT-DECORATION: none
}

.clsNode:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #003399;
    TEXT-DECORATION: none
}
.clsNode:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #003399;
    TEXT-DECORATION: underline
}
.clsNode:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: red;
    TEXT-DECORATION: none
}
.clsNode:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 90%;
    COLOR: #003399;
    TEXT-DECORATION: none
}
.name
{
    FONT-WEIGHT: bold;
    FONT-SIZE: xx-large
}
.accent
{
    COLOR: #003399;
}
.accentbold
{
    FONT-WEIGHT: bold;
    COLOR: #003399;
}
.accentredbold
{
    FONT-WEIGHT: bold;
    COLOR: #ff0000
}
.accentorangebold
{
    FONT-WEIGHT: bold;
    COLOR: #ff6633
}
.green
{
    COLOR: #228844
}
.framegreen
{
    BACKGROUND-COLOR: #FFCC66;
}
.frameblue
{
    BACKGROUND-COLOR: #003399
}
.logoblue
{
    COLOR: #003399
}
.logogreen
{
    COLOR: #34cc67
}
.TextinTop
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    COLOR: white;
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif
	 line-height: 20px;
	 text-align: center;
}
.TopTab
{
}
.DateinCenter
{
    FONT-WEIGHT: bold;
    COLOR: white;
    BACKGROUND-COLOR: #33cc66
}
.CopyrightText
{
    FONT-SIZE: 75%
}
.card
{
    FONT-SIZE: 100%;
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif;
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: silver 1px solid;
    PADDING-LEFT: 15px;
    Z-INDEX: 2;
    LEFT: 170px;
    PADDING-BOTTOM: 15px;
    OVERFLOW: auto;
    BORDER-LEFT: silver 1px solid;
    WIDTH: 550px;
    PADDING-TOP: 15px;
    BORDER-BOTTOM: silver 1px solid;
    POSITION: absolute;
    TOP: 200px;
    HEIGHT: 400px;
    BACKGROUND-COLOR: #FFCC66;
    layer-background-color: #FFE48C
}

.cardFlexible
{
    FONT-SIZE: 100%;
    FONT-FAMILY: "Comic sans MS", Arial, Helvetica, sans-serif;
    BORDER-RIGHT: silver 1px solid;
    PADDING-RIGHT: 15px;
    BORDER-TOP: silver 1px solid;
    PADDING-LEFT: 15px;
    Z-INDEX: 2;
    PADDING-BOTTOM: 15px;
    OVERFLOW: auto;
    BORDER-LEFT: silver 1px solid;
    WIDTH: 550px;
    PADDING-TOP: 15px;
    BORDER-BOTTOM: silver 1px solid;
    POSITION: absolute;
    HEIGHT: 400px;
    BACKGROUND-COLOR: #FFCC66;
    layer-background-color: #FFE48C
}

.cardshadow
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    Z-INDEX: 1;
    BACKGROUND: #000000;
    FILTER: progid:DXImageTransform.Microsoft.CrBlur(
                PixelRadius=3,
                MakeShadow=true,
                ShadowOpacity=.30);
    LEFT: 170px;
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 551px;
    BORDER-BOTTOM: #000000 1px solid;
    POSITION: absolute;
    TOP: 200px;
    HEIGHT: 402px
}

.cardshadowFlexible
{
    BORDER-RIGHT: #000000 1px solid;
    BORDER-TOP: #000000 1px solid;
    Z-INDEX: 1;
    BACKGROUND: #000000;
    FILTER: progid:DXImageTransform.Microsoft.CrBlur(
                PixelRadius=3,
                MakeShadow=true,
                ShadowOpacity=.30);
    BORDER-LEFT: #000000 1px solid;
    WIDTH: 552px;
    BORDER-BOTTOM: #000000 1px solid;
    POSITION: absolute;
    HEIGHT: 402px
}

.INPUT
{
    BACKGROUND: #99cccc
}
.qqq
{
    TEXT-DECORATION: line-through
}
.oINPUT
{
	BACKGROUND-COLOR: #ff6633;
	border-bottom-color : #A52A2A;
	border-top-color : #FFEBCD;
	border-left-color : #FFEBCD;
	border-right-color : #A52A2A;
}
A.rubriek
{
    COLOR: black;
    TEXT-DECORATION: none
}

A.rubriek:active
{
    TEXT-DECORATION: underline;
}

A.rubriek:visited
{
    color: black
}

A.rubriek:hover
{
    TEXT-DECORATION: underline;
}

A.pags
{
    COLOR: black;
    TEXT-DECORATION: none
}

A.pags:active
{
    TEXT-DECORATION: underline;
}

A.pags:visited
{
    color: black
}

A.pags:hover
{
   COLOR: red;
	TEXT-DECORATION: underline;
}



td.kolom
{
    width: 240px
}

td.tussen
{
    width: 12px
}

/*   De "rubriek" (de tabel en het kopje, zeg maar) */


td.rubriek
{
/*    height: 38; */
    padding: 3;
    font-weight:bold;
    font-size: 90%


}
/*   De "pags": het "lichaam" van de tabellen met de nieuwe links erin.
     Ik heb de achtergrond een iets andere kleur gegeven, maar dat zou ook gewoon de achtergrondkleur kunnen zijn.
     .datum is het iets kleinere blauwere font. Ik denk dat de fonts iets groter zijn dan eerst; Dit kan
     verkleind worden, en dan zouden de hele tabellen ook weer smaller kunnen.
*/

td.pags
{
    background: #FFE48C;
    padding: 3;
    font-size: 90%
}

td.inspringen
{
    width: 50px
}
.datum
{
    color: blue;
    font-weight: bold;
    font-size: 80%
}

.zwart
{
    color: black;
}

/*   De onderste regel, met vraag naar opmerkingen
*/

table.opmerkingen
{
    width: 100%;
    border: 0;
    spacing: 4;
    padding: 4;
    
}

table.rubriek
{
    width: 240px;
    background: #ff6633;
    color: #FFFFFF
}
table.alles
{
    width: 540px;
    border: 0;
    spacing: 0;
    padding: 0
}