@charset "utf-8";
/* CSS Document */

/*to do importante!!!
De current states in orde maken. Nu display:none maar da's dus nog niet in orde*/
.mainDropmenu {
height:30px;
width:740px;
position:absolute;
font-family:arial, verdana, sans-serif;
font-size:18px;
font-weight:bold;
z-index:999;
letter-spacing:normal;
background-color:#6c6c6c;
float:none;
top: 30px;
right: 0px;
}
.mainDropmenu .select {margin:0; padding:0; list-style:none; white-space:nowrap;}
.mainDropmenu li {float:left;}
.mainDropmenu .select a {
text-align:center;
display:block; 
height:30px; 
float:left;
width:100px;
padding:0 15px 0 15px; 
text-decoration:none; 
line-height:28px; 
white-space:nowrap; 
color:#fff;
}
.mainDropmenu .select a:hover, 
.mainDropmenu .select li:hover a {
padding:0 15px 0 15px;
width:100px;
line-height:28px;
cursor:pointer; 
color:#fff;
background-color:#7d7d7d;
}

.mainDropmenu .select li.line a:hover, 
.mainDropmenu .select li.line:hover a{color:#fff; background-color:#7d7d7d;}

.mainDropmenu .select li.line#current a{color:#fff; background-color:#999;}

/*de dropline hier*/

.mainDropmenu .sub, .mainDropmenu ul ul { display:none;}
/*.mainDropmenu .sub#selected, .mainDropmenu ul.sub#selected ul { background-color:#3F6;}*/

.mainDropmenu .sub{
margin:0; 
padding:0;
list-style:none;
}
.mainDropmenu .select :hover .sub{
height:30px;
display:block; 
position:absolute;
float:left;
width:740px;
top:30px;
left:0px;
text-align:center;
background-color:#7d7d7d;
}
/*de selected*/
.mainDropmenu .select .sub#selected {
height:30px;
display:block; 
position:absolute;
float:left;
width:740px;
top:30px;
left:0px;
text-align:center;
background-color:#999;
z-index:-1;
}
.mainDropmenu .select .sub#selected :hover{ background-color:#8d8d8d;}




.mainDropmenu .select :hover .sub li a {display:block; width:100px; height:30px; line-height:30px; float:left; background-color:#7d7d7d; padding:0 15px; margin:0; white-space:nowrap; color:#fff;font-size:12px; font-weight:bold; letter-spacing:1px;}

/*de selected*/
.mainDropmenu .select .sub#selected li a {display:block; width:100px; height:30px; line-height:30px; float:left; background-color:#999; padding:0 15px; margin:0; white-space:nowrap; color:#fff;font-size:12px; font-weight:bold; letter-spacing:1px;}


.mainDropmenu .select :hover .sub li.shorter a,
.mainDropmenu .select .sub#selected li.shorter a { width:100px; padding:0 11px;}
.mainDropmenu .select :hover .sub li.shorterer a,
.mainDropmenu .select .sub#selected li.shorterer a { width:90px; padding:0 11px;}


.mainDropmenu .select :hover .sub li a:hover,
.mainDropmenu .select :hover .sub li:hover {color:#fff; line-height:30px; position:relative; background-color:#8d8d8d;}
.mainDropmenu .select :hover .sub li:hover > a {color:#fff;}

/*de selected*/
.mainDropmenu .select .sub#selected li ul li a:hover  {background-color:#8d8d8d;}


.mainDropmenu .select :hover .sub :hover ul {padding:0; margin:0; list-style:none; display:block; width:100px; position:absolute; left:0px; top:30px; background:#7d7d7d;}
.mainDropmenu .select :hover .sub :hover ul li a {width:150px; text-align:left; height:20px; line-height:18px; background:#7d7d7d; padding-top:3px; letter-spacing:1px;}
.mainDropmenu .select :hover .sub#selected ul li a{width:150px; text-align:left; height:20px; line-height:18px; background:#999; padding-top:3px; letter-spacing:1px;}


.mainDropmenu .select :hover .sub :hover ul li:hover > a {line-height:18px; background-color:#6c6c6c;}
img { border:none;}