@charset "iso-8859-1";
/* Cascading Style Sheets voor de site van Bureau Razenberg (at http://www.razenberg.nl).
   Opgesteld door Jasper Levink (jasperlevink@home.nl) */

/* Begin opmaak site */



/* links */
A:link    { color: #FC7816; }   /* unvisited links */
A:visited { color: #FC7816; }   /* visited links   */
A:hover   { color: #FC7816; }   /* user hovers     */
A:active  { color: #FC7816; }   /* active links    */

/* links in copyright */
A.copylink:link    { color: #A0A0A0; text-decoration: none; }   /* unvisited links */
A.copylink:visited { color: #A0A0A0; text-decoration: none; }   /* visited links   */
A.copylink:hover   { color: #A0A0A0; text-decoration: underline; }   /* user hovers     */
A.copylink:active  { color: #A0A0A0; text-decoration: underline; }   /* active links    */


/* links naar verschillende trainingen */

A.training:link    { color: #000000; }   /* unvisited links */
A.training:visited { color: #63639D; }   /* visited links   */
A.training:hover   { color: #63639D; }   /* user hovers     */
A.training:active  { color: #63639D; }   /* active links    */

/* Links bij verhalen */

A.verhalen:link    { color: #000000; text-decoration: none; }   /* unvisited links */
A.verhalen:visited { color: #000000; text-decoration: none; }   /* visited links   */
A.verhalen:hover   { color: #63639D; text-decoration: none; }   /* user hovers     */
A.verhalen:active  { color: #63639D; text-decoration: none; }   /* active links    */

A.columns:link    { color: #000000; text-decoration: none; }   /* unvisited links */
A.columns:visited { color: #000000; text-decoration: none; }   /* visited links   */
A.columns:hover   { color: #000000; text-decoration: none; font-weight: bold; }   /* user hovers     */
A.columns:active  { color: #000000; text-decoration: none; font-weight: bold; }   /* active links    */

/* algemene opmaak */



html, body {
	margin: 0; 
	padding: 0; 
      }
			
body {
      background-color: #FFFFFF;
 			text-align: left;
      }			
      
P, div, body, span, ul, ol, li, td, table, tr {
      font-family: Arial, Helvetica;
      color: #000000;
      font-size: 10pt;
      }      

table, tr, td {
      vertical-align: top;      
      }      

/* noframes opmaak */         
h2.c3 {
      font-size: 248%;
      font-weight: bold
      } 

h3.c2 {
      font-size: 207%;
      font-weight: bold
      } 

h1.c1 {
      font-size: 298%;
      font-weight: bold
      }

/* achtergrond afbeelding menu */      
body.menu {
      background-image: url("images/bg_left_dummy.gif");
      }   

/* breedte van tekst */
table.kolom {
      width: 550px;
      }

/* titels van verhalen */
.opvul {
      width: 90px;
      height: 10px;
      }

.verhtitels {
      width: 400px;
      height: 10px;
      }
      
.kolomnaam {
      color: #63639D;
			font-size: 9pt;
			}
			
			      
/* paginatitel */      
.kop1 {
      font-weight: bolder;
      color: #08007B;
      font-size: 14pt;
      }

/* kopje boven tekst */      
.kop2 {
      color: #FC7816;
      font-size: 11pt;
      font-weight: bold;
      }

/* kop3 gebruikt bij pagina coaching, voor coachingsvormen */
.kop3 {
      color: #08007B;
      font-size: 11pt;
      font-weight: bold;
      }

/* kop4 gebruikt bij traingsstijlen, inclusief celleigenschappen */
.kop4 { 
      font-size: 10pt;
      font-weight: bold;
      color: #000000;
      width:60px;
      }

.kop5 { 
      font-size: 10pt;
      font-weight: bold;
      color: #000000;
      }
      
/* kop gebruikt in printpagina */
.koptraining {
      font-weight: bold;
      }           
          
/* spreuken: cursief. Ook andere cursieve elementen. */
.sententia {
      font-style: italic
      }

/* kleine link naar de pagina over Willem Razenberg */
span.smalllink {
      font-size: 7.5pt;
      font-style: normal;
      vertical-align: middle;
      }

/* Speciale link die vaker voorkomt */
span.speclink {
      font-weight: normal;
      color: #FC7816;
      /* font-size: 10pt; */
      }

/* "Terug naar boven" */      
.navlink {
      color: #000000;
      text-decoration: underline;
      }    
      
.copyright {
      color: #A0A0A0;
      font-size: 7.5pt;      
      }
      
/* Link naar startkabel */
p.startkabel {
      color: #08007B;
      }

/* Linkoverview onderaan pagina */      
p.linkoverview {
      font-size: 7.5pt;
      }

/* vet weergeven van bronnen */      
.mediabron {
      font-weight: bold;
      font-style: normal;
      }    

/* kopjes van de de verschillende coachingstijlen */
.coachingstijlen {
      color: #FC7816;
      font-size: 10pt;
      font-weight: bold;
      }  

/* margering van lijst in tabel */
ul.training {
      margin-top: 0px;
      margin-left: 30px;
      }
			
			
.header { 
      text-align:left;   
      border: 1px solid #FFA853; 
			padding: 2px 4px 1px 4px;
      } 

.afzender { 
      width: 130px; 
	    text-align:left;
      } 

.titel { 
      text-align:left; 
      font-weight: bold; 
      } 			

.tags {
			width:130px;
			font-style: italic;
			text-align:left;
			vertical-align: top; 	
			padding: 2px 4px 2px 4px;	
			}

.text, .reacties, .dirs, .tags {	
			text-align:left;
			vertical-align: top; 
			padding: 4px 4px 4px 4px;	
			}
			
.dirs {
			font-style: italic;
			color: #FC7816;
			}				
			
.reactie {
		  background-color:#FFDF9A;
			border: 1px solid #FFA853;
			}							
			
.text, .tags, .dirs, .reacties {
			display:none;
			}			
			
.dir:link    { text-decoration: none; }   /* unvisited links */
.dir:visited { text-decoration: none; }   /* visited links   */
.dir:hover   { text-decoration: underline; }   /* user hovers     */
.dir:active  { text-decoration: underline; }   /* active links    */

.navlink:link    { color: #000000; text-decoration: underline; }   /* unvisited links */
.navlink:visited { color: #000000; text-decoration: underline; }   /* visited links   */
.navlink:hover   { color: #000000; text-decoration: underline; }   /* user hovers     */
.navlink:active  { color: #000000; text-decoration: underline; }   /* active links    */
               
/* Begin standaard CSS, zoals aanbevolen door het W3C. */

ADDRESS,
BLOCKQUOTE, 
BODY, DD, DIV, 
DL, DT, 
FIELDSET, FORM,
FRAME, FRAMESET,
H1, H2, H3, H4, 
H5, H6, IFRAME, 
NOFRAMES, 
OBJECT, OL, P, 
UL, APPLET, 
CENTER, DIR, 
HR, MENU, PRE   { display: block }
LI              { display: list-item }
HEAD            { display: none }
TABLE           { display: table }
TR              { display: table-row }
THEAD           { display: table-header-group }
TBODY           { display: table-row-group }
TFOOT           { display: table-footer-group }
COL             { display: table-column }
COLGROUP        { display: table-column-group }
TD, TH          { display: table-cell }
CAPTION         { display: table-caption }
TH              { font-weight: bolder; text-align: center }
CAPTION         { text-align: center }
BODY            { padding: 8px; line-height: 1.33 }
H1              { font-size: 2em; margin: .67em 0 }
H2              { font-size: 1.5em; margin: .83em 0 }
H3              { font-size: 1.17em; margin: 1em 0 }
H4, P,
BLOCKQUOTE, UL,
FIELDSET, FORM,
OL, DL, DIR,
MENU            { margin: 1.33em 0 }
H5              { font-size: .83em; line-height: 1.17em; margin: 1.67em 0 }
H6              { font-size: .67em; margin: 2.33em 0 }
H1, H2, H3, H4,
H5, H6, B,
STRONG          { font-weight: bolder }
BLOCKQUOTE      { margin-left: 40px; margin-right: 40px }
I, CITE, EM,
VAR, ADDRESS    { font-style: italic }
PRE, TT, CODE,
KBD, SAMP       { font-family: monospace }
PRE             { white-space: pre }
BIG             { font-size: 1.17em }
SMALL, SUB, SUP { font-size: .83em }
SUB             { vertical-align: sub }
SUP             { vertical-align: super }
S, STRIKE, DEL  { text-decoration: line-through }
HR              { border: 1px inset }
OL, UL, DIR,
MENU, DD        { margin-left: 40px }
OL              { list-style-type: decimal }
OL UL, UL OL,
UL UL, OL OL    { margin-top: 0; margin-bottom: 0 }
U, INS          { text-decoration: underline }
CENTER          { text-align: center }
BR:before       { content: "
" }

/* An example of style for HTML 4.0's ABBR/ACRONYM elements */

ABBR, ACRONYM   { font-variant: small-caps; letter-spacing: 0.1em }
A[href]         { text-decoration: underline }
:focus          { outline: thin dotted invert }


/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

/* Elements that are block-level in HTML4 */
ADDRESS, BLOCKQUOTE, BODY, DD, DIV, DL, DT, FIELDSET, 
FORM, FRAME, FRAMESET, H1, H2, H3, H4, H5, H6, IFRAME,
NOSCRIPT, NOFRAMES, OBJECT, OL, P, UL, APPLET, CENTER, 
DIR, HR, MENU, PRE, LI, TABLE, TR, THEAD, TBODY, TFOOT, 
COL, COLGROUP, TD, TH, CAPTION 
                { unicode-bidi: embed }
/* End bidi settings */


@media print {
  H1, H2, H3,
  H4, H5, H6    { page-break-after: avoid; page-break-inside: avoid }
  BLOCKQUOTE, 
  PRE           { page-break-inside: avoid }
  UL, OL, DL    { page-break-before: avoid }
}

@media aural {
  H1, H2, H3, 
  H4, H5, H6    { voice-family: paul, male; stress: 20; richness: 90 }
  H1            { pitch: x-low; pitch-range: 90 }
  H2            { pitch: x-low; pitch-range: 80 }
  H3            { pitch: low; pitch-range: 70 }
  H4            { pitch: medium; pitch-range: 60 }
  H5            { pitch: medium; pitch-range: 50 }
  H6            { pitch: medium; pitch-range: 40 }
  LI, DT, DD    { pitch: medium; richness: 60 }
  DT            { stress: 80 }
  PRE, CODE, TT { pitch: medium; pitch-range: 0; stress: 0; richness: 80 }
  EM            { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  STRONG        { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  DFN           { pitch: high; pitch-range: 60; stress: 60 }
  S, STRIKE     { richness: 0 }
  I             { pitch: medium; pitch-range: 60; stress: 60; richness: 50 }
  B             { pitch: medium; pitch-range: 60; stress: 90; richness: 90 }
  U             { richness: 0 }
  A:link        { voice-family: harry, male }
  A:visited     { voice-family: betty, female }
  A:active      { voice-family: betty, female; pitch-range: 80; pitch: x-high }
}