/* Definition der Headlines ohne Links */
.headline   	 {font-family:arial, helvetica, geneva, sans-serif; font-size:15; color:#000000; font-weight:bold;}
.headline-s   	 {font-family:arial, helvetica, geneva, sans-serif; font-size:13; color:#FF0000; font-weight:bold;}

/* Definition des body-tags */
body { 
	margin-top:3px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:3px;
	FONT-SIZE:11px; 
	FONT-STYLE:normal;
	FONT-FAMILY:arial,verdana,helvetica,sans-serif; 
	background-color:#000098;
}

/* Definition der Haupttabelle */
.table-main { 
	table-layout:fixed;
	border:0;
	padding:0;
	margin:0;
	height:100%; 
	width:700px; 
}

/* Definition der Contenttabelle */
.table-content { 
	table-layout:fixed;
	height:100%; 
	width:100%; 
}

/* Definition der Navigationstabelle */
.table-nav { 
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:5px;
	background-color:#DCDCDC;
}

/* Definition der Headerszelle */
.td-head { 
	height:80px; 
	background-color:#0000CD;
	background-image:url(../grafik/elke-logo-4.jpg);
}

/* Definition der Navigationszelle */
.td-nav { 
	width: 150px;
	vertical-align:top;
	background-color:#ED5555;
}

/* Definition der Contentzelle */
.td-content { 
	width: 550px;
	vertical-align:top;
	background-color:#EEE8AA;
	background-image:url(../grafik/sax-4-bg.gif);
}

/* Definition der Contenttabellenzeile */
.td-table-content { 
            text-align:left;
	padding-left:5px; 
	padding-right:5px; 
	padding-top:2px; 
	padding-bottom:2px; 
}

/* Definition des Footers */
.td-footer { 
	background-color:#0000CD;
	height:20px;
	text-align:center; 
}


/* Definition der Texte */
.subheadline {font-family:arial, helvetica, geneva, sans-serif; font-size:11px; color:#000000; font-weight:bold;}
.text-10 {font-family:arial, helvetica, geneva, sans-serif; font-size:10px; color:#000000;}
.text-10-bold {font-family:arial, helvetica, geneva, sans-serif; font-size:10px; color:#000000; font-weight:bold;}
.text-10-bold-white {font-family:arial, helvetica, geneva, sans-serif; font-size:10px; color:#ffffff; font-weight:bold;}
.text-11 {font-family:arial, helvetica, geneva, sans-serif; font-size:11px; color:#000000;}
.text-11-bold {font-family:arial, helvetica, geneva, sans-serif; font-size:11px; color:#000000; font-weight:bold;}
.text-11-white-bold { color:#deddd8; font-style:normal; font-weight:bold; font-size:11px; line-height:13px; font-family:Arial, Verdana, Helvetica, sans-serif; text-decoration:none;}
.text-12 {font-family:arial, helvetica, geneva, sans-serif; font-size:12px; color:#000000;}
.text-12-bold {font-family:arial, helvetica, geneva, sans-serif; font-size:12px; color:#000000; font-weight: bold;}
.text-13 {font-family:arial, helvetica, geneva, sans-serif; font-size:13px; color:#000000;}
.text-13-bold {font-family:arial, helvetica, geneva, sans-serif; font-size:13px; color:#000000; font-weight: bold;}
.text-14-black {font-family:arial, helvetica, geneva, sans-serif; color:#000000; font-style:normal; font-size:14px; text-decoration:none;}
.text-14-bold {font-family:arial, helvetica, geneva, sans-serif; font-size:14px; color:#000000; font-weight: bold;}

.tdcenter {align:center; valign:center; }

.block-11 {
			border-color:#000000; 
			border-style:solid; 
			border-width:1px; 
			color:#000000; 
			display:block; 
			font-family:arial, helvetica, geneva, sans-serif; 
			font-size:11px; 
			font-weight:bold; 
			height:17px; 
			margin-bottom:0px; 
			margin-top:0px; 
			padding-left:0px; 
			padding-right:0px; 
			text-align:center; 
			width:70px; 
			background-color:#dbab92; 
}

.block-11-137px {
	background-color: yellow;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 11px;
      	font-weight: bold;
	height: 17px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 0px;
	text-align: left;
	width: 137px;
}


/* Definition der Inputboxen Suche */
.inputbox {font-family:arial, helvetica, geneva, sans-serif; background-color:#ffffff; font-size:11px; color:#000000; border:1px #333333 solid; padding-left:3 }

/* Allgemeine Definition der Links z.B. Pfad wenn nicht anders definiert */
A:link           {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: none; color:#000000; font-weight:bold }
A:visited        {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: none; color:#000000; font-weight:bold }
A:hover          {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; font-weight:bold; text-decoration: underline; color:#CC3300; font-weight:bold }
A:active         {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: underline; color:#000000; font-weight:bold }

/* Definition der Links im blauen Bereich */
A.white                      {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: none; color:#F5F5F5; font-weight:bold }
A.white:link              {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: none; color:#F5F5F5; font-weight:bold }
A.white:visited        {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: none; color:#F5F5F5; font-weight:bold }
A.white:hover          {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; font-weight:bold; text-decoration: underline; color:#CC3300; font-weight:bold }
A.white:active         {font-family:arial, verdana, helvetica, geneva, sans-serif; font-size:11px; text-decoration: underline; color:#F5F5F5; font-weight:bold }


/* Definition der Hauptnavigation */
a.nav {
	background-color: #DCDCDC;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	display: block;
	font-family: arial, helvetica, geneva, sans-serif;
	font-size: 11px;
      	font-weight: bold;
	height: 17px;
	text-align:center; 
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;

}

a.nav:link {
	color: #000000;
	text-decoration: none;
}

a.nav:visited {
	color: #000000;
	font-size: 11px;
      	font-weight: bold;
	text-decoration: none;
}

a.nav:hover {
	background-color: #FF0000;
	color: #ffffff;
	font-size: 11px;
      	font-weight: bold;
	text-decoration: none;
}

a.nav:active {
	color: #000000;
	text-decoration: none;
}

/* Definition der Subnavigation */
a.navsubinaktiv:link, a.navsubinaktiv:visited {
	background-color: #DCDCDC;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-family: arial, verdana, helvetica, geneva, sans-serif;
	font-size: 11px;
      	font-weight: bold;
	height: 17px;
	margin-bottom: 1px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 0px;
	text-align: left;
	width: 130px;
}

a.navsubinaktiv:hover, a.navsubinaktiv:aktive, a.navsubinaktiv:focus {
	background-color: #ED5555;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #ffffff;
	text-decoration: none;
	display: block;
	font-family: arial, verdana, helvetica, geneva, sans-serif;
	font-size: 11px;
      	font-weight: bold;
	height: 17px;
	margin-bottom: 1px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 0px;
	text-align: left;
	width: 130px;
}

/* Definition der Subnavigation -  die aktuelle Seite ist markiert */
a.navsubaktiv:link, a.navsubaktiv:visited {
	background-color: EEE8AA;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: 000000;
	text-decoration: none;
	display: block;
	font-family: arial, verdana, helvetica, geneva, sans-serif;
	font-size: 11px;
      	font-weight: bold;
	height: 17px;
	margin-bottom: 1px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 0px;
	text-align: left;
	width: 130px;
}

a.navsubaktiv:hover, a.navsubaktiv:aktive, a.navsubaktiv:focus {
	background-color: #EEE8AA;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	text-decoration: none;
	display: block;
	font-family: arial, verdana, helvetica, geneva, sans-serif;
	font-size: 11px;
      	font-weight: bold;
	height: 17px;
	margin-bottom: 1px;
	margin-top: 0px;
	padding-left: 3px;
	padding-right: 0px;
	text-align: left;
	width: 130px;
}


/* 

Men mit Automarkierung
Je l„nger eine Menleiste ist, desto schwieriger f„llt die schnelle Orientierung. Webdesigner greifen deshalb gern zu einem Trick und markieren die gerade aufgerufene Seite oder Rubrik. Mit Javascript kann man sich diese Arbeit erleichtern.
Dazu werden zuerst zwei CSS Klassen definiert, eine fr die aktuelle Seite, eine fr alle anderen. Gleich nach dem Laden einer Seite berprft ein Javascript, ob einer der im Men vorhandenen Links auf sich selbst verweist. Ist das der Fall, wird die CSS Klasse ausgetauscht und der Link optisch hervorgehoben. Man sieht also auch im Men wo man sich gerade befindet.
Die aktuelle Seite wird rot verlinkt
Der Webdesigner muss nichts ver„ndern und keine Extraseiten anlegen. Nur die Standard-Klasse muss jedem Link zugewiesen werden.

<script language="JavaScript">
// Bei Link auf aktuelle Seite die CSS Klasse auf aktiv setzen
function highlightCurrentPageLink() {
// Alle Links durchlaufen und pruefen
var anzHrefs = document.getElementsByTagName("a").length;
for (var i = 0; i <= anzHrefs - 1; i++) {
// Link auf aktuelle Seite gefunden, also umsetzen CSS auf aktiv
if (document.getElementsByTagName("a")[i].href == document.location.href) {
var currentClassName = document.getElementsByTagName("a")[i].className;
var newClassName = currentClassName.replace(/inaktiv/,"aktiv");
document.getElementsByTagName("a")[i].className = newClassName;
}
}
}
</script>

<body onload="highlightCurrentPageLink()">

 */