 .preload1                                         { background: url(../images/six_1a.gif);}
.preload2                                         { background: url(../images/six_1a.gif);}




#nav { padding         : 0; 
       margin          : 0; 
       list-style      : none; 
       height          : 28px; 
       /*background      : #e6f1ff url(http://www.willemvanzuilen.nl/images/background.jpg) repeat-x;*/ 
       position        : relative; 
       z-index         : 200; 
       font-family     : arial, verdana, sans-serif;
     }



/*-----------------------------------------------------------------------------*/
/* Menuknoppen root                                                            */
/*-----------------------------------------------------------------------------*/
#nav li.top 
     { display         : block; 
       float           : left;
     }


/* background menuknoppen - achtergrondkleur gebruiken wanneer er geen achtergrondplaatje is */
#nav li a.top_link 
     { display         : block; 
       float           : left;  
       height          : 25px; 
       line-height     : 23px;  
       color           : #094fa3;  
       text-decoration : none;  
       font-size       : 10px;  
       font-weight     : bold;  
       padding         : 0 0 0 12px;  
       cursor          : pointer; 
/*       background      : #e6f1ff; */
     }


/* menuknoppen zonder submenu - achtergrondkleur gebruiken wanneer er geen achtergrondplaatje is */
#nav li a.top_link span 
     { float           : left;   
       display         : block;   
       padding         : 0 10px 0 10px;   
       height          : 25px; 
/*       background      : #e6f1ff; */
     }


/* menuknoppen met submenu - achtergrondkleur gebruiken wanneer er geen achtergrondplaatje is */
#nav li a.top_link span.down 
     { float           : left;   
       display         : block;   
       padding         : 0 10px 0 10px;   
       height          : 25px;   
/*       background      : #e6f1ff; */
     }



/*-----------------------------------------------------------------------------*/
/* Menuknoppen root - Instellingen bij selecteren, eroverheen gaan met je muis */
/*-----------------------------------------------------------------------------*/
#nav li                : hover a.top_link,

#nav a.top_link        : hover
     { color           : red;
       /*background      : url(http://www.willemvanzuilen.nl/images/hover.jpg) no-repeat bottom left;*/
     }

#nav li:hover a.top_link span, 

#nav a.top_link        : hover span
     { /*background      : url(http://www.willemvanzuilen.nl/images/hover.jpg) no-repeat right top; */
     }

#nav li:hover a.top_link span.down,

#nav a.top_link:hover span.down
     { /*background      : url(http://www.willemvanzuilen.nl/images/hover.jpg) no-repeat right top; */
       padding-bottom  : 3px;
     }




/*----------------------------------------------------------------------------*/
/*                                                                            */
/*----------------------------------------------------------------------------*/
#nav table 
     { border-collapse : collapse; 
       padding         : 0; 
       margin          : 0; 
       position        : absolute; 
       left            : 0;
       top             : 0;
     }


#nav li:hover 
     { position        : relative; 
       z-index         : 200;
     }

#nav a:hover 
     { position        : relative;  
       white-space     : normal;  
       z-index         : 200;
     }




/*----------------------------------------------------------------------------*/
/* Instellingen submenu                                                       */
/*----------------------------------------------------------------------------*/
/* instellingen submenu achtergrond (breedte, etc)                            */
#nav :hover ul.sub
     { left            : 1px;  
       top             : 28px;  
       background      : #e6f1ff;  
       padding         : 3px;  
       border          : 1px solid #094fa3;  
       white-space     : nowrap;  
       width           : 170px;  
       height          : auto;  
       z-index         : 300;
     }

/* instellingen submenu hieronder is breedte sub blok */
#nav :hover ul.sub li
     { display         : block;  
       height          : auto;  
       position        : relative;  
       float           : left;  
       width           : 170px;
       font-weight     : normal;
     }


/* instelling hieronder is hoogte en breedte van keuzemogelijkheden in eerste sub */
#nav :hover ul.sub li a
     { display         : block;  
       font-size       : 10px;  
       height          : auto;  
       width           : 170px;  
       line-height     : 16px;  
       text-indent     : 5px;  
       color           : #094fa3;
       text-decoration : none;  
       border          : 1px solid #e6f1ff;
     }


/* instelling hieronder is de standaard backgroud kleur van keuze 1e sub met een subsub */
#nav li ul.sub li a.fly
     { background      : #e6f1ff 80px 6px no-repeat;
     }

/* instelling hieronder is de hover backgroud kleur, de fontkleur en borderkleur van keuze 1e sub*/
#nav :hover ul.sub li a:hover 
     { background      : #e6f1ff; 
       color           : black; 
       border-color    : #fff;
     }
	 
#nav :hover ul.sub ul li a
     { 
	 width: 200px;
     }	 

#nav :hover ul.sub li a.fly:hover
     { background      : #094fa3 80px 6px no-repeat;
       color           : #e6f1ff;
     }

/*----------------------------------------------------------------------------*/
/* Instellingen subsubmenu                                                    */
/*----------------------------------------------------------------------------*/
/* Onderwerp onder knop; 2e regel is text-settings en 4e regel is border-settings */
#nav li b 
     { display         : block;
       font-size       : 10px; 
       height          : auto; 
       width           : 170px; 
       line-height     : 18px; 
       margin-bottom   : 3px; 
       text-indent     : 6px;
       background      : #094fa3; 
       color           : #e6f1ff; 
       border-bottom   : 1px solid #094fa3;
       cursor          : default;
     }


#nav li i 
     { display         : block;  
       height          : 5px;
       font-size       : 5px; 
       color           : red; 
       position        : relative;  
       float           : left;  
       width           : 170px;
       background      : #e6f1ff; 
     }


#nav li:hover li:hover > ul
     { left            : 90px;  
       top             : -4px;  
       background      : #e6f1ff;  
       padding         : 3px;  
       border          : 1px solid #0b4d97;  
       white-space     : nowrap;  
       width           : 200px;  
       z-index         : 400;  
       height          : auto;
     }




/*----------------------------------------------------------------------------*/
/* Instellingen ???????????                                                   */
/*----------------------------------------------------------------------------*/
#nav a:hover a:hover ul,

#nav a:hover a:hover a:hover ul,

#nav a:hover a:hover a:hover a:hover ul,

#nav a:hover a:hover a:hover a:hover a:hover ul
     { left            : 171px; 
       top             : -4px;   
       background      : #e6f1ff;   
       padding         : 3px;   
       border          : 1px solid #094fa3;   
       white-space     : nowrap;   
       width           : 140px;   
       z-index         : 400;   
       height          : auto;
     }

#nav ul, 

#nav a:hover ul ul,

#nav a:hover a:hover ul ul,

#nav a:hover a:hover a:hover ul ul,

#nav a:hover a:hover a:hover a:hover ul ul
     { position        : absolute;    
       left            : -9999px;    
       top             : -9999px;    
       width           : 0;    
       height          : 0;    
       margin          : 0;    
       padding         : 0;    
       list-style      : none;
     }

#nav li:hover > ul ul                             
     { position        : absolute; 
       left            : -9999px; 
       top             : -9999px; 
       width           : 0;  
       height          : 0;  
       margin          : 0;  
       padding         : 0;  
       list-style      : none;
     }


#nav li:hover li:hover > a.fly
     { background      : #3f96a9 80px 6px no-repeat;    
       color           : #fff;    
       border-color    : #fff;
     } 

#nav li:hover li:hover > li a.fly
     { background      : #50b5d0 80px 6px no-repeat;    
       color           : #000;    
       border-color:#50b5d0;
     }
