kan iets niet vinden in een css bestand

[hammie47]

Ik heb de volgende CMS website: http://wsvdelaatsteloodjes.nl/joomla/
Daarin wil ik de letterkleur in het menu, van grijs naar zwart maken.
Dit had ik al eerder gedaan met de rest van de site, door het betreffende css (template) bestand aan te passen. Er is maar 1 css bestand voor deze template.
In datzelfde css bestand, zou ook de kleur moeten staan van het menu, althans de fonts daarin.
Ik kan het echter niet vinden.
Wil iemand misschien eens kijken, waar in het css bestand ik moet zijn?
Ik quote hier het deel waar het volgens mij zou moeten staan. Het totale bestand is nogal veel tekst.
Zo nodig kan ik die wel op verzoek, mailen.

body,html {height:100%;}

body{background:#ffff;font: 400 12px/1.3em Arial, Tahoma, Verdana, Helvetica;color:#000000;margin:0;padding:0}

.clr{clear:both;overflow:hidden;font-size:0;line-height:0;}

ul{list-style:none;margin:0;padding:0}

a,img{outline:none;margin:0;padding:0;border:none;}

a:link, a:visited { color:#777;text-decoration:none;}

a:hover, a:active, a:focus { color:#4e8f0c; }

form { padding:0;margin:0; }

header, nav, menu, section, aside, article, footer { display:block; }



h1,h2,h3,h4,h5,h6 { margin:0 0 20px;font-family: 'Droid Serif', serif; color:#666;line-height:normal; }



h1 { font-size:24px;}

h2 { font-size:20px; color:#4e8f0c;}

h3 { font-size:18px; color:#4e8f0c;font-family: 'PT Sans Narrow', serif;}

h4 { font-size:14px;}

h5 { font-size:12px;}

h6 { font-size:11px;}



iframe {border:none;}

dl dd {

	padding:0 0 0 10px;

	margin:0;

}



fieldset { border:none;margin:0;padding:0;}

input, textarea, button { border: none;background:#000;color:#fff;}

button {  background: url("../images/but.gif") repeat-x scroll left top transparent;color:#fff;border:none; }

.cont input{background:#fff;color:#555; border: 1px solid #ccc}



p { margin:0 0 10px; }



.page_bg { background: #fff url(../images/page_bg.png) repeat-x center top; }

.page { min-height: 100%; }



.wrapper { padding-bottom: 140px; }



.main { width:960px;margin:0 auto; }

.top { margin:0 auto;width:960px;height:38px}

.top .menu { height:26px;padding:6px 0;}

.top .menu li { float:left;height:26px;margin:0 10px 0 0;font-size:12px;}

.top .menu a { float:left;background: transparent url(../images/top_menu_r_bg.png) no-repeat top right;text-decoration:none;}

.top .menu a span { float:left;height:26px;padding:0 10px;color:#777;line-height:25px;background: transparent url(../images/top_menu_l_bg.png) no-repeat top left;cursor:pointer;}

 

[Daantje3]

template.css (regel 292)

.leftcol ul.menu li a, .leftcol ul.menu li a:link, .rightcol ul.menu li a, .rightcol ul.menu li a:link {
    color: #888888;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
}

zoek die code op en vervang het met deze code:

.leftcol ul.menu li a, .leftcol ul.menu li a:link, .rightcol ul.menu li a, .rightcol ul.menu li a:link {
    color: #000;
    font-size: 11px;
    font-weight: 400;
    line-height: 17px;
    text-decoration: none;
}

Als het goed is zal het werken

 

[hammie47]

Dit was de oplossing. Bedankt!

 

[Daantje3]

geen dank