/*************************


***********************/ 
/************************* algemene layout ***********************/ 

*	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
		font-size: 11px;
}


html { overflow: -moz-scrollbars-vertical; }
html { overflow-x: auto; }
html {overflow-y: scroll;}



body {
 margin:0;
 padding:0;
 color: #000000; 
 }

p	{
	font-size: 11px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 25px;
	padding: 10px 40px 20px 20px;
}

.codedirection {
	unicode-bidi: bidi-override;
	direction: rtl;
}

acronym	{
	cursor: help;
	border-bottom: 1px dotted #0070f1;
	color: #838282;
}

/* h1: allereerste grote kop bovenaan pagina */
/* #817339  #A0C544 color: #7E2217; #144e8a*/
				
h1	{ 	
  	font-size: 16px; 
	font-weight: bold;
	color: #005b21;
	letter-spacing: 1px;
	margin: 25px 0 0 15px;
	}

/* h2: kop voor subkoppen, stuk kleiner */

h2
{
	font-size: 22px;
	font-weight: normal;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;

}


h3
{
	font-size: 18px;
	font-weight: normal;
	color: #ffffff;
	font-family: Arial, Helvetica, Verdana, sans-serif;

}

h4
{
	font-size: 9px;
	color: #000000;
		font-weight: normal;
	margin: 3px 3px 0 3px;
}
 

ul, ol {
	font-size: 11px;
	line-height: 17pt;
	list-style-type: circle;
}

li.todo{
	cursor: move;
}

li.read{
	text-decoration: line-through;
}
 
img	{
	margin: 0;
	border: 0;
}

.test	{
	color: yellow;
}

table {
	font-size: 12px;
	line-height: 23px;
	padding: 1px 1px 1px 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
        vertical-align:top;
}

td.mooi {
	font-size: 12px;
	line-height: 23px;
	padding: 0;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}


span {
	padding: 0px;
	font-size: 13px;
	color: #1B6AE0;
	font-weight: bold;
	line-height: 23pt;
}
 
a	{
	color: #000000;
	text-decoration: none;
	font-size: 9px;
	line-height: 9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }
 a:hover	{
	color: #005b21;
	text-decoration: underline;
 }
a.black	{
	color: #000000;
	text-decoration: none;
	font-size: 12px;
	line-height: 12pt;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

a.black:hover	{
	color: #005b21;
	text-decoration: underline;
	font-weight: bold;
 }

 a.green	{
	color: #005b21;
		font-size: 11px;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
 }

a.green:hover	{
	color: #005b21;
		font-size: 11px;
	text-decoration: underline;
 }
/************************* alle divs ***********************/  

#all {
 margin: 0 auto;
 width: 700px;
 height: 100%;
 text-align:left;

 background="#ffffff";

}

#bovenaan {
position: absolute;
 top: 0;
 margin: 0 auto;
 width: 700px;
 height: 84px;
 text-align:left;
 background: url(boven.jpg);

}

#midden {
position: absolute;
 top: 84px;
 margin: 0 auto;
 width: 700px;
 height: 178px;
 text-align:left;
 background: url(midden.jpg);
}

#onder {
position: absolute;
 top: 262px;
 margin: 0 auto;
 width: 700px;
 height: 631px;
 text-align:left;
 background: url(onder.jpg);
}


#menu{
 position:absolute;
 top:0;
 left: 61px;
 width: 600px;
 height: 22px;
 text-align:left;
}

#knop1{

 width: 97px;
 height: 22px;
 text-align:center;
 float: left;
}

#titel{
 position:absolute;
 top: 93px;
 left: 61px;
 width: 580px;
 height: 60px;
 text-align:center;
}

#tekstblok{
 position:absolute;
 top: 24px;
 left: 77px;
 width: 425px;
 height: 525px;
 text-align:left;
 overflow: auto;
}

#blok1{
 position:absolute;
 top: 23px;
 left: 529px;
 width: 151px;
 height: 151px;
 text-align:center;
}

#blok2{
 position:absolute;
 top: 195px;
 left: 529px;
 width: 151px;
 height: 151px;
 text-align:center;
}

#blok3{
 position:absolute;
 top: 366px;
 left: 529px;
 width: 151px;
 height: 151px;
 text-align:center;
}


#footer{
 position:absolute;
 top: 590px;
 left: 0px;
 width: 700px;
 height: 100px;
 text-align:left;
 	font-size: 10px;
	color: #000000;
		font-weight: normal;
	margin: 5px 5px 0 5px;
}

#weart{
 position:absolute;
 top: 630px;
 left: 0px;
 width: 700px;
 height: 100px;
 text-align:right;
 	font-size: 10px;
	color: #000000;
		font-weight: normal;
	margin: 0 0 0 -5px;
}








/*



#all {
 margin: 0 auto;
 width: 783px;
 height: 100%;
 text-align:left;

}

#midden {

 margin: 0 auto;
 width: 783px;
 height: 100%;
 text-align:left;
 background: url(onderleeg.jpg);
}

#banner{

 top: 0;
 left: 200px;
 width: 783px;
 height: 240px;
 background: url(bovenkant.jpg);
 
}

#bodyblock { 
 position:absolute;
 top:240px;
 width: 783px;
 height: 158px;
 background: url(middenboven.jpg);
 padding: 0;
 text-align:left; 
 }

 #footer {
 position:absolute;
 top:645px;
 width: 783px;
 height: 123px;
 background: url(onderleeg.jpg);
}
 
 
#menu{

 position:fixed;
 top:250px;
 left: 980px;
 width: 100%;
 height: 500px;
 text-align:left;

}

#plaatjes{

position:fixed;
bottom:5px;
 left: 140px;
 width: 300px;
 height: 150px;
 text-align:left;
}


#tekstblok{
 position:absolute;
 top:0px;
 left: 100px;
 width: 620px;
 height: 405px;
 text-align:left;
/* overflow: auto;*/


}