body {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
  background: #bababa url(/images/bg.gif) repeat-x;
  margin:0;
  padding:0;
  line-height: 18px;
}

ul, li {list-style: circle; padding:0px; margin:0px;}
p ul, li { padding:0px 5px 5px 5px; margin:0px 0px 0px 15px;}

#head {margin: 0px auto; padding-left: 13px; width: 922px; background: url(/images/bg-border-head.gif) repeat-y;}
#head-bg{ background: url(/images/bg-head.jpg); height: 133px; width: 870px; padding-top: 117px; padding-left: 0px;}

#screen {margin: 0px auto; padding-left: 13px; width: 922px; background: url(/images/bg-border.gif) repeat-y;}

#content { width: 870px; min-height: 500px; background-color: #cfcfcf;}
#navi {background: url(/images/bg-navi.gif) #00A652; color:white; height: 25px; padding: 0px 0px 0px 20px; margin-bottom: 10px; line-height: 12px;}
#content-left {width: 180px; padding: 20px; margin-right:17px; float: left; background: #FFF; min-height: 500px; font-size: 10px;}
#content-main {width: 593px; padding: 20px; float: left; min-height: 500px; background: #FFF;}
#language {margin-bottom: 20px; color: #9d9d9d;}

.org { font-weight: bold;}
.adr {margin-bottom: 15px;}
.type { float: left;}
.tel { letter-spacing:-0.06em }
#catalog {margin: 5px 0px;}

a img { border: 0;}
img { border: 0;}

h1 {line-height: 25px; margin-top: 0px; font-size: 18px;}
h2 {font-size: 16px;}

a { color: #0c843e; text-decoration: none; }
a:hover { color: #0c843e; text-decoration: underline; }
a.hdd { display: block; background: url(/images/ico_hdd.gif) no-repeat; padding-left: 25px;}
a.pdf { display: block; background: url(/images/ico_pdf.gif) no-repeat; padding-left: 25px;}
a.iso { display: block; background: url(/images/certificate_iso.gif) no-repeat; padding-left: 25px;}
a.scc { display: block; background: url(/images/certificate_scc.gif) no-repeat; padding-left: 25px;}
a.key { color: white; text-decoration: none;}

label {display:block; float:left; width:150px;}

.agb, .agb li { line-height: normal !important; }
.error { padding: 5px; background-color: #d11; }
a.print { display: block; height: 14px; padding-left: 20px; padding-top: 2px; background: url(/images/printer.gif) no-repeat left top; }

table.products-tbl { border-collapse: collapse; border: 1px solid #fff; margin-left: 2px; }
table.products-tbl th { color: #fff; font-size: 10px; font-weight: bold; }
table.products-tbl td { text-align: right; }


a.product { display: block; float: right; width: 165px; height: 110px; background-image: url(/images/product_thumb.gif); padding-left: 95px; padding-right: 10px; padding-top: 67px; font-size: 14px; color: #900; }
a.product:hover { text-decoration: none; }

table.product-pic { display: block; float: right; width: 270px; height: 177px; background-image: url(/images/product_thumb.gif); }
table.product-pic td.img { padding-left: 8px; width: 97px; height: 177px; }

table.product-pic td.txt { padding: 10px 10px 10px 0; width: 155px; font-size: 14px; color: #900; }

div.product-picture { width: 156px; border: 1px solid #aaa; background-color: #fff; padding: 3px; margin-left: 10px; float: left; }
div.product-picture p { width: 150px; color: #aaa; line-height: 12px; }

div.products-picture { width: 150px; height: 272px; padding: 8px; float: left; background-image: url(/images/product_thumb.gif); }
div.products-picture p { width: 142px; color: #aaa; line-height: 12px; padding: 0 4px; text-align: center; }
div.products-picture-q { width: 232px; height: 150px; padding: 8px; float: left; background-image: url(/images/product_thumb_q.gif); }

div.captionHolder a { font-size: 16px; font-weight: bold; color: #fff; display: block; text-align: center; }


div.table { }
table { margin: 0; color: #152D53; font-size: 11px; line-height: 18px; padding-right: 20px; }
table .b-right { padding-right: 15px; border-right: 1px solid #E0E1E2; }
table th { border-bottom: 1px solid #E0E1E2; }
div.box div.table table { font-size: .8em; background-color: #E0E1E2; color: #152D53; width: 100%; }
div.box div.table table th { padding: 5px; padding-left: 10px ! important; text-align: left; text-transform: uppercase; }
div.box div.table table .tblTopLeft { background: #E0E1E2 url(../images/corner-top-left.gif) no-repeat top left; }
div.box div.table table th, #inhalt div.box div.table table td { border-left: 1px solid #CECFD0; }
div.box div.table table th.tblTopLeft, #inhalt div.box div.table table td.first { border-left: 0; }
div.box div.table table td { padding-left: 10px; border-top: 1px solid #CECFD0; }

td.tblDesc { font-family: Verdana; font-size: 11px; font-weight: bold; text-indent: 10px; color: #152D53; padding-top: 10px; }
td.tblNorm { font-family: Verdana; font-size: 11px; color: #152D53; }
td.tblDescTop { font-weight: bold; vertical-align: middle; padding-right: 5px; text-align: right; }
td.tblField { vertical-align: middle; height: 32px; }


.bubbleInfo {
    position: relative;
}

.popup {
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
    width:350px; margin-left: 200px; background-color: white; border: 1px solid black; padding: 10px;
}

b.trigger { cursor: pointer;}