html { height:100%; max-height:100%; padding:0; margin:0; border:0; background:#667799;
font-size:76%; font-family:Verdana, georgia, palatino linotype, times new roman, serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0; background:#667799; scrollbar-3dlight-color : #667799; scrollbar-darkshadow-color : #667799;
scrollbar-face-color : #AFBDD6; scrollbar-arrow-color : black;
scrollbar-base-color : orange; scrollbar-highlight-color : #FFFFFF;
scrollbar-shadow-color : #FFFFFF; scrollbar-track-color : #C3CEE3; }

#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:70px; background:#667799; z-index:5; }

#container, #foot, #rodebodem, #oplijn { display:block; overflow:hidden; position:absolute; width:760px; margin-left:-400px; left:50%;}

#foot { z-index:7; bottom:70px; height:83px; background:#8899BB; border:none; border:20px solid #8899BB; border-top:10px solid #8899BB; }  * html #foot { height:113px; width:800px; }

#container { z-index:3; bottom:183px; top:90px; background-color: #8899BB; border:20px solid #8899BB; border-bottom:none; }
* html #container { top:0; bottom:0; height:100%; width:800px; border-right:20px solid #8899BB;border-left:20px solid #8899BB; border-top:90px solid #8899BB; border-bottom:183px solid #667799; }

#rodebodem {z-index:5; bottom:-2px; left:0; margin-left:0; width:100%; height:174px !important; height:175px; background:#D63300; font-size:0.9em; text-align:right; color:white;}

#oplijn { z-index:7; bottom:53px; border:none; height:16px; text-align:right; width:780px; }
#oplijn a, #oplijn a:visited { color:black; text-decoration:none; font-size:10px;}
#oplijn a:hover { color:white;}





#tek, #menu, #tekst {position:absolute; left:0; top:0; bottom:0; height:100%; z-index:4; overflow:hidden; }
* html  #tek, * html  #menu, * html  #tekst {height:100%; top:0; bottom:0; z-index:9; }

#coach #tek   { width:175px; left:0;     }
#algem #tek   { width:175px; left:390px; background: url(../images/raster-175.gif); }
#thera #tek   { width:175px; left:585px; }

#coach #menu  { width:195px; left:195px;  }
#coach #menu .inner, #thera #menu .inner, #algem #menu .inner
{ height:100%; background: url(../images/menu-inner-bottom-667799.gif);}
#thera #menu  { width:215px; left:390px; }
#algem #menu  { width:215px; left:585px; background: url(../images/raster-175.gif); }

#coach #tekst { width:370px; left:390px; overflow:hidden; }
#thera #tekst { width:370px; left:0px;   overflow:hidden; }
#algem #tekst { width:370px; left:0px;   overflow:hidden; }

.inner { height:100%; overflow:hidden; }
.inner img { margin-bottom:7px;}
.inner p, h1, h2 { margin:20px; margin-right:5px; color:#124; margin-bottom:4.0em; font:normal 1.0em/1.5em Verdana;}
#tekst .inner ul { font:normal 1.0em/1.5em Verdana; margin:-30px 5px 0px 20px; list-style-position:inside; }   #tekst .inner p b { font-weight:bold; color:#013; }

#tek .inner  { font:normal 0.8em/1.3em Verdana; color:black; }
#tek .inner em   { line-height:2.0em; color:#556688;}
#tekst .inner   { background:#CDD9EE; overflow-x:hidden; overflow-y:scroll; color:#124;}
#tekst .inner td { font:normal 0.7em/1.1em Verdana; color:#124;}
/* background:#CDD9EE; */


h1, h2 { font-weight:bold; font-size:13px; color:#820D00; line-height:18px; margin-bottom:0;  margin-top:20px; }
h2, p .h2 { font-size:11px; color:#D63300; line-height:16px; margin-top:0px; }  h1.rood { color:#D63300; }
.extra { font-weight:bold; }                                                                     #tekst a, #tekst a:visited { text-decoration:none; color:black; border-bottom:1px dashed #D63300;}  #tekst a:hover { color:#D63300; border-bottom:1px dashed black;}


/* menu */
div#links { width:175px; z-index:100; height:100%; overflow-x:hidden; overflow-y:auto;}
div#links .itemtabel { background:url(../images/knopscheiding-8899bb.gif) no-repeat center bottom; height:100%; width:100%; }  div#links a#coach1 .itemtabel, div#links a#thera1 .itemtabel, div#links a#algem1 .itemtabel  {  background-image:none; }
.itemtabel .pagsoort { color:#9CABC8; letter-spacing:1px; font-weight:bold; font-size:11px; font-variant:small-caps; vertical-align:bottom; padding:7px 7px 2px 10px !important; padding:7% 7% 0% 5%; }
.itemtabel .menulink { vertical-align:top; color:white; padding:0% 7% 7% 5%; font-size:13px; }
div#links a, div#links a:active { color:white; background:#667799; display:block; text-decoration:none; height:19.9%; padding:0; margin:0; border:0; cursor:hand; white-space:nowrap; min-height:44px;}
div#links a:hover { color: white; background: #445577; }
#algem div#links a { height:24.9%;  }
/* einde menu */

/* knoppen hoofdmenu */
#coaching, #gestalttherapie, #algemeen { position:absolute; bottom:56px; left:195px; height:26px; width:175px; letter-spacing:2px; font:bold small-caps 14px/24px  Verdana; text-indent:10px; text-decoration:none;}  #gestalttherapie { left:390px; }  #algemeen { left:585px; }

div#foot a, div#foot a:visited { background-color:black; color:#9CABC8; }
div#foot a:hover { color:#FFF; }
#coach div#foot #coaching, #thera div#foot #gestalttherapie, #algem div#foot #algemeen
{ background-color:#D63300; color:#FFF; }



