<?xml version="1.0" encoding="utf-8"?>
<?xml-stylesheet type="text/xsl" href="code.xsl" ?>
<dns4.nl>
<voorbeeld>
<title>Hier staat de css code die bij het basis voorbeeld hoort.</title>
<verwijzende_link>http://www.dns4.nl/pagina/voeg_files_toe.html</verwijzende_link>
<informatie>
Verschillende procedures verwijzen naar deze pagina.
Gebruik de back-button om naar de juiste prodedure terug te keren.
</informatie>
<programma_code>
<![CDATA[
<!-- de code begint vanaf hier.

<?php header("content-type: text/css; charset: utf-8"); ?>
html{
	height:120%;
	}

body{
	height:100%;
	margin:0px auto;
	font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
	font-size:14px;
	color:#002600;
	background:#001100;
	}

h1,h2,h3,h4,h5,h6,p{
	padding-left:10%;
	padding-right:5%;
	}
	
h1{
	margin-top:2.2em;
	margin-bottom:3.3em;
	line-height:96%;
	font-size:110%;
	font-style:italic;
	white-space:nowrap;
	}
	
h2{
	line-height:115%;
	font-size:90%;
	}

#links,#midden,#rechts{
	overflow:hidden;
	margin-top:13.1em;
	position:absolute;
	color:#9999ee;
	background:#002500 url('png/glans.png') repeat-x top left;
	}
		
#links{
	width:28%;left:2%;
	}

#links a{
	text-decoration:none;
	}
	
#midden{
	width:46%;
	left:31%;
	}
	
#rechts{
	width:20%;
	left:78%;
	}

#links:hover,#midden:hover,#rechts:hover{
	color:#9999cc;
	background:#002900 url('png/glans.png') repeat-x top left;
	}

#midden a{
	color:#9999ee;background:inherit !important;
	}
	
#midden a:hover{
	color:#AD9C9C;
	background:inherit !important;
	}
	
#midden a:active,#midden a:focus{
	color:#ffbb02;
	background:inherit !important;
	}
	
#midden p:hover,#rechts p:hover{
	background: #002900;
	color:#AD9C9C;
	}
	
strong.rtop,strong.rbottom{
	display:block;background:#001100;
	color:inherit !important;
	}

strong.rtop strong,strong.rbottom strong{
	color:#9999ee;
	display:block;
	height:1px;
	overflow:hidden;
	background:#3B593B;
	}

strong.rbottom strong{
	color:#9999ee;
	background:#002600;
	}
		
strong.r1{
	margin:0 5px
	}
	
strong.r2{
	margin:0 3px
	}
	
strong.r3{
	margin:0 2px
	}
	
strong.rtop strong.r4, strong.rbottom strong.r4{
	margin:0 1px;height:2px
	}
	
.vulling{
	position:relative;
	margin-top:6em;
	}
	
.vullingveel{
	position:relative;
	margin-top:11em;
	}

a{outline:none;}

a img,img{
	border:none;
	}
	
span.attentie{
	color:#ffbb00;
	background:#002500;
	}

de code is hier geeindigd.
// -->
]]>
</programma_code>
<code_link>http://www.dns4.nl/pagina/alle_tekst_files.html</code_link>
</voorbeeld>
</dns4.nl>
