/*
  In diesem Stylesheet sind alle wichtigen Style-Angaben definiert, die Einfluss auf das Layout der Homepage haben!
*/

/*
  Mit den ersten Style-Angaben (body; table.master; td.main und td.menue) ist das Grundgerüst (Rahmen) aller Seiten definiert!)
*/

html {
	font-family:Arial;
}

body {
	background-color:#7788FF;
}

table.master {
	width:100%;
	align:center;
	frame:void;
}

td.main {
	vertical-align:top;
	background-color:#b9b9ff;
	padding:15px;
	margin-top:15px;
	width:*;
}

td.menue {
	vertical-align:top;
	width:160px;
}


/*
  Definitionen von Überschriften (h1-h4), des normalen Textes (p) und des Textes in Tabellen (td, div)
*/

h1 {
	font-size:20px;
	text-align:center;
}

h2 {
	font-size:18px;
	text-align:center;
}

h3 {
	font-size:16px;
}

p, li, h4, td, div {
	font-size:14px;
}

/*
  Style-Angabe für Darstellung der Namen auf den Mitarbeiterseiten
*/
p.name {
	margin-top:0px;
	margin-bottom:0px;
	font-size:120%;
	font-weight:bold;
}

/*
  Style-Angabe für die Einrückung von Text (hängend)
*/

p.indent {
	margin-left:4em;
	margin-bottom:0px;
	margin-top:0px;
	text-indent:-2em;
}


/*
  Style-Angaben für die vertikalen Menüs der Navigation
*/

ul.topLevelMenue {
	list-style-type:none;
	margin:15px 0 0 0;
	padding:0 0 0 0;
}

ul.topLevelMenue li {
	width:140px;
	margin-bottom:4px;
	font-size:12px;
}

ul.topLevelMenue li a {
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 3px;
	color:#fff;
	background-color:#999;
	font-weight:bold;
}

ul.topLevelMenue li.active a,
ul.secondLevelMenue li.active a,
ul.topLevelMenue li a:hover,
ul.secondLevelMenue li a:hover {
	background-color:#fff;
	color:#AC191E;
	font-weight:bold;
}

ul.secondLevelMenue {
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0 0 0 0;
}

ul.secondLevelMenue li {
	display:block;
	width:125px;
	text-align:left;
	text-indent:0em;
	font-size:12px;
}