@media screen {

	ul.Navigation {
	    background-color: #9AA6B5;
        display: block;
        list-style: none outside none;
        margin: 2px 4px;
        overflow: hidden;        
    }

	ul.Navigation li {
        border-style: solid;
        border-color: #F5F5F5;        
        margin: 0;
        padding: 0;
    }

    ul.Navigation li a, ul.Navigation li span {
        color: White;
        display: block;
        padding: 6px 8px;
    }

	ul.Navigation
	    a {
	        text-decoration: none;
        }
        
    ul.Navigation        
        a.Breadcrumb {
	        background-color: #F58229;
        }

	ul.Navigation
	    span {
	        cursor: default;
	    }

	ul.Navigation
	    a:hover,
    ul.Navigation
        span:hover {
            background-color: #F58229;
        }
	
	/* HORIZONTAL NAVIGATION */
	
	div#menu
	    ul.Navigation {
	        margin-right: 0;
        }
	
	div#menu
	    ul.Navigation
	        li {
	            background-color: #677588;
	            border-width: 0 0 0 1px;
	            float: left;
	        }
	
	div#menu
	    div#side-navigation
	        ul.Navigation {
	            margin-left: 0;
            }
    
    div#menu
        div#side-navigation
            ul.Navigation
                li { float: right; border-width: 0 1px 0 0; }
		
	
	/* VERTICAL NAVIGATION */

	div#content
	    ul.Navigation
	        li {
	            background-color: #9AA6B5;
  		        border-bottom-width: 1px;
		        display: block;
	        }

	div#content
	    ul.Navigation
	        a.Expandable {
		        background-image: url(http://images.gfk.nl/dingbat.asp?type=expand&color=F5F5F5);
		        background-repeat: no-repeat;
		        background-position: 99% center;
	        }

    /* MULTI-LEVEL NAVIGATION */
     
	div#content
	    ul.Navigation
	        ul.Navigation {
	            margin: 0;
	        }
	        
	div#content
	    ul.Navigation
	        ul.Navigation
	            li {
	                background-color: #CFD6DD;
	                border-width: 1px 0 0 0;
	            }

	div#content
	    ul.Navigation
	        ul.Navigation
	            a {
	                text-indent: 10px;
	            }
	
	/* META NAVIGATION */
	
	div#footer
	    ul.Navigation {
	        background-color: Transparent;
	    }
}

/*
<div id="sub-navigation">
    <ul class="Navigation">
        <li>
            <a href="/profile/report/" title="Een storing, vakantie of ziekte of iets anders doorgeven.">Meldingen maken</a>
            <ul class="Navigation">
                <li class="Breadcrumb">
                    <a href="/profile/report/break/" title="">Een vakantie doorgeven</a>
                </li>
                <li>
                    <a href="/profile/report/health/" title="">Een ziekte doorgeven</a>
                </li>
                <li>
                    <a href="/profile/report/jamming/" title="">Een storing doorgeven</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

*/