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


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

*	{
	font-family: Verdana, sans-serif;
	margin: 0;
}


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


body {
 margin:0;
 padding:0;
 color: #000000;
 text-align:center;
 background-repeat: repeat-y;
 background-position: 50% 50%; 

 
 }

p	{
	font-size: 16px;
	line-height: 50px;
	/*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: 28px; 
	font-weight: bold;
	color: #15317E;
	letter-spacing: 1px;
	margin: 25px 0 0 15px;
	}

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

h2
{
	font-size: 15px;
	font-weight: bold;
	color: #15317E;

}


h3	{
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 0 15px;
}

h4
{
	font-size: 13px;
	font-weight: bold;
	color: #1B6AE0;
	margin: 5px 30px 0 15px;
}
 

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: 5px 0 15px 15px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

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: #15317E;
	text-decoration: none;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	}
 a:hover	{
	color: #15317E;
	text-decoration: underline;
	font-weight: bold;
 }
a.black	{
	color: #000000;
	text-decoration: none;
	margin: 5px;
	font-weight: bold;
	font-size: 20px;
	line-height: 23pt;
 }
a.black:hover	{
	color: #15317E;
	text-decoration: underline;
	font-weight: bold;
 }
 
/************************* alle divs ***********************/  



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

}

#midden {

 margin: 0 auto;
 width: 783px;
 height: 100%;
 text-align:centre;
}

#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;
}



#bloemetje{

 position:fixed;
 top:550px;
 left: 980px;
 width: 52px;
 height: 76px;
 text-align:left;
}


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


}



/************* voor knoppen bij formuliertjes***********************/

/*http://www.webcredible.co.uk/user-friendly-resources/css/css-forms.shtml*/

/*opmaakregels voor formulieren oa gemaakt met de mail class*/
.Formnaarbox
{
	margin-bottom:10px;
}
.Formnaar
{
	line-height: 17pt;
}
.Formitemname
{
	display:inline;
	line-height: 17pt;
}
.Formitembox
{
	margin-bottom:10px;
	clear:left;
}
.ditismis
{
	line-height: 17pt;
	color: #ff0000;
}
.Formvooruitleg .Formitem
{
	display: inline;
}
.Formvooruitleg .Formitemname
{
	display:inline;
}
label {
	width: 50px;
	float: left;
	text-align: left;
	font-size: 12px;
	padding: 5px;
	display: block;
}

input {
	color: #781351;
	font-size: 12px;
	background: #fee3ad;
	border: 1px solid #781351;
	margin-left: 30px;
}

textarea {
	color: #781351;
	font-size: 12px;
	background: #fee3ad;
	border: 1px solid #781351;
	margin-left: 30px;
}