/* CSS Document */

/*verticaal submenu*/
#menu {
position:relative;
top:0em;
left:0em;
width:166px;
font-size:1.2em;
padding:0.6em 20px 3em 20px;
z-index:10;
float:left;
}

#menu a {
display:block;
text-align:left;
font-weight:normal;
margin:0;
padding:4px 6px;
color:#003566;
text-decoration:none;
/*background: url(../images/dot.gif) bottom repeat-x;*/
border-bottom:2px dotted #d0d3de;
}

#menu a:hover, #menu a:active, #menu a#here:visited, #menu a#here:active, #menu a.x#here { background-color:#e5eaef; }

#menu ul{
list-style:none;
margin:0;
padding:0;
width:100%;
/*background: url(../images/dot.gif) top repeat-x;*/
}

#menu li{
list-style:none;
}

/* Requirement: Put the element selector name (div)
onto non anchor hover selectors to force IE5 and
5.5 to correctly apply the csshover file. */

div#menu li, div#menu li:hover{
position:relative;
}

div#menu li ul{
position:absolute;
top:0;
left:100.1%;
display:none;
}

div#menu ul ul,
div#menu ul ul ul,
div#menu ul li:hover ul ul,
div#menu ul li:hover ul ul ul
{display:none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display:block;
	width:20em;
	border:1px solid #d0d3de;
	margin:0;
	background: #fff; 
	padding:5px;
	z-index:20;
}


/* Styling for Expand */
#menu a.x, 
#menu a.x:visited, 
#menu a.x:active { background:#fff url(../images/expand.gif) no-repeat center right; }

#menu a.x:hover { background:#e5eaef url(../images/expand.gif) no-repeat center right; }



/* menu onderaan de pagina */

#footer_nav {
width:446px;
height:40px;
padding: 10px 10px 20px 5px;
float:left;
}
#footer_nav_breed {
width:747px;
height:40px;
padding: 10px 10px 20px 5px;
float:left;
}
 
#footer_nav a, #footer_nav_breed a {
font:normal 1.1em verdana,arial,helvetica,sans-serif;
color:#003566;
text-decoration:none;
text-align:center;
white-space:normal;
float:left;
padding-right:10px;
}


#footer_nav ul, #footer_nav_breed ul {
list-style:none;
margin:0;
padding:0;
}

#footer_nav li, #footer_nav_breed li {
list-style:none;
}