/*************  BODY  ***************************/
@charset "ISO-8859-1";

body {
	font-family: Arial, Verdana, sans-serif;
	background-color:#FFFFFF;
	color:#5C5C5C;
}

#main {
font-family: Arial, Verdana, sans-serif;
font-size:14px;
color:#5C5C5C;
margin:0;
background-image:url(../img/bg/innovabg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
overflow:auto;
z-index:0;
}

#frame {
position:absolute;
top:0px;
width:1000px;
left:50%;
margin-left: -500px;
height:auto;
}

#tabframex {
position: absolute;
left:600px;
top:50px;
width:200px;
height:auto;
font-size:0.8em;
overflow:auto;
}

/*#########################################################################*/
/*************   Kopf-Bereich   ***************************/
/*#########################################################################*/
#header {
position: absolute;
top:2px;
left:0px;
width: 1000px;
height:111px;

border:1px solid #E1E1E1;
background: #E8E8E8;
}

#headhand {
position: absolute;
top:5px;
right:0px;
width:155px;
height:auto;
}

#topmenue {
	position: absolute;
	top:114px;
	left:325px;
	width:490px;
}

.topmenu {
width:478px;
}

.toptd {
font-size:14px;
height:16px;
text-align:center;
vertical-align:middle;
padding-bottom:2px;
border:1px solid #000000;
}

/*#########################################################################*/
/*************  BODY-Bereich ohne linkes Menue ***************************/
/*#########################################################################*/
#contfull {
position: absolute;
top:140px;
left:0px;
width:960px;
height:auto;
background-color:#FFFFFF;
padding-top:30px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#contfullx {
position: absolute;
top:140px;
left:0px;
width:961px;
height:700px;
background-color:#FFFFFF;
padding-top:30px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
}

#spalteli {
position:absolute;
top:140px;
left:0px;
width:460px;
height:auto;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#spaltere {
position:absolute;
top:140px;
left:501px;
width:460px;
height:auto;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#spaltelix {
position:absolute;
top:140px;
left:0px;
width:460px;
height:700px;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#spalterex {
position:absolute;
top:140px;
left:501px;
width:460px;
height:700px;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#spartikellix {
position:absolute;
top:140px;
left:0px;
width:660px;
height:700px;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:5px;
background-color:#FFFFFF;
}


#spartikelrex {
position:absolute;
top:140px;
left:686px;
width:299px;
height:700px;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:5px;
padding-right:10px;
background-color:#FFFFFF;
}

#fuss {
position:absolute;
top:831px;
width:960px;
left:50%;
margin-left: -500px;
height:16px;
vertical-align:top;
text-align:left;
padding-top:5px;
padding-bottom:5px;
padding-left:20px;
padding-right:20px;
background-color:#DBE4F0;
border-bottom: 1px solid black;
}


/*#########################################################################*/
/*************  BODY-Bereich mit linkem Menue ***************************/
/*#########################################################################*/

#contrechts {
position: absolute;
top:140px;
left:142px;
width:820px;
height:auto;
padding-top:30px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
background-color:#FFFFFF;
text-align:left;
}

#contrechtsx {
position: absolute;
top:140px;
left:142px;
width:820px;
height:700px;
padding-top:30px;
padding-left:20px;
padding-right:20px;
padding-bottom:20px;
background-color:#FFFFFF;
text-align:left;
overflow: auto;
}

#colli {
position:absolute;
top:140px;
left:142px;
width:460px;
height:auto;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#colre {
position:absolute;
top:140px;
left:603px;
width:357px;
height:auto;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#collix {
position:absolute;
top:140px;
left:142px;
width:420px;
height:700px;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#colrex {
position:absolute;
top:140px;
left:603px;
width:358px;
height:700px;
vertical-align:top;
text-align:left;
padding-top:30px;
padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color:#FFFFFF;
}

#status {
position: absolute;
top:118px;
left:5px;
height:20px;
width:300px;
color:#FFFFFF;
}

#leftmenu {
position: absolute;
top:140px;
left:0px;
height:700px;
width:140px;
background: #F0F0F0;
border-left: 1px solid #E1E1E1;
}

