.geel 		{ color: #E8A505;	}
.dblauw 	{ color: #12465B; }
.drood 		{ color: #DC1311; }
.dgroen 	{ color: #495B1C; }
.bruin 		{ color: #88520C; }
.rose 		{ color: #D3BCA7; }
.grijs 		{ color: #C5BDBF; }
.wit     	{ color: #FFFFFF; }
.zwart   	{ color: #000000; }

.bgeel 		{ background-color: #E8A505; }
.bdblauw 	{ background-color: #12465B; }
.bdrood 	{ background-color: #DC1311; }
.bdgroen 	{ background-color: #495B1C; }
.bbruin 	{ background-color: #88520C; }
.brose 		{ background-color: #D3BCA7; }
.bgrijs 	{ background-color: #C5BDBF; }
.bwit     { background-color: #FFFFFF; }
.bzwart   { background-color: #000000; }


/*******************************/
/* achtergrond stijlen         */
/*******************************/



BODY
{ 
	background-color: #C5BDBF; 
	font-family: "Century Schoolbook";
	font-style: italic;
	position: relative;
	padding: 0px;
	padding-top:8px;
	margin: 0px;
	text-align: center;
}



/* kleur stijl voor de titel tekst */
#titelvak
{
	color: #12465B;	
	background-color: transparent;
	position: absolute;
	width: 800px;
	top: 32px;
	margin: 0px;
	padding: 0px;
	text-align: center;
}


/* inhoud vak waarin de alle tekst-inhoud komt */
#inhoudvak
{
	position: relative;
  padding: 0px;
	margin: 0px;
	width: 550px;
	text-align: left;
	left: 80px; 
	font-size: small;
	background-color: transparent;
/*	background-color: #ff00ff; */
	color: #000000;
}



/* hoofdvak is ouder van de bovenplaat, titelvak, inhoudvak, onderplaat etc */
.hoofdvak    
{ 
	background-image: url(../plaatjes/achtergrondlijn.gif);
	background-color: #FFFFFF;
	background-repeat: repeat-y;
	width: 800px;
/*  height: 300px;  */
	position: relative;
  padding: 0px;
	margin: 0px;
	text-align: left;
	margin-left: auto; 
	margin-right: auto
}


/* stijl voor het image aan de bovenrand */
.bovenplaat
{
	background-color: #D3BCA7;
	width: 800px;
	position: absolute;
	padding: 0px;
	margin: 0px;
	text-align: left;
}


/* stijl voor het image aan de onderrand */
.onderplaat
{
	background-color: #D3BCA7;
	width: 800px;
	height: 10px;
	position: relative;
	padding: 0px;
	margin: 0px;
	top: 0px;
	left: 0px;
}


.bovenruimte
{
	background-color: transparent;
/*	background-color: #ff00ff;  */
	position: relative;
/*	height: 204px; */
	height: 160px;
	width: 550px;
	top: 0px;
	left: 80px;
}


/* stijl voor de knoppen */
.knop
{
	background-image: url(../plaatjes/knopje2.gif);
	background-color: transparent;
	color: #ffffff;
	position: relative;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
	width: 149px;
	height: 51px; 
	text-align: center;
/*	background-color: #ff00ff;  */
}


.beestje
{
	background-color: transparent;
	position: absolute;
	margin: 0px;
	padding: 0px;
/*	background-color: #ff00ff;  */
}






.knoptext:hover
{
	color: #E8A505;			/* geel */
}

.knoptext
{
	color: #FFFFFF;
	position: relative;
	margin: 0px;
	padding: 0px;
	top: 18px;
}


.knopvak
{
	font-size: small;
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 638px;
	top: 230px;
}


.inhoudvakminimumruimte
{
 	height: 384px;  
	width: 10px;
	float: right;
	top: 0px;
	position: relative;
	/* background-color: #ff00ff;  */
}


.clear 
{
  clear:both;
  height:1px;
  overflow:hidden;
	padding: 0px;
	margin: 0px;
	/* background-color: #ff00ff;  */
}


.beestjevak
{
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 100px;
	width: 800px;
	height: 120px;
	overflow: hidden;
/*	background-color: #ff00ff;   */
}


#beestje1
{
	left: 450px;
	top: 0px;
}
#beestje2
{
	left: 250px;
	top: 0px;
}
#beestje3
{
	left: 350px;
	top: 0px;
}
#beestje4
{
	left: 150px;
	top: 0px;
}
#beestje5
{
	left: 50px;
	top: 0px;
}
#beestje6
{
	left: 550px;
	top: 0px;
}









.afbeelding   
{ 
	padding : 0px;
	margin : 0px;
	border-width: 0px;
}

.afbeeldingp
{
	clear:left;	
  margin-bottom: 14px;
}

.afbeeldinga
{
	float:left;
	padding: 2px;
  background-color:  #DC1311; 
  /* background-color:  #ff00ff; */
  margin-bottom: 4px;
  margin-right: 4px;
}

.afbeeldinga:hover
{
  background-color:  #E8A505; 
}


.afbeelding2
{ 
  background-color:  #12465B;
	text-align: left;
	padding : 2px;
	margin : 8px;
	margin-bottom : 0px;
	vertical-align: top ; 
	float: left;
}


.bijschrift   
{ 
	font-size: 10pt;
  background-color:  #12465B;
  color: #ffffff;
	text-align: left;
	margin : 8px;
	margin-top: 0px;
	padding : 2px;
}
