body
{
font-family: "Times New Roman";
background-color: #fc0;
}

.vlag a:link, #navlist a:visited
{
color: white;
}
 
#container
{
width: 100%;
height: 100%;
margin: 10px;
padding-bottom: 15px;
background-color: #fff;
border: 3px solid black;
line-height: 100%;
}

#top
{
height: 85px;
padding-top: 15px;
text-align: center;
font-size: 35px;
font-style: italic;
font-weight: bold;
letter-spacing: 2px;
line-height: 75%;}

.imagetopleft
{
float: left;
margin: 0 0 10px 0;
height: 80px;
width: 80px;
}

.imagetopright
{
float: right;
margin: 0;
height: 80px;
width: 80px;
}

.imagevlag{
margin-right: 10px;
height: 30px;
float: right;}


.box1
{
width: 100%;
padding: 0 5px 0 5px;
float: left;
}

.link{
	list-style: none;
	line-height: 150%;
  font-family: Arial;
}
.imglink
{
height: 35px;
border: 1px solid #696969;
float: left;
clear: both;
}

.link a:link{color: #660033;
}
a:visited{color:#CC9900;
}


h1
{
font-size: 18px;
font-style: italic;
background-color: #fc0;
margin: 5px 10px 15px 10px;
padding: 5px 15px 5px 10px;
text-align: left;
letter-spacing: 2px;
line-height: 120%;
border: 1px solid #696969;
clear: both;}

h2
{
font-size: 15px;
font-style: italic;
margin: 15px 10px 15px 10px;
padding: 5px 15px 5px 10px;
text-align: left;
line-height: 120%;
clear: both;}

h3
{
font-size: 20px;
font-style: italic;
padding: 5px 0 5px 10px;
text-align: center;
line-height: 120%;
}

p.pe{
width: 30%;
margin: 15px 5px 20px 0px; 
font-family: Arial;
font-size: 12px;
float: left;
}

p.sier{
width: 22%;
margin: 15px 5px 20px 0px; 
font-family: Arial;
font-size: 12px;
float: left;
}
p.pa{
width: 50%;
margin: 15px 5px 20px 0px; 
font-family: Arial;
font-size: 15px;
float: left;
}

p.m{
width: 30%;
margin: 15px 5px 20px 10px; 
font-family: Arial;
font-size: 12px;
float: left;
}

p.post{
width: 75%;
margin: 0 0 25px 10px; 
font-family: Arial;
font-size: 12px;
float: left;
}

p.inleiding{
font-family: Arial;
font-size: 12px;
padding-left: 10px;
padding-right: 10px;
lineheight: 100%;
clear: both;}

p.inleidingknut{
margin-top: 1em;
margin-left: 15px;

font-size: 15px;}

p.right{
margin-top: 0;
float: right;
padding-right: 15px;
}

.image
{
height: 165px;
margin: 0px 15px 10px 10px; 
border: 1px solid #696969;
float: left;
clear: both;
}

.imgkl
{
height: 125px;
border: 1px solid #303;
margin: 0px 10px 10px 0px;
float: left;
}

.imagel
{
height: 150px;
border: 1px solid #303;
margin: 0px 10px 10px 0px;
float: left;
}

.imager
{
height: 150px;
border: 1px solid #303;
margin: 0px 10px 10px 0px;
float: right;
}

a:link{color:black;
}
a:visited{color:black;
}


#nav, #nav ul {
	float: left;
	width: 120%;
	list-style: none;
	line-height: 1;
	background-color: #fc0;
  font-size: 23px;
	font-style: italic;
  letter-spacing: 2px;
  padding: 0;
	border: solid #ff3;
	border-width: 2px 0;
	margin: 0 0 0.5em 0;
}

#nav a {
	display: block;
	width: auto;
	w\idth: auto;
	color: black;
	text-decoration: none;
	padding: 0.25em 2em 0.25em 0.5em;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 10px 0 10px 0;
	width: auto;

}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 13em;
	w\idth: 12em;
	font-weight: normal;
	border-width: 0.15em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	padding-top: 0.15em;
	width: 22.00em;
		font-size: 12px;
background-color: fc3;
white-space: nowrap;}

#nav li ul a {
	width: 15em;
	w\idth: 14em;
}

#nav li ul ul {
	margin: -1.75em 0 0 6em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
background: #ff9;
}

#content {
	clear: left;
}

#content a {
	color: #7C6240;
}

#content a:hover {
	text-decoration: none;
}

#scaffolding {
	height: 70px;
	background: white url(/images/header_bg.gif) no-repeat;
	border: solid #eda;
	border-width: 1px 0 0 0;
	margin: 1em 0 0 0;
}

#scaffolding a {
	text-decoration: none;
	text-indent: -999em;
	display: block;
	height: 70px;
	background: url(/images/hdlogo_flip2.gif) no-repeat;
	background-position: 181px 0;
}

#scaffolding a:hover {
	background-position: 181px -70px;
}



#footer
{
clear: both;
height: 125px;
padding: 15px 20px 15px 20px;
text-align: right;
font-size: 25px;
}