/* ================================================================ 
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/pro-dropline-9.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/* for this demo only */
/* lichtbruin: B65318; blauw: 003466 */
#dropline9 {position:relative; font-size:12px; height:68px; width:1000px; padding-left:0px; white-space:nowrap; }
#dropline9 ul {padding:0; margin:0; list-style:none; width:1000px; height:40px; }
#dropline9 ul ul {padding-left:37px; margin:0; list-style:none; width:1000px; height:28px; border-width:2px; border-color:#ff0000;}/* 37 = breedte driehoekplaatje*/

#dropline9 table {border-collapse:collapse; margin:-1px -20px 0 0; padding:0; width:0; height:0; font-size:1em; white-space:nowrap; }

#dropline9 li {float:left; height:40px; background:#fff;}
#dropline9 li a {float:left; display:block; padding:0 0 0 10px; height:40px; line-height:40px; 
	background: url("images/tabsclubs.png") no-repeat left top; color:#fff; text-decoration:none; font-family:verdana;}
#dropline9 li a b {float:left; height:40px; display:block; padding:0 24px 0 15px; 
	background:url("images/tabsclubs.png") no-repeat right top; cursor:pointer; display:inline; font-weight:bold;}
#dropline9 li.laatste a b { background:none; }
#dropline9 li.laatste { width:100%; }

#dropline9 li.current a {background-position:0 -40px; border-color:#fff;}
#dropline9 li.current a b {background-position:100% -40px; color:#fff;}

#dropline9 li ul {position:absolute; top:40px; left:-9999px; z-index:10; background:url("images/driehoekclubs.jpg") no-repeat left top; }	/* uitloopkleur 2e balk bij blauw in 1e balk*/
#dropline9 li.current ul {left:0; z-index:1; background:url("images/driehoekclubs.jpg") no-repeat left top; }	/* uitloopkleur 2e balk bij bruin in 1e balk*/

#dropline9 li a:hover {background-position:0 -80px; border-color:#000; cursor:pointer;}
#dropline9 li a:hover b {background-position:100% -80px; border-color:#000; color:#fff;}

#dropline9 li:hover > a  {background-position:0 -80px; border-color:#000; cursor:pointer;}
#dropline9 li:hover > a b {background-position:100% -80px; border-color:#000; color:#fff;}

#dropline9 li.current a:hover {background-position:0 -40px; border-color:#000;}
#dropline9 li.current a:hover b {background-position:100% -40px; color:#fff;}
#dropline9 li.current:hover a {background-position:0 -40px; border-color:#000;}
#dropline9 li.current:hover a b {background-position:100% -40px; color:#fff;}

#dropline9 ul :hover ul {left:0;}

#dropline9 ul :hover ul.right li,
#dropline9 ul li.current ul.right li {float:right;}

#dropline9 ul :hover ul.blank {background:url("images/driehoekclubs.jpg") no-repeat left top;}	/* kleur 2e balk als geen inhoud */

#dropline9 ul :hover ul li a {display:inline; background:#009900; padding:0 10px; margin:0; 
font-size:12px; width:auto; white-space:nowrap; font-weight:bold; border:0; color:#fff; height:28px; line-height:25px;} /* kleur 2e balk knoppen */
#dropline9 ul :hover ul.right li a {background:#808080;}


#dropline9 ul li.current ul li a,
#dropline9 li.current a:hover ul li a,
#dropline9 li.current:hover ul li a	{display:inline; background:#009900; padding:0 10px; margin:0; 
font-size:12px; width:auto; white-space:nowrap; font-weight:bold; border:0; color:#fff; height:28px; line-height:25px;} /* kleur 2e balk knoppen bij current*/

#dropline9 ul li.current ul.right li a,
#dropline9 li.current a:hover ul.right li a,
#dropline9 li.current:hover ul.right li a {background:#009900;}	/* right */

#dropline9 ul :hover ul li a.last,
#dropline9 ul li.current ul li a.last,
#dropline9 li.current a:hover ul li a.last,
#dropline9 li.current:hover ul li a.last {width:100%; background-image:url(images/lastclubs.jpg);}

#dropline9 li ul li.current_sub a,
#dropline9 li a:hover ul li.current_sub a,
#dropline9 li:hover ul li.current_sub a,
#dropline9 li a:hover ul li a:hover,
#dropline9 li:hover ul li a:hover {color:#fff;}

#dropline9 li.current ul li.current_sub a,
#dropline9 li.current a:hover ul li.current_sub a,
#dropline9 li.current:hover ul li.current_sub a,
#dropline9 li.current a:hover ul li a:hover,
#dropline9 li.current:hover ul li a:hover {color:#fff;}