#container {
	margin: 0 auto;
	width: 90%;
}

.toggler {
	color: #6C7D33;
	margin: 0 0 4px 0;
	padding: 2px 5px;
	background: #EEF1E2;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	cursor: pointer;
}

/* sectie header met servicenavigatie */
#servicenavigatie {
	background: #D9E2BA;
	width: auto;
	height: 20px;
	text-align: right;
	font-size: 90%;
}

#servicenavigatie ul {
	margin: 0;
	padding: 8px 20px 0 0;
}

#servicenavigatie li {
	display: inline;
	padding: 0 0 0 10px;
}

#servicenavigatie a {
	text-decoration: none;
	color: #6D7E34;
}

#servicenavigatie a:hover {
	text-decoration: underline;
	color: #6D7E34;
}

/* sectie  header met bannerafbeelding */
#afbeelding {
	width: auto;
	height: 150px;
	background: #D9E2BA url('../images/banner_hop.jpg') left no-repeat;
}

#afbeelding h1 {
	margin: 0;
	padding: 40px 0 0 20px;
	color: #FFF;
	text-align: left;
	letter-spacing: -2px;
	font-size: 350%;
	font-weight: normal;
}

#afbeelding h2 {
	margin: -4px 0 0 20px;
	padding: 0px 17px 0 0;
	color: #EAEFDA;
	text-align: left;
	letter-spacing: 1px;
	font-size: 175%;
	font-weight: normal;
}

/* sectie  header met hoofdnavigatie */
#header {
	width: auto;
	height: 22px;
	background: #CAD79F;
	border-top: 1px solid #FFF;
}

#menu{
float: left;
height: 22xp;
font-weight: bold;
font-size: 90%;
}

#menu:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#menu ul{
text-indent: 10px;
padding: 3px 0;
margin: 0;
background-color: #CAD79F;
border-top: 1px solid #bebebe;
border-bottom: 1px solid #bebebe;
text-align: left; /*set value to "center" for example to center items*/
}

#menu ul li{
display: inline;
}

#menu ul li a{
color: #494949;
padding: 3px 0;
padding-right: 25px;
margin: 0;
text-decoration: none;
background: transparent url(../images/slash.gif) top right no-repeat;
}

#menu ul li a:visited{
color: #494949;
} 

#menu ul li a:hover{
color: black;
}

/*
#menu {
	float: left;
	width: auto;
	height: 50px;
	letter-spacing: -1px;
	font-weight: bold;
	font-size: 110%;
	color: #FFF;
}

#menu ul {
	margin: 15px 0 0 0;
	padding: 0 20px 0 0;
}

#menu li {
	display: inline;
	padding: 0 0 0 15px;
}

#menu .selected {
	text-decoration: none;
	color: #6D7E34;
}

#menu a {
	text-decoration: none;
	color: #FFF;
}

#menu a:hover {
	text-decoration: none;
	color: #6D7E34;
}
*/

/* content met secundaire navigatie */
#subnav_container {
text-align: right;
margin-top: -10px;
}

#submenu ul {
margin: 0;
padding: 0px;
list-style-type: none;
}

#submenu li {
display: inline;
padding-right: 10px;
}

#submenu li a {
text-decoration: none;
font-weight:bold;
color: #6C7D33;
}

#submenu li a:hover {
text-decoration: none;
color: #CAD79F;
}

/* sectie content */
#content {
	width: auto;
	height: auto;
	background: #FFF;
	padding: 15px;
	line-height: 160%;
}

#content h2 {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 140%;
	letter-spacing: 0px;
	font-weight: normal;
	color: #6C7D33;
	border-bottom: 1px solid #D3DEAD; 
}

#content h3 {
	padding: 0 0 0 0;
	margin: 0 0 2px 0;
	font-size: 110%;
	font-weight: bold;
	letter-spacing: 0px;
	color: #6C7D33;
}

#content p {
	margin: 0 0 8px 0;
	padding: 0;
	text-align:justify;
}

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

#content p + ul {
	margin-top: -8px;
}

#content h3 + ul {
	margin-top: 0px;
}

#content h3 + table {
	margin-top: 8px;
}

#content table + h3 {
	margin-top: 20px;
}

#content table + p {
	margin-top: 10px;
}

/* sectie footer */
#footer {
	width: auto;
	height: 35px;
	background: #DDE3C4;
	border-top: 3px solid #EEF1E2;
	color: #B6C879;
}

/* algemene opmaak */
html {
overflow-y: scroll;
height: 100%; margin-bottom: 1px;
}

body {
	margin: 0;
	padding: 0;
	background: #EEF1E2;
	color: #000;
	font-family: arial, verdana, tahoma, times new roman;
	font-size: 75%;
}

a {
	text-decoration: underline;
	color: #6D7E34;
}

a:hover {
	text-decoration: none;
	color: #6D7E34;
}

img {
	border: 0;
}

/* kader afbeeldingen */
.kader {
background-color: #EEF1E2;
border: solid 1px #C1DAD7;
position: absolute;
left: 55%;
display: inline;
padding: 4px 4px 4px 4px;
margin: 0;
text-align:center;
}

.kader img {
padding: 0;
margin: 0 0 2px 0;
border: 1px solid #CCCCCC;
}

.kader span {
font-size: 90%;
display: block;
}

/* logo's */
#logo {
margin-top: 30px;
}

#logo td {
border: none;
}

/*
.logo {
background-color: #EEF1E2;
border: solid 1px #C1DAD7;
position: relative;
display: inline;
padding: 4px 4px 4px 4px;
margin: 5px;
text-align:center;
}

.logo img {
padding: 0;
margin: 10px;
border: 1px solid #CCCCCC;
}
*/

/* tabelopmaak */
th {
	font-family: arial, verdana, tahoma, times new roman;
	color: #000;
	border: 1px solid #C1DAD7;
	text-align: left;
	padding: 3px 6px 3px 12px;
	background: #D9E2BA;
}

th.nobb {
	border-left: 0;
	border-top: 0;
	background: #fff;
}

th.rij {
	color: #000;
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 0;
	text-align: left;
	padding: 3px 6px 3px 12px;
	background: #fff;
}

th.rijalt {
	color: #000;
	background: #EEF1E2;
	border-top: 0;
}

td {
	border-left: 1px solid #C1DAD7;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 3px 6px 3px 12px;
	color: #000;
}

td.alt {
	background: #EEF1E2;
	color: #000;
}