/* //// 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;} /* //// links global */ a { color: #97a6b7; text-decoration: none; } a.block { display: block !important; background-position:1000px 0px !important; padding: 0px !important; margin: 0px !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; } /* //// 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; } /* //// tabels */ table { margin: 10px 0px 10px 1px; border-spacing: 0px; border-collapse: collapse;font-size: 1em; line-height: 120%; } table th { padding: 4px 6px 4px 6px; color: #adbbc8; border: 1px solid #d0dae4; text-align: left; text-transform: uppercase; font-weight: normal; } table td { padding: 4px 6px 4px 6px; color: #666666; border: 1px solid #d0dae4; } table td.strong { background: #ecf0f4; color: #697784; } table h1, table h2, table h3, table p { margin-left: 0px !important; } /* Header */ #header { position: relative; z-index:2; min-height: 80px; font-size: 94%; } * 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; } #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; } #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 -5px; } #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 -5px; } body.degm #header #site { background: url('../gfx/shared/site_gebrauchtmaschinen.gif') no-repeat right 0px; width: 350px;} body.desz #header #site { background: url('../gfx/shared/site_schulungszentrum_ditzingen.gif') no-repeat right 0px; width: 340px;} body.desp #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_ersatzteile.jpg') no-repeat right 2px; width: 340px;} body.debt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_biegewerkzeuge.jpg') no-repeat right 2px; width: 460px;} body.ensp #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_spareparts.jpg') no-repeat right 2px; width: 440px;} body.engm #header #site { background: url('../gfx/shared/site_gebrauchtmaschinen_en.gif') no-repeat right 4px; width: 460px;} body.ensz #header #site { background: url('../gfx/shared/site_schulungszentrum_ditzingen_en.gif') no-repeat 107px 0px; width: 460px;} body.frbt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_outils_de_pliage.jpg') no-repeat right 2px; width: 460px;} body.itbt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_utensili_di_piegatur.jpg') no-repeat right 2px; width: 470px;} body.czbt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_Ohybaci_nastroje.jpg') no-repeat right 2px; width: 460px;} body.esbt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_electronica_de_utiles_de_plegado.jpg') no-repeat right 2px; width: 540px;} body.enbt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_beningtools.jpg') no-repeat right 2px; width: 540px;} body.pt #header #site { background: url('../gfx/shared/site_mytrumpf_eshop_stanzwerkzeuge.jpg') no-repeat right 0px; width: 460px;} /* 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: 81px; 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 { 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 { background: url('../gfx/module/m-001_international.gif') -1px -19px;} #nav-main ul#international ul { margin:0px 0px 0px -2px; border: 0px solid #d0dae4; border-top: none; background: url('../gfx/module/m-001_international_bottom_bg.png') no-repeat bottom;padding:0px 0px 5px 0px} #nav-main ul#international ul li { background: url('../gfx/module/m-001_international_bg.png') !important;} #nav-main ul#international ul li a { font-size: 89%; margin: 0px; padding: 0px 5px 0px 10px; width: 129px !important; height: auto; } #nav-main ul#international ul li a:hover { color: #000; } #nav-main ul#international ul li a.separator { border-top: 1px solid #d0dae4;margin:0px 2px 0px 2px; padding: 0px 3px 0px 8px;} #nav-main ul#international ul li ul { background: none !important; position:relative;margin:0px;top:-2px;left:0px;width:135px;padding:0px;display:none;} #nav-main ul#international ul li ul li { background: none !important; padding:0px 0px 0px 10px;margin:0px;} #nav-main ul#international ul li ul li a { background: none !important; margin: 0px; padding: 0px 5px 0px 10px;} #nav-main ul#international ul li.aktive a { color:#000;} #nav-main ul#international ul li.aktive ul li a { color:#657587;} #nav-main ul#international li:hover ul, #nav-main ul#international li:focus ul, #nav-main ul#international li.sfhover ul { left: 4px; } *+html #nav-main ul#international li:hover ul { top: 19px; } *+html #nav-main ul#international li:hover ul li ul { top: 0px; } * html #nav-main ul#international li.sfhover ul { top: 20px; } * html #nav-main ul#international li.sfhover ul li ul { top: 0px; } * html #nav-main ul#international ul { width:129px;margin:0px 0px 0px 0px; border: 1px solid #d0dae4; border-top: none;padding:0px 0px 0px 0px} * html #nav-main ul#international ul li { background: #fff none !important;} * html #nav-main ul#international ul li ul { width:100px;margin:0px 0px 0px 0px; border: 0px solid #d0dae4; border-top: none;padding:0px 0px 0px 0px} * html #nav-main ul#international ul li ul li { background: transparent none !important;padding:0px 0px 0px 10px;margin:0px;} * html #nav-main ul#international ul li a { margin:0px;padding:0px 2px 0px 8px;} * html #nav-main ul#international ul li ul li a { margin:0px;padding:0px;} * html #nav-main ul#international ul li a.separator { border-top: 1px solid #d0dae4;margin:0px 0px 0px 0px; padding: 0px 3px 0px 8px;} /* //// 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; }