.top {
    display: block;
    width: 120px;
    height: 30px;
    background: url('grafiek_knoppen/euroTop02.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.top {
    background-position: -120px 0;
} 

a.rand:link { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 7 pt; font-weight: bold}
a.rand:active { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 7 pt; font-weight: bold}
a.rand:visited { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 7 pt; font-weight: bold}}
a.rand:hover { color: #66CCFF;; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: è pt; font-weight: bold}

a.drie:link { color: #014E82;; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}
a.drie:active { color: #014E82;; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}
a.drie:visited { color: #014E82;; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}
a.drie:hover { color: #003399;; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}

a.die:link { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}
a.die:active { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}
a.die:visited { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}
a.die:hover { color: #FF9933; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}

.menu{
margin: 0px 0;
padding: 0;
width: 170px;
}
.menu li a{
background: white url('kn1.gif') repeat-x bottom left;
color: #99CCFF;
display: #003366;
width: 170px;
height: 20px;
padding-left: 26px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:14px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:0px; padding-bottom:0px
}
* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 170px;
height: 20px;
}
.menu li a:visited, .menu li a:active{
color: #99CCFF;

}
.menu li a:hover{
background-image: url('kn2.gif');
color: #003366;
}


.nw {
    display: block;
    width: 100px;
    height: 35px;
    background: url('grafiek_knoppen/knb_NW_1.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.nw {
    background-position: -100px 0;
} 

.ns {
    display: block;
    width: 100px;
    height: 35px;
    background: url('grafiek_knoppen/knb_NS_1.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.ns {
    background-position: -100px 0;
} 

.nhc {
    display: block;
    width: 100px;
    height: 35px;
    background: url('grafiek_knoppen/knb_NHC_1.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.nhc {
    background-position: -100px 0;
} 

.nsm {
    display: block;
    width: 100px;
    height: 35px;
    background: url('grafiek_knoppen/knb_NSM_1.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.nsm {
    background-position: -100px 0;
} 



a.tree:link { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}
a.tree:active { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}
a.tree:visited { color: #FFFFFF; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}
a.tree:hover { color: #CCFFFF; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 8 pt; font-weight: bold}

.menu1 {
    display: block;
    width: 170px;
    height: 103px;
    background: url('grafiek_layout/grafiek_intro/NHCm2.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.menu1 {
    background-position: -170px 0;
} 

.menu2 {
    display: block;
    width: 170px;
    height: 94px;
    background: url('grafiek_layout/grafiek_intro/NHCm3.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.menu2 {
    background-position: -170px 0;
} 

.menu3 {
    display: block;
    width: 170px;
    height: 100px;
    background: url('grafiek_layout/grafiek_intro/NHCm4.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.menu3 {
    background-position: -170px 0;
} 



.kursief9 {
	FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; font-style: italic;	
}
.klein {
	FONT-SIZE: 8pt; COLOR: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.negen {
	FONT-SIZE: 9pt; COLOR: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.witnegen {
	FONT-SIZE: 9pt; COLOR: #FFFFFF; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.tienzwart {
	FONT-SIZE: 10pt; COLOR: #000000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.kvdl {
	FONT-SIZE: 8pt; COLOR: #FFFFFF; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.groter {
	FONT-SIZE: 10pt; COLOR: #FFFFFF; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.groot {
	FONT-SIZE: 12pt; COLOR: #FFFFFF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; background-color: #FFFFFF;
}
.grootwit {
	FONT-SIZE: 12pt; COLOR: #FFFFFF; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;	
}
.grootwitvet {
	FONT-SIZE: 12pt; COLOR: #FFFFFF; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;	
}
.grootblauw {
	FONT-SIZE: 10pt; COLOR: #000066; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.achtbb {
	FONT-SIZE: 8pt; COLOR: #1A1268; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;	
}
.grootbruin {
	FONT-SIZE: 10pt; COLOR: #800000; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.grootdb {
	FONT-SIZE: 10pt; COLOR: #003366; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.11db {
	FONT-SIZE: 11pt; COLOR: #003366; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}
.wittwintig {
	FONT-SIZE: 22pt; COLOR: #FFFFFF; font-family: Impact, sans-serif;
}
.blauwveertien {
	FONT-SIZE: 14pt; COLOR: #014E82; font-family: Arial, Verdanan, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.blauwtwaalf {
	FONT-SIZE: 12pt; COLOR: #014E82; font-family: Arial, Verdanan, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.blauwtien {
	FONT-SIZE: 10pt; COLOR: #014E82; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.blauwnegen {
	FONT-SIZE: 9pt; COLOR: #014E82; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-weight: bold;
}
.blauwsmal {
	FONT-SIZE: 9pt; COLOR: #014E82; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
}



.links { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; text-decoration: none}
.links:hover {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FF0000; text-decoration: none}

.klik {
    display: block;
    width: 70px;
    height: 30px;
    background: url('grafiek_knoppen/klik.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.klik {
    background-position: -70px 0;
} 



div#menu {
  position: absolute;
  top:      107px;
  left:      20px;
}
div#midden {
  position: absolute;
  top:      115px;
  left:     190px;
}
div#rechts {
  position: absolute;
  top:      115px;
  left:     673px;
}