.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;
}


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

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

.site {
    display: block;
    width: 110px;
    height: 180px;
    background: url('50%27s_grafiek/sitemap.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.site {
    background-position: -110px 0;
} 


.sg {
    display: block;
    width: 110px;
    height: 200px;
    background: url('50%27s_grafiek/SgKnop.gif') no-repeat 0 0;
    text-decoration: none
}
 
a:hover.sg {
    background-position: -110px 0;
} 



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

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

a.paars:link { color: #870C98; text-decoration: ubderline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}
a.paars:active { color: #870C98; text-decoration: ubderline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}
a.paars:visited { color: #870C98; text-decoration: ubderline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}
a.paars:hover { color: #FF0000; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 9 pt; font-weight: bold}

a.dg:link { color: #CCCCCC; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 10 pt; font-weight: bold}
a.dg:active { color: #CCCCCC; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 10 pt; font-weight: bold}
a.dg:visited { color: #CCCCCC; text-decoration: none; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 10 pt; font-weight: bold}
a.dg:hover { color: #F6C00C; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 10 pt; font-weight: bold}

a.sm:link { color: #FFFFFF; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 12 pt; font-weight: bold}
a.sm:active { color: #FFFFFF; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 12 pt; font-weight: bold}
a.sm:visited { color: #FFFFFF; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 12 pt; font-weight: bold}
a.sm:hover { color: #00CC66; text-decoration: underline; font-family : Arial, Verdana, Helvetica, sans-serif; font-size: 12 pt; font-weight: bold}

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

.kopmenu{
margin: 5px 0;
padding: 0;
width: 110px;
height: 55px;
}
.kopmenu li a{
background: white url('C1kop.gif') repeat-x bottom left;
color: black;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px
}
* html .kopmenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
height: 55px;
}
.kopmenu li a:visited, .glossymenu li a:active{
color: black;
}
.kopmenu li a:hover{
background-image: url('C2kop.gif');
color: black;
}




.glossymenu{
margin: 5px 0;
padding: 0;
width: 110px;
}
.glossymenu li a{
background: white url('bm1.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 10px;
text-decoration: none; font-style:normal; font-variant:normal; font-weight:bold; font-size:12px; font-family:Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif; padding-right:0; padding-top:3px; padding-bottom:3px
}
* html .glossymenu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
}
.glossymenu li a:visited, .glossymenu li a:active{
color: white;
}
.glossymenu li a:hover{
background-image: url('bm2.gif');
color: white;
}


.menus{
margin: 5px 0;
padding: 0;
width: 110px;
}
.menus li a{
background: white url('b1m1.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 8px;
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:3px; padding-bottom:3px
}
* html .menus li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
}
.menus li a:visited, .menu li a:active{
color: white;
}
.menus li a:hover{
background-image: url('b1m3.gif');
color: white;
}


.menu{
margin: 5px 0;
padding: 0;
width: 110px;
}
.menu li a{
background: white url('b1m1.gif') repeat-x bottom left;
color: white;
display: block;
width: auto;
padding-left: 8px;
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:3px; padding-bottom:3px
}
* html .menu li a{ /*IE only. Actual menu width minus left padding of A element (10px) */
width: 110px;
}
.menu li a:visited, .menu li a:active{
color: white;
}
.menu li a:hover{
background-image: url('b1m4.gif');
color: white;
}


.nav1 {
	FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.nav2 {
	FONT-SIZE: 8pt; COLOR: #CCCCCC; FONT-FAMILY: Verdana, Arial; font-weight: bold; border-collapse: collapse;
}
.klein {
	FONT-SIZE: 8pt; COLOR: #FFCC99; FONT-FAMILY: Tahoma, Arial; font-weight: bold; border-collapse: collapse;
}
.grijs {
	FONT-SIZE: 8pt; COLOR: #B4BAC4; FONT-FAMILY: Tahoma, Arial; font-weight: bold; border-collapse: collapse;
}
.witacht {
	FONT-SIZE: 8pt; COLOR: #FFFFFF; FONT-FAMILY: Tahoma, Arial; font-weight: bold; border-collapse: collapse;	
}
.witnegen {
	FONT-SIZE: 9pt; COLOR: #FFFFFF; FONT-FAMILY: Arial,Tahoma; font-weight: bold; border-collapse: collapse;	
}
.wit {
	FONT-SIZE: 10pt; COLOR: #FFFFFF; FONT-FAMILY: Verdana, Arial; font-weight: bold; border-collapse: collapse;
}
.twaalfwit {
	FONT-SIZE: 12pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.veertienwit {
	FONT-SIZE: 14pt; COLOR: #FFFFFF; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.tienzwart {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;		
}
.tiengroen {
	FONT-SIZE: 10pt; COLOR: #247264; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;		
}
.twaalfzwart {
	FONT-SIZE: 12pt; COLOR: #000000; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.smal {
	FONT-SIZE: 7pt; COLOR: #666666; FONT-FAMILY: Tahoma, Arial, Verdana;
}
.zeven {
	FONT-SIZE: 7pt; COLOR: #FFFFFF; FONT-FAMILY: Arial, Tahoma, Verdana;
}
.acht {
	FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Arial, Verdana;
}
.achtvet {
	FONT-SIZE: 8pt; COLOR: #666666; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.negenvet {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.tienvet {
	FONT-SIZE: 10pt; COLOR: #666666; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.negen {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: Arial, Verdana;
}
.zwartacht {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma, Arial; font-weight: bold; border-collapse: collapse;	
}
.tiengrijs {
	FONT-SIZE: 10pt; COLOR: #CCCCCC; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.negengrijs {
	FONT-SIZE: 9pt; COLOR: #CCCCCC; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.achtgrijs {
	FONT-SIZE: 8pt; COLOR: #CCCCCC; FONT-FAMILY: Arial, Verdana, Tahoma; font-weight: bold; border-collapse: collapse;	
}
.grijs {
	FONT-SIZE: 10pt; COLOR: #CCCCCC; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.zwart {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.zwarttien {
	FONT-SIZE: 10pt; COLOR: #000000; FONT-FAMILY: Arial;
}
.negenzwart {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; border-collapse: collapse;
}
.donkergrijs {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: Tahoma, Arial; border-collapse:
}
.grijsvet {
	FONT-SIZE: 9pt; COLOR: #666666; FONT-FAMILY: Arial, Tahoma; font-weight: bold; border-collapse: collapse;
}
.twaalfgrijs {
	FONT-SIZE: 12pt; COLOR: #666666; FONT-FAMILY: Arial, Verdana, Tahoma; font-weight: bold; border-collapse: collapse;	
}
.normaal {
	FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Arial; border-collapse: collapse;
}
.normaal9 {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: Arial; border-collapse: collapse;	
}
.vet {
	FONT-SIZE: 8pt; COLOR: #660033; FONT-FAMILY: Arial;  font-weight: bold; border-collapse: collapse;
}
.vetver {
	FONT-SIZE: 8pt; COLOR: #333333; FONT-FAMILY: Verdana, Arial;  font-weight: bold; border-collapse: collapse;
}
.veertiengeel {
	FONT-SIZE: 14pt; COLOR: #FFFF00; FONT-FAMILY: Arial; font-weight: bold; border-collapse: collapse;
}
.gold {
	FONT-SIZE: 13pt; COLOR: #996633; FONT-FAMILY: Century Gothic; Arial; font-weight: bold; border-collapse: collapse
}


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

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

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

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





/* default link style - needed to make the :active work correctly in IE */
a, a:visited, a:hover, a:active {
color:#000;
}
/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:340px; 
height:500px; 
background:#eee url('50s_magazines/Mag0.gif') no-repeat 0 0px;
border:1px solid #aaa;
margin:0 auto
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:340px 0 0 0; 
list-style-type:none; 
position:relative; 
width:340px;
}
/* remove the default image border */
.gallery img {
border:0px none;
}
/* make the list horizontal */
.gallery li {
float:left;
}
/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #444;
margin:2px;
}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:340px; 
left:0; 
visibility:hidden; 
border:0px none;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-400px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:0px solid #eee;
border-right:0px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
background:#ddd;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
background:#444; 
color:#fff;
}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}