/*TODO : Werk deze style bij totdat de UI delen van een pagina niet beïnvloed worden door bv a;visited en h1 stylings; met andere woorden, de UI z'n stylings moeten onafankelijk zijn van de dynamische content. Bij de wiki zie je duidelijk wat ik bedoel.*/

/* ::::::::::::::::::::::::::::::::BASIC  LAYOUT:::::::::::::::::::::::::::::::: */
body
{
 font-family:sans-serif;
 margin:0;
 color:white;
 background:black /*url('DSC09360-cropped.jpg')*/;
 /* background-image: url('smiley.gif');       */
 background-repeat: no-repeat;
 background-position: center;
}

div.block 
{  	/*De blokken waaruit de site opgebouwd wordt moeten allemaal hetzelfde gealigneerd zijn*/
 padding:0.5em;
 overflow:hidden;
} 

/*h1,*/ .header 
{
 background-color:#531E18; 		/* was "#6E291F","gray;" 5:35 4/11/2005	*/
 color:white;
 border-bottom:2em solid #EAD8D6; 	/* was "silver" 5:34 4/11/2005 	*/
 height:5.1em;
 overflow:hidden; 
 white-space: nowrap;
}
.header h1 {position:absolute;z-index:3;}
.header h1 a { color:white;}
.header h2, .header h2 a 
{
 color:#400/*black;*/;
 font-style:italic;
}
.header h2
{
 font-size:5em;
 text-align : right;
 /*padding-right:120px;*/
 margin: 0.3em 140px 0 1em;
}

/* ::::::::::::::::::::::::::::::::::HYPERLINKS:::::::::::::::::::::::::::::::::: */
a 
{
 text-decoration:none;
}

a:link 
{
 color:	#753225				/* was red; 5:40 4/11/2005 */
}

a:visited 
{
 color:	#6E291F				/* was darkred 5:41 4/11/2005 */
}

a:active 
{
 border:2px dashed black;
 margin:-2px;
}

a:hover 
{
 color:#980F05;			/* was "text-decoration:underline;"*/
}

/* :::::::::::::::::::::::::::::::::::ELEMENTS::::::::::::::::::::::::::::::::::: */
ul
{
 
}

img
{
 border:none
}

/* :::::::::::::::::::::::::::::::ESSENTIAL  TOOLS::::::::::::::::::::::::::::::: */
.handtekening 
{
 font-style:italic;
 color:gray;
 margin:1em;
}

.cursief 
{
 font-style:italic;
}

/* ::::::::::::::::::::::::::::::::::NAVIGATION:::::::::::::::::::::::::::::::::: */
ul.links
{
 list-style:none;
 margin:0em;
}