body {
    background: url(pic/nbg.jpg) repeat-x top left;
    background-color: #dededc;
    font-family: Helvetica,Arial,sans-serif;
    height: 100%;
    width: 1240px;
    margin: 0 auto;
    padding: 0;
    min-width: 41em; /* ie */
}


#kopf {
	overflow: hidden;
	width: 100%;
	margin: 0 0 0 0;
         padding: 0 0 0 0
}

.neukopf1 {
background: url(pic/kopf1.jpg) no-repeat top left;

}

.neukopf2 {
background: url(pic/kopf2.jpg) no-repeat top left;

}

.neukopf3 {
background: url(pic/kopf3.jpg) no-repeat top left;

}

.neukopf4 {
background: url(pic/kopf4.jpg) no-repeat top left;

}

	#box1 {
		float: left;
                 width: 307px;
		height: 140px;
                 margin: 0 0 0 10px;

}
 #box1.neulogo{
     width:122px;
 }
	#box2 {
		float: right;
		width: 410px;

	}
 	#box4{
 		float: right;
     		width:1106px;

 }
	#navi {
		float: left;
		width: 215px;
                 font-size: 0.83em;
                 font-weight: bold;
                 color: #ff6600;
	}
         #navi.navirechts {
		float: right;
		width: 615px;
                 font-size: 0.83em;
                 font-weight: bold;
                 color: #ff6600;
	}

                 #navi a {
                         color: #000066;
         		text-decoration: none;
}

		#navi a:hover {
			color: #ff6600;
         		text-decoration: none;
}

		#navi ul {
			list-style-type: none;
			margin: 0;
			padding: 0;

			text-align: right;

			line-height: 140px;

		}

                 #navi ul.navipos {
			list-style-type: none;
			margin: 0 190px 0 0;
			padding: 0;

			text-align: right;

			line-height: 140px;

		}

		#navi li {
			position: relative;
			display: inline;
			padding-left: 10px;

		}
                 #navi li.navielement {
			position: relative;
                         top:48px;
			display: inline;
			padding-left: 10px;

		}

	#box3 {
                	overflow:hidden;
                 float: right;

		width: 195px;
		height: 140px;

}


