@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:1px;*/
/*background-color:#6c6c6c;*/
/*float:none;*/
top:25px; right:0px;
}

.mainDropmenu .select {margin:0; padding:0; list-style:none; /*white-space:nowrap;*/ text-align:right;}

.mainDropmenu li { display:block; float:left; margin-right:1px; font-weight:bold; font-size:14px; /**/ color:#4b4b4c; text-decoration:none; height:25px;}

.mainDropmenu .select a {
	
text-align:center;
display:block; 
height:25px; 
float:left;
/*width:100px;*/
padding:3px 18px 0px 18px;
text-decoration:none; 
/*line-height:28px; */
white-space:nowrap; 
color:#474e54;
background-color:#d8d9d9;
}
.mainDropmenu .select a:hover, 
.mainDropmenu .select li:hover a {
padding:3px 18px 0px 18px;
/*width:100px;*/
/*line-height:28px;*/
height:25px;
cursor:pointer; 
color:#fff;
background-color:#c1c5c6;
}

.mainDropmenu .select a.active { background-color:#c1c5c6; }

.mainDropmenu .select li.line a:hover, 
.mainDropmenu .select li.line:hover a {color:#474e54; height:25px; /*background-color:#c1c5c6;*/}

/*.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:25px;
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:25px;
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;}

.sub {padding:0;}

#about_sub { padding:0 !important; }
#services_sub { padding-left:30px !important; }
#news_sub { padding-left:200px !important; }
#contact_sub { padding-left:250px !important; }


.mainDropmenu .select :hover .sub li { display:block; }

.mainDropmenu .select :hover .sub li a { display:block; /*width:100px;*/ height:35px; line-height:30px; float:left; background:url(/images/subnav_divider.gif) no-repeat 100% 14px; padding:5px 23px 0 15px; margin:0; white-space:nowrap; color:#a0a0a1;font-size:12px; font-weight:bold; }

.mainDropmenu .select :hover .sub li a.last { background:none; }
.mainDropmenu .select :hover .sub li a.active { color:#2e353a; }


/*de selected*/
.mainDropmenu .select .sub#selected li a {display:inline; 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; }



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

/*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;}