/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/flyoutt.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* common styling */

.menu {
  font-family: arial, sans-serif;
  height:800px;   /*-- set height voor lange submenu's in IE --*/
  width:100px;
/*  bottom:50px;*/
/*  height:100%;*/
  position:relative;
/*  margin:0;*/
  font-size:12px;
  margin:50px 0;
/*  background: #000000;*/
/*  z-index:5;*/
  }

.menu ul li a, .menu ul li a:visited {
  display:block;
  text-decoration:none;
  color:#FFFFFF; /* text kleur sub1 */
  width:104px;
  height:25px;
  text-align:center;
  border:1px solid #fff;
  border-width:0px 0px 0 0;
  background:#000000; /*achtergrond kleur sub1 */
  line-height:19px;
  font-size:12px;
/*  z-index:5;*/
  }
.menu ul {
  padding:0;
  margin:0;
  list-style-type: none;
  }
.menu ul li {
  float:left;
  margin-right:0px;
  position:relative;
  }
.menu ul li ul {
  display: none;
  }

/* specific to non IE browsers */
.menu ul li:hover a {
  color:#000000; /* text kleur sub1 mouseover */
  background:#FFFF00; /*achtergrond kleur sub1 mouseover */
  border-left:5px solid #FF0000;
  border-right:5px solid #FF0000;
  }
.menu ul li:hover ul {
  display:block;
  position:absolute;
  top:0;
  left:105px;
  width:105px;
  }
.menu ul li:hover ul li a.hide {
  background:#FFAA33; /* vaste kleur sub2*/
  color:#000000; /* vaste text kleur sub2 */
  }
.menu ul li:hover ul li:hover a.hide {
  width:150px;
  }
.menu ul li:hover ul li ul {
  display: none;
  }
.menu ul li:hover ul li a {
  display:block;
  background:#FFFF00; /* achtergrond sub2 */
  color:#000000; /* text kleur sub2  */
  width:128px;
  }
.menu ul li:hover ul li a:hover {
  background:#333333; /* achtergrond sub2 mouseover */
  color:#FFFFFF; /* text sub2 mouseover */
  text-decoration:underline;
  }
.menu ul li:hover ul li:hover ul {
  display:block;
  position:absolute;
  left:133px;
  top:0;
  color:#000;
  }
.menu ul li:hover ul li:hover ul li a {
  display:block;
  width:128px;
  background:#FFAA33; /* achtergrond sub3 */
  color:#000000; /* text sub3 */
  }
.menu ul li:hover ul li:hover ul li a:hover {
  background:#333333; /* achtergrond sub3 mouseover */
  color:#FFFFFF; /* text kleur sub3 mouseover */
  }