<!-- opmaak titel voor de verschillende containers --

img {
	border:0px;
	}

.zwartetitel .containertitel {
	color:#71bf44;
	font-size:16pt;
	}
	
.groeneletters .containertitel {
	color:#71bf44;
	font-size:16pt;
	}

.rozeletters .containertitel {
	color:#ec008c;
	font-size:16pt;
	}
	
.magenta .containertitel {
	color:white;
	background-color:black;
	font-size:16pt;
	}
	
.rozetitel .containertitel {
	color:white;
	font-size:16pt;
	background-color:#ec008c;
	}

.grijszwarttitel .containertitel, .blauw .containertitel, .groen .containertitel {
	color:white;
	font-size:16pt;
	background-color:black;
	}
	



.titel .containertitel  {
	
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
		line-height:28px;
	}

<!-- content voor de verschillende containers -->

.blauw .Normal, .groen .Normal {
	color:white;
	margin-left:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	background-color:black;
	}

.magenta .Normal {
	color:white;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	}
.grijszwarttitel .Normal {
	color:white;
	background-color:black;
	padding-right:10px;
	}

.rozeletters .Normal {
	color:black;
	padding-bottom:5px;
	padding-top:5px;
	padding-right:10px;
	}
.leeg .Normal {
	color:black;
/*	padding-bottom:5px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px; */
	}
.groeneletters .Normal {
	padding-right:10px;
	}
	
	


<!-- rondingen voor  containers -->

.linksmagentacorner {
	background-repeat:no-repeat;
	background-image:url(images/leftmagentacorner.gif);
	background-position:left bottom;


	}
	
.rechtsmagentacorner {
	background-repeat:no-repeat;
	background-image:url(images/rightmagentacorner.gif);
	background-position:right bottom;
	}
	
.midmagenta {
	background-repeat:repeat-x;
	background-position:center bottom;
	background-image:url(images/midmagentacorner.gif);

	}
	
.midmagentaonder {
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/midmagentacorner.gif);
	}

.linksmagentaonder {
	background-repeat:no-repeat;
	background-image:url(images/leftmagentaonder.gif);
	background-position:left top;


	}
	
.rechtsmagentaonder {
	background-repeat:no-repeat;
	background-image:url(images/rightmagentaonder.gif);
	background-position:right top;
	}

.linksgraycorner {
	background-repeat:no-repeat;
	background-image:url(images/leftgraycorner.gif);
	background-position:left bottom;
	}

.rechtsgraycorner {
	background-repeat:no-repeat;
	background-image:url(images/rightgraycorner.gif);
	background-position:right bottom;
	}
	
.midgray {
	background-repeat:repeat-x;
	background-position:center bottom;
	background-image:url(images/midgraycorner.gif);

	}
	

.linksgrayonder {
	background-repeat:no-repeat;
	background-image:url(images/leftgrayonder.gif);
	background-position:left top;


	}
	
.rechtsgrayonder {
	background-repeat:no-repeat;
	background-image:url(images/rightgrayonder.gif);
	background-position:right top;
	}
	
.midgrayonder {
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/midgraycorner.gif);

	}
	
.groenlinks {
	background-repeat:no-repeat;
	background-image:url(images/groenlinks.gif);
	background-position:left bottom;
	}

.groenrechts {
	background-repeat:no-repeat;
	background-image:url(images/groenrechts.gif);
	background-position:right bottom;
	}
	
.groenmid {
	background-repeat:repeat-x;
	background-position:center bottom;
	background-image:url(images/midgroen.gif);

	}
	

.groenlinksonder {
	background-repeat:no-repeat;
	background-image:url(images/groenlinksonder.gif);
	background-position:left top;


	}
	
.groenrechtsonder {
	background-repeat:no-repeat;
	background-image:url(images/groenrechtsonder.gif);
	background-position:right top;
	}
	
.groenonder {
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/midgroen.gif);

	}
	
.blauwlinks {
	background-repeat:no-repeat;
	background-image:url(images/blauwlinks.gif);
	background-position:left bottom;
	}

.blauwrechts {
	background-repeat:no-repeat;
	background-image:url(images/blauwrechts.gif);
	background-position:right bottom;
	}
	
.blauwmid {
	background-repeat:repeat-x;
	background-position:center bottom;
	background-image:url(images/midblauw.gif);

	}
	

.blauwlinksonder {
	background-repeat:no-repeat;
	background-image:url(images/blauwlinksonder.gif);
	background-position:left top;


	}
	
.blauwrechtsonder {
	background-repeat:no-repeat;
	background-image:url(images/blauwrechtsonder.gif);
	background-position:right top;
	}
	
.blauwonder {
	background-repeat:repeat-x;
	background-position:center top;
	background-image:url(images/midblauw.gif);

	}
	
#ContentPane {
	border:2px solid red;
	}