/*
URL   : www.abis-gmbh.info/_css/screen.css
Autor : DICKE Kreativbüro (Mario Schwartz)
Layout: Bildschirm, Projektor
Update: 16. August 2006 09:01:38
*/

/*===== GLOBAL =====*/
body, div, dl, ul, table, p, h1, h2, h3, h4, h5, h6, hr, form, fieldset
{
  padding: 0px;
  margin: 0px;
}
body, td, th
{
  font: 11px Arial, Helvetica, sans-serif;
  background-color: #FFF;
  color: #000;
  text-align: center;
}
img, table, form fieldset, hr
{
  border: 0px solid #FFF;
}
table
{
  width: auto;
}
td, th
{
  text-align: left;
  vertical-align: text-top;
  background-color: transparent;
  padding: 2px;
}
th
{
  font-weight: bold;
  text-align: left;
  vertical-align: top;
}
label
{
  cursor: pointer;
}
/*===== KOPF =====*/
div.header
{
  margin: 0px auto;
  background: #FFF url(../_img/header.gif) no-repeat 0px 0px;
  color: #FFF;
  height: 79px;
  width: 1000px;
  text-align: left;
}
/*===== KOPF - Logo =====*/
div.header h1
{
  padding: 13px 0px 0px 128px;
  width: 189px;
  height: 42px;
  float: left;
}
/*===== KOPF - Menü =====*/
div.header ul
{
  float: right;
  list-style: none;
  width: 202px;
  padding-right: 100px;
}
div.header ul li
{
  font-size: 9px;
  float: left;
  width: 67px;
  height: 20px;
  padding: 0px 0px;
  color: #FFF;
  background-color: transparent;
  text-align: center;
}
div.header ul li img
{
  vertical-align: middle;
}
div.header ul li a
{
  text-decoration: none;
  display: block;
  width: 59px;
  height: 14px;
  padding: 3px 4px;
  color: #FFF;
  background-color: transparent;
  font-weight: normal;
  text-align: center;
}
/*===== KOPF - Loginstatus =====*/
div.header p
{
  text-align: right;
  background-color: #FFF;
  color: #000;
  clear: both;
  margin-right: 100px;
}
div.header p a
{
  background-color: #FFF;
  color: #6a6a6a;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #FFF;
  padding: 0px 2px;
}
div.header p a.link3
{
  background-color: #F9C183;
  color: #F00;
  border-color: #F9A13A #FAD7AF #FAD7AF #F9A13A;
  border-width: 2px;
}
div.header p a:hover
{
  border-color: #6a6a6a;
  background-color: #DCDCDC;
  color: #6a6a6a;
}
div.header p a.link3:hover
{
  background-color: #F9C183;
  color: #F00;
  border-color: #FAD7AF #F9A13A #F9A13A #FAD7AF;
}
/*===== MITTE =====*/
div.middle
{
  width: 1000px;
  margin: 0px auto;
  overflow: hidden;
}
/*===== MITTE - Links =====*/
div.middle div.left
{
  width: 303px;
  float: left;
  background: #FFF url(../_img/nav_top.gif) no-repeat 0px 0px;
  color: #666;
  text-align: left;
}
/*===== MITTE - Links - Menü =====*/
div.middle div.left ul.nav
{
  width: 202px;
  background: transparent url(../_img/nav_bottom.gif) no-repeat left bottom;
  padding: 0px 0px 2px 101px;
  list-style: none;
}
div.middle div.left ul.nav li
{
  width: 202px;
  background: transparent url(../_img/li_line.gif) no-repeat left top;
}
div.middle div.left ul.nav li.first
{
  background-image: none;
  margin-top: 1px;
}
div.middle div.left ul.nav li a
{
  width: 153px;
  /*height: 11px;*/
  background: transparent url(../_img/li.gif) no-repeat 0px 1px;
  margin-top: 1px;
  padding: 4px 8px 8px 41px;
  color: #000;
  text-decoration: none;
  display: block;
}
div.middle div.left ul.nav li a:hover, div.left ul.nav li a.activ
{
  background-image: url(../_img/li_hover.gif);
  color: #007ac1;
}
/*===== MITTE - Links - Untermenü =====*/
div.middle div.left ul.subnav
{
  width: 165px;
  background: transparent url(../_img/li_line.gif) no-repeat left top;
  padding: 2px 0px 0px 35px;
  list-style: none;
}
div.middle div.left ul.subnav li
{
  width: 165px;
  /*height: 24px;*/
  background: transparent url(../_img/li_sub_line.gif) no-repeat left top;
}
div.middle div.left ul.subnav li.first
{
  background-image: none;
  /*height: 23px;*/
  margin-top: 1px;
}
div.middle div.left ul.subnav li a
{
  width: 142px;
  /*height: 11px;*/
  background: transparent url(../_img/li_sub.gif) no-repeat 0px 1px;
  margin-top: 1px;
  padding: 3px 0px 8px 25px;
  color: #6a6a6a;
  text-decoration: none;
  display: block;
}
div.middle div.left ul.subnav li a:hover, div.middle div.left ul.subnav li a.activ
{
  background-image: url(../_img/li_sub_hover.gif);
  color: #007ac1;
}
/*===== MITTE - Links - Kontaktdaten =====*/
div.middle div.left div.contact
{
  width: 186px;
  background: transparent url(../_img/contact_bg.gif) no-repeat left bottom;
  margin: 1px 0px 0px 101px;
  padding: 8px;
  height: 81px;
}
div.middle div.left div.contact a
{
  float: right;
}
div.middle div.left div.contact p
{
  clear: both;
  color: #000000;
  background-color: transparent;
}
div.middle div.left div.contact p.titel
{
  float: left;
  margin-top: 5px;
  color: #007ac1;
  background-color: transparent;
}
/*===== MITTE - Links - Newsüberschrift =====*/
div.middle div.left h1
{
  font-size: 14px;
  margin-left: 227px;
  width: 61px;
  color: #007ac1;
  background: transparent url(../_img/arrow_bottom_top.gif) no-repeat left center;
  padding: 4px 0px 7px 15px;
  height: 14px;
}
div.middle div.left h1.news
{
  background: transparent url(../_img/news_headline_bg.gif) no-repeat left top;
}
/*===== MITTE - Links - Newsliste =====*/
div.middle div.left dl
{
  margin-left: 100px;
  width: 203px;
  color: #000;
  background-color: #FFF;
}
/*===== MITTE - Links - Newstitel/-datum =====*/
div.middle div.left dt
{
  margin: 3px 0px;
  padding-left: 11px;
  color: #000;
  background-color: #FFF;
}
/*===== MITTE - Links - Newstitel =====*/
div.middle div.left dl.news dt span
{
  width: 192px;
  color: #F00;
  background-color: #FFF;
  font-weight: bold;
  display: block;
}
/*===== MITTE - Links - News =====*/
div.middle div.left dd
{
  margin: 3px 0px;
  padding-left: 11px;
  padding-bottom: 2px;
  font-family: Tahoma;
  background: transparent url(../_img/news_trenner.gif) no-repeat left bottom;
  overflow: hidden;
}
div.middle div.left dd a
{
  width: 174px;
  color: #007ac1;
  background-color: transparent;
  font-weight: bold;
  display: block;
  padding-right: 16px;
  text-decoration: none;
  border: 1px solid #FFF;
  overflow: hidden;
}
div.middle div.left dl.news dd a
{
  width: 174px;
  color: #007ac1;
  background-color: transparent;
  font-weight: bold;
  display: block;
  text-align: right;
  padding-right: 16px;
  text-decoration: none;
  border: 1px solid #FFF;
}
div.middle div.left dd a:hover
{
  border-color: #007ac1;
  background-color: #E0FFFF;
  color: #007ac1;
}
div.middle div.left dl.news dd a:hover:before
{
  content: "» ";
}
div.middle div.left p.archiv
{
  margin: 7px 0px 7px 115px;
  padding-left: 15px;
  line-height: 9px;
  background: #FFF url(../_img/arrow_left_right.gif) no-repeat left center;
}
div.middle div.left p.archiv a
{
  text-decoration: none;
}
/*===== MITTE - Textbereich =====*/
div.middle div.center
{
  width: 597px;
  float: left;
  overflow: hidden;
  text-align: left;
}
div.middle div.center a
{
  background-color: transparent;
  color: #6a6a6a;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #FFF;
  padding: 0px 2px;
}
div.middle div.center a.link2
{
  font-weight: normal;
}
div.middle div.center a:hover
{
  border-color: #6a6a6a;
  background-color: #DCDCDC;
  color: #6a6a6a;
}
/*===== MITTE - Textbereich - Banner =====*/
div.middle div.center div.banner
{
  width: 597px;
  height: 253px;
  background: #FFF url(../_img/head_banner.gif) no-repeat 0px 0px;
}
/*===== MITTE - Textbereich - Banner - Sprachwahl =====*/
div.middle div.center div.banner ul
{
  padding-top: 200px;
  padding-left: 491px;
  width: 106px;
  height: 41px;
  list-style: none;
}
div.middle div.center div.banner ul li
{
  float: left;
  margin: 2px;
}
div.middle div.center div.banner ul li a
{
  padding: 0px;
  border: none;
  background-color: transparent;
}
div.middle div.center div.china_banner
{
  width: 597px;
  height: 33px;
  background: #FFF url(../_img/china.gif) no-repeat center top;
}
div.middle div.center div.china_banner a
{
  display: block;
  width: 597px;
  height: 33px;
  padding: 0px;
  border: none;
  background-color: transparent;
}
/*===== MITTE - Textbereich - Text =====*/
div.middle div.center div.content
{
  width: 569px;
  padding: 14px;
}
div.middle div.center div.content table
{
  width: 569px;
}
div.middle div.center div.content table.artikel_bilder
{
  padding-bottom: 0px;
  width: auto;
}
div.middle div.center div.content table.artikel_bilder .hauptbild, div.middle div.center div.content table.artikel_bilder .bilder
{
  vertical-align:middle;
  text-align:center;
  width:200px;
}
div.middle div.center div.content table.artikel_bilder .bilder
{
  width:132px;
}
div.middle div.center div.content table.artikel_bilder .menu, div.middle div.center div.content table.artikel .menu
{
  vertical-align:top;
  width:105px;
  border-left: 1px solid #007ac1;
}
div.middle div.center div.content table.artikel
{
  padding-top: 0px;
}
div.middle div.center div.content table.artikel .beschrifung
{
  width:140px;
}
div.middle div.center div.content table.artikel .angaben
{
  width:324px;
}
div.middle div.center div.content hr
{
  color: #007ac1;
  height: 1px;
  background-color: #007ac1;
  margin: 5px 0px;
  clear: both;
}
div.middle div.center div.content input, div.middle div.center div.content button, div.middle div.center div.content select, div.middle div.center div.content textarea
{
  width: 400px;
  height: 18px;
  vertical-align: middle;
  border: 1px solid #007ac1;
  color: #6a6a6a;
  background-color: #FFF;
}
div.middle div.center div.content textarea
{
  height: 125px;
}
div.middle div.center div.content input.schalter, div.middle div.center div.content button
{
  width: auto;
  height: auto;
  border: 1px solid #007ac1;
  cursor: pointer;
}
div.middle div.center div.content div.spalte_heandler
{
  width: 274.5px;
  padding: 0px 5px;
  float: left;
}
div.middle div.center div.content div.search
{
  width: 180px;
  margin-left: 400px;
}
div.middle div.center div.content div.search input
{
  width: 146px;
  text-align: right;
  margin-bottom: 1px;
}
div.middle div.center div.content div.search input.schalter
{
  width: auto;
  border: 0px solid #FFF;
}
div.middle div.center div.content div.search a
{
  color: #007ac1;
  font-weight: normal;
  text-decoration: underline;
  margin-bottom: 1px;
}
div.middle div.center div.content a.schalter, div.middle div.center div.content a.schalter2
{
  background-color: transparent;
  color: #007ac1;
  text-decoration: none;
  font-weight: bold;
  border: 1px solid #FFF;
  padding: 0px 2px;
}
div.middle div.center div.content a.schalter:hover, div.middle div.center div.content a.schalter2:hover
{
  border-color: #007ac1;
  background-color: #E0FFFF;
  color: #007ac1;
}
div.middle div.center div.content a.schalter2
{
  padding: 2px 0px 2px 20px;
  height: 16px;
  background-image: url(../_img/button.gif);
  background-repeat: no-repeat;
  background-position: left center;
}
div.middle div.center div.content a.schalter2:hover
{
  background-image: url(../_img/button_aktiv.gif);
}
div.middle div.center div.content h1
{
  font-size: 14px;
  color: #007ac1;
  background: transparent url(../_img/arrow_bottom_top.gif) no-repeat left center;
  padding: 5px 0px 5px 15px;
}
div.middle div.center div.content h2
{
  font-size: 12px;
  padding: 5px 5px 5px 8px;
  border-bottom: 1px solid #007ac1;
  clear: both;
  height: 14px;
}
div.middle div.center div.content h2.products
{
  border-bottom-width: 0px;
}
div.middle div.center div.content h2.products a
{
  font-weight: bold;
}
div.middle div.center div.content h2 span
{
  float: left;
}
div.middle div.center div.content h2 span.small
{
  font-size: 9px;
  font-weight: normal;
  float: right;
}
div.middle div.center div.content h3
{
  font-size: 12px;
  padding: 5px 0px;
  clear: both;
}
div.middle div.center div.content p, div.middle div.center div.content table, div.middle div.center div.content dl, div.middle div.center div.content ul
{
  padding: 3px 0px;
  clear: both;
}
div.middle div.center div.content a.title
{
  padding: 0px;
}
div.middle div.center div.content ul
{
  margin-left: 10px;
}
div.middle div.center div.content ul.products
{
  border-bottom: 1px solid #007ac1;
}
div.middle div.center div.content ul li
{
  margin-left: 0px;
  background: #FFF url(../_img/arrow_left_right.gif) no-repeat 0px 3px;
  padding: 1px 3px 1px 13px;
  list-style: none;
}
div.middle div.center div.content ul.page_numbers
{
  margin: 5px 5%;
  text-align: center;
}
div.middle div.center div.content ul.page_numbers li
{
  background-image: none;
  padding: 0px;
  float: left;
  border-left: 1px #6a6a6a solid;
  padding: 0px 4px;
  text-align: center;
  margin: 5px auto;
}
div.middle div.center div.content ul.page_numbers li.first
{
  border-left: 0px #fff solid;
}
div.middle div.center div.content ul.page_numbers li.current-page span
{
  font-weight: bold;
  color: #007ac1;
  font-size: 15px;
}/*
div.middle div.center div.content div.myabis
{
  width: 366px;
  padding-right: 14px;
  float: left;
}*/
div.middle div.center div.content div.contact
{
  float: left;
  margin-right: 20px;
}
div.middle div.center div.content div.myabis_content input, div.middle div.center div.content div.myabis_content select, div.middle div.center div.content div.myabis_content textarea
{
  width: 300px;
}
div.middle div.center div.content div.myabis_content input.schalter
{
  width: auto;
}
div.middle div.center div.content div.myabis_nav
{
  width: 153px;
  height: 94px;
  float: left;
  background: #007ac1 url(../_img/myabis_nav_bg.gif) no-repeat bottom right;
  color: #FFF;
  margin-bottom: 1px;
}
div.middle div.center div.content div.myabis_nav select
{
  width: 145px;
  height: 16px;
  border: 1px solid #adadad;
  color: #000;
  background-color: #FFF;
  font-size: 10px;
  margin: 2px 4px;
}
div.middle div.center div.content div.myabis_nav table
{
  width: auto;
  border-top: 1px solid White;
  width: 153px;
}
div.middle div.center div.content div.myabis_nav table td
{
  color: #FFF;
  background-color: transparent;
  padding: 0px;
  margin: 0px;
}
div.middle div.center div.content div.myabis_nav table td.number
{
  padding-right: 21px;
}
div.middle div.center div.content div.myabis_info
{
  color: #000;
  background-color: transparent;
  width: 399px;
  margin-left: 13px;
  margin-bottom: 1px;
  float: left;
  height: 79px;
  overflow: auto;
}
div.middle div.center div.content div.myabis_bilder
{
  width: 129px;
  padding: 12px;
  float: left;
}
div.middle div.center div.content div.myabis_content
{
  padding: 5px;
  background-color: transparent;
  color: #000;
  float: left;
}
div.middle div.center div.content div.myabis_content table
{
  border: 3px double #007ac1;
  width: auto;
  border-collapse: collapse;
  border-spacing: 0px;
  width: 400px;
}
div.middle div.center div.content div.myabis_content table a
{
  border: none;
}
div.middle div.center div.content div.myabis_subinfo
{
  width: 149px;
  padding: 11px;
  float: right;
  background: transparent url(../_img/bg_pattern.gif) repeat top;
}
div.middle div.center div.content p.sitemap
{
  margin-left: 30px;
  margin-top: 5px;
  border-color: #007ac1;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
}
div.middle div.center div.content ul.sitemap
{
  margin-left: 60px;
}
div.middle div.center div.content ul.sitemap li
{
  margin-left: 0px;
  background: #FFF url(../_img/arrow_left_right.gif) no-repeat left center;
  padding: 1px 3px 1px 10px;
  list-style: none;
}
div.middle div.center div.content ul.hersteller
{
  margin-left: 0px;
}
div.middle div.center div.content ul.hersteller li
{
  margin: 1px 1px 3px 1px;
  background-image: none;
  padding: 0px;
  list-style: none;
  display: block;
  float: left;
}
div.middle div.center div.content ul.hersteller li a
{
  border: #007ac1 solid 1px;
  padding: 0px 4px;
}
div.middle div.center div.content dl dt
{
  font-weight: bold;
  color: #F00;
  background: #FFF;
}
div.middle div.center div.content dl dd
{
  margin-left: 30px;
}
div.middle div.center div.content dl dd a
{
  padding: 0px;
  border: none;
  font-weight: normal;
}
div.middle div.center div.content dl dd a:hover
{
  color: #000;
  background: #FFF;
}
/*===== HILFSKLASSEN - POST-Anfrage: Fehler =====*/
div.middle div.center div.content .post_err
{
  border: 1px solid #F00;
  padding: 5px;
  color: #F00;
  background-color: inherit;
}
/*===== HILFSKLASSEN - POST-Anfrage: OK =====*/
div.middle div.center div.content .post_ok
{
  border: 1px solid #008000;
  padding: 5px;
  color: #008000;
  background-color: inherit;
}
/*===== MITTE - Rechts =====*/
div.middle div.right
{
  width: 96px;
  height: 253px;
  float: left;
  background: red url(../_img/right_banner.gif) no-repeat 0px 0px;
}
/*===== FUSS =====*/
div.footer
{
  margin: 13px auto 0px;
  background: transparent url(../_img/footer.gif) no-repeat 0px 0px;
  height: 16px;
  width: 1000px;
  text-align: left;
}
/*===== FUSS - Copyright =====*/
div.footer p
{
  padding-left: 125px;
  width: 573px;
  float: left;
}
/*===== FUSS - Menü =====*/
div.footer ul
{
  float: right;
  list-style: none;
  width: 202px;
  padding-right: 100px;
}
div.footer ul li
{
  font-size: 9px;
  float: left;
  width: 100.5px;
  height: 20px;
  padding: 0px 0px;
  color: #FFF;
  background-color: transparent;
  text-align: center;
}
div.footer ul li img
{
  vertical-align: middle;
}
div.footer ul li a
{
  text-decoration: none;
  display: block;
  width: 88.5px;
  height: 14px;
  padding: 3px 4px;
  color: #FFF;
  background-color: transparent;
  font-weight: normal;
  text-align: center;
}
/*===== HILFSKLASSEN =====*/
/*===== HILFSKLASSEN - Fett =====*/
.bold
{
  font-weight: bold;
}
/*===== HILFSKLASSEN - Kursiv =====*/
.italic
{
  font-style: italic;
}
/*===== HILFSKLASSEN - Firmenfarbe =====*/
.company_color
{
  color: #007ac1;
  background-color: transparent;
}
/*===== HILFSKLASSEN - Textfarbe: rot =====*/
.color_red
{
  color: #F00;
}
/*===== HILFSKLASSEN - Textausrichtung: zentriert =====*/
.align_center
{
  text-align: center;
}
/*===== HILFSKLASSEN - Textausrichtung: rechts =====*/
.align_right
{
  text-align: right;
}
/*===== HILFSKLASSEN - Textausrichtung: ober =====*/
.valign_top
{
  vertical-align: top;
}
/*===== HILFSKLASSEN - für Druckansicht =====*/
.print
{
  display: none;
}