/*
KLEUREN:
Zwart (BG-color)		-	#231f20
Grijs (tekst)			-	#686a6c
Oranje					-	#f05d22
Blauw (header en links)	-	#374c93
*/

/* DROPDOWN MENU: */
.nav {padding:0px; margin:0; list-style:none; height:32px; font-family:verdana, arial, sans-serif;font-size:12px; width:567px;}

.nav li {float:left; height:32px;width:189px;}

/* Per topmenu button een andere class ivm afbeeldingen! */
.nav li a {display:block; height:32px; width:189px; float:left; line-height:32px; color:#fff; text-decoration:none; text-align:center;}

.nav li a:hover {position:relative; visibility:visible; line-height:32px; z-index:50;}
.nav li a:hover b {display:block; width:189px; height:32px; background:url(http://www.lavendewit.nl/images/2009/toptab_shadow.png);}
.nav li a:hover span {display:block; width:189px; height:32px; position:absolute; left:0; top:0; cursor:pointer;}

.nav li a.bedrijfsprofiel {display:block; background:url(http://www.lavendewit.nl/images/2009/bedrijfsprofiel_butt.png);height:32px; width:189px; float:left; line-height:32px; color:#fff;font-weight:900; text-decoration:none; text-align:center;}
.nav li a.portfolio {display:block; background:url(http://www.lavendewit.nl/images/2009/portfolio_butt.png);height:32px; width:189px; float:left; line-height:32px; color:#fff; font-weight:900;text-decoration:none; text-align:center;}
.nav li a.contact {display:block; background:url(http://www.lavendewit.nl/images/2009/contact_butt.png);height:32px; width:189px; float:left; line-height:32px; color:#fff;font-weight:900; text-decoration:none; text-align:center;}
/* Eind - Per topmenu button een andere class ivm afbeeldingen! */

.nav li ul, .nav li div  {position:absolute; left:-9999px;}
.nav li:hover {position:relative;}

/* Per topmenu button een andere class ivm afbeeldingen! */
.nav li:hover > a {line-height:32px; color:#ff0000;}
.nav li:hover > a b {display:block; width:189px; height:32px; background:url(http://www.lavendewit.nl/images/2009/toptab_shadow.png);}
.nav li:hover > a span {display:block; width:189px; height:32px;padding-left:2px; position:absolute; left:0; top:0; cursor:pointer;}

.nav li:hover > a.bedrijfsprofiel {line-height:32px; color:#fff;}
.nav li:hover > a.bedrijfsprofiel b {display:block; width:189px; height:32px;background:#231f20 url(http://www.lavendewit.nl/images/2009/butt1_active.jpg);color:#fff;}
.nav li:hover > a.bedrijfsprofiel span {display:block; width:189px; height:32px;padding-left:2px; position:absolute; left:0; top:0; cursor:pointer;}

.nav li:hover > a.portfolio {line-height:32px; color:#fff;}
.nav li:hover > a.portfolio b {display:block; width:189px; height:32px; background:#231f20 url(http://www.lavendewit.nl/images/2009/butt2_active.jpg);color:#fff;}
.nav li:hover > a.portfolio span {display:block; width:189px; height:32px;padding-left:2px; position:absolute; left:0; top:0; cursor:pointer;}

.nav li:hover > a.contact {line-height:32px; color:#fff;}
.nav li:hover > a.contact b {display:block; width:189px; height:32px; background:#231f20 url(http://www.lavendewit.nl/images/2009/butt3_active.jpg);color:#fff;}
.nav li:hover > a.contact span {display:block; width:189px; height:32px;padding-left:2px; position:absolute; left:0; top:0; cursor:pointer;}
/* Eind - Per topmenu button een andere class ivm afbeeldingen! */

.nav table {border-collapse:collapse; margin:-1px;}

/* div met de schaduw van de subopties */
.nav :hover div {left:0; top:32px; width:200px; height:134px; padding:0px 0; background:url(http://www.lavendewit.nl/images/2009/sub_back_b.png); z-index:100;}

/* Hover Submenu */
.nav :hover ul {padding:0; margin:0; list-style:none; left:0; top:32px; width:189px; height:134px; padding:0; z-index:120;}
.nav :hover ul li {height:32px;}
.nav :hover ul li a {height:32px; line-height:32px; background:#fff;color:#686a6c; width:189px; text-align:left; text-indent:27px; text-decoration:none;} /* Hover submenus: witte bg, grijze txt */
.nav :hover ul li.fly a {background:url(images/2009/arrow.gif) no-repeat 0px center;} 
.nav :hover ul li a:hover {background:#f05d22; color:#fff;}
.nav :hover ul li:hover > a {background:#f05d22; color:#fff;}

.nav :hover ul ul, .nav :hover ul div {position:absolute; left:-9999px;}
.nav :hover ul :hover {z-index:200;}
.nav :hover ul :hover div {left:0px; top:0px; width:189px; height:134px; padding:0; background:url(http://www.lavendewit.nl/images/2009/sub_back_b.png); z-index:200;}
.nav :hover ul :hover ul {padding:0; margin:0; list-style:none; left:0px; top:0px; width:200px; height:134px; padding:0; z-index:250;}
.nav :hover ul :hover ul li a {background:transparent;}
.nav :hover ul :hover ul li a:hover {background: #663399; color:#ffff00;}

.nav li a:hover b,
.nav li a:hover div
{
background:expression('url('+this.currentStyle['backgroundImage'].split('\"')[1]+'")');
filter:expression('progid:DXImageTransform.Microsoft.AlphaImageLoader(src='
+this.currentStyle['backgroundImage'].split('\"')[1]+')');
 z-index:100; cursor:pointer;}

#top_menu {
z-index:2;
position:absolute;
visibility:visible;
width:567px;
margin:-44px 0 0 268px;
}
/* Eind DROPDOWN MENU: */