COOLMENU-FARBE [erledigt]

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
padding-top: 2px;
cursor: pointer;
background-color:#990000;
font-weight: bold;
color:#009933;

}
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover
{
background-color:#990000;
background-image: url();
text-decoration: underline overline;
font-weight: bold;
color:#009933;
}

.menu li a{color:#009933;}

.menu li a{color:#009933 !important;}

<div align="center">
<style type="text/css" media="screen">
<!--
body
{
font-family: Verdana, sans-serif;
font-size: 15px;
overflow: auto;
padding: 10px;
margin: 0px;
}

ul, li
{
list-style-type: none;
padding: 0px;
margin: 0px;
}

li a
{
padding-right: 20px;padding-top: 5px;;
}


div.menu
{
position: absolute;
z-index: 1;
top:190px;
left: 23%;
margin-left: 0px;
width: 580px;
}


.menu li
{
width: 145px;
float: left;
color:#009933 !important;
}

.menu a
{
border: opx solid;
color:#009933;
background-image: url();
text-decoration: none;
text-align: center;
cursor: pointer;
margin: 0px 0px;
display: block;
height: 20px;
font-weight: bold;
}

.menu a:hover
{
background-color:#990000;
background-image: url();
color:#009933;
text-decoration: underline overline;
}


#smenu1, #smenu2, #smenu3, #smenu4
{
font-size: 15px;
display: none;
width: 145px;
float: left;
font-weight: bold;
color:#009933;
}

#smenu1 a, #smenu2 a, #smenu3 a, #smenu4 a
{
padding-top: 2px;
cursor: pointer;
background-color:#990000;
font-weight: bold;
color:#009933;
}
#smenu1 a:hover, #smenu2 a:hover, #smenu3 a:hover, #smenu4 a:hover
{
background-color:#990000;
background-image: url();
text-decoration: underline overline;
font-weight: bold;
color:#009933;
}
//-->

</style>

<script type="text/javascript">
<!--
function montre(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'block';
else if (all)
all[id].style.display = 'block';
else
layers[id].display = 'block';
}
}

function cache(id)
{
with (document)
{
if (getElementById)
getElementById(id).style.display = 'none';
else if (all)
all[id].style.display = 'none';
else
layers[id].display = 'none';
}
}
//-->
</script>
<div class="menu">
<li><a href="http://zaza12test.de.tl/G.ae.stebuch.htm"><font color="#009933">Gästebuch</font>
</a> </li>
<li><a onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" href="javascript:void(0);"><font color="#009933">Musik</font>
</a>
<ul onmouseout="cache('smenu2');" onmouseover="montre('smenu2');" id="smenu2">
<li><a href="http://zaza12test.de.tl/Kurd.htm">kurdisch</a></li>
<li><a href="http://zaza12test.de.tl/Zaza.htm">zazaki</a></li>
<li><a href="http://zaza12test.de.tl">Titel</a></li>
</ul>
</li>
<li><a onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" href="javascript:void(0);"> <font color="#009933">Videos</font>
</a>
<ul onmouseout="cache('smenu3');" onmouseover="montre('smenu3');" id="smenu3">
<li><a href="http://www.zaza12test.de.tl/s3.htm">Seite1</a></li>
<li><a href="http://www.zaza12test.de.tl/s4.htm">Seite2</a></li>
<li><a href="http://zaza12test.de.tl">Titel</a></li>
<li> </li>
</ul>
</li>
<li><a href="http://zaza12test.de.tl"><font color="#009933">TITEL 4</font>
</a></li>

</ul>
</li>
</div>