.horbar {
	color: black;
	background-color: #FFFFE4;
	/*border: 2px outset #cecac1;*/
}
.horbaritem {
	float: left;
	white-space: nowrap;
	font-family: verdana, geneva, arial, helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.horbaritem a {
	display: block;
	text-decoration: none;
}
.horbaritem a:link {
	color: #000000;
	text-decoration: none;
}
.horbaritem a:visited {
	color: #000000;
	text-decoration: none;
}
.horbaritem a:hover {
	color: #ffffff;
	background-color: #4b6983;
	text-decoration: none;
}
.horbaritem a:active {
	color: #ff0000;
	text-decoration: none;
}

.verbar	{
	color: black;
	background-color: #EDF2F5;
}

.submenu	{
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
}

.subframe	{
	position: relative;
	display: block;
	background-color: #EDF2F5;
	border: 1px solid #64879d;
}

.item	{
	padding: 3px;
	text-align: left;
	white-space: nowrap;
}

.separator	{
	background-color: #ff0000;
	border-top: 1px solid #9e9a91;
	border-bottom: 1px solid #ffffff;
	margin: 2px 1px 2px 1px;    /* top right bottom left */
	height: 0;
	font-size: 1px;
	line-height: 0
}

.item a	{
	position: relative;
	display: block;
	text-decoration: none;
}

.item a:link	{
	color: #000000;
	text-decoration: none;
}

.item a:visited	{
	color: #000000;
	text-decoration: none;
}

.item a:hover	{
	color: #ffffff;
	background-color: #4b6983;
	text-decoration: none;
}

.item a:active	{
	color: #ff0000;
	text-decoration: none;
}

.item .fwdarr	{
	position: absolute;
	top: 5px;
	right: 7px;
}

 body{
  margin:0;
  padding:header-<length> 0 0 left-sidebar-<length>;
  font-family: Verdana, Arial, Sans-Serif; 
  font-size: 11.5px;
 }
 
 div#header{
  position:absolute;
  top:0;
  left:0;
  width:500%;
  height:80px;
 }
 
 div#sidebar{
  position:absolute;
  top:header-<length>;
  left:0;
  width:left-sidebar-<length>;
  height:100%;
 }
 
 @media screen{
  body>div#header{
   position:fixed;
  }
  body>div#left-sidebar{
   position:fixed;
  }
 }
 * html body{
  overflow:hidden;
 } 
 * html div#content{
	height:100%;
	overflow:auto;
 }
 
 #contentdelijn {
	width: 500px;
	left: 250px;
	top: 80px;
	position: absolute;
	height: 100%;
	}
	
#logo {
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 246px;
	top: 0px;
	height: 78px;
	width: 572px;
	z-index: 10;
}

#navigatie {
	background-image: url(images/left.jpg);
	background-repeat: no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	height: 554px;
	width: 246px;
}

#navimage {
	position: absolute;
	left: 0px;
	top: 20px;
}

#navtext {
	position: absolute;
	left: 0px;
	top: 205px;
}

#lijst {
  font-family: Verdana,Sans-Serif; 
  font-size: 12px;
  line-height: 15px;
 }
 
H3 { color:#3EA639; text-decoration:underline; font-size:14px; }
H4 { color:#3EA639; font-size:12px; }
A { color:#0000FF; }
A:HOVER { color:#0000FF; text-decoration:none; }
A:VISITED { color:#0000FF; }
A:ACTIVE { color:#FF0000; }
.nav { color:#FFFFFF; font-size:11px; text-decoration:none; }
.nav:HOVER { color:#FFFFFF; text-decoration:underline; }
.nav:VISITED { color:#FFFFFF; }
.nav:ACTIVE { color:#FF0000; }
.title { color:#3EA639; text-decoration:underline; font-size:14px; font-weight:bold; line-height:23px; }
.subtitle { color:#3EA639; font-size:12px; font-weight:bold; }
.content { padding-left:10px; padding-top:10px; vertical-align:top; font-size:11.5px; }
.navigation { background-color:#3EA639; vertical-align:top; font-size:11px; }
.rightcolumn { vertical-align:top; font-size:11px; }
.green { background-color:#3EA639; }
.red { background-color:#FF0000; }
.row0 { font-size:12px; font-weight:bold; }
._row1 { font-size:11px; background-color:#DDDDDD; }
.row1 { font-size:11px; }
.row2 { font-size:11px; }

dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

#menu_vert {
   padding-left: 0;
   padding-top: 0px;
   padding-bottom: 20px;
   margin-left: 0;
   list-style-type: none;
   width: 160px;
   font-size: 11px;
   font-family: Verdana, Arial, sans-serif;
}

/* third level has some padding to have it stand out */
div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}

/* menu li block */
#menu_vert li {
   list-style: none;
   margin: 0;
   border-bottom: 0px solid #FFFFFF;
   display: block;
}

#menu_vert ul ul li {
   border: none;
   list-style-type: none;
   padding: 0;
   margin: 0;
}

* html #menu_vert li a { height: 1%; } 
* html #menu_vert li hr { height: 1%; }

/* first level links */
div#menu_vert a {
   text-decoration:none; /* no underline for links */
   display: block; /* IE has problems with this, fixed above */
   padding-top: 0.2em;
   padding-right: 0.5em;
   padding-bottom: 0.2em;
   padding-left: 0.5em;
   color: #FFFFFF; /* this will be link color for all levels */
   background: transparent; 
   min-height:1em; /* Fixes IE7 whitespace bug */ 
}

/* next level links, more padding and smaller font */
div#menu_vert ul ul a {
   font-size: 90%;
   padding-top: 0.2em;
   padding-right: 0.5em;
   padding-bottom: 0.2em;
   padding-left: -5em;
   background-position: 1.0em center;
   list-style-type: none;
}

/* third level links, more padding */
div#menu_vert ul ul ul a {
   padding-top: 0.4em;
   padding-right: 0.5em;
   padding-bottom: 0.4em;
   padding-left: -2em;
}

/* hover state for all links */
div#menu_vert a:hover {
   color: #FFFFFF;
   text-decoration:underline;
}
div#menu_vert a.activeparent:hover {
   color: #FFFFFF;
}

/* 
active parent, that is the first-level parent 
of a child page that is the current page 
*/
div#menu_vert li a.activeparent {
   color: #FFFFFF;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center; 
   background-color: transparent;
   color: #FFFFFF;
}


/* 
current pages in the default Menu Manager 
template are unclickable. This is for current page on first level 
*/
div#menu_vert ul h3 {
   font-style: normal;
   color: #FFFFFF;
   display: block; 
   padding-top: 0.5em;
   padding-right: 0.5em;
   padding-bottom: 0.5em;
   padding-left: 0em;
   font-size: 1em;                           /* instead of the normal font size for <h3> */
   margin: 0;                                  /* as <h3> normally has some margin by default */
}

/* 
next level current pages, more padding, 
smaller font and no background color or bottom border 
*/
div#menu_vert ul ul h3 {
   font-size: 90%;
   padding: 0.3em 0.5em 0.3em -3em;
   background-position: 1.4em center;
   background-color: transparent;
   border-bottom: none;
   color: #FFFFFF;     
}

/* current page on third level, more padding */
div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em -3em;
}

/* section header */
div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   padding: 1.5em 0 0.8em 0;
   line-height: 1em;
   margin: 0;
   text-align:center;
}

.category_items {
  font-size: 13px;
  line-height: 18px;
}