body {	background: rgb(255, 247, 234);
	margin: 0;
	padding: 0;
	font: 12px/1.5 Veradana, Arial, Sans-serif;
	color: #000066;}

body {text-align: center;} /* IE5.x workaround*/

body img{display: block;}

p, h3, h4, h5 {
	margin: 1em 30px 1em 170px;
	padding-left: 18px;}

hr {	margin: 1em 10px 1em 180px;}


h1 {	border-bottom: 2px solid black;
	background: rgb(254, 229, 188);
	margin: 0;
	padding-right: 15px;
	text-align: right;
	font-size: 200%;
	line-height: 57px;}

h2 {	margin: 1.8em 30px 0 0;
	font-size: 150%;}

h3, h4 {border: solid rgb(135, 86, 7);
	border-width: 1px 0;
	background: rgb(254, 229, 188);
	margin-right: 0;
	font-size: 125%;}

h5 {	margin: 1em 30px -0.8em 174px;
	margin-right: 0;
	font-size: 100%;}

/*moet dit nog eens nazien*/
ul    {	margin: 0 30px 0 0;}
ul.la {	padding-left: 210px;}
ul.lb {	padding-left: 30px;}
ul.lc {	padding-left: 30px;}
ul.ld {	padding-left: 30px;}
ul.le {	padding-left: 30px;}

table {
	font: 12px/1.5 Veradana, Arial, Sans-serif;
	color: #000066;}


/*zorg dat onderdelen alleen voor printen op scherm onzichtbaar zijn*/
.hprnt{ display: none;}

.indent {
	margin: 1em 30px 1em 188px;}

.voetnoot {
	font-size: 90%;}

.email, .media, .leesmeer {
	border: 1px solid rgb(135, 86, 7);
	background: rgb(254, 229, 188);
	padding: 0 3px 1px 3px;
	text-decoration: none;
	color: #000066;}

.email {
	background: url(../images/layout/as.gif) left center no-repeat;
	padding: 0 3px 1px 15px;}

.media {
	background: url(../images/layout/snd.jpg) left center no-repeat;
	padding: 0 3px 1px 15px;}

img.imgc {
	position: relative; z-index: 90;
	border-style: none;
	margin-left: auto;
	margin-right: auto;}

/*bug in Firefox, de margin-right property werkt niet goed*/
img.imgr {
	position: relative; z-index: 90;
	float: right; 
	left: 40px;                    /*eerst verschuiven*/
	border: 1px solid black;
	margin-top: 0.7em;
	margin-left: -25px;}          /*dan opvullen*/
 
img.imgl {
	position: relative; z-index: 90;
	float: left;
	border: 1px solid black;
	margin: 0.5em 15px 0 0;}

img.imgfg{
	position: relative;
	border-style: none;
	top: 50px;
	left: -28px;}

div#linklist  {
	margin: 1em 30px 1em 170px;
	padding-left: 18px;}

div#linklist a {
	background: url(../images/layout/footprint.gif) left center no-repeat;
	padding: 0 2px 0 22px;
	text-decoration: none;
	font-weight: bold;
	color: rgb(130, 83, 13);}

div#linklist a:hover {
	color: rgb(205,139,1);}

div#topmenu, div#menu, div#pagemenu {
	position: absolute; z-index: 80;
	width: 22em;
	top: 54px;
	margin-left: -4.5em;
	padding: 0.25em 0 0.5em;
	border: 3px double black;
	background: rgb(248,234,129);}

div#topmenu {
	right: -1px;
	padding-right: 15px;
	text-align: right;
	border: 1px solid black;}

div#menu {
	width: 15em;
	top: 300px;
	left: 10px;}

div#pagemenu {
	z-index: 90;
	width: 10em;
	top: 415px;
	left: 30px;}

div#menu b, div#topmenu b, div#pagemenu b {
	display: none;}

div#topmenu a, div#menu a, div#pagemenu a, div#zoek a, ul a {
	color: rgb(130, 83, 13);
	background: transparent;
	margin: 0;
	font-weight: bold;
	text-decoration: none;}
ul a {
	font-weight: normal;}

div#topmenu a {
	padding-left: 4px;
	padding-right: 4px;}

div#menu a, div#pagemenu a {
	display: block;
	padding: 0 8px;
	text-align: right;
	font-style: normal;}

div#topmenu a:hover, div#menu a:hover, div#pagemenu a:hover, div#zoek a:hover, ul a:hover {
	color: rgb(205,139,1);}

div#topmenu a:hover {
	border-bottom: 4px solid rgb(205,139,1);}

div#menu a:hover, div#pagemenu a:hover {
	padding-right: 4px;
	border-right: 4px solid rgb(205,139,1);}

div#menu a.act, div#pagemenu a.act{
	font-style: italic;}

div#zoek {
	position: absolute; z-index: 80;
	width: 12em;
	top: 225px; 
	left: 15px;
	text-align: left;}

div#content {
	border: 2px solid black;
	background: white url(../images/layout/border.jpg) top left repeat-y;
	position: relative; z-index: 50;
	width: 700px;
	top: 40px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	text-align: justify;}

div#content img.curve {
	float: left; 
	Clear: left;
	margin: 0 15px 0 0;}

div#ccl, div#note, div#back {
	margin-top: -50px;
	width: 166px;
	text-align: center;	font-size: 75%;}

div#ccl img{
	display: inline;}

div#note{
	margin-top: 0px;
	font-style: italic;}

div#back{
	margin-top: -200px;
	margin-bottom: 100px;}

div#back img {
	border: 0;
	margin-left: auto;
	margin-right: auto;}

div#counter img{
	position: absolute; z-index: 100;
	left: 0px; 
	right: 0px;}

/*
div, p, h1, h2, hs3, h4 { border: 1px solid red;}
*/