#leftmenux {
position: absolute;
top:140px;
left:0px;
height:710px;
width:140px;
background: #F0F0F0;
border-right: 1px solid #E1E1E1;
}

.leftmenu {
width:139px;
height:16px;
vertical-align:middle;
}

.phptablehead {
font-size:0.9em;
text-align:left;
font-weight:normal;
color:#FFFFFF;
background-color:#000000;
}


/*#########################################################################*/
/*************  Fehler-Formatierung ***************************/
/*#########################################################################*/

.err0 {
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #FFFFFF;
	text-align:left;
}


.err1 {
	border-top: #000000 1px solid;
	border-left: #000000 1px solid;
	border-right: #000000 1px solid;
	border-bottom: #000000 1px solid;
	background-color: #AF0D37;
	color: #FFFFFF;
	text-align:left;
}

.amp1 {
	border: #FF0000 1px solid;
	background-color: #FF0000;
}

.amp2 {
	border-top: #FFFF00 1px solid;
	border-left: #FFFF00 1px solid;
	border-right: #FFFF00 1px solid;
	border-bottom: #FFFF00 1px solid;
	background-color: #FFFF00;
}

.amp3 {
	border-top: #00FF00 1px solid;
	border-left: #00FF00 1px solid;
	border-right: #00FF00 1px solid;
	border-bottom: #00FF00 1px solid;
	background-color: #00FF00;
}
/*#########################################################################*/
/*************  Navigation ***************************/
/*#########################################################################*/
a:link {
	color: #000000;
	text-decoration: underline;
}
a:vlink {
	color: #000000;
	text-decoration: underline;
}
a:active {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #B90E25;
	text-decoration: none;
}

a.menu:link {
	text-decoration: none;
}
a.menu:vlink {
	text-decoration: none;
}


.menutext {
	font-size: 14px;
	font-weight: normal;
}

