/* CSS Document */
body { margin: 0px; padding: 0px; background-image: url(_images/bg.jpg); background-repeat: repeat-x; background-position: 0px 81px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #656565; line-height: 14px; }
img { border: 0px; }
#clear { clear: left; }
h2 { font-weight: bold; font-size: 11px; margin: 0px; }
#wenav { margin-top: 15px; width: 434px; border: 1px solid #989898; background-color: #E5EFFA; font-size: 10px; color: #0066CC; padding: 10px; }
#wenav input { font-size: 10px; border: 1px solid #989898; }
.we { color: #0066CC; font-size: 10px; font-weight: normal; }
sup { line-height:9px; font-size: 8px; }

/* Formulare */
#view { margin: 0px; padding: 10px; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-color: #EFEFEF; }
select { font-size: 11px; color: #656565; border: 1px solid #CCC; }
#view select { font-size: 11px; color: #656565; border: 1px solid #CCC; }

#formRef { width: 434px; padding: 10px; margin:0px; border: 1px solid #CCC; }


.logo { display: block; position: absolute; z-index: 10; left: 780px; top: 8px; }
#head { width: 755px; height: 72px; }
#bgnav { width: 955px; height: 128px; background-color: #E5E5E5; }
#bgnav { background-image: url(_images/logo_bottom.jpg); background-repeat: no-repeat; background-position: 696px 0px; }

#line { clear: left; background-image: url(/_images/line.gif); background-repeat: repeat-x; height: 1px; margin: 0px 0px 8px 0px; font-size: 1px; line-height: 1px; }

#navigation { position: absolute; left: 19px; top: 86px; z-index: 1; }
#nav_sgf { float: left; height: 72px; }
#nav_sgf img { display: block; float: left; margin-right: 2px; }
#nav { float: left; width: 924px; margin-top: 2px; }
#nav_left { float: left; }
#nav_right {  float: right; }

/* Navigation - SGF & Company */
#navitem { float: left; background-image: url(_images/nav_bottom.gif); background-repeat: no-repeat; background-position: 0px bottom; padding-bottom: 4px; margin-right: 2px; }
#navitem a { text-decoration: none; }

a.item { display: block; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; padding: 4px 6px 4px 17px; color: #666; text-decoration: none; background-color: #fff; background-image: url(_images/nav_arrow.gif); background-repeat: no-repeat; background-position: 5px 6px; }
* html b\ody a.item { background-position: 5px 8px; }
* + html a.item { background-position: 5px 8px; }

#navitem .pulldown { display: none; position: absolute; width: 180px; min-height: 25px; background-color: #D6D6D6; padding: 10px 0px 10px 0px; top: 97px; background-image: url(_images/pd_corner.gif); background-repeat:no-repeat; }
#navitem .pulldown a { display: block; background-image: url(_images/nav_arrow.gif); background-position: 4px 6px; padding: 3px 6px 2px 17px; color: #666; background-repeat: no-repeat; text-decoration: none; }
#navitem .pulldown a:hover { background-image: url(_images/nav_arrow_on.gif); }

/* Inhalt */
#content { margin-left: 19px; width: 922px; margin-top: 16px; }
@media all{
	* html b\ody #left { float: left; width: 188px; margin-right: 9px; }
}
#left { float: left; width: 188px; margin-right: 11px; }
@media all{
	* html b\ody #middle { width: 488px; }
}
#middle { float: left; width: 490px; margin-right: 11px; }
#middle #content { width: 456px; padding: 0px 17px 13px 17px; margin: 0px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
@media all{
	* html b\ody #middle #content h1 { width: 422px; }
}
#middle #content h1 { display: block; position: relative; left: -17px; width: 490px; font-size: 14px; font-weight: bold; background-image: url(_images/h1_bg.gif); background-repeat: no-repeat; background-position: left bottom; padding: 13px 17px 13px 17px; margin: 0px 0px 12px 0px; }
#middle #content #overview_row1 { float: left; background-image: url(/_images/nav_arrow.gif); background-repeat: no-repeat; background-position: left 2px; width: 439px; padding-left: 17px; }
* html b\ody #middle #content #overview_row1 { background-position: left 3px; }
* + html #middle #content #overview_row1 { background-position: left 3px; }


/* Anwendungsbereiche - Overview --- */
#overview_row1 #text { float: left; width: 260px; }
#overview_row1 #image, #reflist #image { float: right; margin: 6px 0px 8px 0px; }
#overview_row1 #image img, #reflist #image img { border: 1px solid #ccc; margin-bottom: 3px; }
#overview_row1 #image #enlarge, #reflist #image #enlarge  { margin-top: -25px; margin-left: 145px; }

#contentBottom { padding: 1px 0px 0px 17px; background-image: url(_images/content_bottom.gif); background-repeat: no-repeat; height: 27px; border: 0px; width: 475px; }
#right { float: left; }

/* Boxen */
#box { margin-bottom: 15px; }
@media all{
	* html b\ody #box #top { width: 190px; }
}
#box #top { width: 194px; background-color: #F5F5F5; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-weight: bold; padding: 15px 13px 10px 13px;  }
@media all{
	* html b\ody #box #headline { width: 190px; }
}
#box #headline { width: 194px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-image: url(_images/box_line.gif); background-repeat: no-repeat; background-position: left bottom; padding: 13px 13px 8px 13px; font-weight: bold; }
@media all{
	* html b\ody #box #contentbox  { width: 190px; }
}
#box #contentbox { width: 194px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 13px 5px 13px; }
@media all{
	* html b\ody #box #boxBottom  { width: 220px; }
}
#box #boxBottom { background-image: url(_images/box_bottom.gif); background-repeat: no-repeat; height: 18px; width: 222px; }

@media all{
	* html b\ody #box #boxBottom2  { width: 217px; }
}
#box #boxBottom2 { background-image: url(_images/box_bottom2.gif); border-right: 1px solid #CCC; background-repeat: no-repeat; height: 18px; width: 221px; }

@media all{
	* html b\ody #box #boxBottom3  { width: 217px; }
}
#box #boxBottom3 { padding-top: 4px; padding-bottom: 4px; background-image: url(_images/box_bottom3.gif); border-right: 1px solid #CCC; background-position: left bottom; background-repeat: no-repeat; height: 18px; width: 221px; }

/* Tabellen */

/* Bilder-Tabelle --- */
.tbl_bilder { border-collapse: collapse; width: 100%; border: 0px; margin-bottom: 15px; font-size: 11px; }
.tbl_bilder tr { margin: 0px; padding: 0px; }
.tbl_bilder th { text-align: left; font-weight: bold; padding: 0px; margin: 0px; }
.tbl_bilder td { vertical-align: top; #F5F5F5; padding: 0px; border: 0px; margin: 0px; }
.tbl_bilder img { border: 1px solid #CCC; margin-bottom: 5px; }

/* Standard-Tabelle --- */
table.tbl_1 { border-collapse: collapse; width: 100%; border: 1px solid #CCC; margin-bottom: 15px; }
table.tbl_1 tr { margin: 0px; padding: 0px; }
table.tbl_1 th { text-align: left; font-weight: bold; background-color: #E5E5E5; padding: 5px 10px 5px 10px; margin: 0px; }
table.tbl_1 td { vertical-align: top; background-color: #F5F5F5; padding: 5px 10px 5px 10px; border: 1px solid #CCC; margin: 0px; }

/* Listing-Products-Tabelle --- */
table.tbl_2 { border-collapse: collapse; width: 100%; border: 1px solid #CCC; margin-bottom: 15px; }
table.tbl_2 tr { margin: 0px; padding: 0px; border-bottom: 1px solid #CCC; }
table.tbl_2 th { background-image: url(/_images/nav_arrow.gif); background-position: 10px 7px; background-repeat: no-repeat; text-align: left; font-weight: bold; padding: 5px 10px 5px 25px; margin: 0px; border-bottom: 1px solid #CCC; }
* html b\ody table.tbl_2 th { background-position: 10px 8px; }
* + html table.tbl_2 th { background-position: 10px 8px; }

table.tbl_2 td { vertical-align: top; padding: 5px 10px 5px 10px; margin: 0px; border-bottom: 1px solid #CCC; }

/* Highlight-Tabelle --- */
table.tbl_highlights { border-collapse: collapse; width: 100%; border: 1px solid #CCC; margin-bottom: 15px; }
table.tbl_highlights tr { margin: 0px; padding: 0px; }
table.tbl_highlights th { text-align: left; font-weight: bold; background-color: #E5E5E5; padding: 5px 10px 5px 10px; margin: 0px; }
table.tbl_highlights td { vertical-align: top; background-color: #F5F5F5; padding: 5px 10px 5px 25px; border: 1px solid #CCC; margin: 0px; background-image: url(/_images/nav_arrow.gif); background-repeat: no-repeat; background-position: 10px 7px; }
* html b\ody table.tbl_highlights td { background-position: 10px 8px; }
* + html table.tbl_highlights td { background-position: 10px 8px; }

/* Subnavigation */
#subnav { width: 178px; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 0px 5px 0px 5px; }
#subnav h1 { width: 178px;  font-size: 11px; font-weight: bold; padding: 15px 0px 10px 0px; margin: 0px; } 

#subnav a { display: block; width: 156px; padding: 4px 0px 3px 22px; border-top: 1px solid #ccc; color: #656565; text-decoration: none; background-image: url(/_images/nav_arrow_on.gif); background-repeat: no-repeat; background-position: 6px 6px; }
* html b\ody #subnav a { background-position: 6px 7px; }
* + html b\ody #subnav a { background-position: 6px 7px; }

#subbottom { background-image: url(_images/subnav_bottom.gif); height: 18px; width: 190px; }

#metanav { width: 178px; padding: 0px 5px 0px 5px; margin-top: 18px; }
#metanav a, #metanav a.flag_de, #metanav a.flag_en { display: block; width: 156px; padding: 3px 0px 3px 22px; color: #666; text-decoration: none; background-image: url(_images/nav_arrow.gif); background-repeat: no-repeat; background-position: 6px 6px; }
#metanav a:hover { font-weight: bold; background-image: url(_images/nav_arrow_on.gif); }
#metanav a.flag_de, #metanav a.flag_de:hover { background-image: url(/_images/flag_de.gif); font-weight: bold; }
#metanav a.flag_en, #metanav a.flag_en:hover { background-image: url(/_images/flag_en.gif); font-weight: bold; }

/* Suche */ 
#left form { margin: 20px 0px 20px 0px; }
#left label { display: block; float: left;  font-weight: bold; }
@media all{
	* html b\ody #left input.text { width: 93px; }
}
#left input.text { display: block; float: left; font-size: 11px; width: 100px; margin: 0px 4px 0px 12px; border: 1px solid #CCC; }

/* Produkt-Detailseite --- */
#productinfo { width: 434px; padding: 10px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#productinfo #image { float: left; width: 212px; margin-top: 15px; }
#productinfo #image .img { display: block; border: 1px solid #CCC; }
#productinfo #imgtext { margin-top: 10px; }
#productinfo #image  #enlarge { margin-top: -22px; margin-left: 190px; }

#listProducts { width: 434px; padding: 10px; border: 1px solid #CCC; margin-top: -1px; }

/* Bilder - Medium --- */
#imagemedium { float: left; width: 218px; margin-bottom: 15px; }
#imagemedium .img { display: block; border: 1px solid #CCC; }
#imgtext { margin-top: 10px; }
#imagemedium  #enlarge { margin-top: -22px; margin-left: 196px; }

/* Referenzen --- */
#refhead { background-image: url(/_images/bg_ref_form.gif); background-repeat: no-repeat; width: 250px; height: 16px; padding: 5px 0px 0px 10px; font-weight: bold; }
#refform { float: left; width: 434px; padding: 10px; margin:0px; background-color: #F5F5F5; border: 1px solid #999; }
#refform div { float: left; padding: 0px 10px 10px 0px; }
#refform select { margin-top:2px; }
#refsubmit { display: block; clear: left; float: right; margin: 0px; }
#refreset { display: block; float: right; margin: 0px; }

#reflist { float: left; border: 1px solid #CCC; margin-top: 15px; padding: 0px; width: 454px; }
#reflist #refcontent { clear: left; float: left; width: 50%; }
#reflist #headline { width: 412px; padding: 8px 10px 5px 32px; background-color: #F5F5F5; height: 20px; background-image: url(/_images/line_ref.gif); background-repeat: repeat-x; background-position: top; }
#reflist #headline1 { width: 412px; padding: 8px 10px 5px 32px; background-color: #F5F5F5; height: 20px; }
#reflist #headline a, #reflist #headline1 a { padding-left: 14px; color: #656565; font-weight: bold; text-decoration: none; background-image: url(_images/nav_arrow.gif); background-repeat: no-repeat; background-position: left 2px; }
/* * html b\ody #reflist #headline a, * html b\ody #reflist #headline1 a { background-position: left 2px; }
* + html #reflist #headline a, * + html #reflist #headline1 a { background-position: left 2px; } */

#refcontent { width: 228px; padding: 6px 0px 10px 32px; float: left; }


/* Classes */
.head_address { color: #CCCCCC; font-weight: bold; display: block; }
a.grau { color: #656565; text-decoration: none; }
a.grau:hover { text-decoration: underline; }
.list { display: block; padding-left: 15px; background-image: url(_images/nav_arrow.gif); background-repeat: no-repeat; background-position: left 3px; margin: 1px 0px 0px 0px; }
.index { background-image: url(_images/index_hg.jpg); background-repeat: repeat-x; padding: 9px 0px 0px 11px; }
.block { margin: 12px 0px 12px 0px; }