CSS Styles - ich drehe noch durch

[Nonens]

Hi, folgende Seite: http://www.siebter-sinn.de/neu_7sinn/tpl/index.php

folgendes Problem:

Ich möchte in der Navi andere Stylesheets für meine Links haben als auf dem Rest der Seite. Irgendwie ist das aber alles total verquer, ich blicke schon nicht mehr durch.

Ist ein Link angeklickt worden, funktioniert der hover-Effekt nicht mehr.

Der aktivierte Link nutzt die Color vom a:visited Link. Bin total verwirrt ...

Übrigens funktionieren nur die Links Home und Siebter Sinn. Die anderen Seiten existieren noch nicht.

Hier der CSS Code für die Links:

a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: none;
}

a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F8C08B;
	text-decoration: none;
}

a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
}

a.menu_headline:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	border: 1px;
	border-color: #72060E;
	border-style: solid;
}

a.menu_headline:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F8C08B;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #F8C08B;
}
a.menu_headline_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #F8C08B;
	text-decoration: none;
	border: 1px;
	border-style: solid;
	border-color: #F8C08B;
}

a.menu_headline:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: none;
	border: 1px;
	border-color: #72060E;
	border-style: solid;
}

Weiß jemand Rat?

Danke schon mal jetzt ...
Gruß,
Nonens

 

[.marc]

du hast viel zu viele klassen, es reichen folgende (nur für die Headline)

a.head_line{
/* Standart-Eigenschaften */
}

a.head_line:hover{
/* Hover-Eigenschaften */
}

visited musst du weglassen sonst funtkioniert der Hovereffekt dann nicht mehr...