/* basic css for navigation - please check z-index */

.block.navigation {
 float:left;
 z-index: 1;
 border-top: 2px solid black !important;
 }

#container1 .block.navigation a:hover{
 color: #a7c634;
 }

.block.navigation ul {
 margin: 6px 10px 0px 25px;
 list-style-type: none;
 _width: 7.5em;
 float: left;
 line-height: 70%;
 z-index: 99;
 }

.block.navigation ul ul {
 position: absolute;
 display: none;
 z-index: 99;
 border-width:  0px 1px 1px 0px;
 border-style: solid;
 border-color: transparent #7f7d78 #7f7d78 #7f7d78;
 }

.block.navigation ul li:hover ul  {
 display: block;
 }

.block.navigation li {
 display: inline;
 position: relative;
 }

.block.navigation h2 {
 text-transform: uppercase;
 display: block;
 padding: 2px 0px 0px 7px;
 margin: 0px;
 font-size: 1.1em;
 }

.block.navigation h2 a {
 color: #fff;
 }

.block.navigation h6 {
 margin: 0px 0px 0px 0px;
 padding: 0px 6px 4px 6px;
 }

.block.navigation h6 a {
 font-size: 1.2em;
 }

.block.navigation a {
 text-decoration: none;
 display: block;
 margin: 0px; 
 padding: 0px;
 text-decoration: none;
 }


/* -----------------------------------
------- rendervorm : horizontal menu--------------
------------------------------------ */

.block.horizontal {
 background: url('/programma/moraalridders/images/bg_nav.jpg');
 padding: 0px;
 min-height: 24x;
 height: 31px;
 float: left;
 margin-top: 0px;
 _margin-top: 5px;
 width: 980px;
 }

.block.horizontal ul ul {
 background: url('/components/images/subnav-bg-png.png');
 padding: 5px 20px 10px 5px;
 margin-left: 0px;
 margin-top: 14px;
 padding: 5px;
 z-index: 99;
  width: 8em;
 _width: 9em;
 }


/* -----------------------------------
------- rendervorm : vertical menu--------------
------------------------------------ */

.block.navigation.vertical {
 margin: 20px 0px 30px 0px;
 padding: 0px 0px 20px 0px;
 width: 208px;
 border-bottom: 4px solid white;
 }

.block.vertical ul  {
 float:right;
 margin: 0px 20px 0px 0px;
 }

.block.vertical ul ul {
 margin: 0px;
 padding: 0px;
 left: -30px;
 top: 19px;
 z-index: 99;
 background-color: #ffffff;
 }

#container1 .block.vertical ul ul h2 a {
 display: block;
 color: #001735;
 padding: 0px;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 display: block;
 border: 2px solid white;
 text-align: left;
 }

.block.vertical h2 a {
 border-bottom: 1px solid #0264af;
 width: 120px;
 padding: 0px 0px 5px 0px;
 text-align: right;
 font-size: 0.85em;
 }