body {
 margin:0;
 font-family:verdana;
}

img.preview{
 border: 1px solid lightgray;
 max-width:100px;
 max-height:100px;
}

.afbeelding li {
 display:inline;
 list-style-type:none;
 margin:0.2em;	
}

#header {
	/* T R B L */
 position:fixed;
 width:100%;
 padding:1em 1em 1em 220px;
 background-color: white; /* IE9 toont dan wit, de anderen tonen gradient */
 background: -webkit-linear-gradient(top, white 80%, rgba(255,255,255,0));
 background: -ms-linear-gradient(top, white 80%, rgba(255,255,255,0));
 background: -moz-linear-gradient(top, white 80%, rgba(255,255,255,0));
}

#footer {
 font-size:0.8em;
 position:fixed;
 bottom:0;
 height:auto;
 width:100%;
 padding-left:250px;
 padding-top:1em;
 padding-bottom:0.5em;
 background-color: rgb(0,156,124);
 color:white;
}

.afbeelding img {
 margin:0.2em;
}

#leftcol {
 position:fixed;
 z-index:1;
 left:0px;
 width:200px;
 height:auto !important; /* real browsers */
 height:100%; /* IE6: treaded as min-height*/
 min-height:100%; /* real browsers */ 

}

#categories {
 padding-top:5em;
 font-weight:normal;
}

li.notselected {
 margin:0.4em;
 padding:0.2em;
 list-style-type:none;
 background-color:rgb(0,156,124);
}
li.selected {
 margin:0.4em;
 padding:0.2em;
 background-color:rgb(126,0,158);
 list-style-type:none;
}

a {
 color:white;
 text-decoration:none;
}

#searchField {
	padding: 1em 1em;
}

#resultaten {
 margin-top:8em;	
}

#rightcol {
 margin-left:200px;
 padding:1em;
 padding-bottom:3em;	
}

.subtle {
 color:gray;
 font-size:0.8em;
}