BODY
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    /*   	background-image:url('../images/bg.bmp');
            margin:0px;
            padding:10px;	*/
}
H1
{
    color:#112084;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
H2
{
    color:#112084;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
H3
{
    color:#112084;
    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;
}
/* formate fuer den seitenbereich */
div.datenschutz {
    position:absolute;
    top:10px;
    left:25%;
    font-size:80%;
}

div.legal {
    /*
    border-style: solid;
    border-width: 3px;
    border-color: green;
        position: absolute;
        bottom: 0%;
        left: 25%;
    */
    font-size: 70%;
}


div.head
{
    /*
    border-style: solid;
    border-width: 3px;
    border-color: grey;
    */
    position: fixed;
    z-index:2;
    top:0%;
    left:0%;
    border-bottom:4px solid #999292; margin:5px;
    padding-bottom: 5px;
    width:99%;
    height:120px;
    /*	background-color:yellow;	*/
}
#logo {
    position:absolute;
    border-width:0pt;
    border-style:solid;
    border-color:#ffffff;
    top:10px; left:20px; width:128px; height:96px; z-index:3;
}

/*
div.nav
{
    border-style: solid;
    border-width: 3px;
    border-color: red;
    position:fixed;
    top: 25%;
    left: 0%;
    margin-left:10px;
        width:20%;
        height:75%;
        z-index:2;
}
*/

nav {
    /*
    border-style: solid;
    border-width: 3px;
    border-color: red;
    float: left;
    position: fixed;
    top: 140px;
    width: 20%;
    */
    /*
    position:absolute;
    top:25%;
    left:0%;
    margin-left:10px;
        width:20%;
        height:75%;
        z-index:2;
    */
}


div.content
{
    /*
    border-style: solid;
    border-width: 3px;
    border-color: blue;
    */
    position: fixed;
    top:140px;
    bottom: 0px;
    right:0%;
    width:81%;
    // height:55%; 
    z-index:1;
    overflow: scroll;
    /*	clip:rect(0px 340px 280px 0px);	*/

}
div.button	{
    width:60%;
    height:3em;
    border-width:3pt;
    border-style:solid;
    border-color:#000000;
}
div.bg
{
    position:absolute;
    top:0%;
    left:0%;
    width:300px;
    height:300px;
    background-image:url('../images/logo_5.jpg');
    margin:0px;
    padding:10px;
    background-repeat:no-repeat;
    background-attachment:fixed;
}

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:#ABB1FE;
    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:#a2ea98;
    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%;
}

a:link	{	
    text-decoration:	none;
    font-weight:	bold;
    color:	#333F5E;
    background:	white;
}	

a:visited	{	
    text-decoration:	none;
    font-weight:	bold;
    color:	#996;
    background:	white;
}	

a:active	{	
    text-decoration:	none;
    font-weight:	bold;
    color:	#F30;
    background:	#FF0;
}	

a:hover	{	
    text-decoration:	none;
    color:	#F30;
    background:	white;
}	

a.offsite	{	
    text-decoration:	none;
    font-weight:	normal;
    color:	#C30;
    background:	white;
}

a:link.button { 
    width:70%;

    text-decoration:none;
    color:#333F5E;
    font-weight:bold;
    /*        font-size:x-small;	*/
    background-color:#ffffff;
    border-width:3px;
    border-style:solid;
    border-top-color:#ffffff;
    border-left-color:#ffffff;
    border-bottom-color:#ffffff;
    border-right-color:#ffffff;
    border-bottom-color:#ffffff;
    padding: 1mm;
    text-align:left; 
    /*	padding-bottom:0.2cm;   */
}
a:visited.button {
    width:70%;

    text-decoration:none; color:#996; font-weight:bold;
    /*        font-size:x-small;	*/
    background-color:#ffffff;
    border-width:3px;
    border-style:solid;
    border-top-color:#ffffff;
    border-left-color:#ffffff;
    border-bottom-color:#ffffff;
    border-right-color:#ffffff;
    padding:1mm;
    text-align:left; 
    /*	padding-bottom:0.2cm;   */
}
a:active.button {
    width:70%;

    text-decoration:none; color:#f30;
    /*        font-size:x-small;	*/
    font-style:italic;
    font-weight:bold;
    /*  	border-top-color:#6F6F6F;
            border-left-color:#6F6F6F;
            border-bottom-color:#D6D6D6;
            border-right-color:#D6D6D6;
            padding:1mm;
            text-align:left; */

}
a:hover.button {
    width:70%;
    background-color:#ffffff;
    text-decoration:none; color:#f30; font-weight:bold;
    /*        font-size:x-small;	*/

    border-width:3px;
    border-style:solid;
    /*  	border-color:blue;  */
    border-top-color:#D6D6D6;
    border-left-color:#D6D6D6;
    border-bottom-color:#6F6F6F;
    border-right-color:#6F6F6F;
    padding:1mm;
    text-align:left; 
    /*	padding-bottom:0.2cm;   */
}

#navi a:link, #navi a:visited {
    text-decoration:none;
    display:block;
    margin:3px 0;
    padding:10px 10px 10px 10px;
    /*	background-color:#DAD4A6;	*/
    background-color:#ffffff;
    height:1em;
    /*	border:3px solid #DAD4A6;	*/
    border:3px solid #ffffff;
}

#navi a:hover {
    border:3px solid #AFBCA0;
    border-top-color:#aaaaaa;
    border-left-color:#aaaaaa;
    border-bottom-color:#000000;
    border-right-color:#000000;
    background-color: lightgray;
}


#navi {
    /*	background:url(onepx_line.gif) 80% 0% repeat-y;	*/
    position: fixed;
    left:0%; top: 140px; width:17%;
    margin-left:10px;
    z-index:2;
}
#navi ul {
    /*
        border:3px solid;
        border-color: greenyellow;
    */
    list-style:none;
    margin:0;
    padding:0;
}

#navi li {
    margin:0;
    padding:0;
}