body { padding: 0px; margin:0px; color:#2f2f31; background:url("../images/bg_prod.gif") repeat-y #fff ; font-family:Arial, Verdana, sans-serif; font-size:12px; line-height:18px; } body.prodpop { background:url("../images/prodpop_header.gif") no-repeat #fff ; } body.ets { background:url("../images/ets_bg.gif") repeat-y #fff ; } body.teaser { background-image:none; } table { border-spacing:0px; } td { padding:0px; } p { padding:0px; margin: 16px 0 0 0; } p.center { text-align:center; padding:0; margin:0; } p.nopad_250 { padding:0px; margin:0; width:250px; } p.nopad { padding:0px; margin:0; } p.submittext { font-weight:bold; clear:left; padding-top:30px;} img { border:0px; display:block;} img.center { margin:auto; } h1 { margin:0; padding:6px 0 5px 28px; font-size:20px; color:#008129; font-weight:normal; line-height:30px; text-transform:uppercase; } h1.home { padding:0; } h1.ets { padding:6px 0 5px 260px; } h2 { margin:0 0 18px 0; padding:0; font-size:14px; color:#3a3b3c; font-weight:normal; line-height:18px; text-transform:uppercase; } h2.sub { text-transform:none; } h3 { margin:0; padding:0; font-size:12px; color:#2f2f31; font-weight:bold; line-height:18px; } h3.taghd { margin:0; padding:0; font-size:12px; color:#008129; font-weight:bold; line-height:18px; } h4 { margin:0; padding:0 0 20px 0; font-size:20px; color:#3a3b3c; font-weight:normal; line-height:26px; } h5 { margin:0; padding:0; font-size:14px; color:#008129; font-weight:normal; line-height:18px; text-transform:uppercase; } a { color:#2f2f31; text-decoration:none; font-size:12px; line-height:18px;} a:hover { color:#008129; } a.more { padding-left:10px; margin-top:10px; color:#2f2f31; background:url("../images/icons/j_green.gif") no-repeat 0px 0px; font-weight:normal; } a.more:hover { padding-left:10px; margin-top:10px; color:#2f2f31; background:url("../images/icons/j_green.gif") no-repeat 0px 0px; font-weight:normal; } a.more_ti { text-decoration:underline; } a.tags:hover { text-decoration:underline; } /* ICONIFIED LINKS */ a.ausschreibungen { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/ausschreibungen.gif") no-repeat 0px 10px; display:block; } a.bookmark { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/bookmark.gif") no-repeat 0px 10px; display:block; } a.dl_bro { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/dl_bro.gif") no-repeat 0px 10px; display:block; } a.objektanfrage { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/objektanfrage.gif") no-repeat 0px 10px; display:block; } a.order_bro { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/order_bro.gif") no-repeat 0px 10px; display:block; } a.print { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/print.gif") no-repeat 0px 10px; display:block; } a.prod_info { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/prod_info.gif") no-repeat 0px 10px; display:block; } a.send { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/send.gif") no-repeat 0px 10px; display:block; } a.techinfo { line-height:50px; padding:0 0 0 40px; background:url("../images/icons/techinfo.gif") no-repeat 0px 10px; display:block; } a.order { padding-left:10px; margin-top:10px; float:left; background:url("../images/icons/j_green.gif") no-repeat 0px 1px; font-weight:bold; } a.jumper { padding-left:10px; margin-top:10px; background:url("../images/icons/j_green.gif") no-repeat 0px 0px; font-weight:normal; } a.jumper_f { padding-left:10px; background:url("../images/icons/j_green.gif") no-repeat 0px 0px; font-weight:normal; line-height:20px;} /* HEADER */ #header { position:relative; float:left; margin:0; padding:0; width:100%; height:124px; z-index:20; background:url("../images/bg_header.gif") repeat-x; } #global { position:relative; float:left; margin:0; padding:35px 0 25px 60px; } #glob_nav_de { float:left; width:700px; height:14px; } #glob_nav_de img.sprache { float:left; margin-right:148px;} #glob_nav_de a.home { float:left; margin-right:63px; width:38px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_home.gif") no-repeat 0 0; display:block;} #glob_nav_de a.home:hover { background-position:0 -15px; } #glob_nav_de a.contact { float:left; margin-right:63px; width:54px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_contact_de.gif") no-repeat 0 0; display:block;} #glob_nav_de a.contact:hover { background-position:0 -15px; } #glob_nav_de a.sitemap { float:left; margin-right:63px; width:52px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_sitemap.gif") no-repeat 0 0; display:block;} #glob_nav_de a.sitemap:hover { background-position:0 -15px; } #glob_nav_de a.imprint { float:left; width:67px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_imprint_de.gif") no-repeat 0 0; display:block;} #glob_nav_de a.imprint:hover { background-position:0 -15px; } #glob_nav_en { float:left; width:700px; height:14px; } #glob_nav_en img.sprache { float:left; margin-right:148px;} #glob_nav_en a.home { float:left; margin-right:63px; width:38px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_home.gif") no-repeat 0 0; display:block;} #glob_nav_en a.home:hover { background-position:0 -15px; } #glob_nav_en a.contact { float:left; margin-right:63px; width:54px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_contact_en.gif") no-repeat 0 0; display:block;} #glob_nav_en a.contact:hover { background-position:0 -15px; } #glob_nav_en a.sitemap { float:left; margin-right:63px; width:52px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_sitemap.gif") no-repeat 0 0; display:block;} #glob_nav_en a.sitemap:hover { background-position:0 -15px; } #glob_nav_en a.imprint { float:left; width:67px; height:14px; line-height:14px; background:url("../images/nav/gl_nav_imprint_en.gif") no-repeat 0 0; display:block;} #glob_nav_en a.imprint:hover { background-position:0 -15px; } #logo { position:absolute; left:890px; top:0; width:110px; height:60px; z-index:40; } #logo img { margin-top:34px; width:110px; height:59px; } #search { position:relative; clear:left; float:left; margin: 10px 0 0 0; padding:0; width:250px; height:24px; } .label_search { float:left; left:16px; margin:4px 0 0 0; padding:0; } /* STAGE */ #stage { margin:0; clear:both; float:left; position:relative; top:0px; width: 1010px; text-align:left; } #stage_center { margin:0; float:left; position:relative; top:0px; width: 800px; text-align:left; overflow:hidden; } #stage_right { margin:0; float:left; position:relative; top:0px; width: 200px; text-align:left; overflow:hidden; } #img_area { position:relative; clear:left; width:1001px; height:190px; background-color:#373639; z-index:10; } #bilderleiste { position:relative; clear:left; width:800px; height:180px; background:url("../images/bildleiste_bg.gif") no-repeat; z-index:10; border-bottom:10px solid #fff;} #bilderleiste img {float:left;} .sec_img { margin:0 20px 0 30px;} /* MENU */ #mainnavigation { position: relative; z-index:20; float:left; width:600px; height:50px; } #menu { position:relative; float:left; width: 580px; height:50px; z-index:30; } #menu ul { margin:0; padding:0; float: left; list-style: none; } #menu li { margin:0 10px 0 0; float: left;line-height:17px; } #menu ul li a { padding:0px; display: block; text-decoration: none; } #menu ul li a.n1_de { width:90px; height:50px; background: url("../images/nav/nv_main_01_de.gif") no-repeat 0 0; } #menu ul li a.n1_de_sel { width:90px; height:50px; background: url("../images/nav/nv_main_01_de.gif") no-repeat 0 -50px; } #menu ul li:hover a.n1_de, #menu ul li.hover a.n1_de { background-position: 0 -50px; } #menu ul li a.n2_de { width:82px; height:50px; background: url("../images/nav/nv_main_02_de.gif") no-repeat; } #menu ul li a.n2_de_sel { width:82px; height:50px; background: url("../images/nav/nv_main_02_de.gif") no-repeat 0 -50px; } #menu ul li:hover a.n2_de, #menu ul li.hover a.n2_de { background-position: 0 -50px; } #menu ul li a.n3_de { width:103px; height:50px; background: url("../images/nav/nv_main_03_de.gif") no-repeat; } #menu ul li a.n3_de_sel { width:103px; height:50px; background: url("../images/nav/nv_main_03_de.gif") no-repeat 0 -50px; } #menu ul li:hover a.n3_de, #menu ul li.hover a.n3_de { background-position: 0 -50px; } #menu ul li a.n4_de { width:123px; height:50px; background: url("../images/nav/nv_main_04_de.gif") no-repeat; } #menu ul li a.n4_de_sel { width:123px; height:50px; background: url("../images/nav/nv_main_04_de.gif") no-repeat 0 -50px; } #menu ul li:hover a.n4_de, #menu ul li.hover a.n4_de { background-position: 0 -50px; } #menu ul li a.n5_de { width:71px; height:50px; background: url("../images/nav/nv_main_05_de.gif") no-repeat; } #menu ul li a.n5_de_sel { width:71px; height:50px; background: url("../images/nav/nv_main_05_de.gif") no-repeat 0 -50px; } #menu ul li:hover a.n5_de, #menu ul li.hover a.n5_de { background-position: 0 -50px; } #menu ul li a.n1_en { width:90px; height:50px; background: url("../images/nav/nv_main_01_en.gif") no-repeat 0 0; } #menu ul li a.n1_en_sel { width:90px; height:50px; background: url("../images/nav/nv_main_01_en.gif") no-repeat 0 -50px; } #menu ul li:hover a.n1_en, #menu ul li.hover a.n1_en { background-position: 0 -50px; } #menu ul li a.n2_en { width:82px; height:50px; background: url("../images/nav/nv_main_02_en.gif") no-repeat; } #menu ul li a.n2_en_sel { width:82px; height:50px; background: url("../images/nav/nv_main_02_en.gif") no-repeat 0 -50px; } #menu ul li:hover a.n2_en, #menu ul li.hover a.n2_en { background-position: 0 -50px; } #menu ul li a.n3_en { width:103px; height:50px; background: url("../images/nav/nv_main_03_en.gif") no-repeat; } #menu ul li a.n3_en_sel { width:103px; height:50px; background: url("../images/nav/nv_main_03_en.gif") no-repeat 0 -50px; } #menu ul li:hover a.n3_en, #menu ul li.hover a.n3_en { background-position: 0 -50px; } #menu ul li a.n4_en { width:123px; height:50px; background: url("../images/nav/nv_main_04_en.gif") no-repeat; } #menu ul li a.n4_en_sel { width:123px; height:50px; background: url("../images/nav/nv_main_04_en.gif") no-repeat 0 -50px; } #menu ul li:hover a.n4_en, #menu ul li.hover a.n4_en { background-position: 0 -50px; } #menu ul li a.n5_en { width:71px; height:50px; background: url("../images/nav/nv_main_05_en.gif") no-repeat; } #menu ul li a.n5_en_sel { width:71px; height:50px; background: url("../images/nav/nv_main_05_en.gif") no-repeat 0 -50px; } #menu ul li:hover a.n5_en, #menu ul li.hover a.n5_en { background-position: 0 -50px; } #menu li li { width: auto; margin: 0px; padding: 0px; text-align: left; text-transform: none; list-style-image:none; } #menu li ul { position: absolute; top: 50px; left: 0px; width:190px; height:224px; display:none ; margin: 0px; padding: 0px; background:url("../images/nav/bg_1.gif") no-repeat; } #menu li:hover ul, #menu li.hover ul{ display: block; font-weight: normal; } #menu li:hover ul ul, #menu li.hover ul ul{ display: none; } #menu ul li:hover ul li a, #menu ul li.hover ul li a { margin: 0; padding: 0px 0px 0px 8px; color:#2f2f31; text-decoration:none; display:block; width:190px; } #menu ul li ul li:hover a, #menu ul li ul li.hover a { font-weight:normal; color:#008129; display:block; } #menu li li li { width: auto; margin:0px; padding: 0px; text-align: left; text-transform: none; } #menu li li ul { border:0; position: absolute; top:0px; left: 190px; width: 124px; display: none; margin: 0px; padding: 0px; list-style: none;background:url("../images/nav/bg_2.gif") no-repeat; } #menu li:hover li:hover li a, #menu li.hover li.hover li a { color:#000; display:block; width:124px; } #menu li:hover li:hover li:hover a, #menu li.hover li.hover li.hover a { color:#008129; display:block; } #menu li:hover li:hover ul, #menu li.hover li.hover ul { display: block; } #menu li:hover li:hover ul ul, #menu li.hover li.hover ul ul { display: none; } #menu li li li li { width: auto; margin:0px; padding: 0px; text-align: left; text-transform: none; } #menu li li li ul { border:0; position: absolute; top:0px; left: 124px; width: 230px; display: none; margin: 0px; padding: 0px; list-style: none;background:url("../images/nav/bg_3.gif") no-repeat; } #menu li:hover li:hover li:hover li a, #menu li.hover li.hover li.hover li a { color:#000; display: block; width:224px; } #menu li:hover li:hover li:hover li:hover a, #menu li.hover li.hover li.hover li.hover a { color:#008129; display: block; background:url("../images/nav/j_nav_third.gif") no-repeat 214px 50%;} #menu li:hover li:hover li:hover ul, #menu li.hover li.hover li.hover ul{ display: block; } #menu li:hover li:hover li:hover ul ul, #menu li.hover li.hover li.hover ul ul{ display: none; } /* Preview Image products */ #menu li li li li li.preview_img { width:125px; height:198px; } #menu li li li ul ul { border:0; position: absolute; top:0px; left: 230px; width: 125px; height:198px; display: none; margin: 0px; padding: 0px; list-style: none;background-color:#b5b6b8; border-top: 1px solid #000; border-right: 1px solid #000; border-bottom: 1px solid #000; background-image:none;} #menu li:hover li:hover li:hover li:hover ul, #menu li.hover li.hover li.hover li.hover ul{ display: block; } /* Linke Spalte */ #content_left { position:relative; float:left; width:230px; overflow:hidden; padding-top:14px;} .left_plain { margin: 20px 20px 0 30px } .left_box { margin: 10px 0 0 0; padding:20px 10px 7px 20px; background-color:#ededee; } /* Mittlere Spalte */ #content_center { position:relative; float:left; width:569px; margin: 0 1px 0 1px; overflow:hidden; } #content_center_plain { position:relative; float:left; width:510px; margin: 25px 30px 0 30px; overflow:hidden; } #content_center_plain2 { position:relative; float:left; width:569px; margin:0; overflow:hidden; } .content_center_inner { position:relative; float:left; padding: 15px 30px 0 30px;width:509px;} .content_center_inner ul { list-style-position:outside; list-style-type:none; margin:12px 0 12px 0px; padding:0; width:250px; } .content_center_inner li{ padding: 0px 0px 0px 11px; margin: 0; background-image: url("../images/list.gif"); background-repeat:no-repeat; background-position: 1px 6px; } .content_neu_inner { position:relative; float:left; padding: 10px 30px 0 20px; } .content_neu_inner ul { list-style-position:outside; list-style-type:none; margin:12px 0 12px 0px; padding:0; width:250px; } .content_neu_inner li{ padding: 0px 0px 0px 11px; margin: 0; background-image: url("../images/list.gif"); background-repeat:no-repeat; background-position: 1px 6px; } ul.link { list-style-position:outside; list-style-type:none; margin:0; padding:0; } ul.link li{ padding: 0px 0px 0px 11px; margin: 0; background-image: url("../images/icons/j_green.gif"); background-repeat:no-repeat; background-position: 1px 2px; } #path { float:left; margin:0 0 0 1px; width:569px; height:17px; background-color:#f4f4f4; font-size:10px; line-height:12px; padding:8px 0 0 30px; } #path a { font-size:10px; line-height:10px; } .cont_hd { float:left; margin:0 0 0 1px; width:569px; background-color:#fff; } /* Product-Page */ #path_prod { height:17px; background-color:#f4f4f4; font-size:10px; line-height:12px; padding:8px 0 0 30px; } #path_prod a { font-size:10px; line-height:10px; } .product_hd { width:569px; background-color:#fff; } .product_img_area { float:left; width:210px; margin:20px 10px 0 19px; } .product_img_area a { padding-left:24px; background:url("../images/icons/j_green.gif") no-repeat 10px 1px; display:block; font-weight:bold; text-transform:uppercase; color:#2f2f31; margin-bottom: 8px; } .product_txt_area { float:left; width:290px; margin-top:0px; padding-top:37px; } .product_txt_area ul, .productgroup_txt_area ul { list-style-position:outside; list-style-type:none; margin:20px 0 12px 0px; padding:0; } .product_txt_area li, .productgroup_txt_area li { padding: 0px 0px 0px 11px; margin: 0; background-image: url("../images/list.gif"); background-repeat:no-repeat; background-position: 1px 6px; } .productgroup_img_area { float:left; width:250px; margin:40px 0px 0px 29px; } .productgroup_txt_area { float:left; width:260px; margin-top:20px; padding-top:37px; } /* Rechte Spalte */ #content_right { position:relative; float:left; width:199px; overflow:hidden; padding-top:41px; border-top:25px solid #f4f4f4; } #content_right_plain { position:relative; float:left; width:198px; overflow:hidden; } .prod_icons { background-color:#ededee; width:199px; padding:8px 10px 10px 20px; margin-bottom:10px; } ul.iconlist { list-style-image:none; list-style-type:none; margin:0; padding:0; width:180px; } ul.iconlist li { margin:0; padding:0; zoom:1;} /* TABLES */ table.ets { width: 720px; border:0; border-spacing: 0px; border-collapse: collapse; empty-cells: show; text-align: left; margin:20px 0 20px 20px; font-family:Arial, Verdana, sans-serif; font-size:11px; line-height:14px; } table.ets th, table.ets td { vertical-align: top; padding: 2px 5px 2px 5px; border-width: 1px; border-style: solid; border-color: #999; border-spacing: 0px; border-collapse: collapse; } table.ets tr { background-color:#f4f4f4;} table.ets tr.alt { background-color:#ffffff;} table.ets th { color:#008129; background-color:#ffffff;} /* FORMS */ form { display: inline; } input { float:left; margin:0px; padding:1px 2px 1px 2px; line-height:12px; width:auto; background-color: #FFFFFF; color:#2f2f31 ;font-family:Arial, sans-serif; font-size:11px; border:1px solid; border-color:#525253; } input.checkbox, input.radio { float:left; width:15px; height:15px; border:0; margin-right:4px; background-color:transparent; } input.radio_grey { float:left; width:15px; height:15px; border:0; background-color:transparent; } input.radio_grey_ets { margin-left:20px; width:15px; height:15px; border:0; background-color:transparent; } fieldset { margin: 0; border: 0; padding:0; } select { margin:5px 0 15px 0; padding:1px 2px 1px 2px; line-height:12px; width:250px; background-color: #FFFFFF; color:#2f2f31 ;font-family:Arial, sans-serif; font-size:11px; border:1px solid; border-color:#525253; } input.search { float:left; margin:0; padding:2px 2px 2px 2px; width:139px; color:#2f2f31; background-color:#FFFFFF; font-family: Arial, sans-serif; font-size:11px; line-height:14px; border:1px solid; border-color:#525253; } input.sm_form { float:left; margin:0; padding:2px 2px 2px 2px; width:129px; color:#2f2f31; background-color:#FFFFFF; font-family: Arial, sans-serif; font-size:11px; line-height:14px; border:1px solid; border-color:#525253; } input.submitbutton { float:left; width:16px; height:20px; background: url("../images/submit.gif") no-repeat; cursor: pointer; padding:0; margin:0; border:0; } input.site { float:none; margin:0; padding:2px 2px 2px 2px; width:190px; color:#2f2f31; background-color:#FFFFFF; font-family: Arial, sans-serif; font-size:11px; line-height:14px; border:1px solid; border-color:#525253; } textarea.site { float:none; width:190px; height:120px; border:1px solid; border-color:#525253; } input.plz { float:none; margin:0; padding:2px 2px 2px 2px; width:40px; color:#2f2f31; background-color:#FFFFFF; font-family: Arial, sans-serif; font-size:11px; line-height:14px; border:1px solid; border-color:#525253; } input.ort { float:none; margin:0; padding:2px 2px 2px 2px; width:147px; color:#2f2f31; background-color:#FFFFFF; font-family: Arial, sans-serif; font-size:11px; line-height:14px; border:1px solid; border-color:#525253; } select.land { width:190px; margin:0 0 2px 0; } label { display:block; float:left; width:70px; } /* TEASER */ .teaser_preview { position:absolute; width:200px; right:0; margin-top:20px; } .teaser_container { width:140px; margin: 0 0 50px 30px; } .teaser_container img { margin-left:auto; margin-right:auto; } .teaser_news_preview { position:absolute; width:200px; margin-top:20px; } .teaser_news_container { width:170px; margin: 0 0 20px 30px; } /* PRODUCT POPUP */ .title { position:relative; margin: 20px 0 0 20px; color:#008129; font-size:14px; font-weight:bold; text-transform:uppercase; } .thumb_area { position:relative; float:left; width:180px; height:470px; margin:40px 20px 0 20px; } .thumb { float:left; width: 90px; font-size:11px; text-align:center; margin:0 0 30px 0; cursor:pointer; } .paging { clear:left; position:absolute; top:430px; width:90px; margin-left:50px; height:14px;} .detail_area { position:relative; float:left; width:260px; height:470px; margin: 40px 0 0 0px;} .detail_container { position:absolute; left:0; top:0; } .formelm { position:relative; float:left; width:220px; margin-bottom:4px;} .pordpop_footer { position:relative; clear:left; width:430px; margin:0 0 0 20px; font-size:11px; line-height:16px;} /* FORMULAR POPUPS */ .pophead { position:relative; margin: 40px 0 0 20px; color:#2f2f31; font-size:12px; font-weight:normal; } .form_left { position:relative; float:left; width:240px; margin:0 0 0 20px; } .form_left .radio { margin-right:5px; } .form_right { position:relative; float:left; width:140px; margin:0; } .popfooter { position:relative; margin: 40px 0 0 20px; color:#2f2f31; font-size:12px; font-weight:normal; } /* MORE */ div.bar_plain { width:508px; height:20px; line-height:20px; border-bottom:1px solid #a2a3a5; margin:0 0 25px 0; } div.bar_plain2 { clear:left; width:508px; height:10px; line-height:10px; border-bottom:1px solid #a2a3a5; margin:0 0 13px 0; } div.bar_plain3 { clear:left; width:508px; height:10px; line-height:10px; border-bottom:1px solid #a2a3a5; margin:0 0 10px 10px; } div.spacer { clear:left; width:500px; height:12px; line-height:12px; } div.spacer_100 { clear:left; width:100px; height:12px; line-height:12px; } div.spacer_left { clear:left; width:200px; height:36px; line-height:36px; } div.spacer_pop { clear:left; width:480px; height:12px; line-height:12px; } .absolute { position:absolute; } .visible { visibility:visible; } .hidden { visibility:hidden; } .show { display:block; } .hide { display:none; } .blue { color: #00C; } .green { color: #008129; } .red { color: #B4003C; } .black { color: #000; } .white { color: #FFF; } .top { vertical-align: top !important; } .bottom { vertical-align: bottom !important; } .text_right { text-align: right !important; } .bg_white { background-color: #FFF; } .normal { font-weight: normal; } .bold { font-weight: bold; } .nowrap { white-space: nowrap; } .left { float: left; } .right { float: right; } .clear { clear: both; line-height:0; height:0; } .clearflow { overflow: auto; } div.bar { clear:both; width:510px; height:10px; margin-left:30px; border-bottom:1px solid #b7b6b5; } .xsmall { font-size:8px; line-height:8px; color:#2f2f31; font-weight:normal; }