body {
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	background-color: #97bf04;
}

.page {
		width:800px;
		text-align:left;
}

.header {
		width: 800px;
		height: 100px;
		background-image: url('header.jpg');
		background-repeat: no-repeat
}

.main {
		float: left;
		height: 100%;
		background-color:#FFFFFF;
		background-image:url(images/menu.jpg);
		background-repeat:repeat-y;
		border: 1px solid #f27a00;
}

.menu {
		float: left;
		width: 180px;
}

.content {
		width: 590px;
		float: right;
		padding: 10px;
}

.contentleft {
		float:	left;
		width: 340px;
}

.contentright {
		float:	right;
		width: 250px;

}

.footer {
		background-color:#FFFFFF;
		padding: 5px;
		width: 790px;
		border: 1px solid #f27a00;
		margin-top: 5px;
}	

#submain {
		float: left;
}

#pic {	
		float:left;
		width:350px;
	}

#blok1 {
	width:100%;
	float: left;
}

#blok1a {
	width:30%;
	float:right;
}

#blok1b {
	width:70%;
	float:left;
}

#blok2 {
	width:100%;

}

#blok1adet1 {
	width:20%;
	float:left;
}

#blok1adet2 {
	width:80%;
	float:left;
}

#blok1bdet1 {
	width:50%;
	float:left;
}

#blok1bdet2 {
	width:50%;
	float:left;
}

p {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
}

.emph { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	color: red;
}

.voetnoot {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 9px;
	text-align: left;
}

.tip {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px;
	font-style:italic;
	color: #477327;
}

H1 { 
	font-size: 20px;
	color: #477327;
	border-bottom: 2px solid #f27a00;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

H2 {
	font-size: 14px;
	color: #477327;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

H3 {
	font-size: 12px;
	color: #477327;
	font-weight: bold;
}
	
HR {
	color: #fff; 
	background-color: #fff;
	border: 1px dotted #f27a00; 
	border-style: none none dotted;
}

a {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a:link {
	color: #477327;
	text-decoration:none;
}

a:visited {
	color: #477327;
	text-decoration:none;
}

a:hover {
	text-decoration: none;
	border-bottom: 1px dashed;
}

a:active {
	color: #477327;
	text-decoration:none;
}

a#klein {
	font-size: 9px;
}

a#nav {
	color: #477327;
	line-height: 14pt

}

img {
	margin-right: 4px;
	border: 0px;
}

img#nav {
	margin-left: -5px;
	border: 0;
}

img#kaal {
	border: 0;
}

img#stijl {
			margin-right:10px;
			margin-top: 10px;
			margin-bottom:10px;
  	}

label
{
	float: left;
	text-align: left;
	display: block;
}

input, textarea, select
{
	color: #000000;
	background: #cccccc;
	border: 1px solid #f27a00;
}

.submit input
{
	color: #000;
	background: #cccccc;
	border: 1px #f27a00;
} 


#blueblock{
width: 180px;
padding: 0 0 0 0;
margin-bottom: 1em;
font-size: 90%;
background-color: #477327;
color: #333;
}

* html #blueblock{ /*IE 6 only */
width: 147px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 1px solid #f27a00;
margin: 0;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #f27a00;
border-right: 10px solid #72a603;
background-color: #477327;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 10px solid #477327;
border-right: 10px solid #72a603;
background-color: #97bf04;
color: #fff;
}


/* Show only to IE PC \*/
* html .boxhead h2 {height: 1%;} /* For IE 5 PC */

.sidebox {
	float: left;
	margin: 0 auto; /* center for now */
	width: 28em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.sideboxslim {
	float: right;
	margin: 0 auto; /* center for now */
	width: 21em; /* ems so it will grow */
	background: url(sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
	text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* Safari-only, but cool */
}
.boxbody {
	background: url(sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding: 5px 12px 15px;
}



