html { height:100%; max-height:100%; padding:0; margin:0; border:0; background-color: #A3C6D9;
color:#442222; font-size:76%; font-family:Verdana, Arial, helvetica, sans-serif;
/* hide overflow:hidden from IE5/Mac */
/* \*/
overflow: hidden;
/* */
}
* html td { font-size:76%; }
/* BRUIN #442222 en ORANJE ff8855 en BASISBLAUW #A3C6D9 en DONKERBLAUW #336688 */
/* BLAUWE stappen in de reeks #FFFFFF tot #A3C6D9 tot #336688 */
/* #FFFFFF - #EDF4F7 - #DAE8F0 - #C8DDE8 - #B5D1E1 - #A3C6D9 */
/* #A3C6D9 - #8DB3C9 - #76A0B9 - #608CA8 - #497998 - #336688 */
/* GROENE KNOPPEN #ECF48B - #DEEB6E - #BCD340 */
/* PRELOADEN foto's in banner */
div.preload, img.preload { width:0px; height:0px; }
body {behavior:url("http://www.gestaltschoolbolt.nl/includes/csshover3.htc");}
body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0 auto; border:0; scrollbar-arrow-color:#ff8855; scrollbar-face-color:#FFFFFF; scrollbar-track-color:#EFEEEE;
scrollbar-3dlight-color : #336688; /* buiten libov */
scrollbar-darkshadow-color : #336688; /* buiten reond */
scrollbar-highlight-color : #FFFFFF; /* binnen libov */
scrollbar-shadow-color : #FFFFFF; /* binnen reond */ }
#content { display:block; overflow:hidden; position:absolute; z-index:3; top:0px; bottom:26px; width:940px; margin-left:-470px; left:50%; background:transparent; }
* html #content { top:0px; bottom:0; height:100%; border-bottom:26px solid #ff8855; }
#inhoud, #accordion { display:block; overflow:auto; position:absolute; z-index:3; top:64px; bottom:0; }
#inhoud, #navi { filter:alpha(opacity=92); /*Needed for IE*/
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=92);
-moz-opacity:0.92; /*Older mozilla broswers like NN*/
-khtml-opacity: 0.92; /*Old versions of Safari and "KHTML" browser engines*/
opacity: 0.92; /*FF, Safari, and Opera*/ }
/* margin-left = #content - #inhoud */
#accordion { top:155px; bottom:-17px; width:290px; overflow:auto; background:#A3C6D9; margin:0; padding:0} * html #inhoud, * html #accordion, * html #accordion { z-index:5; border-bottom:139px/*63px*/ solid #ff8855; height:100%; } * html #inhoud { top:64px; border-bottom:65px solid #EDF4F7; }
body #accordion { overflow-y:scroll; scrollbar-3dlight-color : #336688; scrollbar-arrow-color : #336688; scrollbar-darkshadow-color : #336688; scrollbar-face-color : #B5D1E1; scrollbar-highlight-color : #B5D1E1; scrollbar-shadow-color : #B5D1E1; scrollbar-track-color : #A3C6D9;}
/* PAS OP met margins voor de verschillende elementen en verschillende browsers!!! */
#accordion { width:290px; margin:0 auto;} /* die margin auto is cruciaal */
.accordion { width:290px; margin-top:0px;}
.accordion dt {width:272px; padding:7px 0px 7px 2px; border-bottom:1px dashed #FFFFFF; cursor:pointer; background:transparent url(images/header.gif); color:white; font:bold 1.1em Verdana; line-height:1.4em; letter-spacing:1px;} .accordion dt u{ text-decoration:none; color:#336688; font-size:0.8em; letter-spacing:0px;} .accordion dt:hover { background:#8DB3C9 url(images/header_over.gif); } #accordion dd { margin:0; margin-left:-0px; overflow:hidden; width:272px; background:#B5D1E1; margin:0; padding:0;}
.accordion span { display:block; width:272px; border-bottom:1px dashed #FFFFFF; padding-bottom:10px; color:#442222;} .accordion td { color:#442222; vertical-align:baseline; font: normal 12px Verdana; line-height:1.7em; padding:0;} .accordion td.label { color:#336688; font: normal 9px Arial, Helvetica, Verdana; color:#336688; width:45px; }
td.leesverder { text-align:right; } td.leesverder a, td.leesverder a:visited, td.leesverder a:hover { font:bold 1.1em Verdana; height:15px; margin-top:0; margin-bottom:3px; text-decoration:none; color:#442222; border-bottom:3px solid #442222; letter-spacing:1px; padding:3px 4px 1px 5px; } td.leesverder a:hover { color:#442222; border-bottom:3px solid #442222; background:white; }
.inner { margin:20px 20px 50px 30px;}
#navi, #inhoud { margin-left:290px; width:650px; background-color:white; }
#navi { display:block; overflow:hidden; position:absolute; top:0; height:64px; bottom:0; background:white; z-index:9;} * html #navi { height:64px;}
#tabs { width:650px; } .innertabs {width: 646px; }
/* Firefox #navi { margin-left:273px; width:667px;}
#tabs { width:667px; } .innertabs {width: 663px; } */
/* IE7 #navi { margin-left:290px; width:650px; }
#tabs { width:650px; } .innertabs {width: 646px; } */
#tabs td a, #tabs td a:visited { height:25px; line-height:25px; background:#ECF48B; display:block; text-align:center; color:#336688; text-decoration:none; font-variant:small-caps; font-weight:bold; font-size:13px; border:4px solid #FFFFFF; border-width:0px 4px 4px 0px; }
#tabs td.school a, #tabs td.magda a, { letter-spacing:6px;}
* html #tabs td a, * html #tabs td a:visited { font-size:11px; f\ont-size:12px;}
/* menukleuren */
#tabs td a:hover { background:#DEEB6E; }
#tabs td a:active { background:#BCD340; }
#school td.school, #mythe td.mythe, #lichaamswerk td.lichaamswerk, #initiatisch td.initiatisch, #therapie td.therapie, #hogeschool td.hogeschool { background:#BCD340; color:#336688; }
#tabs td.magda a, #tabs td.schilderijen a, #tabs td.inkt a, #tabs td.gedichten a,
#tabs td.magda a:visited, #tabs td.schilderijen a:visited, #tabs td.inkt a:visited, #tabs td.gedichten a:visited { background:#FF8855; color:#FFFFFF;}
#tabs td.magda a:hover, #tabs td.schilderijen a:hover, #tabs td.inkt a:hover, #tabs td.gedichten a:hover { background:#F97739;}
/* a:active en Gestaltmenu KNOPPEN AAN */
#therapie td.therapie a, #therapie td.therapie a:visited,
#initiatisch td.initiatisch a, #initiatisch td.initiatisch a:visited,
#mythe td.mythe a, #mythe td.mythe a:visited,
#lichaamswerk td.lichaamswerk a, #lichaamswerk td.lichaamswerk a:visited,
#school td.school a, #school td.school a:visited, #hogeschool td.hogeschool a:visited { background:#BCD340; }
/* a:active en Magdamenu KNOPPEN AAN*/
#tabs td.magda a:active, #magda td.magda a, #magda td.magda a:visited, #tabs td.schilderijen a:active, #schilderijen td.schilderijen a, #schilderijen td.schilderijen a:visited, #tabs td.inkt a:active, #inkt td.inkt a, #inkt td.inkt a:visited, #tabs td.gedichten a:active, #gedichten td.gedichten a, #gedichten td.gedichten a:visited { background:#EE5500;}
/* FOTOBEELD bovenaan elke pagina */
#f1, #f2, #f3, #f4, #f5, #f6{ position:absolute; top:0px; left:50%; border:none; height:155px; width:100%;; background-repeat:repeat;} #f1 {margin-left:-2058px;} #f2 {margin-left:-1264px;} #f3 {margin-left:-470px; } #f4 {margin-left:324px;} #f5 {margin-left:1118px;} #f6 {margin-left:1912px;}
#groep3 div.beeld { background: url(/foto/gdh_verblijf.jpg); }
#groep div.beeld { background: url(/foto/oprit.jpg); }
#groep3 div.beeld { background: url(/foto/gdh_verblijf.jpg); }
#groep3 div.beeld { background: url(/foto/gdh_verblijf.jpg); }
#groep3 div.beeld { background: url(/foto/gdh_verblijf.jpg); }
#groep3 div.beeld { background: url(/foto/gdh_verblijf.jpg); }
#therapie div.beeld { background: url(/foto/gestalttherapie.jpg); }
#home div.beeld, #school div.beeld, #boltboek div.beeld{ background:url(/foto/home_bord.jpg); }
#hogeschool div.beeld { background: url(/foto/hogeschool.jpg);}
#mythe div.beeld, #mythegroep div.beeld { background: url(/foto/zaal_mythologie.jpg); }
#voorwaarden div.beeld { background-position: 450px; }
#initiatisch div.beeld, #tweetallen div.beeld { background: url(/foto/school_waal.jpg); }
#contact div.beeld { background: url(/foto/contact_groep.jpg); }
#lichaamswerk div.beeld, #groepparen div.beeld { background: url(/foto/lichaamswerk_wei.jpg); }
#route div.beeld, #evaluaties div.beeld { background: url(/foto/route_weg.jpg); }
#medewerkers div.beeld, #boltfonds div.beeld { background: url(/foto/medewerkers.jpg); }
#boltfonds div.beeld { background-position: 430px; }
#prijsinformatie div.beeld { background: url(/foto/prijsinfo_locaties.jpg); }
#voorwaarden div.beeld { background: url(/foto/route_weg.jpg); background-position: 180px; }
#overnachting div.beeld { background: url(/foto/overnachting.jpg); }
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
/* ---------------------------------------------------------------------- */
#inhoud div, #inhoud p, #inhoud td, #inhoud ul, #inhoud li, #inhoud a, #inhoud a:visited, .bedankt p { color:#442222; line-height:1.7em; } #inhoud p { margin:1.7em 0; }
#inhoud p i { color:#497998; font-weight:bold; letter-spacing:1px; font-size:1.1em;}
h1, h2, h3 { font-size:1.5em; line-height:1.5em; }
h1 { color:#99BB11;} h2 { color:#76A0B9;} h3 { color:#FF8855;} .promo a h3 { margin-bottom:0.5em; }
a, td a, #inhoud a, a:visited, td a:visited, #inhoud a:visited
{ text-decoration:none; border-bottom:1px dashed #FF8855; padding-bottom:1px; color:#497998;} a:hover, td a:hover, #inhoud a:hover { color:#442222; border-bottom:1px solid #EE5500; }
.paglinks { clear:both; float:left; margin-top:15px; font-weight:bold;}
#inhoud div.erv p { font:normal 15px/22px Georgia; color:#D74915; margin-right:40px; margin-left:40px; text-align:justify; }
#inhoud ul, #inhoud ol { margin-left:-32px !important; margin-left:2px; width:95%; line-height:1.7em;}
#groep #inhoud ul, #inhoud ol { margin-top:0;}
#inhoud ul li, #inhoud ol li { list-style-position: outside; margin-left:15px; line-height:1.7em; color:#FF8855;}
#inhoud ul.paragraphlist {margin:-20px 0px 0px 0px;}
#inhoud ul.paragraphlist li { color:#442222;}
#inhoud ol { margin-left:-32px !important; margin-left:2px; width:95%; line-height:1.7em;}
#inhoud ol { margin-top:0;}
#inhoud ol li { list-style-position: outside; margin-left:25px; line-height:1.7em; color:#442222;}
#inhoud div.list-in-tekst-01 ul li { color: #422; }
#inhoud ul li u { line-height:1.7em; color:#442222; font-style:normal; text-indent:0; text-decoration:none;}
#groep #inhoud { color:#FF8855; }
#voorwaarden #inhoud ul li { margin-top:1.0em; color:#FF8855; }
.min {font-size: 0.9em; color:#442222;}
.plus { color:#006699; font-variant:small-caps;}
#inhoud .intro, #inhoud .groenvet { font-weight:bold; color:#88aa00; }
#inhoud .oranjevet { font-weight:bold; color:#F88C55; }
.zegt {color:#CC3333; font:normal small Courier New, serif; }
#zijbeuk { float:right; width:222px; margin:9px 0px 0px 15px; color:#442222;} /* bolt-ie */
#zijbeuk a, #zijbeuk a:visited { text-decoration:none; font-size:1.0em; line-height:1.4em;}
#zijbeuk .promo { width:198px; padding:12px; margin-bottom:15px; background:#FAFCDF; border:2px solid #DEEB6E; color:#336688; } /* bolt-ie */
#zijbeuk .omdivknop { text-align:center; font:bold 13px/24px Verdana; border:2px solid #A3C6D9; margin-bottom:15px;}
#zijbeuk .omdivknop a, #zijbeuk .omdivknop a:visited { border:none; color:#FFFFFF; }
#zijbeuk .omdivknop a div, #zijbeuk .omdivknop:visited a div { background-color:#DAE8F0; color:#336688; padding-top:5px; height:55px; width:218px; cursor:hand; }
#zijbeuk .omdivknop:hover a div { background-color:#ECF48B; cursor:hand; color:#336688;}
#zijbeuk .gestaltorg { width:222px; padding:12px; margin-bottom:15px; background:#DAE8F0; border:2px solid #a3c6d9; color:#336688; text-align:center;}
#zijbeuk .gestaltorg a, #zijbeuk .gestaltorg a:visited { color:#Ff8333; font-size:1.4em;}
.breedkader { background:#EDF4F7; width:100%; border:1px dashed #442222; }
.breedkader .inner { margin:20px 18px 22px 25px; }
/* LET OP - menu FLOAT rechts - volgorde omkeren */
#onderkant, #aanvul_linker_oranjebalk { position:absolute; width:940px; margin-left:-470px; left:50%; height:27px; bottom:-1px; z-index:99; background:#FF8855; clear:both;}
#aanvul_linker_oranjebalk { width:100%; left:0;}
#onderkant .praktisch { margin-right:15px; text-align:center;}
#onderkant a { float:right; display:block; padding:7px 0px 2px 0px; text-decoration:none; font-weight:bold; border:none;}
* html #onderkant a, * html #onderkant a:visited { font-size:10px; f\ont-size:12px;}
/* 10px is voor IE5.5 */
#onderkant a, #onderkant a .stok { padding-left:5px; }
#onderkant a, #onderkant a:visited { font-size:12px; color:#442222;}
#onderkant a:hover { color:#FFFFFF; }
.stok, .stokeerste { color:#D74915;} .stokeerste { padding-right:5px; padding-left:0px; }
#home a.home:visited, #contact a.contact:visited, #route a.route:visited, #medewerkers a.medewerkers:visited, #evaluaties a.evaluaties:visited, #prijsinformatie a.prijsinformatie:visited, #overnachting a.overnachting:visited, #voorwaarden a.voorwaarden:visited, #boltboek a.boltboek:visited, #boltfonds a.boltfonds:visited { color:#FFFFFF; }
/* FORMULIER */
#signupdiv { z-index:0; display:none; width:100%; clear:both; margin-bottom:30px;}
#signup { margin:0px; width:590px; height:1250px; } /* iframe 1250px voor zeer grote letters*/
form td { font:normal 11px Verdana; color:#336688; }
input { text-align:left; border: 2px solid #A3C6D9; }
.radio, .radiof { border:none; } .radiof {position:relative; left:-6px;}
.naw td input {text-align:left; } .inputcenter input {text-align:center;}
.klasse td {padding:0px 5px 0px 5px; text-align:center; font-size:11px;}
#submitknop {width:250px; color:#FFFFFF; font:bold 1.1em Verdana; background-color:#497998; border:3px solid #FFFFFF; padding:4px 10px 2px 10px; text-align:center; letter-spacing:2px;}
#submitknop:hover { background-color:#E0ED46; color:#336688;}
#submitknop:active { color:#442222; }
#inschrijftekst { background:white; float:right; font-size:1.0em; line-height:1.5em; margin:0; color:#442222; float:right; margin-left:0px;}
/* Contactformulier */
form a, form a:hover { color:#006699; text-decoration:underline; }
form a:hover { color:#F88C55; }
.oplijn, .oplijn a { color:#336688; font-size:10px; }
.oplijn a:hover {color:#F88C55;}
.bedankt { margin:0; background:white;}
.bedankt h4 { text-align:center; color:#ff8855; margin:30px 0px; border:3px solid #ff8855; border-width:3px 0px; font-size:1.4em;}
/* contact formulier */
#adresform td { font:normal 11px/15px Verdana;}
#adresform { margin-top:-11px; border:1px dashed #442222; background:#EDF4F7;}
input { padding-left:5px; vertical-align:top;}
/* MEDEWERKERS en BOEKENLIJST */
.beeldtekst, .beeldtekststart { padding:25px 0px 30px 0px; border-bottom:1px dashed #608CA8; }
#medewerkers .beeldtekststart { padding:0px; margin-top:-25px; }
#boltboek .beeldtekststart { padding:0px 0px 30px 0px; }
#medewerkers .beeldtekst div { margin-left:195px; height:100%; } /* bolt-ie */
#boltboek .beeldtekst div { margin-left:90px; height:100%; } /* bolt-ie */
.beeldtekst div .titel { font-size:1.1em; font-weight:bold; color:#F88C55; letter-spacing:0px;}
#boltboek .beeldtekst div .titel { font-size:1.1em; font-weight:normal; color:#F88C55; }
.beeldtekst .portret, .beeldtekst .cover { float:left; margin:5px 15px 0px 0px; }
.beeldtekst .portret { width:170px; height:170px; border:1px solid #442222; }
#boltboek .beeldtekst div .door { color:#336688; }
/* PRIJSINFORMATIE */
caption {color:#F88C55; font-size:11px; padding-bottom:5px; text-align:left; padding-left:0px; padding-bottom:4px;}
.inkschaal { position:relative; top:0px; left:0px; border:1px solid #A3C6D9;}
.inkschaal td { border:1px solid #A3C6D9; padding:7px 7px; height:45px; font-size:12px; color:#442222; text-align:center;}
.inkschaal .thead {background-color:#A3C6D9; border:1px solid #A3C6D9; padding:3px; font:bold 16px Verdana; color:white; }
.inkdrie, .inkjaar { display:none; } /* radiobullets in formulier tarief-.txt */
#printknop a, a.ga { display:block; color:#336688; margin-top:20px; margin-right:0px; text-decoration:none; padding:4px 9px 4px 9px; border:1px solid #4F93B5; float:right;} div .printknop { background:#EDF4F7;} #printknop a:hover, #printknop a:active, a.ga:hover { color:#F88C55; border:1px solid #4F93B5;}
a.ga { letter-spacing:2px; text-align:center; border:none; margin:0; padding:5px 10px; }
div#printauteur { display:none; position:absolute; top:0; right:0px; margin:0; width:250px; height:20px; text-align:right;} /* copyright en url Gestaltschool BOLT*/
div#printurl { display:none; }
p.naast-form { width:150px; }
#evaluaties ul { color:#422 }
#evaluaties ul li { color:#422 }