/* CSS Document */
body { text-align: center; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333; background-image: url(_images/bg.jpg); background-repeat: repeat-x; }
h1 { font-size: 20px; color: #E30019; font-weight: normal; text-transform: uppercase; margin: 8px 0px 7px 0px; }
h2 { font-size: 12px; text-transform: uppercase; margin-top: 0px; }
h3 { font-size: 11px; color: #999; text-transform: uppercase; font-weight: normal; margin: 0px 0px 3px 0px; }
h4 { font-size: 19px; font-weight: normal; text-transform: uppercase; color: #333; padding-left: 10px; margin: 0px; }


/* old h4 { font-size: 23px; font-weight: normal; text-transform: uppercase; color: #333; padding-left: 10px; margin: 0px; } */
form { margin: 0px; padding: 0px; }
a { text-decoration: underline; color: #333; }
a:hover { color: #E30019; }
img { border: 0px; }

.red { color: #E30019; }
.headRed { color: #E30019; text-transform: uppercase; }

#frame { width: 940px; margin: auto; text-align: left; }

/* Head-Allgemein --- */
#head { float: left; width: 935px; height: 180px; padding-left: 5px; background-image: url(_images/head_bg.jpg); background-repeat: no-repeat; text-align: left;  }
* html #head { float: left; width: 935px; height: 180px; padding-left: 0px; background-image: url(_images/head_bg.jpg); background-repeat: no-repeat; text-align: left;  }
#head #box1, #head box1, #box2, #head #box3, #head #box4 { float: left; width: 220px; margin: 10px 5px 0px 5px; vertical-align: middle; padding-top: 50px; }
#head #box1 { width: 230px; }
#head #box3 { padding: 0px; }
#head #box4 { padding-top: 65px; }


/* Head-Index --- */
#headIdx { float: left; width: 935px; height: 220px; padding-left: 5px; background-image: url(_images/head_bg_idx.jpg); background-repeat: no-repeat; text-align: left;  }
* html #headIdx { float: left; width: 935px; height: 220px; padding-left: 0px; background-image: url(_images/head_bg_idx.jpg); background-repeat: no-repeat; text-align: left;  }
#headIdx #box1, #headIdx #box2, #headIdx #box3, #headIdx #box4 { float: left; width: 220px; margin: 10px 5px 0px 5px; vertical-align: middle; padding-top: 70px; }
#headIdx #box1 { width: 230px; }
* html #headIdx #box1 { width: 230px; margin-left: 5px; }
#headIdx #box2, #headIdx #box3 { padding: 0px; }
#headIdx #box4 { padding-top: 90px; }

#main { float: left; background-color: #FFFFFF; padding: 10px 10px 5px 10px; width: 920px; }
#body { float: left; background-image: url(_images/bg_nav.jpg); background-repeat: repeat-y; }
#body #nav { float: left; width: 210px; padding: 10px; }
#body #content { float: left; width: 658px; min-height: 300px; height:auto !important; height:300px; margin: 0px 0px 0px 10px; border: 1px solid #CDCDCD; padding: 10px; }
#body #contentIdx { float: left; width: 678px; min-height: 300px; margin: 0px 0px 0px 10px; border: 1px solid #CDCDCD; }
#body #contentIdx #left { float: left; }
#body #contentIdx #right { float: right; }
#body #contentIdx #left img { display: block; margin: 0px 0px 5px 10px; }
#body #contentIdx #left h1 { font-size: 20px; color: #666; font-weight: normal; text-transform: uppercase; margin: 8px 0px 7px 10px; }

#body #content #prodGroupBox { float: left; width: 208px; height: 168px; margin: 0px 0px 14px 0px; border: 1px solid #CDCDCD; }
#prodGroupBox #sign { float: left; width: 12px; height: 39px; border-top: 1px solid #CCC; margin-top: 9px; }
#prodGroupBox h2 { display: block; float: left; width: 180px; height: 33px; padding: 6px 8px 0px 8px; border-top: 1px solid #CCC; background-image: url(_images/bg_prodgroups.jpg); background-repeat: repeat-y; color: #666; margin-bottom: 0px; margin-top: 9px; text-decoration: none; }
#prodGroupBox #img { clear: left; float: left; }
a.select { text-decoration: none; }
a.select:hover { cursor: hand; }

#body #content #prodBox { float: left; width: 208px; height: 148px; margin: 0px 0px 14px 0px; border: 1px solid #CDCDCD; }
#prodBox #sign { float: left; width: 12px; height: 34px; }
#prodBox h2 { display: block; float: left; width: 180px; height: 30px; padding: 4px 8px 0px 8px; background-image: url(_images/bg_prodgroups.jpg); background-repeat: repeat-y; color: #666; margin-bottom: 0px; text-decoration: none; font-size: 11px; text-transform: none; }
#prodBox #img { clear: left; float: left; border-bottom: 1px solid #CCC; }
a.select { text-decoration: none; }
a.select:hover { cursor: hand; }
a.detail { display: block; clear: left; float: left; width: 50px; margin: 4px 0px 0px 8px; text-decoration: none; }
a.detail:hover { text-decoration: underline; }

a.nav { display: block; width: 10px; background-image: url(_images/nav_arrow.gif); margin-bottom: 5px; padding-left: 18px; text-decoration: none; background-repeat: no-repeat; color: #666; text-transform: uppercase; }
a.nav:hover { background-image: url(_images/nav_arrow_on.gif); color: #E30019; }
a.nav_on { display: block; width: 10px; background-image: url(_images/nav_arrow_on.gif); margin-bottom: 0px; padding-left: 18px; text-decoration: none; background-repeat: no-repeat; color: #E30019; text-transform: uppercase; }

a.subnav { display: block; margin-bottom: 2px; padding-left: 18px; text-decoration: none; color: #666; }
a.subnav:hover { color: #E30019; }
a.subnav_on { display: block; margin-bottom: 2px; padding-left: 18px; text-decoration: none; color: #E30019; }

a.lang_de, a.lang_en { display: block; float: left; width: 10px; background-image: url(_images/flag_en.gif); margin: 5px 0px 0px 14px; padding-left: 19px; text-decoration: none; background-repeat: no-repeat; color: #666; font-weight: bold; }
a.lang_en { background-image: url(_images/flag_de.gif); }
a.lang_de:hover, a.lang_en:hover { color: #E30019; }
a.print { clear: left; float: left; display: block; text-align: left; background-image: url(_images/print.gif); background-repeat: no-repeat; padding-left: 16px; text-decoration: none; }

#meta { clear: left; float: left; width: 679px; padding: 0px 0px 0px 261px; }

.search { margin-top: 25px; }
.searchfield { display: block; clear: left; float: left; width: 110px; height: 11px; font-size: 9px; border: 1px solid #999; color: #333; padding-left: 2px; }
.btn { margin-left: 3px; }
#address { margin-top: 20px; }
#address a { text-decoration: none; }
#address a:hover { text-decoration: underline; }

#content #text { float: left; width: 413px; border: 1px solid #CDCDCD; padding: 10px; margin-right: 15px; } 
#content #image { float: left; width: 433px; border: 1px solid #CDCDCD; margin-right: 15px; min-height: 294px; }
#content #image #sign { float: left; width: 12px; height: 24px; margin-top: 8px; border-top: 1px solid #CCC; }
#content #image h2 { display: block; float: left; width: 413px; height: 20px; padding: 4px 0px 0px 8px; border-top: 1px solid #CCC; background-image: url(_images/bg_proddetail.jpg); background-repeat: repeat-y; color: #666; margin-bottom: 0px; margin-top: 8px; text-decoration: none; text-transform: none; }
#content #image img { clear:left; float: left; }
#enlarge { float:left; padding-left:399px; margin:-25px 7px 0px 0px; } /*clear: left; */

#content #blocks { float: right; width: 208px; }
#content #blocks #block { float: right; width: 186px; border: 1px solid #CDCDCD; padding: 10px; margin-bottom: 5px; }
#content #blocks #block #line { clear: left; background-image: url(_images/line.gif); background-repeat: repeat-x; width: 180px; height: 11px; margin-top: 3px; }
#content #blocks #block #left { float: left; margin-right: 15px; }
#content #blocks #block #right { float: left; }
#content #blocks #block a.pdf { display: block; float: left; background-image: url(_images/symb_pdf.gif); background-repeat: no-repeat; padding-left: 20px; height: 16px; }
#content #blocks #imagestandard { width: 206px; border: 1px solid #CDCDCD; margin-left: 0px; }


#content #person { float: right; width: 206px; border: 1px solid #CDCDCD; margin-bottom: 5px; }
#content #person #img { float: left; width: 58px; border-right: 1px solid #CCC; }
#content #person #txt { float: left; padding: 5px 10px 0px 10px; width: 127px; }

#content #contact { float: left; border: 1px solid #CDCDCD; }
#content #contact #block #clear { clear: both; }
#content #contact #block { clear: left; float: left; width: 646px; padding: 0px 0px 10px 10px; background-image: url(/_images/bg_head_contact.jpg); background-repeat: no-repeat; background-position: 0px 10px; }
*html #content #contact #block { display:inline; width: 646px; }
#content #contact #block #headline { float: left; padding: 15px 10px 15px 10px; font-size: 12px; color: #E30019; }
*html #content #contact #block #headline { display:inline }
#content #contact #block #box { float: left; width: 202px; border: 1px solid #CDCDCD; margin-bottom: 10px; margin-right: 14px; }
*html #content #contact #block #box { display:inline; width: 202px; }
#content #contact #block #box:hover { background-color: #F3F3F3; }

#content #person { clear: left; float: left; width: 512px; border: 1px solid #CDCDCD; padding: 0px 0px 10px 0px; }
#content #person #headline { float: left; width: 495px; margin: 10px 0px 5px 0px; padding: 6px 0px 10px 17px; background-image: url(/_images/bg_head_contact.jpg); background-repeat: no-repeat; background-position: 0px 0px; font-size: 12px; color: #E30019; }
#content #person #data { clear: left; float: left; width: 478px; margin-left: 17px; background-position: bottom; background-image: url(/_images/line.gif); background-repeat: repeat-x; padding: 4px 0px 10px 0px; }
#content #person #data_wo { clear: left; float: left; width: 478px; margin-left: 17px; padding: 4px 0px 10px 0px; }
#content #imageperson { float: left; width: 118px; border: 1px solid #CDCDCD; margin-left: 10px; }

a.back { display: block; margin-left: 17px; width: 150px;  }
a.red { text-decoration: none; color: #E30019; }
a.red:hover { text-decoration: underline; }

.grey { color: #666; }

#sline { width: 100%; background-image: url(/_images/sline.gif); background-repeat: x-repeat; height: 13px; }