/* ------------------------------------------------ MAIN HOLDERS ------------------------------------------------ */ * { margin:0; padding:0; } html { background:url(../images/bg-main.png) repeat-x top #27374b; _background:url(../images/bg-main.gif); height:99%; } body { font-family:Arial, sans-serif; font-size:12px; color:#fff; } body { background:url(../images/bg-shadow.png) no-repeat center 660px; _background:url(../images/bg-shadow.gif) no-repeat center 740px; height:90%; _height:100%; } *+html body { background:url(../images/bg-shadow.png) no-repeat center 730px; } #main_container { margin:80px auto 0 auto; width:978px; height:632px; background:url(../images/bg-main-container.png) repeat-x top #085083; position: relative; z-index:1; border:#ffed00 1px solid; _background:url(../images/bg-main-container.gif); } #main_bottom { margin:25px auto 0 auto; width:1020px; height:65px; background:url(../images/bg-shadow.png) no-repeat top; _background:url(../images/bg-shadow.gif); display:none; } #main_container_top { position:absolute; top:0; left:0; width:978px; height:120px; z-index:2; } #main_container_left { position:absolute; top:120px; left:0; width:217px; height:512px; z-index:3; } #main_container_content { position:absolute; top:120px; left:217px; right:217px; width:544px; height:458px; paddings:10px 40px 0px 40px; overflow:auto; z-index:4; } #main_container_right { position:absolute; top:120px; right:0; width:217px; height:512px; z-index:5; } #main_container_bottom { position:absolute; left:217px; right:217px; bottom:0; margin:0 34px 0 34px; width:476px; height:53px; border-top:#809bab 1px solid; z-index:6; } /* ------------------------------------------------ MAIN HOLDERS ------------------------------------------------ */ /*TOP*/ #top_logo_de { float:left; clear:none; width:360px; height:90px; margin:20px 0 0 23px; } #top_logo_en { float:left; clear:none; width:360px; height:90px; margin:20px 0 0 23px; } #top_logo_de a { float:left; clear:none; width:360px; height:0px; padding-top:90px; background:url(../images/klocke-logo.png) no-repeat; text-decoration:none; overflow:hidden; cursor:pointer; } #top_logo_en a { float:left; clear:none; width:360px; height:0px; padding-top:90px; background:url(../images/klocke-logo_en.png) no-repeat; text-decoration:none; overflow:hidden; cursor:pointer; } #top_meta { float:right; clear:none; width:360px; height:90px; margin:22px 20px 0 0; _margin:22px 10px 0 0; text-align:right; } /*Top Search*/ .input-wrapper { float:left; clear:none; width:180px; margin-top: 10px; } .input-right { float:right; } .input-wrapper .left { float:left; clear:none; width: 5px; height: 21px; background: url(../images/input-left.png) left top no-repeat; _background: url(../images/input-left.gif); } .input-wrapper .right { float:left; clear:none; width: 5px; height: 21px; background: url(../images/input-right.png) left top no-repeat; _background: url(../images/input-right.gif); } .input-wrapper input { float:left; clear:none; font-family:Arial; color:#ffed00; font-weight:bold; font-size:12px; border:0; padding:3px 5px 4px 5px; height:14px; background: url(../images/input-middel.png) repeat-x; width:160px; } .over_wrapper_text { margin:0 40px 0 0; font-weight:bold; } #btn_search { float:right; clear:none; height:21px; _height:21px; width:27px; padding-top:21px; margin:10px 0 0 10px; border:none; overflow:hidden; cursor:pointer; display: inline; } #btn_search { background: url(../images/btn_go.png); _background: url(../images/btn_go.gif); background-position:-28px 0; } #btn_search:hover { background-position:0 0; } /*TOP LANG*/ .over_lang_text { margin:6px 40px 0 0; font-weight:normal; line-height:26px; } .over_lang_text a { color:#fff; text-decoration:none; } .over_lang_text a:hover { color:#fff; text-decoration:none; } .over_lang_text a img { border:#ffffff solid 1px; margin:6px 0 0 0; } .over_lang_text a:hover img { border:#ffed00 solid 1px; } /*Left Side*/ #main_container_left { background:url(../images/imgl.jpg); } #main_container_left_border { position:absolute; top:0px; left:0px; width:217px; height:512px; z-index:11px; background:url(../images/left_side_border.png); _background:url(../images/left_side_border.gif); } /*Right Side*/ #main_container_right { background:url(../images/imgr.jpg); } #main_container_right_border { position:absolute; top:0px; right:0px; width:217px; height:512px; z-index:10px; background:url(../images/right_side_border.png); _background:url(../images/right_side_border.gif); } /*Footer*/ #main_container_bottom #bottom_left { float:left; clear:none; width:237px; height:42px; text-align:left; font-size:9px; border-right:#809bab 1px solid; margin-top:4px; } #main_container_bottom #bottom_left p { font-size:10px; line-height:12px; margin-top:4px; } #main_container_bottom #bottom_right { float:right; clear:none; width:238px; height:42px; text-align:right; margin-top:4px; } #main_container_bottom #bottom_right p { font-size:10px; line-height:12px; margin-top:4px; } #main_container_bottom #bottom_right p a { color:#FFFFFF; text-decoration:none; } #main_container_bottom #bottom_right p a:hover { color:#ffed00; text-decoration:underline; } /*Content*/ .error { color:#FF66CC; font-weight:bold; } #main_container_content #main_content { float:left; clear:none; width:456px; height:418px; padding:40px 34px 0 34px; } h1 { font-size:22px; margin:0 0 12px 0; } h2 { font-size:16px; margin:0 0 10px 0; color:#ffed00; } h2 a { font-size:16px; margin:0 0 10px 0; color:#ffed00; text-decoration:none; } h2 a:hover { color:#ffffff; text-decoration:underline; } #main_content h3 { font-size:14px; margin:0 0 8px 0; color:#FFFFFF; } #main_content p { font-size:12px; margin:8px 0 8px 0; } #main_content p.psmall { font-size:11px; } #main_content .cyellow { color:#ffed00; } /*list*/ #main_content ul{ margin:8px 0 8px 20px; } #main_content li { padding:2px 0 2px 0; color:#ffed00; list-style-type: square; } /*li.sname { width:170px; }*/ /*#main_content li a{ text-decoration:none; color:#FFFFCC; } #main_content li a:hover{ text-decoration:underline; }*/ #main_content hr { border:0; background:#ffed00; margin:14px 0 8px 0; height:1px; } #main_content fieldset { width:440px; border: 1px solid #ffed00; margin:10px 0 10px 0; padding:2px 8px 12px 8px; } #main_content legend { font-size:16px; color:#ffed00; } /*table history*/ #main_content table { width:100%; } #main_content table td { padding:8px 4px 6px 4px; vertical-align:top; border-bottom:1px solid #ffed00; } #main_content table tr.borderlight td { padding:8px 4px 6px 4px; vertical-align:top; border-bottom:1px dashed #999999; } #main_content table tr td.fontbig { font-size:14px; width:45%; font-weight:bold; } #main_content table tr td.textright { text-align:right;} #main_content table.marken { width:476px; margin:0; padding:0; } #main_content table.marken tr { padding:0; margin:0; border:none; } #main_content table.marken td { padding:0; margin:0; border:none; } /* btn button */ a.btn { display:block; float:left; font-size:9px; text-decoration:none; cursor:pointer; line-height:19px; } a.btn:hover { text-decoration:none; } a.btn b { display:block; float:left; padding:2px 0 2px; width:80px; text-indent:-99999px; font-weight:normal; font-style:normal; background:url(../images/btn_download_left.gif) no-repeat 0 center; } a.btn i { display:block; float:left; padding:2px 10px 2px 4px; color:#ffed00; font-weight:normal; font-style:normal; text-align:center; background:url(../images/btn_right.gif) no-repeat 100% center; _zoom:1; } a.btn i:hover { text-decoration:none; } a.btn i:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } /* btn download */ a.btn b { background:url(../images/btn_download_left.gif) no-repeat 0 center; } /* btn weblink */ a.weblink b { background:url(../images/btn_weblink_left.gif) no-repeat 0 center; } /* btn link */ a.link b { background:url(../images/btn_link_left.gif) no-repeat 0 center; } /* btn mail */ a.mail b { background:url(../images/btn_mail_left.gif) no-repeat 0 center; } a.littel b { background:url(../images/btn_mail_left.gif) no-repeat 0 center; width:4px; } /*Debug*/ #debug{ position:absolute; top:0; right:0; width:240px; height:600px; z-index:5000; background-color:#CCCCCC; color:#000000; } /* PRODUCTS Content */ #main_content_product { float:left; clear:none; width:494px; height:418px; padding:40px 0 0 34px; overflow:hidden; } #product_content { float:left; clear:none; width:232px; height:362px; padding:20px 8px 0 25px; margin:0; overflow:auto; } #product_content h1 { font-size:20px; margin:0 0 10px 0; } #product_content h2 { font-size:14px; margin:0 0 8px 0; } #product_content p { font-size:11px; margin:7px 0 7px 0; } #product_content p.normal { font-size:12px; } #product_content fieldset { width:192px; border: 1px solid #ffed00; margin:10px 0 10px 0; padding:2px 8px 6px 8px; } #product_content legend { font-size:11px; color:#ffed00; } /*div#dw_scrollbar { display:none; }*/ /* Formular*/ .contentForms label, input { float:left; clear:none; display:block; } .contentForms label { width:100px; } .contentForms label { margin:8px 0 6px 0; font-weight: bold; font-size:12px; color:#ffed00; } .contentForms input.inp, .contentForms select.inp { margin:6px 0 6px 0; font-size:11px; border:#ffed00 1px solid; padding:0.2em; color:#333333; } .contentForms textarea { margin:6px 0 6px 0; font-size:12px; border:#ffed00 1px solid; padding:0.2em; color:#333333; font-family:Arial, sans-serif; } .contentForms input.inp:hover { background-color:#ffed00; border:#ffffff 1px solid; } .contentForms input.inp:focus { background-color:#ffed00; border:#ffffff 1px solid; } .contentForms textarea.inp:hover { background-color:#ffed00; border:#ffffff 1px solid; } .contentForms textarea.inp:focus { background-color:#ffed00; border:#ffffff 1px solid; } .contentForms input.long { width:320px; } .contentForms textarea.long { width:320px; } .contentForms input.small { width:5em; } .contentForms label.error { color:#FF66CC; } p a.white { color:#FFFFFF; text-decoration:none; } p a.white:hover { color:#ffed00; text-decoration:underline; } /*team*/ #main_content #team_holder { position:absolute; top:160px; width:474px; height:290px; z-index:100; overflow:hidden; } /*#main_content #team_scroll_frame { float:left; clear:none; width:474px; height:290px; overflow:auto; } #main_content #team_scroll_holder { float:left; clear:none; width:474px; height:260px; }*/ #main_content #team_scroll_frame { float:left; clear:none; width:474px; height:290px; overflow:auto; } #main_content #team_scroll_holder { position:relative; top:0; left:0; width:474px; height:260px; } *+html #main_content #team_holder { position:absolute; top:160px; width:474px; height:290px; z-index:100; overflow:auto; } *+html #main_content #team_scroll_frame { float:left; clear:none; width:474px; height:270px; overflow:hidden; } * html #main_content #team_scroll_frame { position:absolute; float:left; clear:none; width:474px; height:290px; overflow:auto; } * html #main_content #team_scroll_holder { padding-left:10px; } #main_content #team_scroll_holder .team_container { float:left; clear:none; width:472px; height:260px; border-right:1px solid #ffed00; border-left:1px solid #ffed00; } #main_content #team_scroll_holder .team_container_noBorder { float:left; clear:none; width:474px; height:260px; border-right:none; border-left:none; } #main_content #team_scroll_holder .team-img { float:left; clear:none; width:220px; height:260px; padding:0 0 0 16px; } #main_content #team_scroll_holder .team-copy { float:left; clear:none; width:50%; height:260px; } #main_content #team_scroll_holder .team-copy h1 { font-size:16px; margin:60px 0 0 0; color:#ffed00; } /**/ #ice-sliderrack { position:relative; float:left; clear:both; top:12px; left:0px; width:474px; height:18px; overflow:hidden; background:url(../images/scroller/scroll_holder_m.png) repeat-x; z-index:150; } #ice-sliderrack { visibility:hidden; display:none; } #ice-leftside { position:absolute; left:0; top:0; width:10px; height:18px; z-index:151; background:url(../images/scroller/scroll_holder_l.png) no-repeat; } #ice-rightside { position:absolute; right:0; top:0; width:10px; height:18px; z-index:123; background:url(../images/scroller/scroll_holder_r.png) no-repeat; } #ice-leftside_arrow { position:absolute; left:0; top:0; width:14px; height:18px; z-index:250; background:url(../images/scroller/scroll_arrow_l_off.png) no-repeat; cursor:pointer; } #ice-rightside_arrow { position:absolute; right:0; top:0; width:14px; height:18px; z-index:250; background:url(../images/scroller/scroll_arrow_r_off.png) no-repeat; cursor:pointer; } #ice-leftside_arrow.arrow_on { background:url(../images/scroller/scroll_arrow_l_on.png) no-repeat; } #ice-rightside_arrow.arrow_on { background:url(../images/scroller/scroll_arrow_r_on.png) no-repeat; } .ice-go_point { position:absolute; top:0; left:10px; width:14px; height:13px; margin:3px 0 0 0; cursor:pointer; background:url(../images/scroller/scroll_point_y.png) no-repeat center; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); z-index:155; } .ice-go_point_hover { background:url(../images/scroller/scroll_point_w.png) no-repeat center; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); } .ice-go_point_ison { background:url(../images/scroller/scroll_point_b.png) no-repeat center; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); } .ice-go_line { position:absolute; top:0; left:10px; width:20px; height:16px; margin:1px 0 0 0; cursor:pointer; background:url(../images/scroller/scroll_line_y.png) no-repeat center; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); z-index:155; } .ice-go_line_hover { background:url(../images/scroller/scroll_line_w.png) no-repeat center; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); } .ice-go_line_ison { background:url(../images/scroller/scroll_line_b.png) no-repeat center; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); } #ice-sliderhandle { position:absolute; top:0; left:0; width:33px; height:16px; margin:2px 1px 1px 1px; background:url(../images/scroller/scroll_slider.png) no-repeat; behavior: url("http://www.klocke-antrieb.de/js/iepngfix.htc"); z-index:154; } #main_content .news_blue { color:#6699CC; } #main_content h3.news_blue { color:#6699CC; } #main_content .news_yellow { color:#FFFF33; } #main_content h3.news_yellow { color:#FFFF33; }