#haupt {
	overflow: hidden;
	width: 1240px;
	margin: 0 0 0 0;
         padding: 0 0 0 0 ;

}
h1 {
    font-size: 1.5em;
    margin: 0 0 0.7em; padding: 0.3em;
    text-align: center;
    background-color: #fed;
    border: 2px ridge silver;
  }

  ul#Navigation {
    font-size: 0.83em;
    float: left;
    width: 240px;
    margin: 0 0 10px; padding: 0;

    min-height: 1250px;
    color: #ff6600;
  }
  ul#Navigation p {
    display: block;
    padding: 0.2em;
    margin:0;
    font-weight: bold;
    background-color: #eee;
  }

  ul#Navigation img {
    display: block;
    padding: 0;
    margin:0;
    font-weight: bold;
    background-color: #eee;
    width: 100%;
    border: 1px solid silver;
  }

  ul#Navigation li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }

  ul#Navigation a {
    display: block;
    padding: 0.2em;
    font-weight: bold;
  }
  ul#Navigation a:link {
    color: #000066; background-color: #eee;
    text-decoration: none;
  }
  ul#Navigation a:visited {
    color: #000066; background-color: #eee;
    text-decoration: none;
  }
  ul#Navigation a:hover {
    color: #ff6600; background-color: white;
    text-decoration: none;
  }
  ul#Navigation a:active {
    color: white; background-color: gray;
    text-decoration: none;
  }

  ul#Navigation a.imglink {
    display: block;
    padding: 0;
    font-weight: bold;
  }
  ul#Navigation a:link.imglink {
    color: #000066; background-color: #dededc;
    text-decoration: none;
  }
  ul#Navigation a:visited.imglink {
    color: #000066; background-color: #dededc;
    text-decoration: none;
  }
  ul#Navigation a:hover.imglink {
    color: #ff6600; background-color: #dededc;
    text-decoration: none;
  }
  ul#Navigation a:active.imglink {
    color: white; background-color: #dededc;
    text-decoration: none;
  }

  div#Info {
    font-size: 0.9em;
    float: right;
    width: 170px;
    margin: 0 4px 8px;
    padding: 0;
    background-color: #fff;
    border: 1px solid silver;
    color: #000066;

  }
  div#Info h2 {
    font-size: 1.33em;
    margin: 0.2em 0.5em;
  }
  div#Info h3 {
    font-size: 1.0em;
    margin: 0.2em 0.5em;
  }
  div#Info p {
    font-size: 1em;
    margin: 0.5em;
  }
  div#Info img {
        margin: 5px;

  }


  div#Inhalt {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;
  }

  .index {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Bild_Hauptfenster.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .ang {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/knopf.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

.dsps {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Industrie.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .visual {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Visualisierungen.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }


  .dienst {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Dienstleistungen.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }


  .prod {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Produkte_hauptfenster.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .prodauto {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Automatisierung.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .prodcomp {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Industriecomputer.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .proddisp {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/tbg-4.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .prodsoft {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Diagramm.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  .prodverbrauch {
    margin: 0 186px 1em 244px;
    padding: 0 10px;
    background: url(pic/Zaehler.jpg) no-repeat bottom right;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    min-height: 600px;

  }

  

.prodrfid table {
table-layout: fixed;
border-spacing:0px;
border: 0px;

margin:0;
padding:0;
}

.prodrfid td {
border:0px;
vertical-align:top;
overflow:hidden;
margin:0;
padding:0;
}
.breit  {

width: 614px;
margin:0;
padding:0;
}
  * html div#Inhalt {
    height: 1em;  /* ie */
  }
  div#Inhalt h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt h3 {
    font-size: 1.0em;
    margin: 0.2em 0;
  }
  div#Inhalt p {
    font-size: 1em;
    margin: 1em 0;
  }

  div#Inhalt img {
    border: none;
  }
  div#Inhalt img.rechts {
    border: none;
    float: right;
    margin: 0 0 0 20px;
  }
  div#Inhalt img.mitte {
    border: none;
    float: right;
    margin: 15px 0 15px 0;

  }
  div#Inhalt img.links {
    border: none;
    float: left;
    margin: 15px 0 15px 0;

  }

  div#Inhalt a {
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt a:hover {
    color: #000066;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt a.m2rfid {
    background-image: url(pic/mouse2rfid-3-2.jpg);
    display:block;
    width: 200px;
    height: 50px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt a.m2rfid:hover {
    background-image: url(pic/mouse2rfid-3.jpg);
    display:block;
    width: 200px;
    height: 50px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt a.g2rfid {
    background-image: url(pic/gate2rfid-3-2.jpg);
    display:block;
    width: 200px;
    height: 49px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt a.g2rfid:hover {
    background-image: url(pic/gate2rfid-3.jpg);
    display:block;
    width: 200px;
    height: 49px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt a.tags {
    background-image: url(pic/tags-2.jpg);
    display:block;
    width: 200px;
    height: 39px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt a.tags:hover {
    background-image: url(pic/tags-1.jpg);
    display:block;
    width: 200px;
    height: 39px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }


  div#bg1 {
    overflow:hidden;
    margin: 0 0.7em 1em 1em;
    padding: 0 ;
    color: #000066;
    border: none;
  }

 div#bg1 img {
    margin: 0;
    padding: 0;
    width: 100%;
    border: none;
  }

 div#Inhalt2 {

    float: left;
    position:absolute; top:141px;
    margin: 0 186px 1em 244px;
    padding: 0 0em 0 1em;


    color: #000066;
  }
  * html div#Inhalt2 {
    height: 1em;  /* ie */
  }
  div#Inhalt2 h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt2 h3 {
    font-size: 1.0em;
    margin: 0.2em 0;
  }
  div#Inhalt2 p {
    font-size: 1em;
    margin: 1em 0;
  }

  div#Inhalt2 a {
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt2 a:hover {
    color: #000066;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }


div#Inhalt3 {
    margin: 0 186px 1em 244px;
    padding: 0 1em;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    background-image:url(pic/bgneu-6.jpg);
    background-repeat:repeat;
    min-height: 600px;
  }
  * html div#Inhalt3 {
    height: 1em;  /* ie */
  }
  div#Inhalt3 h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt3 h3 {
    font-size: 1.0em;
    margin: 0.2em 0;
  }
  div#Inhalt3 p {
    font-size: 1em;
    margin: 1em 0;
  }

  div#Inhalt3 a {
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt3 a:hover {
    color: #000066;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt3 a.m2rfid {
    background-image: url(pic/mouse2rfid-3-2.jpg);
    display:block;
    width: 200px;
    height: 50px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt3 a.m2rfid:hover {
    background-image: url(pic/mouse2rfid-3.jpg);
    display:block;
    width: 200px;
    height: 50px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt3 a.g2rfid {
    background-image: url(pic/gate2rfid-3-2.jpg);
    display:block;
    width: 200px;
    height: 49px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt3 a.g2rfid:hover {
    background-image: url(pic/gate2rfid-3.jpg);
    display:block;
    width: 200px;
    height: 49px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt3 a.tags {
    background-image: url(pic/tags-2.jpg);
    display:block;
    width: 200px;
    height: 39px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt3 a.tags:hover {
    background-image: url(pic/tags-1.jpg);
    display:block;
    width: 200px;
    height: 39px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

div#Inhalt4 {
    margin: 0 186px 1em 244px;
    padding: 0 1em;
    background-color: #eee;
    border: 1px solid silver;
    color: #000066;
    background-image:url(pic/bgneu-5.jpg);
    background-repeat:repeat;
    min-height: 600px;
  }
  * html div#Inhalt4 {
    height: 1em;  /* ie */
  }
  div#Inhalt4 h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
  div#Inhalt4 h3 {
    font-size: 1.0em;
    margin: 0.2em 0;
  }
  div#Inhalt4 p {
    font-size: 1em;
    margin: 1em 0;
  }

  div#Inhalt4 a {
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt4 a:hover {
    color: #000066;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt4 a.m2rfid {
    background-image: url(pic/mouse2rfid-3-2.jpg);
    display:block;
    width: 200px;
    height: 50px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt4 a.m2rfid:hover {
    background-image: url(pic/mouse2rfid-3.jpg);
    display:block;
    width: 200px;
    height: 50px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt4 a.g2rfid {
    background-image: url(pic/gate2rfid-3-2.jpg);
    display:block;
    width: 200px;
    height: 49px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt4 a.g2rfid:hover {
    background-image: url(pic/gate2rfid-3.jpg);
    display:block;
    width: 200px;
    height: 49px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

  div#Inhalt4 a.tags {
    background-image: url(pic/tags-2.jpg);
    display:block;
    width: 200px;
    height: 39px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }
div#Inhalt4 a.tags:hover {
    background-image: url(pic/tags-1.jpg);
    display:block;
    width: 200px;
    height: 39px;
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }


  p#Fusszeile {
    clear: both;
    width: 100%;
    border-top: 1px solid #000066;
    margin: auto;
    color: #000066;
    font-size: 0.9em;
    margin: 0; padding: 0.1em;
    text-align: center;

  }




.umschlag {
width: 160px;
margin: 5px;
}

.ro {
background:url(pic/ro.jpg) top right no-repeat;
margin:0;
padding:0;
}

.lo {
background:url(pic/lo.jpg) top left no-repeat;
margin:0;
padding:0;
}

.ru {
background:url(pic/ru.jpg) bottom right no-repeat;
margin:0;
padding:0;
}

.lu {
background:url(pic/lu.jpg) bottom left no-repeat;
margin:0;
padding:0;
}

.input {
overflow:hidden;
margin:0 ;
padding:5px 5px 5px 5px;

}

.input p {
margin:0;
padding:0;
}

.input img {

margin:0;
padding:0;

}

.input a {

margin:0;
padding:0;
}

.umschlag-2 {
width: 95%;

margin: 5px;
padding:0 0 10px 0;
}

.ro-2 {
background:url(pic/ro-2.jpg) top right no-repeat;
margin:0;
padding:0;
}

.lo-2 {
background:url(pic/lo-2.jpg) top left no-repeat;
margin:0;
padding:0;
}

.ru-2 {
background:url(pic/ru-2.jpg) bottom right no-repeat;
margin:0;
padding:0;
}

.lu-2 {
background:url(pic/lu-2.jpg) bottom left no-repeat;
margin:0;
padding:0;
}

.input-2 {
overflow:auto;
margin:0 ;
padding:10px 10px 10px 10px;

}

.input-2 p {

margin:0;
padding:0;
}

.input-2 img {
width: 100%;
margin:0;
padding:0;
}

.input-2 a {

margin:0;
padding:0;
}


.umschlag-3 {
width: 100%;

margin: 0;
padding:0;
}

.ro-3 {

margin:0;
padding:0;
}

.lo-3 {

margin:0;
padding:0;
}

.ru-3 {

margin:0;
padding:0;
}

.lu-3 {

margin:0;
padding:0;
}

.input-3 {
overflow:auto;
margin:0 ;
padding:0;

}

.input-3 p {

margin:0;
padding:0;
z-index:200;
}

.input-3 img {

width: 100%;
margin:0;
padding:0;
z-index:100;
}

.inhalt-3 {
float: left;
    position:absolute; top:141px;
    margin: 0 14em 0 0;
    padding: 0 0em 0 1em;
    z-index:200;

    color: #000066;
  }

.inhalt-3 h2 {
    font-size: 1.2em;
    margin: 0.2em 0;
  }
.inhalt-3 h3 {
    font-size: 1.0em;
    margin: 0.2em 0;
  }
.inhalt-3 p {
    font-size: 1em;
    margin: 1em 0;
  }

.inhalt-3 a {
    color: #ff6600;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }

.inhalt-3 a:hover {
    color: #000066;
    text-decoration: none;
    font-size: 1.0em;
    margin: 0.2em 0;
    font-weight:bold;
  }


.umschlag-4 {
width: 95%;

margin: 5px;
padding:0 0 10px 0;
}

.ro-4 {
background:url(pic/ro-2.jpg) top right no-repeat;
margin:0;
padding:0;
}

.lo-4 {
background:url(pic/lo-2.jpg) top left no-repeat;
margin:0;
padding:0;
}

.ru-4 {
background:url(pic/ru-2.jpg) bottom right no-repeat;
margin:0;
padding:0;
}

.lu-4 {
background:url(pic/lu-2.jpg) bottom left no-repeat;
margin:0;
padding:0;
}

.input-4 {
overflow:auto;
margin:0 ;
padding:10px 10px 10px 10px;

}

.input-4 p {

margin:0;
padding:0;
}

.input-4 img {
float: left;
width: 50%;
margin:0 6px 0 0;
padding:0;
}

.input-4 a {

margin:0;
padding:0;
}

.input-4 table {
table-layout: fixed;
border-spacing:2px;
border: 1px solid silver;
border-style: solid;
margin:0;
padding:0;
}

.input-4 td {
border:1px solid #000;
vertical-align:top;
overflow:hidden;
width: 50%;

margin:0;
padding:5px 5px 5px 5px;
}