/* De basis */
BODY
{
background-color: #fcf8da;
scrollbar-face-color: #f8c225;
scrollbar-arrow-color: #fdf3ab;
scrollbar-track-color: #fcf8da;
scrollbar-highlight-color: #fcf8da;
scrollbar-3dlight-color: #fcf8da;
scrollbar-darkshadow-color: #374a5e;
scrollbar-shadow-color: #374a5e;
}
H1 {padding:1%; text-align:center;font: normal bold 20pt Arial Narrow; color: #b73813}
H2 {padding: 5; text-align:center;font: bold 20pt Arial Narrow; color: #f8c225; background: #374a5e; margin: 10 5 5 5} 
H3 {text-align:center;font: bold 14pt Arial Narrow; color: #f8c225; background: #374a5e; margin: 0 0 0 0} 
H4 {text-align:left;font: normal bold 12pt Arial Narrow; color: #d2672c;margin: 2 10 0 10}
P {text-align:left; font: normal 12pt/12pt Arial Narrow; color: #374a5e; margin: 0 10 6 10}
UL {font: bold 12pt/12pt Arial Narrow; color: #f8c225; margin: 0 10 6 30}
OL {font: normal 12pt/12pt Arial Narrow; color: #f8c225; margin: 0 10 6 30}
LI {text-align:left; font: normal 12pt/12pt Arial Narrow; color: #374a5e; margin: 2 10 2 10}
EM {color: #b73813}
A{text-decoration:none; color:#374a5e; font: bold 12pt/12pt Arial Narrow}
A:hover{color:#5480bc}
DT {font: bold 12pt/12pt Arial Narrow; color: #d2672c; margin: 2 10 0 10} 
DD {font: normal 12pt/12pt Arial Narrow; color: #374a5e; margin: 2 10 12 24} 
HR {color: #b73813}
TD {text-align: left; color: #374a5e; font: bold 12pt/12pt Arial Narrow}

/* Gebruikt voor de ongebruikte zijkanten */
BODY.empty
{
background-color: #5a657c;
}

/* Gebruikt voor de menubalk */
BODY.menu
{
background-color: #374a5e;
scrollbar-face-color: #374a5e;
scrollbar-arrow-color: #5480bc;
scrollbar-track-color: #5480bc;
scrollbar-highlight-color: #2070ff;
scrollbar-3dlight-color: #202040;
scrollbar-darkshadow-color: #000020;
scrollbar-shadow-color: #000740;
}
H2.menu {text-align:center;font: bold 14p/18p Arial Narrow; color: #f8c225; background: #374a5e; padding: 0%; margin: 5pt 0pt 5pt 0pt}
A.menu{text-decoration:none; color:#f8c225}
A.menu:hover{color:#d43f10}

/* Gelijk aan basis maar de scrollbar is onzichtbaar gemaakt */
BODY.hiddenscrollbar
{
background-color: #fcf8da;
scrollbar-face-color: #fcf8da;
scrollbar-arrow-color: #fcf8da;
scrollbar-track-color: #fcf8da;
scrollbar-highlight-color: #fcf8da;
scrollbar-3dlight-color: #fcf8da;
scrollbar-darkshadow-color: #fcf8da;
scrollbar-shadow-color: #fcf8da;
}

BODY.home
{
direction:ltr;
background-color: #5480bc;
scrollbar-face-color: #374a5e;
scrollbar-arrow-color: #5480bc;
scrollbar-track-color: #5480bc;
scrollbar-highlight-color: #2070ff;
scrollbar-3dlight-color: #202040;
scrollbar-darkshadow-color: #000020;
scrollbar-shadow-color: #000740;
}
UL.home {font: bold 12pt/12pt Arial Narrow; color:#fdf3ab}
LI.home {text-align:left; font: bold 12pt/12pt Arial Narrow; color: #fdf3ab; margin: 4pt 10pt 4pt 10pt}
P.home {text-align:left; margin: 6pt 10pt 6pt 10pt; font: bold 12pt/14pt Arial Narrow; color:#fdf3ab} 

/* Voor de nieuws-kolom met headlines */
BODY.headlines
{
background-color: #fdf3ab;
scrollbar-face-color: #d2672c;
scrollbar-arrow-color: #fdf3ab;
scrollbar-track-color: #fdf3ab;
scrollbar-highlight-color: #fcf8da;
scrollbar-3dlight-color: #fcf8da;
scrollbar-darkshadow-color: #b73813;
scrollbar-shadow-color: #b73813;
}

H2.headlines {padding: 5; text-align:center;font: bold 20pt Arial Narrow; color: #374a5e; background: #d2672c; margin: 10 5 0 5 }
H3.headlines {text-align:center;font: bold 14pt Arial Narrow; color: #374a5e;background: #d2672c}
A.headlines{color:#d2672c; font: bold 12pt/12pt Arial Narrow}
A.headlines:hover{color:#374a5e}
DD.headlines {font: bold 12pt/12pt Arial Narrow; color: #d2672c;margin: 1% 10% 4% 10%} 
DT.headlines {font: bold 8pt/10pt Arial Narrow; color: #374a5e;margin-left: 10%} 

/* Voor de titel met het logo  bovenaan de pagina's */
BODY.Titlebar
{
background-color: #5480bc;
scrollbar-face-color: #5480bc;
scrollbar-arrow-color: #5480bc;
scrollbar-track-color: #5480bc;
scrollbar-highlight-color: #5480bc;
scrollbar-3dlight-color: #5480bc;
scrollbar-darkshadow-color: #5480bc;
scrollbar-shadow-color: #5480bc;
}
H1.Titlebar {padding:1%; text-align:center;font: bold 24pt Arial Narrow; color: #374a5e}

/* Deze kleuren worden gebruikt in de tabel van het cursusaanbod en in de startdata */
TD.boxbasis {background-color: #fdf3ab}
TD.boxshh {background-color: #f8c225}
TD.box {background-color: #f8c225}
TD.separator {background-color: #374a5e; height: 1pt}
TD.boxic {background-color: #97b4db}
TD.boxmulti {background-color: #5480bc}
TD.boxbeh {background-color: #5a657c}

/* Voor het plaatsen van foto's */
IMG {position:relative;top:0;left:0;border:none; float: left}
IMG.left {position:relative;top:0;left:0;border:none; margin:1% 1% 1% 0%;float: left}
IMG.right {position:relative;top:0;left:0;border:none; margin:1% 0% 1% 1%;float: right}
IMG.nofloat {position:relative;top:0;left:0;border:none; float: none}
IMG.nfloat {position:relative;top:0;left:0;border:none; float: none;vertical-align:middle} 


/* Restanten */

H2.TD {padding:0%; text-align:center;font: normal bold 18 Arial; color: #f8c225; background: #374a5e; margin: 1% 0% 1% 0%}
H4.center {text-align:center;font: normal bold 10pt Arial Narrow; color: black}
DD.algvoorw {font: bold 12pt/12pt Arial Narrow; color: #f8c225;margin: 0% 0% 0.5% 2%} 
DT.algvoorw {font: bold 12pt/12pt Arial Narrow; color: #f8c225;margin: 1% 1% 1% 1%} 
LI.blauw EM {color:#374a5e}
P.right {text-align:right}
P.blink1 {text-decoration:blink; color: darkred}
P.blink2 {text-decoration:blink; color: darkgreen}
P.input {text-align:left; font: bold 12pt/12pt Arial Narrow; color:black}
P.TD {text-align:left; font: bold 11pt/12pt Arial; color: #02036F; margin: 1% 5% 1% 5%}
P.TDc {text-align:center; font: bold 11pt/12pt Arial; color: #02036F; margin: 1% 5% 1% 5%}
P.TDs {text-align:left; font: bold 8pt/8pt Arial; color: #02036F; margin: 1% 5% 1% 5%}


A.button{background:f8c225; color:black; text-decoration:none}
A.text{color:#b73813; font: bold 12pt/12pt Arial Narrow}

A.blauw {color:#374a5e}

B {color: #b73813}

INPUT {text-align:left; font: bold 12pt/12pt Arial Narrow; color:black}
INPUT.center {text-align:center}
TABLE {text-align:left; font: normal 11pt/12pt Arial Narrow; color:black}
TABLE.legend {text-align:left; font: normal 11pt/12pt Arial Narrow; color:#f8c225; background-color:black}

EM.bold {color: #f8c225; font-weight:bold }
EM.attention {color: #f8c225}