CSS
<!-- This stylesheet was defined by Andreas Fritz / ITNovation GmbH -->
	/* ----- einige CSS-Tags haben einen vorangestellten *. Es handelt sich hier ----- */
	/* ----- um den so genannten star hack. Socleh Elemente sind nur für den     ----- */
	/* ----- Internet Explorer sichtbar!                                         ----- */
	
	/* ----- Grundstellung aller Elemente ----- */
	html, body, div, p, h1, h2, h3, h4, ul, ol,
	span, a, table, form, img, li, container, .kopf1, .kopf1a, .kopf2, .kopf3 {
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	/* ----- body ----- */
	body {
		font-size: 1em;
		background-color: white;
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	/* ----- Container mit Inhalten ----- */
	.container {
		position: absolute;
	               top: 0px;
		left: 0px;
	}
	/* ----- Kopfzeilenbereich ----- */
	.kopf1  /** itNovation Logo **/
	{
	position: relative;
	top: 0px;
	background: url("/public/itnweb.nsf/pictures/hd-space/$FILE/hd_space.gif");
	background-repeat: repeat-x;
	z-index: 0;
	}
	.kopf1a  /** Grafik oben rechts **/
	{
		position: relative;
		float: right;
		top: 0px;
		 z-index: 3;
	}
	.kopf2  /** TopNavigatior **/
	{
		position: relative;
		display: block;
		top: 1px;
		float: right;
		padding: 1px 5px 1px 12px;
		z-index: 3;
	}
	/* ----- Inhalt / Content ----- */
	.content {
		position: relative;
		top: 0px;
		padding: 5px;
		margin-right: 130px;
		margin-left: 220px;
		line-height: 1.3em;
	}
	/* ----- linke Box ----- */
	.sidebar-a {
		float: left;
		padding: 0 0 0 10px;
		width: 200px;
		border-right: 3px dotted #e7e7e7;
		margin: 5px 5px 15px 1px;
		line-height: 1.2em;
		background-color: #ffffff;
	}
	.sidebar-a h1 {
		padding: 0px 0px 0px 10px;
		margin: 14px 0px 0px 0px;
		width: 180px;
		color: gray;
		font-size: 85%;
		background: #e7e7e7;
		background-position: top right;
		background-repeat: no-repeat;
		border: none;
	}
	.sidebar-a h2 { display:none; }
	.login {
		padding: 0px 0px 0px 10px;
		margin: 0px 0px 0px 0px;
		width: 175px;
		color: black;
		font-size: 85%;
		background: #ffffff;
		background-position: top right;
		background-repeat: no-repeat;
	}
	.textkopf  /** Kopf in Dokumenten **/
	{
		position: relative;
		margin-top: 10px;
		border-top: 1px solid #ff9900;
		border-bottom: 1px none #ff9900;
		border-left: 1px solid #ff9900;
		border-right: 1px solid #ff9900;
		font-weight: bold;
		font-size: 85%;
		background: url("/public/itnweb.nsf/pictures/headline01/$FILE/headline02.jpg") repeat-x;
	}
	.textkasten  /** Text, der zum textkopf gehört **/
	{
		position: relative;
		background: #ffffff;
		border-top: 1px none #ff9900;
		border-bottom: 1px solid #ff9900;
		border-left: 1px solid #ff9900;
		border-right: 1px solid #ff9900;
		padding: 4px 10px 3px 4px;
		text-align: left;
		font-weight: normal;
		font-size: 85%;
		clear: both;
	}
	/* ----- Fußzeile ----- */
	.footer {
		position: relative;
		margin-top: 10px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-left: 0px;
		padding: 2px 5px 2px 5px;
		border-top: 2px solid #ff9900;
		font-size: 75%;
	}
	/* ----- Links ----- */
	A {
		font-weight: normal;
		color: Black;
		text-decoration: underline;
	}
	A:HOVER {
		font-weight: normal;
		color: red;
		text-decoration: underline;
	}
	a.eingerueckt {
		font-size: 80%;
		border-bottom: 1px solid #e7e7e7;
		padding-left: 10px;
		display: block;
		width: 180px;
		color: black;
		background-color: #ffffff;
		text-decoration: none;
	}
	a.eingerueckt:hover {
		font-size: 80%;
		border-right: 8px solid #ff9900;
		padding-left: 10px;
		width: 180px;
		color: black;
		background-color: #fbedbc;
		text-decoration: none;
	}
	/* ----- Listen ----- */
	UL {
		font-size:100.01%;
		margin-left: 10px;
	}
	LI {
		border-bottom: 0px solid #e7e7e7;
		list-style: disc inside;
		padding-top: 0px;
	}
	/* ----- NAvigation oben ----- */
	.kopf2 ul {
		position: relative;
		top: 0px;
		right: 0px;
		margin-top: 0px;
		padding: 5px 1px 5px;
		font-size: 80%;
		border: none;
	}
	.kopf2 li {
		list-style: none;
		display: inline;
		font-size: 85%;
		border-bottom: none;
		text-decoration: none;
	}
	.kopf2 li a{
		padding: 0em 1em 0em 0.75em;
		border-left: 8px solid #e7e7e7;
		/*background: #CCD;*/
		text-decoration: none;
		border-bottom: none;
	}
	.kopf2 li a:link { color: #448; }
	.kopf2 li a:visited { color: #667; }
	.kopf2 li a:hover {
		border-color: #ff9900;
		color: black;
		background: #fbedbc;
		text-decoration: none;
	}
	h1 {
		margin: 14px 0 5px 0;
		width: 100%;
		color: black;
		font-size: 111.01%;
		font-weight: bold;
		background-position: top right;
		background-repeat: no-repeat;
		border-bottom-color: #FF9900;
		border-bottom-style: dotted;
		border-bottom-width: medium;
		border-collapse: collapse;
	}
	h2 {
		margin: 14px 0 0 0;
		width: 100%;
		color: black;
		font-size: 101.01%;
		font-weight: bold;
		background-position: top right;
		background-repeat: no-repeat;
		border-bottom-color: #FF9900;
		border-bottom-style: dotted;
		border-bottom-width: thin;
		border-collapse: collapse;
	}
	h3 {
		margin: 14px 0 0 0;
		width: 100%;
		color: black;
		font-size: 101.01%;
		background-position: top right;
		background-repeat: no-repeat;
		border-bottom-color: #FF9900;
		border-bottom-style: dotted;
		border-bottom-width: medium;
		border-collapse: collapse;
	}
	hr {
		border-color: #e7e7e7;
		border-style: solid;
		border-width: normal;
	}
	/* ----- Thumbnails / Bilder darstellen mit Rahmen ----- */
	.thumbnail {
		float: left;
		background: #fff;
		margin: 10px 10x 10px 10px;
		padding: 4px;
		border: 6px double #727081;
	}
	/* ----- neue Zeile statt mehrere <BR/> ----- */
	.newline{
		clear:both;
	}
/*----- Tabellen -----*/
	table.easy,  table.easy tr, table.easy th, table.easy td{
		border-color: #e7e7e7;
		border-style: solid;
		border-width: 2px;
		cellspacing: 0;
		cellpadding: 0;
		border-collapse: collapse;
	}
	
	table.easy th {
		background-color: #e7e7e7;
	}
/*----- elemente für Eingabefelder -----*/
	fieldset {
		display: block;
		margin: 0 0 .6em 0;
		padding: 1em 1em 1em 1em;
		border-color: #e7e7e7;
		border-style: solid;
		border-width: normal;
	}
	label {
		float: left;
		display: block;
		margin: 1em 1em 0 0;
		font-weight: normal;
	}
/*----- elemente für rounded box  ----- */
	/* set millions of background images */
	.rbroundbox { background: url("/public/itnweb.nsf/pictures/roundedbox/$FILE/c00.gif") repeat; }
	.rbtop div { background: url("/public/itnweb.nsf/pictures/roundedbox/$FILE/c11.gif") no-repeat top left; }
	.rbtop { background: url("/public/itnweb.nsf/pictures/roundedbox/$FILE/c12.gif") no-repeat top right; }
	.rbbot div { background: url("/public/itnweb.nsf/pictures/roundedbox/$FILE/c21.gif") no-repeat bottom left; }
	.rbbot { background: url("/public/itnweb.nsf/pictures/roundedbox/$FILE/c22.gif") no-repeat bottom right; }

	/* height and width stuff, width not really nessisary. */
	.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
	}
	.rbcontent { margin: 0 7px; }
	.rbroundbox { width: 100%; margin: 1em auto; }
/*----- end of rounded box -----*/
/*----- Druckausgabe -----*/
@media print {
	.kopf1, .kopf1a	{display: none; }
	.kopf2	{display: none; }
	.sidebar-a	{display: none; }
	body, UL, LI {
		background: white;
		font-family: Times, "Times New Roman", serif;
		font-size: 12pt;
		}
	.content {
		position: relative;
		top: 10px;
		padding: 5px;
		padding-right: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-left: 0px;
		line-height: 1.3em;
		background: white;
		font-family: Times, "Times New Roman", serif;
		font-size: 12pt;
	}
	UL {
		font-size:100.01%;
		margin-left: 10px;
	}
	LI {
		list-style: disc outside;
		padding-top: 0px;
	}
	* LI {
		list-style: disc outside;
		padding-top: 0px;
		margin-left: 2em;
	}
	A {
		font-weight: bold;
		color: Black;
		text-decoration: none;
	}
	a:link:after, a:visited:after {
		content: "   ("  "link:  "  attr(href)   ")   ";
		font-weight: normal;
		font-size: 80%;
		}
} /* ----- end of @media print ----- */
]