/* ================================================================ 
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.

Modified by R.Geerts for Agrio uitgeverij bv
=================================================================== */
/* common styling */

#submenu
{
  top: -42px; /* 20 + 22 */
  left: 0px;
  margin:0; 
  padding:0; 
  position: relative; 
  width: 980px; 
  height: 190px;
  /* 
  background: #FEAE02 url(../../images/submenu/trainingsmolen1.jpg) right top no-repeat; 
  */
  background-color: #FEAE02;
  background-repeat: no-repeat;
  background-position: right top;
  z-index: 999;
}

#subdeco
{
  top: 0; /* 20 + 22 */
  left: 0px;
  margin:0; 
  padding:0; 
  width: 348px; 
  height: 171px; /* 190 - 19 */
  font-family: tahoma, sans-serif; 
  position: relative; 
  margin:0; 
  font-size:11px; 
  background: #FEAE02 url(images/nav_sub_background.gif) left top no-repeat;
  padding-top: 19px;
}

.sub 
{
  top: 0; /* 20 + 22 */
  left: 0px;
  margin:0; 
  padding:0; 
  width: 348px; 
  height: 171px; /* 190 - 19 */
  font-family: tahoma, sans-serif; 
  position: relative; 
  margin:0; 
  font-size:11px; 
  background: #FEAE02 url(images/nav_sub_background.gif) left top no-repeat;
  padding-top: 19px;
}

.sub ul li a, 
.sub ul li a:visited 
{
  margin:0; 
  padding:0; 
  display: block; 
  text-decoration:none; 
  color: #494949;
  width: 194px; /* 210 - 25 + 9 */
  height: 18px; 
  text-align: right; 
  background: transparent; 
  line-height: 18px; 
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding-right: 24px;
  overflow: hidden;
}

.sub ul li a.active, 
.sub ul li a.active:visited 
{
  color: #FFF;
}

.sub ul 
{
  padding: 0; 
  margin: 0;
  /* padding-top: 19px; */
  list-style-type: none; 
}

.sub ul li
{
  float: left; 
  margin-bottom: 1px; 
  position: relative;
}

.sub ul li ul li
{
  float: left; 
  margin-bottom: 1px; 
}

.sub ul li ul,
.sub ul li ul li ul 
{
  display: none;
}

/* TRAININGSMOLEN OPTIONS */
#min51 ul,  /* NL */
#min140 ul, /* EN */
#min160 ul, /* DE */
#min189 ul, /* FR */
#min218 ul,  /* ES */
#min332 ul  /* NO */
{top:0;}

/* SOLARIUM */
#min44 ul,  /* NL */
#min66 ul,  /* EN */
#min167 ul, /* DE */
#min196 ul, /* FR */
#min225 ul,  /* ES */
#min340 ul  /* NO */
{top:-76px;} /* -19px; */


/* SOLARIUM OPTIONS */
#min57 ul,  /* NL */
#min147 ul, /* EN */
#min170 ul, /* DE */
#min199 ul, /* FR */
#min228 ul,  /* ES */
#min343 ul  /* NO */
{top:0;}

/* BANDTRAINER */
#min45 ul,  /* NL */
#min71 ul,  /* EN */
#min177 ul, /* DE */
#min206 ul, /* FR */
#min235 ul,  /* ES */
#min350 ul  /* NO */
{top:-57px;} /* -38px; */

/*
#hoog1 {top:-19px;}
#hoog2 {top:-38px;}
#hoog3 {top:-57px;}
#hoog4 {top:-76px;}
#hoog5 {top:-95px;}
*/

/* specific to non IE browsers */
.sub ul li:hover a 
{
  color: #FFF;
  background: transparent url(images/nav_sub_arrow1.gif) right top no-repeat;
}

.sub ul li:hover ul li ul {display: none;}
.sub ul li:hover ul li:hover ul li ul {display: none;}
.sub ul li:hover ul li:hover ul li:hover ul li ul {display: none;}

.sub ul li:hover ul { display:block; position:absolute; top:0; left:210px; width:149px; background:transparent; margin:0; padding:0; height: 171px;} /* 138 + 9 = 149 */

.sub ul li:hover ul li { background:transparent; text-align: right; width:149px; margin:0; padding:0; margin-bottom: 1px; } /* 138 + 9 = 149 */

.sub ul li:hover ul li:hover a {color:#494949; text-indent: 20px; width:149px; margin:0; padding:0; background: transparent;}
.sub ul li:hover ul li:hover a.hide {margin:0; padding:0; background: transparent url(images/nav_sub_arrow2.gif) 138px top no-repeat;}

.sub ul li:hover ul li a { color:#494949; text-indent: 20px; background: transparent; text-align: left; margin:0; padding:0; width:149px;} 
.sub ul li:hover ul li a.hide { color:#494949; background: transparent; margin:0; padding:0; width:149px;}
.sub ul li:hover ul li a:hover { color:#FFF; background: transparent; margin:0; padding:0; width:149px;} 

.sub ul li:hover ul li.active,
.sub ul li:hover ul li.active a
{ 
  color: #FFF; 
}

.sub ul li:hover ul li:hover ul 
{
  margin:0; 
  padding:0; 
  top:0; 
  left: 149px;
  width:auto;
  height: auto; 
  display:block; 
  position:absolute; 
  border: 1px solid #D09B29; 
}

.sub ul li:hover ul li:hover ul li {background:#FFD477; color:#494949; margin:0; padding:0;}
.sub ul li:hover ul li:hover ul li a:hover {background:#FFCB5A; color:#494949; background-image: none; margin:0; padding:0;}