/*html {margin: 0; padding: 0; height: 100%; Width: 100%; background:transparent; }
body {OVERFLOW: hidden; font: 75% georgia, sans-serif; line-height: 1.88889; color: #584B18; margin: 0; padding: 0; height: 100%; Width: 100%; background:transparent url(../sf/sf_pp.gif) repeat-y fixed left; }
body { scrollbar-face-color: white; scrollbar-shadow-color: white; scrollbar-highlight-color: white; scrollbar-3dlight-color: white; scrollbar-darkshadow-color: #988F5E; scrollbar-track-color: white; scrollbar-arrow-color: #988F5E}
#Scroller {Z-INDEX: 2; LEFT: 100px; PADDING-TOP: 0px; TOP: 0%; BOTTOM: 65px; OVERFLOW: auto; HEIGHT: 91%;  WIDTH: 87%; POSITION: absolute; background-color: transparent; }*/
#tp { color: blu; margin-top: -3px;}
#top_dx { Z-INDEX: 1200; /*TOP: 70%;*/ BOTTOM: 244px; RIGHT: 2%; POSITION: absolute; text-align: center }

.bg {Z-INDEX: 1; WIDTH: 100%; POSITION: absolute; HEIGHT: 100%;}
.brgt { Z-INDEX: 104; BOTTOM: 0px; RIGHT: 0px; FLOAT: right; POSITION: absolute;}
p { margin-top: 0; text-align: justify;	color: #584B18; }
h3 {font: italic normal 1.4em georgia, sans-serif; letter-spacing: 1px; margin-bottom: 0; color: #7D775C;}
a:link {font-weight: bold; text-decoration: none; color: #988F5E;}
a:visited {font-weight: bold; text-decoration: none; color: #035E67;}
a:hover, a:active {text-decoration: underline; font-style: italic; color: #008080;}

.tlft_sf { Z-INDEX: 101; TOP: 0px; LEFT: 0px; FLOAT: left; POSITION: absolute; }
.trgt_sf { Z-INDEX: 102; TOP: 0px; RIGHT: 0px; FLOAT: right; POSITION: absolute;}
.blft_sf { Z-INDEX: 103; BOTTOM: 0px; LEFT: 0px; FLOAT: left; POSITION: absolute;}
.brgt_sf { Z-INDEX: 104; BOTTOM: 0px; RIGHT: 0px; FLOAT: right; POSITION: absolute;}

.blft_menu { Z-INDEX: 2; BOTTOM: 1px; TOP: auto; Margin-LEFT: 0%; Margin-RIGHT: auto; LEFT: 1px; HEIGHT: auto; WIDTH: auto; POSITION: absolute; text-align: left; }
#blft_flash { Z-INDEX:205; BOTTOM: 0px; LEFT: 105px; FLOAT: left; POSITION: absolute; }

.tr_footer { filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70; }
.tr_menu { filter:alpha(opacity=84); -moz-opacity:.84; opacity:.84; }
#Footer_lft {Z-INDEX: 3; BOTTOM: 0px; LEFT: 1px; HEIGHT:510px; WIDTH: auto; POSITION: absolute; /*text-align: left;*/ padding: 2px; background: transparent) }
#Footer_tot {/*Z-INDEX: 4;*/ BOTTOM: 0px; LEFT: 0px; HEIGHT: 75px; WIDTH: 100%; POSITION: absolute; /*padding: 2px;*/ BORDER-TOP: 0px solid SLateGray; background: url(sf_bottom_gold.gif) repeat-x fixed bottom }
#Footer {Z-INDEX: 3; BOTTOM: 0px; LEFT: 111px; HEIGHT: 111px; WIDTH: 600px; POSITION: absolute; padding: 2px; BORDER-TOP: 0px solid SLateGray; background: transparent) }
#Footer_menu { Z-INDEX: 77; BOTTOM: 0px; FLOAT: left; MARGIN-LEFT: 0px;  HEIGHT: 84px; WIDTH: auto; POSITION: absolute; padding: 2px; BORDER-TOP: 0px solid SLateGray; BACKGROUND: transparent;  }

#container { }
#overview { Z-INDEX: 7; height: auto; min-width: 470px; width: auto; background: transparent}
#title {padding-top: 20px;	height: 87px;}
#title h1 {margin-top: 10px; display: block; width: 219px; height: 87px;float: left;}
#title h2 {margin-top: 58px; margin-bottom: 40px; width: 200px;height: 18px;float: right;}
#menu_dx { float: right; margin: 50px 0px 10px 0px; /* distance on off */ height: auto; width: 210px;/* important */ } #menu_dx p {font: normal 1.1em/2.2 georgia; text-align: center; }
#menu_dx DIV.off {MARGIN-TOP: 20px; MARGIN-RIGHT: 0px; POSITION: static; display: block; WIDTH: 160px; HEIGHT: auto; FLOAT: right; cursor: pointer; line-height: 18px;}
#menu_dx DIV.off a {text-decoration: none; color: #988F5E; FLOAT: left; left: -3px; padding-left: 20px; background: url(../icon/10x10_olive.gif) no-repeat left ; }
#menu_dx DIV.off a:hover {color: #008080; background: url(../icon/lampje.png) no-repeat left ; text-decoration: underline; }
#menu_dx DIV.off a:active { color: #9685BA ; }
#menu_dx DIV.off a:visited { text-decoration: none; color: #035E67; }
#menu_dx DIV.on { TOP: 0px; POSITION: absolute; HEIGHT: auto;/* makes it stable */ WIDTH: 200px; text-align: center; font-size: 150%; BACKGROUND: url(../icon/30x3_olive.gif) no-repeat left ; font-style: italic} #menu_dx DIV.on a { visibility: visible; text-decoration: none; cursor: none; color: #988F5E; }
#intro {clear: left; font: normal 1.1em/2.2 georgia; padding: 0px 0px 0 0px; }
#text {padding-left: 10px; margin-bottom: 40px; border: 0px double blue; }
/*.dropcap:first-letter{ float:left; color:black; font-size: 250%;  FONT-SIZE: 25px; COLOR: #d88; font-weight: bolder; font-variant: normal; font-style: normal; font-family: Georgia }*/
/*P:first-letter { FONT-SIZE: 25px; COLOR: #d88; font-weight: bolder; font-variant: normal; font-style: normal; font-family: Georgia }*/

DIV.hide { DISPLAY: none; OVERFLOW: hidden; WIDTH: 0px; }
DIV.show { Z-INDEX: 8; padding-top: 10px; margin-left: 122px; margin-right: 22px; margin-top: 0px; margin-bottom: 0px; /* for IE not to jump */ min-width: 470px; max-width: 80%; /* extremely important */ text-align: justify; POSITION: static; /* the curl around solution */ color: DimGray;  }
.clear { CLEAR: right }