/* //// GLOBALS */ * { margin: 0px; padding: 0px; } body { font: 69%/141% Arial, Helvetica, sans-serif; color: #2d3742; background: #fff none repeat-x; } body.frameleft { background: #fff url('../gfx/bgs/bg-shop-sideframe-left.gif') repeat-y;} body.frameright { background: #fff url('../gfx/bgs/bg-shop-sideframe-right.gif') repeat-y;} body.background { background: #fff url('../gfx/bgs/bg-body.gif') repeat-x;} body.subnav { background: #fff url('../gfx/bgs/bg-subnav.gif') repeat-y;} b, strong { color: #697684; } ul, ol { list-style: none; } hr { background: #ccc; color: #ccc; height: 1px; border: none; margin: 7px 0px 7px 0px; clear: both; } * html hr { margin: -1px 0px -1px 0px; } *+html hr { margin: -1px 0px -1px 0px; } .hide { display:none;} input, textarea { display:inline; font: 100%/100% Arial, Helvetica, sans-serif; } input { padding: 1px 2px 1px 2px; border: 1px solid #d0dae4; color: #97a6b7; } input.btn { padding: 1px 1px 1px 1px; border: 1px solid #d0dae4; color: #97a6b7; background-color: #ECF0F4; } /* //// links global */ a { color: #657587; text-decoration: none; } a.block { color: #2d3742 !important;display: block !important; background-position:1000px 0px !important; padding: 0px !important; margin: 0px !important;text-decoration:none !important; } a.btn { padding: 1px 5px 1px 5px !important; margin: 0px 5px 0px 0px !important; font-size: 100%; color: #97a6b7 !important;border: 1px solid #97a6b7; background: #ECF0F4 !important; } a:hover { text-decoration: underline; /* cursor:pointer */} a:hover.btn { color: #000 !important; text-decoration: none !important; } a:focus { color:#000000 } a:active { color:#000000} a:focus h1, a:focus h2, a:focus h3, a:focus h4 { text-decoration: none !important; } a.textlink { color: #0a65c6; background: url('../gfx/shared/arr-standard.gif') no-repeat left center; padding-left: 12px; margin: 0px 5px;font-size:11px;} img { display: block; background: #f0f0f0; color: #666666; text-align: center; border: none; } /* //// icons global */ .icon, .icon a { position: relative; background-repeat: no-repeat; width: 10px; height: 1em; margin-top: -1px; } .icon { display: -moz-inline-box; display: inline-block; vertical-align: middle; background-color:transparent; background-position: center center; } .icon a { padding: 0px !important; margin: 0px !important; background: none !important; } .icon span { position: absolute; left: -1000em; } .icon.arrow, .icon.arrow a { background-image: url('../gfx/shared/arr-standard.gif'); } .icon.fwd, .icon.fwd a { background-image: url('../gfx/shared/arr-fwd.gif'); } .icon.back, .icon.back a { background-image: url('../gfx/shared/arr-back.gif'); } /* //// forms global */ input, textarea { display:inline; font: 100%/100% Arial, Helvetica, sans-serif; } select { border: 1px solid #97a6b7; font: 100%/100% Arial, Helvetica, sans-serif;} select optgroup { font-weight:normal;} select option { margin:0px 0px 0px 2px;border:0px solid #fff;padding:0px;} select option.p10 { padding: 1px 1px 1px 10px;} input.tf { padding: 1px 2px 1px 2px; border: 1px solid #97a6b7; color: #97a6b7; } input.btn { padding: 0px; border: 1px solid #97a6b7; color: #97a6b7; background-color: #ECF0F4; } * html input.tf { padding: 2px 2px 1px 2px; } * html input.btn { padding: 1px 1px 0px 1px; } *+html input.tf { padding: 2px 2px 1px 2px; } *+html input.btn { padding: 1px 1px 0px 1px; } /* Header */ #header { position: relative; z-index:2; min-height: 80px; font-size: 94%;left:5px; } * html #header { height: 80px; } #nav-main { padding-bottom:19px; position:relative; width:auto;background:url('../gfx/shared/nav-main_bg.gif') repeat-x;} * html #nav-main { z-index:100;} *+html #nav-main { z-index:100;} #nav-main ul { position:absolute; } #nav-main ul li a { height: 19px; color: #657587; background-position: 0px 0px; background-repeat: no-repeat; } #nav-main ul#pulldown-top li a:hover, #nav-main ul#pulldown-top li a:active, #nav-main ul#pulldown-top li a:focus { background-position: 0px -19px; text-decoration: none; } #nav-main ul#pulldown-btm li a:hover, #nav-main ul#pulldown-btm li a:active, #nav-main ul#pulldown-btm li a:focus { background-position: 0px 0px; text-decoration: none; } #nav-main ul.pulldown { } #nav-main ul.pulldown li { position: relative; float: left; height:19px; background-position: 24px 0px; background-repeat:no-repeat; } #nav-main ul.pulldown li.selected { } #nav-main ul.pulldown li.selected a { background-position: 0px -19px;color: #000000; } #nav-main ul.pulldown.mytrumpf li a { background-position: 0px 0px; } #nav-main ul.pulldown.mytrumpf li a:hover { background-position: 0px 0px; } #nav-main ul.pulldown.mytrumpf.logged li a { background-position: 0px -19px; } #nav-main ul.pulldown.mytrumpf li.selected a { background-position: 0px -38px; } #nav-main ul.pulldown.mytrumpf ul { width: 160px; background: url('../gfx/module/m-001_subnav_bg.png') repeat-x bottom; padding:0px 0px 5px 0px;margin:0px 0px 0px 0px !important} #nav-main ul.pulldown.mytrumpf li a.ext { background: url('../gfx/shared/my-ext-link-bg.gif') no-repeat 6px 4px !important;padding-left: 22px !important;width:123px !important;} #nav-main ul.pulldown.mytrumpf.logged li a:hover, #nav-main ul.pulldown.mytrumpf.logged li a:active, #nav-main ul.pulldown.mytrumpf.logged li a:focus { background-position: 4px -38px; text-decoration: none; } #nav-main ul.pulldown li a { display: block; width: 100px; height: 19px; text-decoration:none; color:#ffffff; } #nav-main ul.pulldown li a:hover { color: #000; } #nav-main ul.pulldown li span { position: absolute; left: -1000em; } #nav-main ul.pulldown ul { left: -1000em; position: absolute; } #nav-main ul.pulldown li:hover ul, #nav-main ul.pulldown li:focus ul, #nav-main ul.pulldown li:active ul, #nav-main ul.pulldown li.sfhover ul, #nav-main ul.pulldown li.sffocus ul { left: 20px; z-index: 999; top: 19px; } #nav-main ul.pulldown ul li { float: none; height: auto;} #nav-main ul.pulldown ul li a { width: 140px; height: auto; background-image: none !important; } #nav-main ul#pulldown-top, #nav-main ul#pulldown-btm { width:725px; font-size: 94%; line-height: 100%; height: 19px; } #nav-main ul#pulldown-top li { padding-left:0px; } #nav-main ul#pulldown-btm li { padding:0px 20px 0px 13px;} #nav-main ul#pulldown-top ul, #nav-main ul#pulldown-btm ul { width: 160px; background: url('../gfx/module/m-001_subnav_bg.png') repeat-x bottom ; padding:0px 0px 5px 0px;margin:0px 0px 0px -5px} #nav-main ul#pulldown-top ul li, #nav-main ul#pulldown-btm ul li { margin: 0px 0px 0px 0px; padding-left:0px;background: url('../gfx/module/m-001_subnav_btn_bg.png') 0px 0px; } #nav-main ul#pulldown-top ul li a, #nav-main ul#pulldown-btm ul li a { padding: 4px 4px 4px 5px;margin:0px 0px 0px 5px;border-top:1px solid #cdd6e0;} #nav-main ul#pulldown-top { background: #97a6b7;z-index:5; } #nav-main ul#pulldown-btm { background: #ECF0F4; top:19px; z-index:4; } #nav-main ul#pulldown-btm li.selected a { background-position: 4px -19px; } #nav-main ul.js_dropdown { height: 19px !important; margin: 0px !important; padding: 0px !important; list-style: none !important;} #nav-main ul.js_dropdown.mytrumpf.logout { position: absolute; right: 0px;width:45px;background:#none;} #nav-main ul.js_dropdown.mytrumpf.logout li { width:45px !important;} #nav-main ul.js_dropdown.mytrumpf.logout li a { background: url('../gfx/module/gfx_dropdown_logout.gif') 62px 0px !important; width:22px;float:right !important;padding:0px 32px 0px 5px;line-height:19px;} #nav-main ul.js_dropdown.mytrumpf.logout li a:hover { background: url('../gfx/module/gfx_dropdown_logout.gif') 62px -19px !important;} *+html #nav-main ul.js_dropdown.mytrumpf.logout { position: absolute; right: 14px;width:45px;background:#ecf0f4;} *html #nav-main ul.js_dropdown.mytrumpf.logout li a { background: url('../gfx/module/gfx_dropdown_logout.gif') 62px 0px !important;overflow:hidden;} *html #nav-main ul.js_dropdown.mytrumpf.logout li a:hover { background: url('../gfx/module/gfx_dropdown_logout.gif') 62px -19px !important;} * html #nav-main ul.pulldown { margin-left: 0px; } * html #nav-main ul#pulldown-top ul li a, * html #nav-main ul#pulldown-btm ul li a { padding: 4px 4px 4px 5px;margin:0px 0px 0px 5px;border:1px solid #cdd6e0;border-width:0px 1px 1px 1px;} * html #nav-main ul.pulldown ul li a { display: inline-block;} * html #nav-main ul#pulldown-top ul li, * html #nav-main ul#pulldown-btm ul li { display: inline-block; background: none !important;} * html #nav-main ul.pulldown ul iframe { display: block; position: absolute; z-index: 10; filter: progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0); } * html #nav-main ul.pulldown li.sfhover ul { display: inline-block; background: none !important;padding:0px 0px 0px 0px;width:150px; } * html #nav-main ul.pulldown li.sfhover ul li a { background: #fcfdfe;margin:0px 0px 0px 0px;} /* name der website */ #header #site { position: absolute; top: 45px; right: 228px; height: 35px; width: 300px; background: url('/lib/gfx/shared/site_trumpf-gruppe.gif') no-repeat right 0px; } body.dehome #header #site { background: url('../gfx/shared/site_is_home_de_en.gif') no-repeat right 0px; width: 540px;} body.enhome #header #site { background: url('../gfx/shared/site_is_home_de_en.gif') no-repeat right 0px; width: 540px;} body.delaser #header #site { background: url('../gfx/shared/site_is_laserschweissen_de.gif') no-repeat right 0px; width: 640px;} body.decad #header #site { background: url('../gfx/shared/site_is_CAD_CAM_de_en.gif') no-repeat right 0px; width: 640px;} body.encad #header #site { background: url('../gfx/shared/site_is_CAD_CAM_de_en.gif') no-repeat right 0px; width: 640px;} body.debending #header #site { background: url('../gfx/shared/site_is_biegen_de.gif') no-repeat right 0px; width: 640px;} body.enbending #header #site { background: url('../gfx/shared/site_is_bending_en.gif') no-repeat right 0px; width: 640px;} body.dedocu #header #site { background: url('../gfx/shared/site_is_documents_downloads_de_en.gif') no-repeat right 0px; width: 640px;} body.endocu #header #site { background: url('../gfx/shared/site_is_documents_downloads_de_en.gif') no-repeat right 0px; width: 640px;} /* logo */ #header #logo { position: absolute; top: 15px; left: 25px; background: url('../gfx/shared/logo.gif') no-repeat; } #header #logo a { height: 50px; width: 50px; display: block; } #header #logo a:hover { text-decoration:none; } #header #logo a span { visibility: hidden; } /* metanavigation*/ #header #nav-head { position: absolute; right: 0px; top: 10px; } #header #nav-head ul { line-height: 100%; } #header #nav-head ul li { float: left; margin: 0px 0px 0px 0px; padding: 0px 7px 0px 7px; border-right: 1px solid #97a6b7; } #header #nav-head ul li a:hover { color:#000000;text-decoration:none;} #header #nav-head ul li.last { border-right: 0px solid #97a6b7; } #header #nav-head ul li.search { position:relative; top:-3px; border-right: none; margin: 0px 0px 0px -5px; padding: 0px 0px 0px 10px; } #header #nav-head ul li.search input { margin: 0px; vertical-align:middle; } #header #nav-head ul li.search input.btn { width: 37px; } #header #nav-head ul li.search input.tf { width: 100px; margin-right: -4px; } html*#header #nav-head ul li.search { top:-2px;} * html #header #nav-head ul li.search { top:-5px;} *+html #header #nav-head ul li.search { top:-5px;} #header #nav-head ul li.log { height:44px;width:187px;border:0px solid #fff;background:#ecf0f4;margin:0px;position:relative;top:-4px;font: 11px/15px Arial, Helvetica, sans-serif; color: #2d3742;} #header #nav-head ul li.log.in { padding:18px 10px 15px 25px;height:36px;} #header #nav-head ul li.log.out { padding:10px 10px 15px 25px;} #header #nav-head ul li.log b { display:block;} #header #nav-head ul li.log a { color: #0a65c6; background: url('../gfx/shared/arr-standard.gif') no-repeat left 4px; padding-left: 12px; margin: 0px 0px;} #header div.selectbox { position:absolute; left:90px;top:25px; width:500px;} #header div.selectbox p { float:left;padding:0px 4px 0px 4px;margin:0px;background: #ecf0f4;border:1px solid #97a6b7;line-height:16px; font-size:10px;height:16px;border-width:1px 0px 1px 1px;color:#657587} #header div.selectbox select { font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10px;height:18px;width:288px;margin:0px 0px 0px 0px;} #header div.selectbox a { margin:0px 0px 0px 0px !important;display:block;padding-bottom:5px;background-position:0px 4px;} *html #header div.selectbox p { line-height:14px;height:15px;} *+html #header div.selectbox p { line-height:14px;height:15px;} /* lang selector */ #nav-main .langselect { position: absolute; left: 730px; border-left:5px solid #fff;} #nav-main .langselect.right { right:59px !important;left:auto !important;line-height:20px; color:#97a6b7; width:163px;text-align:center;background:#ECF0F4;border-left:5px solid #fff;height:19px;overflow:hidden;} #nav-main .langselect a { display: block; width: 74px; height: 19px; background-color: #ecf0f4; background-repeat: no-repeat;text-decoration:none;line-height:20px;text-align:center; } #nav-main .langselect a:hover, #nav-main .langselect a:active, #nav-main .langselect a:focus { color:#000; } #nav-main .langselect.right a { width:auto !important; padding:0px 1px 0px 1px;display:inline !important;} #nav-main .langselect.multiple { background:#ecf0f4;} #nav-main .langselect.multiple a { width:auto !important;padding:0px 2px 0px 2px !important;float:left;} /* international selector */ #nav-main ul#international { position: absolute; left: 807px; } #nav-main ul#international li a { color: #697684; width: 125px; background: url('../gfx/module/m-001_international.gif') -1px 0px ;padding:0px 0px 0px 20px;line-height:20px; } #nav-main ul#international li a:hover { color: #000000; background: url('../gfx/module/m-001_international.gif') -1px -19px;} /* //// breadcrumbmenu */ #breadcrumb { min-height: 1em; margin-bottom: 5px; color: #97a6b7; background: url('../gfx/bgs/bg-breadcrumb.gif');font-size:94%; padding: 2px 0px 2px 0px; } /* //// sidebar */ #sidebar { float: right; width: 225px; margin-top:-5px;} #sidebar p { margin: 0px 0px 0px 0px; } #sidebar h4 { margin: 1px 0px 0px 0px; } #sidebar hr { margin: 7px -5px 7px -5px; } /* //// Teaser in der Sidebar */ #sidebar .teaser { border: 1px solid #d0dae4; border-width:0px 0px 1px 0px;background:url(../gfx/bgs/bg_teaser.gif) repeat-y; padding: 4px 7px 6px 7px; margin: 5px 0px 0px 0px; } #sidebar .teaser a { margin: 0px; } #sidebar .teaser h3 { position: relative; padding: 3px 7px 1px 7px; top:-5px; margin: 0px -7px 0px -7px !important; color: #fff; font-size: 100%; font-weight: bold; background: #b1bcc9; } #sidebar .teaser h4 { font: 11px Arial, Helvetica, sans-serif; color: #2d3742;font-weight:bold;} #sidebar .teaser input { width:140px;margin:0px 0px 7px 0px;} #sidebar .teaser label { width:62px;color: #2d3742;font-weight:bold;display:block;float:left;margin:0px 0px 7px 0px;} #sidebar .borderTop { border-width:1px 0px 1px 0px !important;} #sidebar .teaser .form_btn { width:40px;height: 16px;margin: 0px 7px 9px 0px; padding-left: 17px; background: url('../gfx/module/mod081_btn_bg.jpg') no-repeat;position:relative;left:156px; } #sidebar .teaser .form_btn #m81_submit { width: auto; height: 16px; margin: 0px;font-size: 10px; color: #9ea6b1; background-color: #ffffff;padding:0px 0px 2px 0px !important;} *html #sidebar .teaser .form_btn {} *+html #sidebar .teaser .form_btn {left:154px;} *html #sidebar .teaser .form_btn #m81_submit { padding:1px 0px 0px 0px !important;font-size: 11px;} *+html #sidebar .teaser .form_btn #m81_submit { padding:1px 0px 0px 0px !important;font-size: 11px;} #sidebar .teaser b { color: #2d3742;} #sidebar .teaser.img { padding-left: 64px; } #sidebar .teaser.img img { float: left; margin-left: -57px; margin-top: 5px; width: 50px; height: 40px; } #sidebar .teaser.img a.block img { margin-top: 5px; } #sidebar .teaser.img h3 { margin: 0px -7px -2px -64px !important; } #sidebar .teaser.imgbig { padding-left: 64px; } #sidebar .teaser.imgbig img { float: left; margin-left: -57px; margin-top: 5px; width: 50px; height: 80px; } #sidebar .teaser.imgbig a.block img { margin-top: 1px; } #sidebar .teaser.imgbig h3 { margin: 0px -7px -2px -64px !important; } #sidebar .teaser.download { padding-left: 64px; } #sidebar .teaser.download img { float: left; margin-left: -57px; margin-top: 5px; width: 50px; height: 40px;border:0px solid #fff; } #sidebar .teaser.download a.block img { margin-top: 1px; } #sidebar .teaser.download h3 { margin: 0px -7px -2px -64px !important; } #sidebar .teaser.download hr { margin-left: -64px;width:215px;} #sidebar .teaser.fullimg { padding:0px;border-width:0px 0px 0px 0px;} #sidebar .teaser.fullimg a { padding:0px;margin:0px;background:none;} * html #sidebar .teaser.download hr { margin-left: -64px;width:225px;} *+html #sidebar .teaser.download hr { margin-left: -64px;width:239px;} * html .teaser.download img { float: left; margin-left: -57px; margin-top: 5px; width: 50px; height: 40px;border:0px solid #fff; } #sidebar .teaser.language { position:relative; z-index:1; overflow:visible; } #sidebar .teaser.language img { float:left;margin: 5px 10px 0px 10px; position:relative;} #sidebar .teaser.language h3 { margin: 0px -7px -2px -7px !important; } *+html #sidebar .teaser.language img { margin: 5px 10px 0px 0px; position:static;} *html #sidebar .teaser.language img { float:left;margin: 5px 20px 0px 5px; position:relative;} #sidebar .teaser h3 .icon, #sidebar .teaser h3 .icon a { position: absolute; width: 18px; min-height: 1.56em; background-color: #D0DAE4; } #sidebar .teaser h3 .icon.fwd { right: 0px; top: 3px; border-left: 1px solid #fff; } #sidebar .teaser h3 .icon.back { right: 19px; top: 3px; } #sidebar .teaser .row { padding:0px 0px 1px 0px;} #sidebar .teaser .row_small { width:170px;} #sidebar .teaser .row a { color: #2d3742;} #sidebar .teaser .s_aktiv { background:url(../gfx/module/service_aktiv.gif) no-repeat right 1px;} #sidebar .teaser .s_inaktiv { background:url(../gfx/module/service_inaktiv.gif) no-repeat right 1px;} #sidebar .teaser .s_request { background:url(../gfx/module/service_beantragt.gif) no-repeat right 2px;} *+html #sidebar .teaser h3 { line-height:139%; top:-5px; padding: 2px 7px 1px 7px;} *+html #sidebar .teaser h3 .icon.fwd { top: 1px; min-height: 1.7em; } *+html #sidebar .teaser h3 .icon.back { top: 1px; min-height: 1.7em; } *+html #sidebar hr { margin: 0px -7px 0px -7px; width:239px; } *+html #sidebar .teaser.img a.block img { margin-top: 6px; } * html #sidebar .teaser.img img { margin-left: -29px; } * html #sidebar .teaser.imgbig { height:100px;} * html #sidebar .teaser.imgbig img { margin-left: -29px; } * html #sidebar .teaser.download img { margin-left: -29px; } * html #sidebar .teaser.img a.block img { margin-top: 6px; } * html #sidebar .teaser h3 { line-height:139%; top:-5px;} * html #sidebar .teaser h3 .icon.fwd { top: 1px; height: 1.7em; } * html #sidebar .teaser h3 .icon.back { top: 1px; height: 1.7em; } * html #sidebar hr { width:226px;margin:0px -10px 0px -10px; } /* //// logged-in Box */ .logged { width:137px;height:90px;background:url(../gfx/bgs/bg-subnav.gif) repeat-y;padding:10px 5px 5px 5px;color:#6c7682;} *html .logged { width:138px;} *+html .logged { width:138px;} .logged .head { font-weight:bold;} .logged a { margin:2px 0px 2px 0px !important;} .logged .form_btn { width:40px;height: 16px;margin: 5px 7px 0px -1px; padding-left: 17px; background: url('../gfx/module/mod081_btn_bg.jpg') no-repeat; } .logged .form_btn #m81_submit { width: auto; height: 16px; margin: 0px;font-size: 10px; color: #9ea6b1; background-color: #ffffff;padding:0px 0px 2px 0px !important;} *html .logged .form_btn #m81_submit { padding:1px 0px 0px 0px !important;font-size: 11px;} *+html .logged .form_btn #m81_submit { padding:1px 0px 0px 0px !important;font-size: 11px;}