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

.nav {
height:43px; 
background-color:#4c597f;
/*background: url(pro_line_0.gif) repeat-x; */
position:relative;
border-top:3px solid #AFC8FF;  
font-family:arial, verdana, sans-serif; 
font-size:11px; 
border-bottom:3px solid #AFC8FF;/*#4c597f;*/
width:100%;/*750px; */
z-index:500;text-align:left;
}

.nav .table {
display:table;
margin:0 auto;

/*border-bottom:3px solid #4c597f;*/
 

}

.nav .select,
.nav .current {
margin:0; 
padding:0; 
list-style:none; 
display:table-cell; 
white-space:nowrap;

}

.nav li {
margin:0; 
padding:0; 
height:43px;/*auto; */
float:left;
}

.nav .select_sub li {height:33px;}/*nieuw van mij om submenu goed aan te laten sluiten en links te laten werken*/


.nav .select a {
display:block; 
height:35px; 
float:left;
background-color:#4c597f; 
/*background: url(pro_line_0.gif); */
padding:0 15px 0 15px; 
text-decoration:none;
line-height:30px; 
white-space:nowrap; 
color:#dddddd;
/*line-height:25px; height:30px;*/border-bottom:3px solid #ffffff; 
}

.nav .current a {
display:block; 
height:35px; 
float:left;
background-color:#4c597f; 
/*background: url(pro_line_2.gif); */
padding:0 0 0 15px; 
text-decoration:none; 
line-height:35px; 
white-space:nowrap; 
color:#fff;
}


.nav .current a b {
display:block; 
padding:0 20px 0 10px;
background-color:#6D7FAF;/*#4c597f; */
/*background:url(pro_line_2.gif) right top;*/
}

.nav .select a:hover, 
.nav .select li:hover a {
display:block;
background-color:#4c597f;
/*background: url(pro_line_1.gif); */
padding:0 0 0 15px; 
cursor:pointer; 
/*color:#fff;*/

/*line-height:25px; height:35px; border-bottom:3px solid #ffffff; */
}

a.menu1one:hover, .nav .select :hover .sub li a.menu1one:hover {border-color:#cc0000; color:#cc0000;}
a.menu1two:hover, .nav .select :hover .sub li a.menu1two:hover {border-color:#cc6600; color:#cc6600;}
a.menu1three:hover, .nav .select :hover .sub li a.menu1three:hover {border-color:#cccc00; color:#cccc00;}
a.menu1four:hover, .nav .select :hover .sub li a.menu1four:hover {border-color:#BF5B0B; color:#BF5B0B;}
a.menu1five:hover, .nav .select :hover .sub li a.menu1five:hover {border-color:#ff6600; color:#ff6600;}
a.menu1six:hover, .nav .select :hover .sub li a.menu1six:hover {border-color:#008800; color:#008800;}
a.menu1seven:hover, .nav .select :hover .sub li a.menu1seven:hover {border-color:#0000cc; color:#0000cc;}
a.menu1eigth:hover, .nav .select :hover .sub li a.menu1eigth:hover {border-color:#ffff00; color:#ffff00;}
a.menu1nine:hover, .nav .select :hover .sub li a.menu1nine:hover {border-color:#cc00cc; color:#cc00cc;}

.nav .select a:hover b, 
.nav .select li:hover a b {
display:block; 
float:left; 
padding:0 10px 0 10px; 
/*background-color:#6D7FAF;/*#4c597f;*/
/*background:url(pro_line_1.gif) right top; */
cursor:pointer;
/*border-color:#cc0000; color:#cc0000/*ff8888*/;
}

.nav .select_sub {
display:none;
}

/* IE6 only */
.nav table {
border-collapse:collapse; 
margin:-1px; 
font-size:1em; 
width:0; 
height:0;
}

.nav .sub {
display:table; 
margin:0 auto; 
padding:0; 
list-style:none;
}

.nav .sub_active .current_sub a, 
.nav .sub_active a:hover {
background:transparent; 
color:#f00;
}

.nav .select :hover .select_sub, 
.nav .current .show {
display:block; 
position:absolute; 
width:100%;/*750px; */
top:43px;
/*background:#cc6600; dit is ook een idee - later*/ 
 background:url(../images/back_0.gif) ;
padding:0; 
z-index:100; 
left:0; 
text-align:center;
}

.nav .current .show {
z-index:10;
}

.nav .select :hover .sub li a, 
.nav .current .show .sub li a {
display:block; 
float:left; 
background:transparent; 
padding:0 10px 0 10px; 
margin:0; 
white-space:nowrap; 
border:0;
font-weight:bold; 
color:#6D7FAF;/*#444;*/
}

.nav .current .sub li.sub_show a {
color:#088; 
cursor:default;
background-color:#6D7FAF;/*#4c597f; */
/*background:url(menus/back_1.gif);*/
}

.nav .select :hover .sub li a:hover, 
.nav .current .sub li a:hover {
visibility:visible;
/*color:#cc6600;/*#088; */
/background:url(../images/back_1.gif);
}

.nav .select :hover .sub li a.menu1two:hover, 
.nav .current .sub li a.menu1two:hover {color:#cc6600;}
