div.sdmenu 
{
width:190px;
}

div.sdmenu div 
{
overflow: hidden;
}

div.sdmenu div:first-child 
{
border-top:1px solid #FFFFFF;
}

span.title, span.titlehidden 
{
display: block;
font-weight: bold;
color: #FFFFFF;
border-bottom: 0px solid #DDD;
}

span.title a, span.titlehidden a 
{
font-weight: bold;
color: #FFF;
}

div.sdmenu span.title 
{
background:#99AACB;
}
div.sdmenu span.titlehidden
{
}

div.submenu span.title 
{
background:#99AACB;

}

div.submenu span.titlehidden 
{
background:#D1DBE9;
color:#073583;
margin:0px;
}

span.title span { margin:0px; }
span.titlehidden span { }
span.title:hover span { background:#99AACB; }
span.titlehidden:hover span { background:#99AACB; cursor:pointer;}

span.tt, span.tthidden 
{ 
display:block; 
margin-left: 0px; 
padding: 3px 5px 3px 25px; 
border-bottom:1px solid #FFFFFF;
}

div.submenu span.tt, div.submenu span.tthidden 
{ 
display:block; 
margin-left: 0px; 
padding: 3px 5px 3px 35px; 
border-bottom:1px solid #FFFFFF;
}

div.sdmenu a 
{
text-decoration: none;
}

div.submenu 
{
overflow: hidden;
-moz-box-sizing:border-box;
}




div.submenu a 
{
padding: 2px 2px 2px 5px;
border-bottom: 1px solid #FFFFFF;
background:#D1DBE9;
display: block;
color: #073583;
text-decoration: none;
}


div #de_amandelboom a 
{
background:#BABFD8;
color: #1F2A60;
border-bottom: 1px solid #D1D6E5;
}

div #de_hazelaar a 
{
background:#E5C3BA;
color: #7C2B15;
border-bottom: 1px solid #EDD6D1;
}

div #maarlenhof a 
{
background:#D3BABD;
color: #751C25;
border-bottom: 1px solid #E0CDD0;
}

div #margaretha a 
{
background:#F2CE8F;
color: #AD7402;
border-bottom: 1px solid #F2DAB3;
}

div #de_meente a 
{
background:#F9E8A0;
color: #CEA702;
border-bottom: 1px solid #F4E9BD;
}

div #myosotis a 
{
background:#EAE098;
color: #A59208;
border-bottom: 1px solid #EFE8C5;
}

div #de_schans a 
{
background:#B2E2EA;
color: #077F93;
border-bottom: 1px solid #D5ECEF;
}

div #de_vijverhof a 
{
background:#98D5ED;
color: #0555575;
border-bottom: 1px solid #C2E5EF;
}

div #nieuwe_haven a, div #elisabeth a, div #judith a 
{
background:#D9C4DF;
color: #9C64AA;
border-bottom: 1px solid #E2D2E6;
}

div #weezenlanden a 
{
background:#C1C25D;
color: #9E7C00;
border-bottom: 1px solid #D2D38D;
}

div #werkeren a 
{
background:#DF729C;
color: #AE002D;
border-bottom: 1px solid #EBA9C3;
}

div.submenu .submenu a 
{
padding: 2px 2px 2px 5px;
background:#AFBBD6;
display: block;
color: #073583;
text-decoration: none;
border-bottom: 1px solid #BDC8DD;
}

div.submenu a:hover 
{
color: #073583;
border-bottom: 1px solid #FFFFFF;
}



div #de_amandelboom a:hover 
{
background:#D1D6E5;
color: #1F2A60;
border-bottom: 1px solid #D1D6E5;
}

div #de_hazelaar a:hover  
{
background:#EDD6D1;
color: #7C2B15;
border-bottom: 1px solid #EDD6D1;
}

div #maarlenhof a:hover  
{
background:#E0CDD0;
color: #751C25;
border-bottom: 1px solid #E0CDD0;
}

div #margaretha a:hover  
{
background:#F2DAB3;
color: #AD7402;
border-bottom: 1px solid #F2DAB3;
}

div #de_meente a:hover  
{
background:#F4E9BD;
color: #CEA702;
border-bottom: 1px solid #F4E9BD;
}

div #myosotis a:hover  
{
background:#EFE8C5;
color: #A59208;
border-bottom: 1px solid #EFE8C5;
}

div #de_schans a:hover  
{
background:#D5ECEF;
color: #077F93;
border-bottom: 1px solid #D5ECEF;
}

div #de_vijverhof a:hover  
{
background:#C2E5EF;
color: #0555575;
border-bottom: 1px solid #C2E5EF;
}

div #nieuwe_haven a:hover, div #elisabeth a:hover, div #judith a:hover 
{
background:#E2D2E6;
color: #9C64AA;
border-bottom: 1px solid #E2D2E6;
}

div #weezenlanden a:hover 
{
background:#D2D38D;
color: #9E7C00;
border-bottom: 1px solid #D2D38D;
}

div #werkeren a:hover 
{
background:#EBA9C3;
color: #AE002D;
border-bottom: 1px solid #EBA9C3;
}

div.submenu a:hover 
{
background:#BDC8DD;	
color: #073583;
border-bottom: 1px solid #FFFFFF;
}

div.submenu span.s /* inspringen linkjes */
{ 
display:block; padding-left: 30px;
}