body {background-color: #ffffff; color: black; font-size: 100%}
//body {background-color: #d0e4fe; color: black; font-size: 100%}
//body, td, th, h1, h2 {font-family: arial; font-size: 10pt}
body, td, th {font-family: arial; font-size: 10pt}
//body, td, th {font-family: verdana; font-size: 10pt}
//body, td, th {font-family: sans-serif; font-size: 10pt}
pre {margin: 0px; font-family: monospace; font-size: 10pt }
//small { font size: 8pt; }
a:link {color: #000099; text-decoration: none; }
//a:hover {text-decoration: underline; }
.a { font-size: 80%; }
.a:visited {color: #000099; text-decoration: none; }
.a:hover {color: green; text-decoration: none; }
.b { font-size: 80%; }
.b:visited {color: #000099; text-decoration: none; }
.b:hover {color: red; text-decoration: none; }
.e:link {color: black; text-decoration: none; }
.e:link:active {color: black; text-decoration: none; }
.e:link:visited {color: black; text-decoration: none; font-family: monospace; }
.e:link:hover {color: #ff0000; text-decoration: none; }
.j:link {color: black; text-decoration: none; }
.j:link:active {color: black; text-decoration: none; }
.j:link:hover {color: black; text-decoration: none; }
.m {color: #000099; text-decoration: none; }
.m:visited {color: #000099; text-decoration: none; }
.m:hover {color: #FCFCD4; text-decoration: none; }
.m:active {color: black; text-decoration: none; }
.n {color: black; text-decoration: none; }
.n:visited {color: black; text-decoration: none; }
.n:hover {color: #009900; text-decoration: none; }
.n:active {color: black; text-decoration: none; }
.nm {color: black; text-decoration: none; }
.nm:visited {color: black; text-decoration: none; }
.nm:hover {color: #990000; text-decoration: none; }
.nm:active {color: black; text-decoration: none; }
//.n:link {color: black; text-decoration: none; }
//.n:link:active {color: black; text-decoration: none; }
//.n:link:visited {color: black; text-decoration: none; font-family: monospace; }
//.n:link:hover {color: black; text-decoration: none; }
.center { text-align: center; }
.center table { margin-left: auto; margin-right: auto; text-align: left; }     
.center th { text-align: center; !important }
table { border-collapse: collapse; border-width: 0px; border-style: none }
td { border: 0px; font-size: 100%; vertical-align: top; border-style: none }
th { border: 0px; font-size: 100%; vertical-align: top; text-align: left; border-style: none }
//td, th { border: 1px solid black; font-size: 100%; vertical-align: top; }
h1 {font-size: 150%; }
h2 {font-size: 125%; }
h3 {font-size: 100%; }
.p {text-align: left; vertical-align: middle}
.q {text-align: right; vertical-align: middle}
.l {background-color: #aabbee; font-weight: bold; }
.e {background-color: #aabbee; font-weight: italic; }
//.e {background-color: #ddeeff; font-weight: italic; }
.f {background-color: #ddeeff; font-weight: italic; }
.g {color: #777777; font-weight: italic; }
//.m {background-color: #aabbee; font-weight: italic; }
.c {background-color: #ffffff; font-weight: bold}
.d {background-color: #ffffff; font-size: 80% }
.n {background-color: #ffffff; font-size: 100%}
.u {background-color: #ffffff; font-size: 75%; font-family: monospace; width: 34% }
.v {background-color: #cccccc; }
.z {font-family : monospace; }
.pn {font-size : 85%; }
//i {color: #666666; }
hr {width: 100%; align: center; background-color: #666666; border: 0px; height: 1px; }
input { font-family: arial; font-size: 100% }
textarea { font-family: arial; font-size: 100% }
//input { font-family: lucida-grande; font-size: 80% }
//textarea { font-family: lucida-grande; font-size: 80% }

/* ========================================== */
/* Navigation elements. Defines the formatting
   of the main navigation bar. Attributes for 
   colour and margins can be changed in these 
   rules. */
/* ========================================== */

#nav {
		background-color: #E4ECF8;
//		background-color: #ffffff;
		border-bottom: 1px solid #60646E;
		width: 100%;
}

#nav ul {
		margin: 0 0 0 4px;
		padding: 0;
}

#nav li {
		display: inline;
		list-style-type: none;
		padding: 0;
		margin: 0;
}

#nav li a { 
		padding: 2px 8px 3px 8px;
		border: 1px solid #60646E;
		font-weight: bold;
		line-height: 208%;
}

#nav a:link, #nav a:visited {
		color: #fff;
		background-color: #859DBD;
		text-decoration: none;
}

#nav a:hover, #nav a:active {
		color: #fff;
		background-color: #A8A482;
		text-decoration: none;
}

#top {
		border-bottom: 1px solid #60646E;
		background: #fcfcfc no-repeat right top;
		width: 100%;
}

#hier {
		vertical-align=center;
}

#left {width: 151px; background: #E4ECF8 url("./images/tile.gif") left top repeat-y;}
#left ul {margin: 0; padding: 0; width: 151px;}
#left li {list-style-type: none; display: inline;}

#left li a {
                text-decoration: none;
                background-color: #bcd4f4;
                padding: 5px 0 5px 15px;
                display: block;
                color: #000;
                border-right: 1px solid #60646E;
                border-bottom: 1px solid #60646E;
}

#left li a:hover {
                color: #000;
                background-color: #F6F6F6;
}