/*in header.*/
#header {  /*in header.*/
#header {  
width: auto;
height: 15%;
margin:0;
padding: 0;
text-align: center;
}		

width: auto;
height: 15%;
margin:0;
padding: 0;
text-align: center;
}		
						
/*-------------------------------------------------------*/
/*sidebar met navigatie*/		
		
#sidebar {
position: absolute;
width: 20em;
height: auto;
top: 116px;
right: auto;
left: 10px;
bottom: 100px;
}
				 			 
/* navigatie: menu-links*/				
#navigatie {
width: 8em;
margin-top: 3em;
margin-left: 20px;
margin-bottom: 1em;						
border-right: none;
padding: 0 3em 1px 0;
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #ffffff;
background-color: #ffffff;
border-left: 10px;
}

#navigatie ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navigatie li {
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
margin: 10px 0 0 0;
}
								
#navigatie li a {
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 3px solid #999933;
border-right: 3px solid #999933;
background: #999933;
color:#ffffff;
text-decoration: none;
text-align: center;
width: 100%;
}

html>body #navigatie li a {
width: auto;
}

#navigatie li a:hover {
border-left: 3px solid #999933;
border-right: 3px solid #999933;
background-color: #ffffff;
color: #999933;
}

#navigatie li.submenu {
padding-left: 2em;
}

#navigatie li.submenu a {
display: block;
padding: 5px 5px 5px 0.5em;
border: 3px solid #999933;
background: #ffffff;
color:#999933;
text-decoration: none;
text-align: center;
width: 100%;
}

html>body #navigatie li a {
width: auto;
}

#navigatie li.submenu a:hover {
border-left: 3px solid #999933;
border-right: 3px solid #999933;
background-color: #999933;
color: #ffffff;
}


/*navigatie: boomdiagram boven inhoud*/									
#diagram {
margin-top: 2em;
margin-left: 12em;
margin-right: 12em;
margin-bottom: 0.5em;
color: #999933;
background-color: #FFFFFF;
padding: 3px;
}

#diagram ul {
margin-left: 0;
padding-left: 0;
display: inline;
border: none; 
}

#diagram ul li {
margin-left: 2px;
padding-left: 2px;
border: none;
list-style: none;
display: inline;
}
						 
#diagram ul li a{
color:#999933;
text-decoration: none;
}						 
				 
#diagram li a:hover {
text-decoration: underline;
}						 
/* -----------------------------------------------------*/											 
/*Opmaak in body */
body {
margin: 1em;
padding: 1em;
background-color: #FFFFFF ;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
color: #000000;
}
								 									 
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
}
										 
#inhoud {
position: static;
border-top: solid #999933 1px;
background-color: #FFFFFF;
margin-top: 0;
margin-left: 12em;
margin-right: 12em;
margin-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
width: auto;
height: auto;
right: 8em;
text-align: justify;
border-bottom:solid #999933 1px;
}

#inhoud ul li {
list-style: square;
}


#inhoud a{
color: #999933;
text-decoration: none;
}

#inhoud a:hover {
text-decoration: underline;
}

div.inhoudpic{
position: static;
border-top: solid #999933 1px;
background-color: #999933;
margin-top: 0;
margin-left: 12em;
margin-right: 12em;
margin-bottom: 1em;
padding-left: 1em;
padding-right: 1em;
width: auto;
height: auto;
right: 8em;
text-align: center;
border-bottom:solid #999933 1px;
}

div.inhoudpic img{
padding-top: 5px;
border:0 ;
}
 
div.inhoudpic a{
color:#999933;
text-decoration: none;
}

p.nav{
display: block;
}

p img {
float: left;
margin-left: 1em;
margin-right: 1em;
} 
						
#footer {
width: auto;
margin-left: 12em;
margin-right: 12em;
margin-top: 1px;
right: 12em;
left:  12em;
text-align: right;
}

#footer img{
border:0 ;
}
										
#footer a {
color:#999933;
text-decoration: none;
}