<style>
body
{
background-color: orangered;
color: #D6D6D6;
}
#menu
{
width:12em;
}
#menu ul
{
list-style:none;
margin-left:0pt;
}
#menu ul.submenu
{ display:none;
margin-left:10px;
}
#menu li a
{
display:block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid orange;
border-right: 10px solid orange;
background-color: seaorange;
color: #03C;
text-decoration: ;
width:100%;
}
#menu li a:hover
{
border-left: 10px solid redorange;
border-right: 10px solid redorange;
background-color: redorange;
color: #CC,66,00;
}
#menu li
{
border-top: 1px solid white orange;
white-space: nowrap css;
}
#menu li.last
{
border-bottom: 1px solid white orange;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li>
<a onClick="return expandOrCollapse(this);" <a style="text-decoration: none" href="index.htm">Startpagina</a>
</li>
<li>
<a href="artikels.php" onClick="return expandOrCollapse(this);" style="text-decoration: none">Racesport</a>
<ul class="submenu">
<li>
<a href="cursussen.php" style="text-decoration: none">Forumule 1</a>
</li>
</ul>
</li>
<li>
<a href="artikels.php" onClick="return expandOrCollapse(this);" style="text-decoration: none">Balsport</a>
<ul class="submenu">
</ul>
</li>
<li>
<a href="artikels.php" onClick="return expandOrCollapse(this);" style="text-decoration: none">Artikels</a>
<ul class="submenu">
<li>
<a href="php.php" style="text-decoration: none">PHP</a>
</li>
<li>
<a href="html.php" style="text-decoration: none">HTML</a>
</li>
<li>
<a href="js.php" style="text-decoration: none">JavaScript</a>
</li>
</ul>
</li>
<li class="last">
<a href="scripts.php" style="text-decoration: none">Scripts</a>
</li>
</ul>
</div>
<p> </p>
