/* Sjoukjes instelling:
   Body background color: #99ff66; {Paras = #CCFF66}
	 Navigatie back color : #ffcc33; */  

body {
	margin: 0;
	padding: 0;
	background-color: #99ff66;  /* Paras = #CCFF66 */
/*  background: url(images/wolk.jpg); */
	color: #000000; 
	font-family: Arial, Helvetica, sans-serif;
	border-top: 2px solid #2A4F6F;  
}
#header {
	border-top: 0px solid #778899;  
/*	border-bottom: 1px dotted #B2BCC6; */
	background-color:#99ff33;  
	height: 6em;
}
#header strong {
    font-style:Italic; 
}
#header .sjoukje {
	float: right; 
	margin-top: 1em;
	margin-right: 1em; 
	font-size: 80%;
  color: #778899;
}

#header h1 {
	font: 130% Georgia, "Times New Roman", Times, serif;
	color: #778899;
	background-color: transparent;
	float: left;
	margin-left: 0.3em;
	margin-top: 1.0em;
}
#header h2 {
	font: 100% Georgia, "Times New Roman", Times, serif;
/*  font-style:Italic; */
	color: #778899;
	background-color: transparent;
	position: absolute; 
	left: 23em;
	top : 3.0em;
}

#nav {
	position: absolute;
	top     : 6.2em;
	left    : 0.5em;
	width   : 12em;
	height  : 30em;
	background-color: #ffcc33;
}
#nav .logo {
	float: left;
	margin-left: 1em;
	margin-top: 0.5em;
}

#nav ul {
	list-style: none;
	margin-left: 1em;
	margin-top: 1em;	
	padding-left: 0;
}
#nav li {
	font-size: 80%;
	border-bottom: 1px dotted #B2BCC6;
	margin-bottom: 0.3em;
}
#nav a:link, #nav a:visited {
	text-decoration: none;
	color: #2A4F6F;
	background-color: transparent;
}
#nav a:visited {
    color:red;
}
#nav a:hover   {
	color: #778899;
}
#nav h1 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #2A4F6F;
	background-color: transparent;
	border-bottom: 1px dotted #cccccc;
  margin-left: 0.9em;
	margin-top : 0.5em;
	font-style:Italic;
}
#nav h2 {
	font: 110% Georgia, "Times New Roman", Times, serif;
	color: #2A4F6F;
	background-color: transparent;
	border-bottom: 1px dotted #cccccc;
  margin-left: 0.9em;
  margin-top : 2.5em;
	font-style:Italic;
}

#content {
	margin-left: 13em;
	margin-right: 1em;
	height: 50em;
}
#content h1 {padding-left: 0.6em;
	font: 120% Georgia, "Times New Roman", Times, serif;
	}
#content h2 {padding-left: 0.8em;
	font: 110% Georgia, "Times New Roman", Times, serif;
	font-style: Italic;
}
#content p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
}
#content ul {
	list-style: disc;
}
#content li {
	font-size: 80%;
}

#content blockquote{
	font-size: 80%;
	line-height: 1.6em; 
  font-style: Italic;
}  
#content .foto_sjoukje{
	float: left;
  margin-top   :0.3em;
	margin-left  :1em;
	margin-right :1em;
	margin-bottom:0.5em;
}

#content .berggroot{
	float: left;
	margin-left: 1em;
	margin-top: 0em;
}

#gedicht {
	position: absolute;
  font-size: 110%;
	top: 20.3em;
	left: 13.6em;
  font-style:Italic;
}
#gedicht p {
	font-size: 80%;
	line-height: 1.6em; 
	padding-left: 1.2em;
	color:white;
}

.datatable {
  border: 1px solid #338BA6;
	border-collapse: collapse;
	margin-left: 1em;
  font-style: normal;	
}
.datatable caption{
  font-style: italic;
	text-align: left;
 	font-size: 90%;	
}
.datatable tr{ 
 	font-size: 80%;
}
.datatable td{
  border: 1px solid #73C0D4;
	text-align: center;
	padding:4px;
	width: 8em;	
}
.datatable th{
  border: 1px solid #73C0D4;
	background-color: #BCBCBC;
	text-align: left;
  padding:4px;
}
.datatable th.centreer{
	text-align: center;
}