.navitf { font-size:0.9em; color:#000000; font-weight:normal; text-decoration:none; }
.navitf:vlink { font-size:0.9em; color:#000000; text-decoration:none; }
.navitf:link { font-size:0.9em; color:#000000; text-decoration:none; }
.navitf:active { font-size:0.9em; color:#000000; text-decoration:none; }
.navitf:hover {  font-size:0.9em; color:#AF0D37; font-weight:normal; text-decoration:none; }


.navl { font-size:0.9em; color:#FFFFFF; font-weight:normal; text-decoration:none; }
.navl:vlink { font-size:0.9em; color:#FFFFFF; text-decoration:none; }
.navl:link { font-size:0.9em; color:#FFFFFF; text-decoration:none; }
.navl:active { font-size:0.9em; color:#FFFFFF; text-decoration:none; }
.navl:hover {  font-size:0.9em; color:#FFFF00; font-weight:normal; text-decoration:none; }

.navtoph { font-size:0.9em; color:#000000; font-weight:normal; text-decoration:none; }
.navtoph:vlink { font-size:0.9em; color:#000000; text-decoration:none; }
.navtoph:link { font-size:0.9em; color:#000000; text-decoration:none; }
.navtoph:active { font-size:0.9em; color:#000000; text-decoration:none; }
.navtoph:hover {  font-size:0.9em; color:#DD0000; font-weight:normal; text-decoration:none; }

.navtop { font-size:0.9em; color:#FFFFFF; font-weight:normal; text-decoration:none; }
.navtop:vlink { font-size:0.9em; color:#FFFFFF; text-decoration:none; }
.navtop:link { font-size:0.9em; color:#FFFFFF; text-decoration:none; }
.navtop:active { font-size:0.9em; color:#FFFFFF; text-decoration:none; }
.navtop:hover {  font-size:0.9em; color:#FFFF00; font-weight:normal; text-decoration:none; }

.nm { font-size:1em; color:#585858; font-weight:normal; text-decoration:underline; }
.nm:vlink { font-size:1em; color:#585858; text-decoration:underline; }
.nm:link { font-size:1em; color:#585858; text-decoration:underline; }
.nm:active { font-size:1em; color:#585858; text-decoration:underline; }
.nm:hover {  font-size:1em; color:#000000; font-weight:normal; text-decoration:none; }

.nms { font-size:0.9em; color:#FFFFFF; font-weight:normal; text-decoration:underline; }
.nms:vlink { font-size:0.9em; color:#FFFFFF; text-decoration:underline; }
.nms:link { font-size:0.9em; color:#FFFFFF; text-decoration:underline; }
.nms:active { font-size:0.9em; color:#FFFFFF; text-decoration:underline; }
.nms:hover {  font-size:0.9em; color:#FFFF00; font-weight:normal; text-decoration:none; }

.no { font-size:1em; color:#585858; font-weight:normal; text-decoration:none; }
.no:vlink { font-size:1em; color:#585858; text-decoration:none; }
.no:link { font-size:1em; color:#585858; text-decoration:none; }
.no:active { font-size:1em; color:#585858; text-decoration:none; }
.no:hover {  font-size:1em; color:#000000; font-weight:normal; text-decoration:none; }


.tbllink { font-size:1em; color:#FFFFFF; font-weight:normal; text-decoration:underline; }
.tbllink:vlink { font-size:1em; color:#FFFFFF; font-weight:normal;  text-decoration:underline; }
.tbllink:link { font-size:1em; color:#FFFFFF; font-weight:normal; text-decoration:underline; }
.tbllink:active { font-size:1em; color:#FFFFFF; font-weight:normal; text-decoration:underline; }
.tbllink:hover {  font-size:1em; color:#FFFF00; font-weight:normal; text-decoration:none; }

/*#########################################################################*/


/*#########################################################################*/
/*************  Tabellen-Formatierung ***************************/
/*#########################################################################*/

.lefttd {
height:16px;
font-size:1em;
text-align:left;
vertical-align:middle;
padding-left:4px;
}

.righttd {
font-size:1em;
text-align:right;
}


.tabtxtle {
font-family:Verdana,Arial,Tahoma,Sans-Serif;
font-size:0.9em;
text-align:left;
vertical-align:middle;
}

.phple {
font-family:Verdana,Arial,Tahoma,Sans-Serif;
font-size:0.8em;
text-align:left;
vertical-align:middle;
}


.phpre {
font-family:Verdana,Arial,Tahoma,Sans-Serif;
font-size:0.8em;
text-align:right;
vertical-align:middle;
}

.phpletop {
font-family:Verdana,Arial,Tahoma,Sans-Serif;
font-size:0.8em;
text-align:left;
vertical-align:top;
}

.phpretop {
font-family:Verdana,Arial,Tahoma,Sans-Serif;
font-size:0.8em;
text-align:right;
vertical-align:top;
}


.phptble {
font-size:0.8em;
text-align:left;
background-color:#D2E9FF;
vertical-align:middle;
}
.phptbre {
font-size:0.8em;
text-align:right;
background-color:#D2E9FF;
vertical-align:middle;
}
.phpmark {
font-size:0.8em;
text-align:left;
background-color:#C0C0C0;
vertical-align:middle;
}

.pretxt {
font-family: Arial, Verdana, sans-serif;
font-size:0.9em;
text-align:left;
}


#phpresult {
position:absolute;
top:125px;
left:20px;
width:840px;
height:550px;
overflow:auto;
}

* html #phpresult {
position:absolute;
top:105px;
left:20px;
width:840px;
height:410px;
overflow:auto;
}

#produktresult {
position:absolute;
top:150px;
left:20px;
width:840px;
height:550px;
overflow:auto;
}

* html #produktresult {
position:absolute;
top:160px;
left:20px;
width:840px;
height:410px;
overflow:auto;
}

#resultland {
position:absolute;
top:110px;
left:20px;
width:490px;
height:550px;
overflow:auto;
}

* html #resultland {
position:absolute;
top:105px;
left:20px;
width:490px;
height:410px;
overflow:auto;
}

#resultupd {
position:absolute;
top:150px;
left:20px;
width:370px;
height:550px;
overflow:auto;
}

* html #resultupd {
position:absolute;
top:145px;
left:20px;
width:280px;
height:410px;
overflow:auto;
}

/*#########################################################################*/
/*************  Schrift-Formatierung  ***************************/
/*#########################################################################*/

h1 {
	font-size:1.4em; /* 18px; */
	color:#000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom:2px;
}

h2 {
	font-size:1.2em; /* 16px; */
	margin-top: 0px;
	color:#000000;
	/* margin-left: 10px; */
	margin-bottom: 2px;
}


h3 {
	font-size:1.1em; /* 16px; */
	margin-top: 0px;
	color:#000000;
	/* margin-left: 10px; */
	margin-bottom: 3px;
}


.smalltxt {
font-size:0.7em;
text-align:left;
vertical-align:top;
}


.le {
text-align:left;
}

.re {
text-align:right;
}

.ce {
text-align:center;
}


.button { background-color:#000000; color:#FFFFFF; }
.button1 { background-color:#005100; color:#FFFFFF; }
.button2 { background-color:#800000; color:#FFFFFF; }

/*#########################################################################*/
/*************  Listen-Formatierung  ***************************/
/*#########################################################################*/
.sq {
list-style-type:square;

}

.krs {
list-style-type:circle;
}

.nr {
list-style-type:decimal;
}

/* #######################################################*/
/* #######  Navigation links (0)alle */
/* ####################################################### */

.lefthead {
height:16px;
font-size:10px;
text-align:center;
vertical-align:middle;
border: #000000 1px solid;
color:#000000;
}

.aktleft {
height:12px;
font-size:12px;
text-align:left;
vertical-align:middle;
color:#FFFFFF;
background-color:#B90E25;
font-weight:bold;
padding-left:4px;
}


ul#navleft {
 	width:10em;
    	margin:0;
    	padding:0em;
    	text-align:left;
    	margin-top:-7px;
    	font-family:Arial,Verdana,Tahoma,Sans-Serif;
}

ul#navleft li {
	list-style: none;
    	margin: 0em;
    	font-family:Arial,Verdana,Tahoma,Sans-Serif;
    	padding: 0.1em;   /*linker Abstand im Menue */
}

ul#navleft h1 {
	font-family:Arial,Verdana,Tahoma,Sans-Serif;
    	font-size: 0.8em;
    	margin: 0.8em 0 0;
    	border-color: #000000;
    	color:#000000;
    	background-color: #AAFFAA;
}

ul#navleft h2 {
	font-family:Arial,Verdana,Tahoma,Sans-Serif;
    	font-size: 0.8em;
    	margin: 0.2em 0 0;
    	border-color: #000000;
    	color:#000000;
    	background-color: #AAFFAA;
}

ul#navleft h3 {
	font-family:Arial,Verdana,Tahoma,Sans-Serif;
    	font-size: 0.7em;
    	margin: 0.1em 0 0;
	border: #AAFFAA 1px solid;
    	color:#000000;
    	background-color: #E8E8E8;
}

ul#navleft h4 {
	font-family:Arial,Verdana,Tahoma,Sans-Serif;
    	font-size: 0.7em;
    	margin: 0.8em 0 0;
	border: #AAFFAA 1px solid;
    	color:#000000;
    	background-color: #E8E8E8;
}


* html  ul#navleft h2 {
	padding: 0.1em;
}

* html  ul#navleft h3 {
	padding: 0.1em;
}

* html  ul#navleft h4 {
	padding: 0.1em;
}


/* #########################################*/
/* verschiedene Farben */
/* #########################################*/

/* ***************************************** */
/*  typ=0 */
/* ***************************************** */

  ul#navleft a {
    display:block;
    font-family:Arial,Verdana,Tahoma,Sans-Serif;
    padding: 0.2em;  /* Abstand Höhe und Breite der Menuepunkte */
    text-decoration: none;
    font-weight: normal;
    font-size:0.8em;
    color:#000000;  /*  Farbe Buttonschrift */
    background-color:#E1E1E1;  /*  Farbe Hintergrund Buttonschrift normal */
  }

* html  ul#navleft a, ul#navleft h2 {
	padding: 0.1em;
}

  ul#navleft a:hover, ul#navleft span {
    color:#ffffff;
    background-color:#000000;     /*  Farbe Hintergrund Buttonschrift Hover*/
    font-family:Arial,Verdana,Tahoma,Sans-Serif;
    font-weight:normal;
  }