/* Links */

a.een:link 
		   {
		   color:#15bd31;
		   font-family: "monotype corsiva", garamond, georgia, arial;
		   text-decoration:none;
		   font-weight:bold;
		   font-size: 16px
		   }
		   
a.een:visited 
			  {
			  color:#15bd31;
			  font-family:monotype corsiva, garamond, georgia, arial;
			  text-decoration:none;
			  font-weight:bold;
			  font-size: 16px
			  }
			  
a.een:hover 
			{
			color:#ec1a53
			}

a.twee:link 
			{
			color:#15bd31;
			font-family:arial;
			text-decoration:none;
			font-weight:bold;
			font-size: 13px
			}
			
a.twee:visited 
			   {
			   color:#15bd31;
			   font-family:arial;
			   text-decoration:none;
			   font-weight:bold;
			   font-size: 13px
			   }
			   
a.twee:hover 
			 {
			 color:#ec1a53
			 }

a.drie:link 
			{
			color:#ffffff;
			font-family: "monotype corsiva", garamond, georgia, arial;
			text-decoration:none; font-weight:bold;
			font-size: 18px
			}
			
a.drie:visited 
			   {
			   color:#ffffff;
			   font-family:monotype corsiva, garamond, georgia, arial;
			   text-decoration:none;
			   font-weight:bold;
			   font-size: 18px
			   }
			   
a.drie:hover 
			 {
			 color:#ec1a53
			 }

a.vier:link 
			{
			color:#ffffff;
			font-family: "monotype corsiva", garamond, georgia, arial; text-decoration:none;
			font-weight:bold;
			font-size: 16px
			}
			
a.vier:visited 
			   {
			   color:#ffffff;
			   font-family: "monotype corsiva", garamond, georgia, arial;
			   text-decoration:none;
			   font-weight:bold;
			   font-size: 16px
			   }
			   
a.vier:hover 
			 {
			 color:#ec1a53
			 }

a.vijf:link 
			{
			color:#15bd31;
			font-family: "monotype corsiva", garamond, georgia, arial;
			text-decoration:none;
			font-weight:bold;
			font-size: 24px
			}
			
a.vijf:visited 
			   {
			   color:#15bd31;
			   font-family: "monotype corsiva", garamond, georgia, arial;
			   text-decoration:none;
			   font-weight:bold;
			   font-size: 24px
			   }
			   
a.vijf:hover 
			 {
			 color:#ec1a53
			 }

a.zes:link 
		   {
		   color:#15bd31;
		   font-family: "monotype corsiva", garamond, georgia, arial;
		   text-decoration:none;
		   font-weight:bold;
		   font-size: 32px;
		   text-align: center
		   }
		   
a.zes:visited 
			  {
			  color:#15bd31;
			  font-family: "monotype corsiva", garamond, georgia, arial;
			  text-decoration:none;
			  font-weight:bold;
			  font-size: 32px;
			  text-align: center
			  }
			  
a.zes:hover 
			{
			color:#ec1a53
			}

a.zeven:link 
			 {
			 color:#ffffff;
			 font-family:arial;
			 text-decoration:none;
			 font-weight:bold;
			 font-size: 13px
			 }
			 
a.zeven:visited 
				{
				color:#ffffff;
				font-family:arial;
				text-decoration:none;
				font-weight:bold;
				font-size: 13px
				}
				
a.zeven:hover 
			  {
			  color:#ec1a53
			  }

a.acht:link 
			{
			color:#ec1a53;
			font-family:arial;
			text-decoration:none;
			font-weight:bold;
			font-size: 13px
			}
			
a.acht:visited 
			   {
			   color:#ec1a53;
			   font-family:arial;
			   text-decoration:none;
			   font-weight:bold;
			   font-size: 13px
			   }
			   
a.acht:hover 
			 {
			 color:#15bd31
			 }

a.negen:link 
			{
			color:#000000;
			font-family:arial;
			text-decoration:none;
			font-weight:bold;
			font-size: 24px;
			text-align: center
			}
			
a.negen:visited 
			   {
			   color:#000000;
			   font-family:arial;
			   text-decoration:none;
			   font-weight:bold;
			   font-size: 24px;
			   text-align: center
			   }
			   
a.negen:hover 
			 {
			 color:green
			 }

/* body opmaak  */

body.zwart 
		   {
		   background-color: #000000
		   }

