#product
 {
  float:left;
  width:640px;
  height:auto;
  margin: 20px 0px 25px 10px;
  color : #000000;
  line-height:120%;
  font-size : 10pt;
 }

#product a
 {
  color:#26B2B3;
  text-decoration:none;
 }

 #product a:hover,
 #product a:active,
 #product a:focus
 {
  color:#000000;
  /*color:#888888;*/
 }

#head
 {
  margin:0px 0px 20px 0px;
  padding:0px;
  /*color:#26B2B3;*/
  font-size: 19px;
  font-weight: bold;
 }

.subhead
 {
  color:#26B2B3;
  font-weight:bold;
  text-align: left;
  font-size: 13px;
 }

.subhead2
 {
  color:#26B2B3;
  text-align: left;
  font-size: 13px;
 }

.subhead3
 {
  color:#26B2B3;
  text-align: left;
  font-size: 13px;
  display:inline;
 }

.subhead4
 {
  color:#26B2B3;
  font-weight:bold;
  text-align: left;
  font-size: 13px;
  display:inline;
 }


#desc
 {
 float: left;
 width: 300px;
 text-align: justify;
 }

 #picframe
 {
  float: right;
  text-align:right;
  width: 300px;
 }

 #picframe a
 {
  border: 0px solid;
 }

 #picframe img
 {
  width: 300px;
  border: #999999 1px solid;
 }

 #picframe img:hover
 {
  border: 1px solid transparent;
  outline: #26B2B3 2px solid;
  /*box-sizing: border-box;*/
 }

#data
 {
  float: left;
  width: 450px;
  margin: 20px 0px 0px 0px;
 }

#data table
 {
 width:450px;
 border-collapse: collapse;
 text-align:left;
 margin-top: 5px;
 }

#data td
 {
  border-top: 1px solid #26B2B3;
  border-bottom: 1px solid #26B2B3;
  padding: 1px;
  vertical-align:top;
  height:110%;
 }

#side
 {
  float:right;
  width: 100px;
  min-height: 300px;
  margin: 0px 0px 0px 0px;
 }

.item
 {
  float:right;
  margin: 20px 0px 0px 0px;
  text-align: left;
 }

.item #subhead
 {
  color:#26B2B3;
  font-weight:bold;
  text-align: left;
  margin: 0px 0px 10px 0px;
 }

.item .subtext
 {
  color : #666666;
  line-height: 100%;
  font-size : 10px;
  text-align: left;
  margin: -10px 0px 0px 0px;
  min-width: 105px;
 }

.item .subtextgruen
 {
  color : #26B2B3;
  line-height: 100%;
  font-size : 12px;
  text-align: left;
  margin: -5px 0px 0px 0px;
  min-width: 105px;
 }

.item img.small
 {
  height: auto;
  width: 75px;
  text-align: left;
  display: block;
  margin-bottom:2px;
  /*margin: 0px auto 0px auto;*/
  /*border: 1px solid #666666;*/
 }

.item img.large
 {
  height: auto;
  width: 125px;
  text-align: left;
  display: block;
  margin-bottom:2px;
  /*margin: 0px auto 0px auto;*/
  /*border: 1px solid #666666;*/
 }

.item a:hover img
 {
  outline: 1px #26B2B3 solid;
 }


#scope
 {
   clear:left;
   float:left;
   width: 540px;
   margin: 20px 0px 0px 0px;
 }

#scope ul
 {
  padding-left: 15px;
  padding-top: 0px;
  margin: 5px 0px 0px 0px ;
  float: left;
  list-style-type: disc;
  display:block;
 }


#acc
 {
   float:left;
   width: 540px;
   margin: 20px 0px 0px 00px;
   /*color : #666666;*/
 }

#acc table
 {
 width:400px;
 border-collapse: collapse;
 margin: 5px 0px 0px 0px;
 font-size: 9pt;
 }

#acc tr
 {
  padding: 0px 0px 0px 0px;
  margin: 0px;
 }

#acc td
 {
  text-align: left;
  vertical-align: top;
  padding: 2px 0px 2px 0px;
  /*line-height: 100%;*/
  border-bottom: 1px solid #999999;
 }


#acc .imgbox
 {
  width:100px;
  float:left;
  text-align: center;
  margin: 10px 0px 0px 10px;
  font-size:10px;
 }

#acc img
 {
  width: 75px;
 }

.overview
 {
  margin: 30px 0px 0px 0px;
  float: left;
  width: 540px; /*520px*/
 }

.overview table
 {
  width: 520px;
  border-collapse: collapse;
  margin-top: 0px;
  font-size: 9pt;
 }

.overview th
 {
  text-align: left;
  color: #26B2B3;
  font-weight: normal;
 }

.overview td
 {
  border-top: 1px solid #26B2B3;
  border-bottom: 1px solid #26B2B3;
  padding: 1px;
  vertical-align:top;
  height:110%;
 }

#diverse
 {
  float:left;
  width:540px;
  margin: 30px 0px 0px 0px;
 }

#diverse img.
 {
  border: 1px solid #26B2B3;
  margin: 10px 0px 0px 00px;
  max-width: 520px;
 }

#diverse img.montage
 {
  border: 1px solid #26B2B3;
  margin: 10px 0px 0px 00px;
  max-width: 520px;
 }

#diverse img.montageschmal
 {
  float:left;
  border: 1px solid #26B2B3;
  margin: 10px 0px 0px 0px;
  max-width: 250px;
 }

#diverse table.komp
 {
  width: 500px;
  border-collapse: collapse;
  margin-top: 0px;
  margin: 20px 0px 0px 0px;
 }

#diverse table.komp th
 {
  text-align: left;
  color: #26B2B3;
  font-weight: normal;
 }

#diverse table.komp td
 {
  border-top: 1px solid #26B2B3;
  border-bottom: 1px solid #26B2B3;
  vertical-align:top;
  height:110%;
  padding-top: 5px;
  line-height:220%;
 }

#diverse table.komp img
 {
  height: 100px;
  border: 1px solid;
  margin: 10px 0px 10px 0px;
 }


#diverse table.contact
 {
  width: 520px;
  border-collapse: collapse;
  margin-top: 0px;
  margin: 0px 0px 0px 0px;
 }

#diverse table.contact th
 {
  text-align: left;
  color: #26B2B3;
  font-weight: normal;
 }

#diverse table.contact td
 {
  border-top: 1px solid #26B2B3;
  border-bottom: 1px solid #26B2B3;
  vertical-align:top;
  height:110%;
 }

#download
 {
  float: left;
  width: 400px;
  margin: 20px 0px 0px 0px;
 }

/* #download a:before
 {
  content: '\1f87b';
  margin-right: 10px;
  font-size: 12px;
  font-weight: normal;
  color: #666666;
 }
*/

#download a[href$=".pdf"] {
  background: url(https://www.eldat.de/_pics/pdf.png) left center no-repeat;
  padding-left: 25px;
  padding-top: 4px;
  border-bottom: none !important;
}