BODY
{
    BACKGROUND-IMAGE: url();
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H1
{
    COLOR: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size:14pt;
}
H2
{
    color: black;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    font-size:12pt;
}
H3
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H4
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H5
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
H6
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
td.field
{
	background-color:#F3F3F3;
	font-size:70%;
	border-width:1pt;
	border-style:solid;
	border-color:white;
}
td.bom
{
	background-color:#F3F3F3;
	font-size:70%;
	border-width:1pt;
	border-style:solid;
	border-color:white;
}
td.bom2
{
	background-color:#DCDCDC;
	font-size:70%;
	border-width:1pt;
	border-style:solid;
	border-color:white;
}
td.info
{
	text-align:center;
	background-color:#DCDCDC;
	font-size:100%;
}
td.kom
{
	text-align:center;
	background-color:#ccffcc;
	font-size:90%;
	border-bottom-width:1pt;
	border-bottom-style:solid;
	border-color:#000000;
}
td.wow
{
	text-align:center;
	background-color:red;
	font-size:100%;
	border-bottom-width:1pt;
	border-bottom-style:solid;
	border-color:#000000;
}

th
{
	background-color:#CACAFF;
	color:red;
	font-weight:lighter;
	font-size:100%;
	border-right-width:0pt;
	border-right-style:solid;
	border-left-width:0pt;
	border-left-style:solid;
	border-color:white;
}
th.menu
{
	background-color:#CACAFF;
	color:red;
	font-weight:lighter;
	font-size:100%;
	border-right-width:1pt;
	border-right-style:solid;
	border-left-width:1pt;
	border-left-style:solid;
	border-color:#C0C0C0;
}

th.info
{
	background-color:#B0C4DE;
	color:black;
	font-weight:bold;
	font-size:120%;
}

.companyName
{
	color:blue;
	font-weight:bold;
	font-size:120%;
}

.application
{
	color:blue;
	font-weight:bold;
	font-size:120%;
}

ul
{
	list-style-type:disc;
}
div
{
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}
p.background
{
	color:white;
}
#logo { position:absolute; left:0%; top:12%; width:98%; height:12%; z-index:98; }
#blue { position:absolute; left:799px; top:12%; width:160px; height:51px; }
#bgImage { position:absolute; left:33%; top:50%; width:400px; height:312px; z-index:1;}
#haus1 { position:absolute; right:3%; top:48%; width:40%; height:40%; z-index:1;}
#haus2 { position:absolute; left:20%; top:23%; width:40%; height:40%; z-index:2;}
#bgText { text-align:center; font-size:8pt; position:absolute; left:10%; top:45%; width:80%; height:312px; z-index:2;}
#logo2 { background:#442D75; border:none; position:absolute; left:0%; top:12%; width:74px; height:74px; z-index:99; }
#navi {
	position:absolute; left:2%; top:33%; width:19%; height:60%;
	color:green;
	z-index:3;
}
#textArea {
	position:absolute; left:25%; top:33%; width:70%; height:60%;
	color:black;
	z-index:3;
}
#textArea3 {
	background-color:white;
	position:absolute; left:20%; bottom:5px; width:40%; height:40%;
	color:black;
	z-index:99;
	padding-top:0;
	padding-bottom:0;
	vertical-align:bottom;
	text-align:center;
}
#textArea4 {
	position:absolute; right:1%; top:26%; width:40%; height:60%;
	color:black;
	z-index:3;
}
#textArea2 {
	position:absolute; left:25%; top:33%; width:70%; height:60%;
	color:black;
	z-index:3;
	background:white;
}
#textfmt1 {
	padding-top:0;
	padding-bottom:0;
	vertical-align:bottom;
}
a:link { color:blue; font-weight:bold; font-family:sans-serif;}
a:visited { color:#000080; font-weight:bold; font-family:sans-serif; }
a:active { color:#0000FF; font-style:italic; font-weight:bold; font-family:sans-serif;}
a:hover { text-decoration:underline; color:red; font-weight:bold; font-family:sans-serif;}

a:link.s {text-decoration:none; font-weight:lighter;}
a:visited.s {text-decoration:none; color:#0000A0; font-weight:lighter;  }
a:active.s { color:#0000FF; font-style:italic; }
a:hover.s { text-decoration:underline; color:red; }