/*	Style sheet voor dropmenu's in het WA-CMS 
	omdat er 2 menu's zijn gebeurt de kleurcodering in de cms-stylesheet */

.dropdown
{
    height: auto;
    padding: 4px 4px 4px 10px;
}

.dropdown ul
{
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 5px;
    text-align: left;
	width:150px; /* afgemeten width voor hoofdmenu is nodig indien verticaal menu */
}

.dropdown ul li
{
    /* indien horizontaal dan enable ... display: inline;*/
    margin: 0px 0px 0px 0px;
    padding: 0px 18px 0px 0px;
    position: relative;
	color:#3f2a02;
}

.dropdown ul li a
{
    font-size: 11px;
    font-weight: normal;
	letter-spacing:2px;
	line-height:28px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}
.dropdown ul li a:link,.dropdown ul li a:visited,.dropdown ul li a:active {
	color:#3f2a02;
}
.dropdown ul li a:hover {
	color:#5f9100;
}

.dropdown ul li ul
{
	border-top: #c8c9c7 solid 1px;
	border-right:  #c8c9c7 solid 1px;
    border-left: #c8c9c7 solid 1px;
    display: none;
    left: 135px;
	width:160px; /* bij verticaal menu is het hoofdmenu geset dus als submenu groter of kleiner moet dan hier aanpassen */
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position: absolute;
    top: -7px;
}

.dropdown ul li ul li
{
    color:red; /* #ffffcc;*/
	background:#000;
    display: block;
    font-size: 11px;
    font-weight: normal;
	height:28px;
    left: auto;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
    top: auto;
    width: 160px;

	
}

.dropdown ul li ul li a
{
    color: #ffffcc;
	background:#fff;
	height:27px;
    display: block;
	margin-top:0px;
    padding: 0px 3px 0px 3px;
	border-bottom: solid 1px #c8c9c7;

}

.dropdown ul li ul li a:hover
{
	color:#fff;
	background-color:#5f9100;
}

.dropdown ul li ul li ul 
{
    left: 125px;
    top: 2px;
}