/* ================================================================ 
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.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#dropline {
  margin: 0px 0px 0px 9px;
  padding: 0px;
  border: 0px none;
  list-style:none;
  height:55px;
QQQwidth:260px;
  position:relative;
  font-size:15px;
}

#dropline li {float:left;}

#dropline li a {
  display:inline-block;
  height:45px;
  width: 60px; 
  margin:10px 5px 0px 0px;
  border: 0 none;
  padding:0px;
}
#dropline li a {
  font-weight:bold;
  font-family: calibri,verdana, arial, helvetica, sans-serif;  
  font-size:15px;
  line-height: 30px;
  color:#96BC33; /* green */
  text-decoration:none;
  text-align: center;
}
#dropline li a:hover   { /*background-color:#00B8DB;*/ color: #FFFFFF; }
#dropline li:hover > a { /*background-color:#00B8DB;*/ color: #FFFFFF; }

/* Second line: dropped down */
#dropline li ul {
  width:698px;
  height:61px;
  margin:0;
  padding:0;
  border:0 none;
  list-style:none;

  position:absolute;
  left:-99999px;
  top:55px;
  z-index:4;
  background-color: #332B2A; /* brown */
}

#dropline li ul li {
  margin:0px;
  padding:0px;
  border:0 none;
  height:61px;
  
  /* IE6 problem? */
}

#dropline li ul li a {
  width: auto;
  height:61px;
  margin:0px 9px 0px 15px;
  padding:0px;
  border:0px none;

  color:#EEEEEE;
  font-weight:normal;
  font-size:15px;
  line-height:60px;
}

#dropline li ul li a:hover {
  color:#00B8DB; /* blue */
  background: none;
}


#dropline :hover ul     { left:0px; z-index:6;}
#dropline li.current ul { left:0px; z-index:5;}

#dropline li.current a {color: #FFFFFF; }

#dropline li.current ul li a {
  background: none;
}
#dropline li.current ul li.current_sub a {color:#00B8DB; /* blue */ }
#dropline li.current ul li a:hover       {color:#00B8DB; /* blue */ text-decoration:none;}


#dropline li.current ul li.current a {
  color:#00B8DB; /* blue */
  text-decoration:none;
  font-weight: bold;
}
#dropline li.current ul li.current a:hover {
  color:#00B8DB; /* blue */
  text-decoration:none;
}


.hide-menu-link-text { display: none; }
#dropline li a.ONE {
  background-color: #FFFFFF;
  background-image: url('../img/werk_passive.gif');
  background-position:0px 11px;
  background-repeat: no-repeat;
  width: 54px;
  height: 45px;
  margin: 10px 5px 0px 15px;
  padding: 0;
  border: 0 none;
}
#dropline li a.ONE:hover, #dropline li a.ONE.ACT { background-image: url('../img/werk_active.gif'); }
#dropline li.current a.ONE { background-image: url('../img/werk_active.gif'); }

#dropline li a.TWO {
  background-color: #FFFFFF;
  background-image: url('../img/clienten_passive.gif');
  background-position:0px 11px;
  background-repeat: no-repeat;
  width: 102px;
  height: 45px;
  margin: 10px 5px 0px 15px;
  padding: 0;
  border: 0 none;
}
#dropline li a.TWO:hover, #dropline li a.TWO.ACT { background-image: url('../img/clienten_active.gif'); }
#dropline li.current a.TWO { background-image: url('../img/clienten_active.gif'); }

#dropline li a.THREE {
  background-color: #FFFFFF;
  background-image: url('../img/wij_passive.gif');
  background-position:0px 11px;
  background-repeat: no-repeat;
  width: 38px;
  height: 45px;
  margin: 10px 5px 0px 15px;
  padding: 0;
  border: 0 none;
}
#dropline li a.THREE:hover, #dropline li a.THREE.ACT { background-image: url('../img/wij_active.gif'); }
#dropline li.current li a.THREE { background-image: url('../img/wij_active.gif'); }