/* ::::: http://www.cssplay.co.uk/css/cssplay.css ::::: */
html { background: rgb(255, 255, 255) url(Afbeeldingen/gall/bg_links.jpg) repeat-y left top; color: rgb(0, 0, 0); overflow-x:hidden; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #EDEDEF; scrollbar-arrow-color: #E8941A; scrollbar-track-color: #FFFFFF; scrollbar-darkshadow-color: #999999; scrollbar-base-color: #B3DDD3; }
body { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent url(Afbeeldingen/gall/cacao.jpg) no-repeat 99.9% 93.7%; text-align: center; font-family: verdana,arial,helvetica,sans-serif; font-size: 76%; color: rgb(0, 0, 0); }
a, a:visited { color: #000080; }
a:hover { text-decoration: none; }
#wrapper { margin: 10px auto 0pt; background: transparent url(Afbeeldingen/gall/verkokt.gif) no-repeat right 12px; width: 750px; _width: 774px; text-align: left; }
#info { background: transparent; clear: both; width: 770px; padding-bottom: 15px; }
h1 { display:none; }
#info h2 { margin: 0pt 0pt 10px; font-family: "trebuchet ms",tahoma,arial,verdana,sans-serif; font-size: 1.4em; color: rgb(170, 68, 0); text-align: left; }
#info h3 { margin: 0pt 0pt 10px; font-family: "trebuchet ms",tahoma,arial,verdana,sans-serif; font-size: 1.1em; font-weight: normal; color: rgb(85, 102, 85); text-align: left; }
#content { background: rgb(255, 255, 255); width: 750px; }
#content h3 { margin: 10px 0pt 0pt; font-size: 12px; color: rgb(187, 85, 0); font-weight: bold; }
p { margin: 5px 0pt 15px; font-size: 10px; color: rgb(85, 85, 85); line-height: 16px; }

img.overlay { position: absolute; top: -381px; opacity: 0.95; filter: alpha(opacity=95); cursor: crosshair; }
#sidebar { position: absolute; top: 7em; left:69.7%; width: 19em; }
h4 {  font-family: "trebuchet ms",tahoma,arial,verdana,sans-serif; font-size: 1.3em; color: rgb(170, 68, 0); margin: 0; padding: 0; }

#nummer { position: fixed!important; position: absolute; bottom: 0.2em; right: 0.7em! important; right: 0.7em; font-size: 1.4em; font-family: "trebuchet ms",tahoma,arial,verdana,sans-serif; color: rgb(197, 197, 205); }

/* ::::: http://www.cssplay.co.uk/menu/menu_gallery.html ::::: */
.menu { border-top: 380px solid rgb(68, 68, 68); /* margin: 0pt auto; */ background: rgb(85, 119, 85) none repeat; font-family: verdana,sans-serif; position: relative; z-index: 100; width: 520px; height: 50px; }
.menu ul { border: 1px solid rgb(136, 170, 136); margin: 5px 78px 0pt; padding: 5px 2px 5px 5px; background: rgb(68, 68, 68) none repeat; list-style-type: none; width: 355px; height: 26px; position: absolute; }
.menu ul li { float: left; position: relative; }
.menu ul li a img { border: 0pt none ; float: left; }
* html .menu ul li a img { float: none; }
.menu ul li a, .menu ul li a:visited { border: 1px solid rgb(255, 255, 255); margin: 0pt 5px; float: left; width: 32px; height: 24px; text-decoration: none; color: rgb(0, 0, 0); cursor: default; }
.menu ul li ul { position: absolute; top: -106px; left: -99999px; }
.menu table { border: 0pt none ; margin: -4px; padding: 0pt; border-collapse: collapse; }
.menu ul li:hover a, .menu ul li a:hover { border: 1px solid rgb(136, 170, 136); }
.menu ul li:active a, .menu ul li a:focus { border: 1px solid rgb(232, 148, 26); }
.menu ul li:hover ul, .menu ul li a:hover ul { border: 0pt none ; margin: 0pt; padding: 0pt; background: transparent none repeat; position: absolute; left: -45px; width: 124px; height: 94px; }
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul { position: absolute; top: -270px; left: -99999px; }
.menu ul li:hover ul li a, .menu ul li a:hover ul li a { border: 1px solid rgb(136, 170, 136); background: rgb(0, 0, 0) none repeat; text-decoration: none; color: rgb(0, 0, 0); width: 120px; height: 90px; }
.menu ul li:hover ul li a b, .menu ul li a:hover ul li a b { border-left: 1px solid rgb(136, 170, 136); border-right: 1px solid rgb(136, 170, 136); border-bottom: 1px solid rgb(136, 170, 136); background: rgb(68, 68, 68) url('Afbeeldingen/gall/point.gif') repeat; display: block; width: 32px; height: 14px; font-size: 0pt; position: absolute; left: 50px; top: 92px; }
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover { border: 1px solid rgb(102, 102, 102); }
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul { left: -24px; }
.menu ul li:hover ul li:hover ul.pos2, .menu ul li a:hover ul li a:hover ul.pos2 { left: -68px; }
.menu ul li:hover ul li:hover ul.pos3, .menu ul li a:hover ul li a:hover ul.pos3 { left: -112px; }
.menu ul li:hover ul li:hover ul.pos4, .menu ul li a:hover ul li a:hover ul.pos4 { left: -156px; }
.menu ul li:hover ul li:hover ul.pos5, .menu ul li a:hover ul li a:hover ul.pos5 { left: -200px; }
.menu ul li:hover ul li:hover ul.pos6, .menu ul li a:hover ul li a:hover ul.pos6 { left: -244px; }
.menu ul li:hover ul li:hover ul.pos7, .menu ul li a:hover ul li a:hover ul.pos7 { left: -288px; }
.menu ul li:hover ul li:hover ul.pos8, .menu ul li a:hover ul li a:hover ul.pos8 { left: -332px; }
.menu ul li:hover ul li:hover ul li a span, .menu ul li a:hover ul li a:hover ul li a span { display: none; }
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a { border: 1px solid rgb(136, 170, 136); width: 480px; height: 360px; cursor: crosshair; }
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover { border: 1px solid rgb(255, 204, 102); }
.menu ul li:hover ul li:hover ul li a:hover span, .menu ul li a:hover ul li a:hover ul li a:hover span { border-bottom: 1px solid rgb(255, 204, 102); padding: 5px; background: rgb(136, 170, 136) none repeat; display: block; font-size: 10px; position: absolute; top: 1px; left: 6px; width: 470px; }
.menu ul li:hover ul li:hover ul li a:hover span:first-line, .menu ul li a:hover ul li a:hover ul li a:hover span:first-line { font-weight: bold; font-size: 14px; color: rgb(238, 255, 238); }

.footie {margin:5.3em 0 0;white-space:nowrap;}

/* ** tooltip rechtsonder ** */
#title2note {position:fixed;z-index:999;bottom:0;right:0;width:19em;margin:1em;padding:7px 5px 7px 10px;font:12px/1.2em "Lucida Console", "Courier New", monospace;text-align:left;color:#111;background-color:#FFFFB4;border:1px solid #111;}
/* star html hack - IE only */
* html #title2note {position:absolute;}
/* een gok op IE7+ */
#title2note[id] {position:fixed;height:4%;}

ol {margin-bottom:12px;margin-top:9px;}
* html ol {margin-top:12px;}
ol li {line-height:1.4em;margin-left:-1em}
ol li a, ol li a:link {color:#000080}
ol li a:visited {color:#000}
b {color:#CF671C}

.bv {cursor:crosshair;padding:2px;border:1px solid silver;margin-top:-7px;_margin-top:-10px}
abbr {border-bottom-color:silver;cursor:help}

/* address */

/* ::::: http://home.arcor.de/xbo/global.css ::::: */

  address { border-style: solid; border-color: rgb(0, 0, 0); border-width: 0pt 0pt 1px 1px; padding: 1px 1px 1px 83px; background: rgb(255, 255, 153) url(Afbeeldingen/index-bg.gif) no-repeat scroll left -2px; color: rgb(0, 0, 0); position: fixed; top: 0pt; right: 0pt; z-index: 9; font-style: normal; }
  * html address { position: absolute; }
  address, address a { font-family: Arial,sans-serif ! important; font-style: normal ! important; font-variant: normal ! important; font-weight: normal ! important; font-size: 12px ! important; line-height: normal ! important; font-size-adjust: none ! important; font-stretch: normal ! important; }
  address a, address a:link, address a:visited, address a:hover, address a:active { border-left: 1px solid rgb(0, 0, 0); padding: 0pt 0.4em; background: transparent none repeat; color: rgb(0, 0, 0); text-decoration: none; }
  address a:hover { background: rgb(102, 102, 102) none repeat; color: rgb(255, 255, 153); }
#index { border: 1px solid rgb(0, 0, 0); position: fixed; top: 19px; right: 5px; z-index: 200; display: none; height: 70.3%; width: 280px; }
  * html #index { border: 0pt none ; position: absolute; top: 20px; right: 10px; height: 400px; }
  *+html #index { border-width: 0; height: 65%; }