body.saga 
{
background-image:
url('http://home.versatel.nl/m.th.joustra/afbeeldingenWitch/Witchcombigrijsb.gif')
}


/* tekstopmaak */

h1,h2,h3,h4,h5
{
font-family: "monotype corsiva", garamond, georgia, arial
}

h1,h2,h4
{
text-align: center
}

h3,h5
{
text-align: left
}

h1,h4
{
color: #ec1a53
}

h2,h3,h5
{
color: #15bd53
}

h1,h3
{
font-size: 24px
}

h2,h5
{
font-size: 32px
}

h4
{
font-size: 48px
}


/* experimenteel: verhaaltitels */

p.titel
{
font-family: "monotype corsiva", garamond, georgia, arial;
text-align: center;
color: #ec1a53;
font-size: 24px
}

/* tekstopmaak */

p.menutekst
{
text-align:center;
font-size: 16px;
font-family: "monotype corsiva", garamond, georgia, arial;
color: #ec1a53
}

p.groen
{
font: 13px "trebuchet ms", verdana, arial;
font-weight: bold;
color: #15bd31
}

p.paars
{
font: 13px arial;
font-weight: bold;
color: #ec1a53
}


p.naam 
{
text-align: left;
font-size: 24px;
font-family: "monotype corsiva", garamond, georgia, arial;
color: #15bd31
}

p.groot
{
text-align: center;
color: white;
font: 14px "trebuchet ms", verdana, arial
}

p.grootb
{
text-align: left;
color: white;
font: 16px "trebuchet ms", verdana, arial
}

p.tussntt
{
text-align: left;
display: inline;
font-size: 16px;
font-family: "monotype corsiva", garamond, georgia, arial;
color: #ec1a53
}

p.linkkop
{
text-align: left;
display: inline;
font-size: 16px;
font-family: "monotype corsiva", garamond, georgia, arial;
color: #15bd31
}

p.inline
{
color: white;
font: 13px "trebuchet ms", verdana, arial;
display: inline
}

p.zonder
{
text-align: justify;
color: white;
font-size: 13px;
font-family: "trebuchet ms", verdana, arial, tahoma
}

p.zwart
{
text-align: center;
color: black;
font-size: 24px;
font-family: "trebuchet ms", tahoma, verdana
}

p.normaal
{
text-align: justify;
color: white;
font-size: 13px;
font-family: "trebuchet ms", verdana, arial, tahoma
}

p.txtlink
{
display: inline;
font: 13px "trebuchet ms", verdana, arial;
font-weight: bold
}


/* afbeeldingen */

img.links 
{
float: left;
vertical-align: text-top
}

img.rechts
{
float: right;
vertical-align: text-top
}

img.linksb 
{
float: left;
vertical-align: text-bottom
}

img.rechtsb
{
float: right;
vertical-align: text-bottom
}

div.spc
{
background-color:#000000;
width: 622px;
height: 250px;
overflow: auto;
}

div.gall
{
background-image:
url('http://home.versatel.nl/m.th.joustra/afbeeldingenWitch/Witchcombigrijsb.gif');
background-repeat: repeat;
width: 700px;
height: 750px;
text-align: center;
overflow: auto
}

p.centreer
{
text-align: center;
font: 13px "trebuchet ms", verdana, arial;
font-weight: bold;
color: #ffffff
}

p.rechts
{
text-align: right;
font: 13px "trebuchet ms", verdana, arial;
color: #ffffff
}

p.links
{
text-align: left;
font: 13px "trebuchet ms", verdana, arial;
color: #ffffff
}

p.episode
{
text-align: center;
}

img.onder
{
top: 0px;
z-index: -1
}

img.boven
{
top: 0px;
z-index: 1
}

img
{
padding: 5px;
border-width: 0px
}

div.menu
{
overflow: hidden;
width: 400px;
height: 30px
}

p.top
{
text-align: justify;
color: white;
font-size: 13px;
font-family: "trebuchet ms", verdana, arial, tahoma
}


/* tabellen */

td.stndrd
{
padding: 0.2cm
}

table.driekolom
{
cellpadding: 10px;
align: center;
vertical-align: top;
width: 80%
}

table.saga
{
align: center;
border-style: none;
width: 600px
}

table.saga80
{
border:0px solid black;
align: center;
width: 80%;
vertical-align: top
}

td.saga
{
width: 40%;
vertical-align: top;
padding-left: 20px;
padding-right: 20px
}