.menutopfigtxt { BACKGROUND-COLOR: transparent; }

.kader { background-color:  #101010; }

.algclass, .contextarea { COLOR: #fffff3; }

.showarea A img, .lkrant, #lkrantpicleft, #lkrantpic, #lkrantpicright { BORDER-COLOR: #6a9351; }

BODY { SCROLLBAR-ARROW-COLOR: #6a9351; }
.showarea { COLOR: #6a9351; }

.menutopfigtxtin, .menutopfigtxtin A { color: #f8ff00; }
.showarea A:hover img { BORDER-COLOR: #f8ff00 ;}

BODY { SCROLLBAR-SHADOW-COLOR: #17231c;  }
BODY { SCROLLBAR-DARKSHADOW-COLOR: #17231c; }
.buttons { border-right-color: #17231c; }
.buttons { border-bottom-color: #17231c; }
.buttonsin, .kader { border-top-color: #17231c; }
.buttonsin, .kader { border-left-color: #17231c; }

.algclass, .menutop, .menuleft, .teller, .contextarea, .showarea, .lkrant { BACKGROUND-COLOR: #193f29; }

BODY { SCROLLBAR-FACE-COLOR: #a7c979; }

BODY { SCROLLBAR-TRACK-COLOR: #c4e696; }
BODY { SCROLLBAR-3DLIGHT-COLOR: #c4e696; } 
BODY { SCROLLBAR-HIGHLIGHT-COLOR: #c4e696 ; }

.menuleft, .showarea A, .algclass A, .contextarea A, .menuleft A { COLOR: #fdb765; }

.buttons { border-top-color: #46664a; }
.buttons { border-left-color: #46664a; }
.buttonsin, .kader { border-right-color: #46664a; }
.buttonsin, .kader { border-bottom-color: #46664a; }

.menutopfigtxt { COLOR: #fdb765; }

.teller { COLOR: #557755; }
#lkranttopborder { border-top-color: #557755; }

.buttonsin A, .lkrant { color: #f8ff00 ; }


/* ========================== */
.algclass {
    MARGIN: 0px 0px; FONT-FAMILY: Verdana, Comic Sans MS, sans-serif; FONT-SIZE: 10pt;
    font-weight:400; margin-left: auto; margin-right: auto; 
}
.menutop {
    MARGIN: 0px 0px; FONT-FAMILY: Comic Sans MS, Verdana, sans-serif; FONT-SIZE: 11pt;
    text-align: center; vertical-align: top ; 
    margin-left: auto; margin-right: auto; 
}
.menutopfig {
    background: url(paardeninwei6.jpg) no-repeat center center; /* size 820 x 110 */
    text-align: center; vertical-align: top ; 
}
.menutopfigtxt {
    FONT-FAMILY: Comic Sans MS, Verdana, sans-serif; FONT-SIZE: 11pt; font-weight:500; 
    text-align: center; vertical-align: top ; 
}
.menuleft {
    MARGIN: 0px 0px; FONT-FAMILY: Comic Sans MS, Verdana, sans-serif; FONT-SIZE: 10pt;
    font-weight:500; margin-left: auto; margin-right: auto; 
}
/* tbv scrollbar linkerzijde. werkt wel in ie6 niet in ffox. leidt echter ook tot alignment problemen
bij gebruik van colon (:) in button tekst. Daarom aparte class #buttontekst */
BODY.menuleft {
    direction:rtl; 
}  
#buttontekst {
    direction:ltr; 
}
.teller {
    MARGIN: 0px 0px; FONT-FAMILY: Comic Sans MS, Verdana, sans-serif; FONT-SIZE: 7pt;
    font-weight=400; margin-left: auto; margin-right: 0px; 
/*  writing-mode: tb-rl; filter: flipv fliph; */
}
.contextarea {
    MARGIN: 0px 0px; FONT-FAMILY: Verdana, Comic Sans MS, sans-serif; FONT-SIZE: 9pt;
    font-weight:400; padding-right:10; padding-left:20;
}
.showarea {
    FONT-FAMILY: Verdana, Arial, sans-serif; FONT-SIZE: 7pt; /* Comic Sans MS, Verdana, sans-serif; */
    font-weight:300; margin-left: auto; margin-right: auto; text-align: center;
    border-spacing: 0px; padding: 0px;  border-collapse: collapse; margin-top: 3px;
}
.showarea A {
    TEXT-DECORATION: none; 
}
.showarea A:hover {
    TEXT-DECORATION: underline ;
}
.showarea A img {
    BORDER-WIDTH: 1px; border-style: solid; margin-left: auto; margin-right: auto; 
    margin-left: 8px; margin-right: 8px; /* nodig in ffox om volledig inschuiven fotos te voorkomen */
}
.showarea A:hover img {
    BORDER-WIDTH: 1px;
}
.menutop A {
    TEXT-DECORATION: none ;
}
.menutop A:hover {
    TEXT-DECORATION: underline ;
}
.algclass A {
    TEXT-DECORATION: none; 
}
.algclass A:hover {
    TEXT-DECORATION: underline ;
}
.contextarea A {
    TEXT-DECORATION: none; 
}
.contextarea A:hover {
    TEXT-DECORATION: underline ;
}
.menuleft A {
    TEXT-DECORATION: none; 
}
.menuleft A:hover {
    TEXT-DECORATION: underline ;
}
H2 {
    FONT-SIZE: 120%; font-weight=400 ;
}
H3 {
    FONT-SIZE: 110%; font-weight=400 ;
}
H4 {
    FONT-SIZE: 14pt; font-weight=600 ;
}
H6 {
    FONT-SIZE: 60%; font-weight=300 ;
}
H6 {
    FONT-SIZE: 60%; font-weight=300 ;
}
.buttons {
    text-align: center; vertical-align: middle ;  
    border-width: 1px ;
    border-style: solid ;
}
.buttonsin {
    text-align: center; vertical-align: middle ;  
    border-width: 1px ;
    border-style: solid ; 
}
.kader {
/*    background: url(kader2.jpg) no-repeat center center; */
    text-align: center; vertical-align: middle ;   
    border-width: 11px ;
    border-style: solid
}
.lkrant {
/*    background: url(leeg.jpg) no-repeat center center; */
    FONT-FAMILY: Comic Sans MS, Verdana, sans-serif; FONT-SIZE: 20pt; 
    height: 46px ; vertical-align: top ; BORDER-WIDTH: 1px;  
}
#lkrantpicleft {
    margin-left: 0px; margin-right: 150px;
    BORDER-WIDTH: 1px;  border-style: solid ; 
}
#lkrantpic {
    margin-left: 150px; margin-right: 150px; 
    BORDER-WIDTH: 1px;  border-style: solid ; 
}
#lkrantpicright {
    margin-left: 150px; margin-right: 0px;
    BORDER-WIDTH: 1px; border-style: solid ;  
}
#lkranttopborder {
    border-top-width: 1px; border-style: solid ; 
    border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px;
}
/*
#the_iframe {
    height:100 ; margin-top: 0px;    margin-bottom: 0px;
}
*/