/* ----------------------------------------------------- */ /* ----- heidelberg.com MAIN SCREEN STYLESHEET ----- */ /* ----- V0.7 ----- */ /* ----- 2009-01-21 ----- */ /* ----------------------------------------------------- */ /* -------------------- STANDARD SELECTORS AND SLIGHT VARIATIONS -------------------- */ a:hover { background-position: 0px 4px; } body { background-color:#003a7d; } h1 /* PAGE HEADLINE */ { font-family:Arial,sans-serif; font-size:16px; font-weight:bold; margin:0; color:#002A66; margin-top:0px; margin-bottom:12px; } h2 /* SUBHEADLINE */ { font-family:Arial,sans-serif; font-size:14px; font-weight:bold; margin:0; color:#002A66; /* margin-top:12px; usually we use all elements bottom margin */ margin-bottom:12px; } h3 /* TEASER/BOX HEADLINE GREY BG */ { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; margin:0; color:#002A66; background-color:#686b70 !important; color:#ffffff; padding:3px; padding-bottom:2px; margin-top:12px; } h4 /* TEASER/BOX HEADLINE BLUE BG, P AFTERWARDS HAS WHITE BG */ { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; margin:0; background-color:#003a7d; color:#ffffff; padding:3px; padding-bottom:3px; padding-top:2px; margin-top:12px; } .startpage h4 + p { background-color:#ffffff !important; } h5 /* TEASER/BOX HEADLINE DKBLUE BG, RED FG */ { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; margin:0; color:#e21f23; background-color:#bdcbde; margin-top:12px; padding:2px; } h6 /* USED INSIDE H6 BOXES, TEASER/BOX HEADLINE LTBLUE BG, RED FG */ { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; margin:0; color:#e21f23; background-color:#d3dfef; /*margin-top:12px*/; padding:2px; } h6 + p, h6 + p + p, h6 + p + p + p { /*background-color:#d3dfef !important;*/ } /* STARTPAGE HAS SEVERAL DIFFERENT FORMATS, A DIFFERENT HEADER GREY BGCOLOR, etc. */ .startpage ul li a { font-weight:bold; } .startpage h3 { background-color:#7e8590 !important; } .startpage h4 + p { background-color:#bdcbde !important; padding-top:3px; padding-bottom:3px; } /* IE6 doesnt see this */ .startpage h6 { margin-left:1px; margin-right:1px; } .startpage h6 + ul { /*background-color:#d3dfef !important;*/ } /* IE6 doesnt see this */ p,li,td,th,label { font-family:Arial,sans-serif; font-size:11px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; color:#002A66; } p.has_pdf_icon { background-image:url(/www/img/mimetypeIcons/iconPDF.gif); background-repeat:no-repeat; background-position:0px 0px; padding-left:20px !important; padding-top:5px !important; } label[disabled] { color: #a6adb8; } th { font-weight:normal; text-align:right; vertical-align:top; padding-top:5px; padding-right:10px; } td { vertical-align:top; padding-top:2px !important; padding-left:6px !important; padding-right:6px !important; padding-bottom:2px !important; } ul { padding-left:35px; margin-left:0px; } ol { padding-left:39px; margin-left:0px; } li { margin:0px; padding:0px; line-height:13px; } img { border:0px; } hr { font-size:1px; clear:both; height:2px; border:0; color:#94a2ad; background-color:#94a2ad; width:100%; text-align:left; border-bottom:1px solid #ffffff; border-left:1px solid #e7ebf7; border-right:1px solid #e7ebf7; margin-bottom:14px; } /* for article horizontal line */ em { font-weight:bold; } strong { font-weight:bold; } a,a:link, a:visited { font-family:Arial,sans-serif; color:#002A66; font-weight:bold; } a:hover { font-family:Arial,sans-serif; color:#466dad; } a.has_arrow { background-image:url(/www/img/bullet_link.gif); background-repeat:no-repeat; background-position:0px 4px; padding-left:17px; } /* ie6 doesnt know this */ .paragraph { margin-bottom:12px; } a.normal_weight { font-weight:normal !important; } form { padding:0; margin:0; } select { font-family:Arial,sans-serif; margin:0; width:auto; background-color:#D8DFEA; font-size:12px; color:#000000 !important; height:20px; } option { font-family:Arial,sans-serif; background-color:#D8DFEA; color:#000000 !important; width:auto; } ul li.no_border { border:0; } ul li a { color:#002A66; font-weight:bold; } ul li a:hover { color:#466dad; } /* THIS WAS ORIGINALLY FOR CUSTOM MADE NUMBERED LISTS, SEEMS NOT NECESSARY ANYMORE .faqpage #hd_content_area ul li { list-style:inside; }*/ img, applet { margin-top:12px; } h1 + applet { margin-top:0; } object { /*margin-bottom:12px;*/ } object.alignLeft { margin-right:12px; /* should be 12, we give a little extra for too small objects */ } object.alignRight { margin-left:12px; /* should be 12, we give a little extra for too small objects */ } object.alignLeft + object.alignRight { margin-right:0; margin-left:0; } table { border-collapse:collapse; } .overviewpage table { border-collapse:separate; } ul + b { font-family:Arial,sans-serif; font-size:11px; margin-left:0px; margin-top:0px; margin-right:0px; margin-bottom:0px; color:#002A66; } /* Content related fix */ dl { padding:0; margin:0; padding-bottom:28px; } dt { font-family:Arial,sans-serif; font-size:11px; font-weight:bold; color:#00387b; margin-top:10px; } dd { font-family:Arial,sans-serif; font-size:11px; font-weight:normal; color:#00387b; text-indent:0; padding:0; margin:0; } /* -------------------- ABSOLUTE HD AREAS -------------------- */ #to_navigation { visibility:hidden; display:none; } #hdm_space { background-image:url(/www/img/560x13_hdm_area_top.gif); background-position:+36px +0px; background-repeat:no-repeat; background-color:#003a7d; padding-top:39px; padding-left:10px; padding-right:10px; margin:0; min-width:757px; } #hd_working_area { background-image:url(/www/img/working_area_top_left.gif); background-position:0px 0px; background-repeat:no-repeat; background-color:#e2e9f4; overflow:hidden; } #hd_header_area { } #hd_logo { position:absolute; top:1px; right:10px; margin-top:12px !important; } #hd_local { margin-top:12px !important; } #hd_logo_print { position:absolute; top:1px; right:10px; visibility:hidden; display:none; } #hd_country { position:absolute; top:42px; right:14px; } #hd_horizontal_bar { position:absolute; top:13px; left:36px; background-image:url(/www/img/560x34_horizontalbar_top.gif); background-position:+0px +0px; background-repeat:no-repeat; width:560px; height:30px; } #hd_search_wrapper { margin-top:36px !important; margin-left:11px !important; } #hd_search { z-index:0; margin:0px; padding:0px; font-family:Arial,sans-serif; font-size:10px; color:#003a7d; text-decoration:none; background-color:#e2e9f4; /*width:300px;*/ } #hd_search input#searchInput { margin-left:-8px !important; width:72px !important; } #hd_search #searchButton{ position:relative; top:4px; left:-4px; } #hd_languages { padding-left:15px; position:relative; top:7px; display:inline; /*position:relative; left:-120px; top:7px;*/ font-family:Arial,sans-serif; font-size:10px; color:#003a7d; font-weight:normal;} #hd_languages a { font-weight:normal; color:#003a7d; text-decoration:none; } #hd_languages a:hover { font-weight:normal; color:#003a7d; text-decoration:underline; } #hd_languages .current { font-weight:600; } #hd_sites { position:absolute; top:26px; left:446px; } /* -------------------- TOP MENU -------------------- */ #hd_menu { width:560px; position:absolute; top:20px; margin-left:28px; white-space:nowrap; } #hd_menu a { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; margin:0; text-decoration:none; color:#003a7d; } #hd_menu a:hover, #hd_menu a.ie6hover { color:#003a7d; } #hd_menu ul { z-index: 400; list-style-type:none; margin:0px; padding:0px; } #hd_menu ul li { display:inline; margin:0px; padding:0px; padding-left:18px; padding-right:12px; padding-top:3px; padding-bottom:6px !important; background-image:url(/www/img/menu_separator.gif); background-repeat:no-repeat; background-position:0px 5px; } #hd_menu ul li.no_bullet { background-image:none; padding-left:17px; } #hd_menu ul li a { color:#ffffff; zoom:1; } #hd_menu ul li a:hover, #hd_menu ul li a.ie6hover { color:#003a7d; } #hd_menu ul li ul li { display:block; margin:0px; padding:0px; padding-left:15px; padding-right:15px; padding-top:3px; padding-bottom:3px; background-image:none; } #hd_menu li { position:relative; } #hd_menu ul ul { position:absolute; top:23px; left:0px; z-index:200; background-color:#d3dfef; border-left:1px solid #666666; border-top:1px solid #999999; border-right:1px solid #000000; border-bottom:1px solid #000000; } #hd_menu ul ul li { } #hd_menu ul ul li.has_submenu { background-image:url(/www/img/menu_arrow.gif); background-repeat:no-repeat; background-position:right; } #hd_menu ul ul li a { color:#003a7d; } #hd_menu ul li ul li a { } #hd_menu ul ul ul { top:1px; left:100%; background-color:#d3dfef; margin-left:-8px; border-left:1px solid #666666; border-top:1px solid #999999; border-right:1px solid #000000; border-bottom:1px solid #000000; } #hd_menu ul ul ul li { z-index:500; background-image:none; } #hd_menu ul ul li a:hover, #hd_menu ul ul li:hover, #hd_menu ul ul li a.ie6hover, #hd_menu ul ul li.ie6hover { background-color:#ffffff; cursor:pointer; } div#hd_menu ul ul, div#hd_menu ul li:hover ul ul, div#hd_menu ul ul li:hover ul ul, div#hd_menu ul li.ie6hover ul ul, div#hd_menu ul ul li.ie6hover ul ul {display: none; cursor:default; } div#hd_menu ul li:hover ul, div#hd_menu ul ul li:hover ul, div#hd_menu ul ul ul li:hover ul, div#hd_menu ul ul li.ie6hover ul, div#hd_menu ul ul ul.ie6hover ul, div#hd_menu li.ie6hover ul {display: block; cursor:pointer; } /* -------------------- LEFT MENU -------------------- */ #hd_vertical_bar { float:left; margin-left:10px; background-image:url(/www/img/166x10_left_nav_bottom.gif); background-position:-1px bottom; background-repeat:no-repeat; background-color:#e2e9f4; width:169px; margin-top:-13px; /*14*/ } #hd_vertical_bar ul { margin:0px; padding:0px; padding-top:9px; background-image:url(/www/img/166x10_left_nav_top.gif); background-position:+0px -0px; background-repeat:no-repeat; margin-bottom:10px; margin-top:12px; } #hd_vertical_bar ul li { background-image:url(/www/img/background_navigation.gif); background-position:+0px +0px; background-repeat:repeat-y; margin:0px; padding:0px; display:block; line-height:14px; padding-left:16px; padding-top:4px; padding-bottom:4px; width:135px; padding-right:16px; } #hd_vertical_bar ul li.default { background-image:url(/www/img/background_navigation.gif); } #hd_vertical_bar ul li.is_separator { width:165px;background-image:url(/www/img/menu_line.gif); background-position:+0px -0px; background-repeat:no-repeat; margin:0; padding:0; height:4px; line-height:4px; height:auto!important; font-size:1px; } #hd_vertical_bar ul li a { text-decoration:none; color:#404348; } #hd_vertical_bar ul li.selected { background-image:url(/www/img/background_navigation_selected.gif); } #hd_vertical_bar ul li.selected, #hd_vertical_bar ul li.selected a { color:#003a7a; background-color:#ffffff; } #hd_vertical_bar ul li.has_submenu_closed { background-image:url(/www/img/background_navigation_submenu_closed2.gif); background-position:+0px +2px; } #hd_vertical_bar ul li.has_submenu_closed_selected { background-image:url(/www/img/background_navigation_submenu_closed_selected2.gif); background-position:+0px +2px; } #hd_vertical_bar ul li.has_submenu_open { background-image:url(/www/img/background_navigation_submenu_open2.gif); background-position:+0px +2px; } #hd_vertical_bar ul li.has_submenu_open_selected { background-image:url(/www/img/background_navigation_submenu_open_selected2.gif); background-position:+0px +2px; } #hd_vertical_bar ul li ul { background-image:none; list-style:none; width:156px; padding:0; margin:0; margin-top:4px; background-image:url(/www/img/background_navigation.gif); background-repeat:repeat-y; padding-left:2px; margin-left:-4px; margin-bottom:-4px; } #hd_vertical_bar ul li ul li { background-image:none; margin:0px; padding:0px; display:block; /*line-height:32px;*/ padding-left:22px; padding-top:3px; padding-bottom:3px; margin-left:-14px; padding-right:12px; } #hd_vertical_bar ul li ul li a { text-decoration:none; } #hd_vertical_bar ul li ul li.default { } #hd_vertical_bar ul li ul li.selected { background-image:url(/www/img/background_navigation_selected.gif); } #hd_vertical_bar ul li ul li.selected, #hd_vertical_bar ul li ul li.selected a { color:#003a7a; background-color:#ffffff; } /* -------------------- BREADCRUMBS -------------------- */ ul#hd_navigation_path { position:absolute; top:91px; left:23px; margin:0px; padding:0px; } ul#hd_navigation_path li { display:inline; background-image:url(/www/img/navigation_path_arrow.gif); background-repeat:no-repeat; background-position:1px 4px; padding-left:10px; margin-right:2px; font-family:Arial,sans-serif; font-size:10px; color:#002a66; } ul#hd_navigation_path li a { font-weight:normal; font-family:Arial,sans-serif; font-size:10px; color:#002a66; } ul#hd_navigation_path li a:visited, #hd_navigation_path li a:hover { color:#466dad; } ul#hd_navigation_path li.no_bullet { background-image:none; padding-left:0px; } /* -------------------- FOOTERS -------------------- */ #hd_footerTop { float:left; width:100%; clear:both; background-color:transparent; /*border:1px solid #ff0000;*/ background-image:url(/www/img/working_area_bottom_left.gif); background-position:0% 100%; background-repeat:no-repeat; margin-top:-44px; } #hd_footerTop ul { position:relative; background-color:#C9D5E5; border-top:1px solid #7e8590; border-bottom:1px solid #fefefe; line-height:12px; height:12px; padding:5px; margin:11px; margin-right:14px; margin-bottom:9px; } #hd_footerTop ul li { margin:0px; padding:0px; display:inline; margin-right:8px; background-image:url(/www/img/footer_separator.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:9px; } #hd_footerTop ul li.no_bullet { background-image:none; padding-left:10px; } #hd_footerTop ul li a { margin:0px; padding:0px; font-size:12px; font-weight:bold; color:#002A66; text-decoration:none; } #hd_footerTop ul li a:hover { color:#466dad; } #hd_footerBottom { clear:both; position:relative; top:6px; left:10px; } #hd_footerBottom ul { margin:0px; padding:0px; position:absolute; top:4px; } #hd_footerBottom ul li { display:inline; margin-right:10px; } #hd_footerBottom ul li a { color: #FEFEFE; font-size:11px; font-weight:normal; } #hd_footerBottom p { color: #FEFEFE; } #hd_footerBottom ul + p { position:absolute; top:31px; } .absoluteAnchor { position:absolute; } /* -------------------- CONTENT COLUMNS - GENERAL SPECS -------------------- */ #hd_content_area { overflow:hidden; background-image:url(/www/img/working_area_bottom_right.gif); background-position:bottom right; background-repeat:no-repeat; margin-top:75px; padding-bottom:54px; min-width:900px; width:100%; font-family:Arial,sans-serif; font-size:11px; color:#002A66; } /* ALL CONTENT ELEMENTS HAVE 12px TOP MARGIN, SO THIS MARGIN-TOP IS REDUCED BY THAT NUMBER TO ENSURE CORRECT Y */ .hd_column1 { word-wrap:break-word; float:left; margin-left:15px; width:171px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; } .hd_columns123 { zoom:1; /*border:1px solid #00ff00;*/ word-wrap:break-word; float:left; margin-left:20px; width:542px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; background-image:url(/www/img/column_separator2.gif); background-position:top right; background-repeat:repeat-y; padding-right:14px; } .hd_columns23 { word-wrap:break-word; float:left; margin-left:10px; width:373px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; background-image:url(/www/img/column_separator2.gif); background-position:top right; background-repeat:repeat-y; padding-right:14px; } .hd_column2 { word-wrap:break-word; float:left; margin-left:14px; width:160px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; padding-right:14px; } .hd_column3 { word-wrap:break-word; float:left; margin-left:14px; width:160px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; background-image:url(/www/img/column_separator2.gif); background-position:top right; background-repeat:repeat-y; padding-right:14px; } .hd_column4 { word-wrap:break-word; float:left; margin-left:19px; width:144px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; /*margin-top:-14px;*/ } .hd_columns1234 { word-wrap:break-word; float:left; margin-left:15px; width:704px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; } .hd_columns234 { word-wrap:break-word; float:left; margin-left:14px; width:533px; padding-bottom: 32767px !important; margin-bottom: -32767px !important; padding-right:14px; } /* if any page has no site promotions, the vertical bar disappears and content is rendered over three columns */ .hd_columns123 h4.news, .hd_columns1234 h4.news { color:#002A66; background-color:transparent; margin-top:3px !important; } .hd_column4 h4.news { color:#002A66 !important; font-weight:normal !important; background-color:#d3dfef !important; font-size:11px !important; } .hd_column4 h4.news a { color:#002A66; font-size:11px !important; } .hd_columns123 h4, .hd_columns1234 h4, .hd_columns23 h4, .hd_columns234 h4 { padding-left:0px; } /* except on the startpage */ .startpage .hd_columns23 h4 { padding-left:3px; } .hd_inside_column_left .hd_image { background-color:#e2e9f4; margin-bottom:12px; } .hd_inside_column_right { zoom:1; /* in combination with other elements like P too much margin margin-bottom:12px;*/ width:354px !important; /*margin-left:-14px;*/ float:right; /*margin-top:-14px;*/ } .hd_columns23 .hd_inside_column_right { width:171px; /* border:1px solid #ffff00; */ } .hd_columns123 .hd_inside_column_right, .hd_columns234 .hd_inside_column_right { width:333px; /*border:1px solid #fff000; */ } .overviewpage .hd_columns1234 .hd_inside_column_right { width:333px; margin-right:160px; } .overviewpage .hd_columns234 .hd_inside_column_right { width:333px; margin-right:192px; } .overviewpage .hd_columns123 .hd_inside_column_right { float:right; margin-right:0px; } .hd_columns1234 .marginRightFix { margin-right:-12px; } /* for some tables, which are moved to the left to ignore 12px border when left aligned */ .hd_columns123 .marginRightFix { margin-right:12px !important; } /* for some tables, which are moved to the left to ignore 12px border when left aligned */ .hd_inside_column_left { float:left; width:183px; } .hd_stock_column_left { float:left; width:183px; margin-right:4px; } .hd_stock_column_left + .hd_inside_column_right { width:365px; } .hd_stock_column_left img { margin-top:0; } .branchofficepage .hd_inside_column_left { background-color:transparent; } .branchofficepage .hd_inside_column_right { float:left; width:230px !important; } .hd_columns123 ul, .hd_columns23 ul, .hd_columns1234 ul { /* doesnt work in IE overflow:auto; */ } /* -------------------- START PAGE SPECIALITIES -------------------- */ .startpage form { padding:3px; background-color:#d3dfef; } .startpage h4, .startpage img { margin-top:0px !important; } .startpage object { margin-bottom:0px !important; } .startpage applet { margin-top:0px !important; } .startpage .hd_column1 { width:170px; } .startpage .hd_column1 select { max-width:147px; } .startpage .hd_column1 p { padding:4px; } .startpage .hd_column4 { float:left; margin-left:13px; width:170px; /* hmm.. margin-top:12px; */ } .startpage .hd_column4 h4 { width:auto; /* should fill 170px from column4 */ } /*.startpage .hd_column4 p,*/ .startpage .hd_column4 h3 { background-color:#d3dfef; } .startpage .hd_columns23 { background-image:none; padding-right:0; margin-left:13px; width:355px; } .startpage .hd_columns23 p { margin-bottom:0px !important; } .startpage .hd_columns23 object { margin-bottom:0px; } .startpage .hd_columns23 ul { /*background-color:#d3dfef;*/ margin:0px; padding:0px; list-style:none; /* IF SOMEONES WANTS THE SPACER BACK: margin-top:14px; */ padding-top:1px; padding-bottom:4px;} .startpage .hd_columns23 ul li { padding-left:16px !important; line-height:14px; background-position:3px 4px !important;} .startpage .hd_columns23 ul li a { font-weight:bold !important; } .startpage .hd_columns23 .sitepromo ul { margin-bottom:-6px !important; } /* -------------------- PRODUCT PAGE SPECIALITIES -------------------- */ .productpage h2.smaller_product { font-size: 12px; font-weight: bold; color: #002a66; } .productpage .hd_columns123 h6 + p, .productpage .hd_columns234 h6 + p, .productpage .hd_columns1234 h6 + p, .productpage .hd_columns23 h6 + p { margin-bottom:6px; } .productpage .hd_columns123 .sitepromo ul, .productpage .hd_columns23 .sitepromo ul, .productpage .hd_columns1234 .sitepromo ul, .productpage .hd_columns234 .sitepromo ul { /* 4388 */ list-style:none; padding-left:0px !important; margin-left:0px !important; text-indent:0px !important; } .productpage .hd_columns123 .sitepromo ul li, .productpage .hd_columns23 .sitepromo ul li, .productpage .hd_columns1234 .sitepromo ul li, .productpage .hd_columns234 .sitepromo ul li { margin-left:0px !important; line-height:12px; padding-left:12px !important; text-indent:0px !important; padding-right:4px; padding-top:2px; padding-bottom:2px; background-image:url(/www/img/bullet.gif); background-repeat:no-repeat; background-position:0px 3px; } /* -------------------- COLUMN SPECIFIC STYLES -------------------- */ .hd_columns1234 ul, .hd_columns123 ul, .hd_columns23 ul { } .hd_columns1234 .hd_image + div ul, .hd_columns123 .hd_image + div ul, .hd_columns234 .hd_image + div ul, .hd_columns23 .hd_image + div ul { /* due to paragraph margin-bottom prob not needed anymore margin-top:12px; */ /* this would be the img + ul fix, but it messes up normal content zoom: 1; overflow: auto; */ } .hd_columns1234 ul:after, .hd_columns123 ul:after, .hd_columns23 ul:after { } .hd_columns1234 ul li, .hd_columns123 ul li, .hd_columns23 ul li { } .hd_columns1234 .hd_teaser ul, .hd_columns123 .hd_teaser ul { zoom:1; background-color:#d3dfef; margin:0px; padding:0px; list-style:none; } .hd_columns1234 p, .hd_columns123 p { font-weight:normal; } .hd_columns1234 p, .hd_columns123 p,.hd_columns23 p { margin-bottom:12px; padding:0; } .hd_columns1234 table, .hd_columns123 table { margin:0; padding:0; border:0; margin-left:-14px; } .hd_columns1234 .hd_inside_column_right table, .hd_columns123 .hd_inside_column_right table { margin-left:0px; } .hd_columns1234 table tr td, .hd_columns123 table tr td { vertical-align:top; } .hd_column4 p { zoom:1; /*background-color:#bdcbde;*/ /*#d3dfef;*/ padding:3px; line-height:14px; font-weight:normal; } .hd_column4 ul { /*background-color:#bdcbde;*/ margin:0px; padding:1px; list-style:none; } .hd_column4 img { padding-bottom:0px; } .hd_column4 .hd_image { /* margin-top:14px; */ } .hd_column4 hr.spacer { height:0; line-height:0; color: background-color:#bdcbde; color:#bdcbde; } .hd_column4 hr { padding-right:20px; font-size:1px; clear:both; height:2px; border:0; color:#808080; background-color:#d4d0c8; border-bottom:1px solid #d4d0c8; margin-bottom:0px; width:auto !important; margin-left:0 !important; } /* is this valid somewhere? .hd_column4 h4 { margin:0; color:#002A66; background-color:#d3dfef; font-weight:normal; font-size:11px; padding-top:5px; padding-bottom:8px; }*/ .hd_column4 h3 { margin-top:0; } .hd_column4 h4 { /* no more element margins in column4 */ margin-top:0px !important; background-color:#003a7d; color:#ffffff !important; padding:3px; padding-bottom:3px; padding-top:2px; font-weight:bold; font-size:12px; } /* why this doesnt make any sense, the h4 are in those bigger boxes .startpage .hd_column4 h4 { margin-top:12px; }*/ .hd_column4 h4 a { font-weight:normal; } .hd_column4 h6 { zoom:1; margin-top:0; padding-left:3px; padding-right:2px; padding-top:2px; padding-bottom:1px; } .hd_column4 h6 + p { padding-top:0px; } .hd_column4 img + h6 { margin-top:0; padding-top:4px; line-height:14px; } /* this is not true, h6es inside h4 boxes are rendered without margin .hd_column4 p + h6 { margin-top:14px; }*/ .startpage .hd_column1 ul { /*background-color:#d3dfef;*/ margin:0px; padding:0px; list-style:none; } .hd_column4 ul li, .startpage .hd_columns23 ul li, .startpage .hd_column1 ul li, .hd_columns123 .hd_teaser ul li { padding-left:20px; padding-right:4px; padding-top:2px; padding-bottom:2px; background-image:url(/www/img/bullet.gif); background-repeat:no-repeat; background-position:4px 3px; } .hd_columns23 ul { margin-top:0px; margin-bottom:10px; } .hd_column4 ul li a, .hd_columns23 ul li a { font-weight:normal; } .orderpage .hd_column4 hr { font-size:1px; clear:both; height:2px; border:0; color:#94a2ad; background-color:#94a2ad; width:150px !important; text-align:left; border-bottom:1px solid #ffffff; border-left:1px solid #e7ebf7; border-right:1px solid #e7ebf7; margin-bottom:14px; } .orderpage .hd_columns123 { background-image:none; } .hd_column4 .hd_object { margin-top:0px; background-color:#ffffff; margin-bottom:4px !important; } .hd_column4 table, .hd_column4 table td { padding:0 !important; margin:0 !important; } .hd_column4 table img { padding:0; margin:0; } /* -------------------- SEARCH PAGE, DOWNLOAD CENTER, IMAGE LIBRARY, ORDER PAGE -------------------- */ .searchpage .hd_columns1234 table { zoom:1; width:740px; margin-bottom:16px; margin-top:16px; margin-left:0px; } .searchpage .hd_columns123 table { zoom:1; margin-left:-5px; /* why? */ width:570px; margin-bottom:16px; margin-top:16px; } .searchpage .hd_columns1234 h3 { margin:0; margin-top:16px; padding:0; width:734px; padding:3px; background-color:#7e8590; } .searchpage .hd_columns123 h3 { margin:0; margin-top:16px; padding:0; width:564px; padding:3px; background-color:#7e8590; } .searchpage .hd_columns1234 table th, .searchpage .hd_columns123 table th { zoom:1; font-family:Arial,sans-serif; font-size:12px; font-weight:bold; margin:0; color:#002A66; background-color:#7e8590; color:#ffffff; padding:3px; padding-bottom:2px; text-align:left; } .searchpage .hd_columns1234 table td, .searchpage .hd_columns123 table td { zoom:1; padding:2px; padding-left:4px; padding-right:4px; } .searchpage .hd_columns1234 table td p, .searchpage .hd_columns123 table td p { padding:0; margin:0; } .searchpage .hd_columns1234 table td img, .searchpage .hd_columns123 table td img { margin:0; padding:0; } .searchpage .hd_columns123 { background-image:none; } .searchpage .hd_column4 { margin-left:29px; width:150px; margin-top:2px; } .searchpage .hd_column4 h3 { color:#ffffff !important; background-color:#7e8590 !important; margin-top:14px; } .searchpage .hd_column4 h4 { color:#002A66 !important; background-color:#c9d5e5; margin-top:0px !important; padding-top:3px; padding-bottom:0px; } .searchpage .hd_column4 p, .searchpage .hd_column4 ul { background-color:#c9d5e5 !important; } .searchpage .hd_column4 p a, .searchpage .hd_column4 ul li a { font-weight:normal; } .searchpage h1 { margin:0; margin-left:14px; font-size:18px; font-weight:normal; margin-top:0px; } .searchpage h2 { color:#002A66; background-color:#c9d5e5; color:#ffffff; padding:3px; padding-bottom:2px; margin-top:12px; text-align:left; } .searchpage h1 + p { margin-left:14px; margin-bottom:8px; } .searchtop_wrapper { background-image:url(/www/img/shoppingcart_background.gif); background-repeat:no-repeat; background-position:1px 20px; } #hd_search_box { padding:8px; background-color:#c9d5e5; width:725px; margin-left:14px; font-weight:bold; } #hd_search_box.downloadcenter { width:555px !important; } #hd_search_box table td { padding-top:2px; padding-bottom:6px; padding-left:0px !important; padding-right:18px !important; } #hd_search_box table td select { width:auto; } #hd_search_box th,#hd_search_box p { text-align:left; font-weight:bold; font-size:12px; } #hd_search_box label, #hd_search_box label a { position:relative; top:-2px !important; font-weight:normal; padding-left:6px; } .columns1234_box { clear:both; background-color:#ced7e7; width:733px; margin-left:14px; padding:4px; padding-bottom:3px; margin-top:8px; margin-bottom:0px; font-weight:bold; } .columns1234_box p { font-size:12px; } .searchpage hr { margin:0; width:742px; color:#808080; background-color:#808080; border-bottom:1px solid #d4d0c8; height:2px; line-height:2px; margin: 0 auto 0 14px; padding:0 !important; } .searchpage .shoppingcart + h1 + p + form + hr + .columns1234_box + .hd_columns123 + .hd_column4 { background-color:#ff0000; padding-bottom:304px !important; margin-top:16px; background-color:#ced7e7 !important; } .searchpage .shoppingcart + h1 + p + form + hr + .columns1234_box + .hd_columns123 + .hd_column4 h3 { margin-top:0px; } /* downloadcenter: */ /*.shoppingcart { float:right; margin-right:140px; min-height:220px; padding-bottom:220px; height:100%; }*/ .shoppingcart { padding:0px !important; position:absolute; top:127px; left:586px; /*height:272px !important;*/ background-color:#ced7e7; } .shoppingcart h3 { height:16px; margin:0 !important; margin-bottom:8px !important;} .shoppingcart img { margin-left:4px; padding-right:0px;} .shoppingcart hr { border-left:0 !important; border-right:0 !important; width:150px !important; margin-bottom:12px !important; } .shoppingcart p { padding:0; margin:0; padding-left:6px; padding-right:6px;/*background-image:url(/www/img/cart_empty.gif); background-repeat:no-repeat; background-position:3px 0px;*/ } .searchpage h1 + p.strangeBgColorBug{ background-color:#e7ebf7; width:571px; } .orderpage .hd_column4, .orderpage .hd_column4 p { background-color:transparent !important; } .orderpage .hd_column4 p a { font-weight:normal; } .orderpage .hd_column4 img { border:0; } .cellScore { width:62px; white-space:nowrap; } .cellScore div,.cellScore div img { margin:0; padding:0; } .cellMimeTypeIcon { width:30px; text-align:center; vertical-align:middle; } .cellImage { width:170px; } .cellTitleDesc { /* NOTHING DONE HERE TO KEEP THIS COLUMN WIDTH FLEXIBLE */ font-weight:normal; word-wrap:break-word; } .celltitlesummary { text-align:left; } .cellReadMeForm { width:40px; } .cellViewLargeImage { text-align:right; white-space: nowrap; } .cellViewLargeImage a { font-weight:normal; } .cellBinarySize { width:50px; text-align:right; padding-right:20px; } .cellShopCart { text-align:center; } ul#hd_search_pager { text-align:center; list-style:none; padding:0px; margin:0; margin-bottom:2px; } ul#hd_search_pager li { display:inline; margin:0; margin-left:4px; margin-right:4px; padding:0; } ul#hd_search_pager li a { margin:0; font-weight:normal; } /* -------------------- OVERVIEW PAGE SPECIALTIES -------------------- */ .overviewpage h4 { font-weight:bold; color:#002A66; background-color:#e2e9f4; font-size:12px; /* margin-top:1px;*/ margin-top:14px !important; } .overviewpage h4 a,.overviewpage h4 a:link,.overviewpage h4 a:hover,.overviewpage h4 a:visited,.overviewpage h4 a:active { text-decoration:none; color:#002A66; } .overviewpage h4 + p { background-color:#e2e9f4 !important; } .overviewpage .hd_column4 h4 { margin-top:0px !important; } /* outdated .overviewpage hr { font-size:1px; clear:both; height:2px; border:0; color:#808080; background-color:#d4d0c8; border-bottom:1px solid #d4d0c8; margin-bottom:0px; border-top:14px solid #e2e9f4; }*/ .overview_hr { clear:both; margin-top:0; border-top:14px solid #e2e9f4; border-bottom:1px solid #d4d0c8; margin-bottom:14px; background-color:#808080; height:1px; } .overview_hr hr { display:none; visibility:hidden; } .overviewpage .hd_column1 { margin-top:14px; } .overviewpage table { } .overviewpage .hd_columns123 tr, .overviewpage .hd_columns123 td { margin-top:14px; } .hd_image_overview { background-color:#c9d5e5; padding:0 !important; border:0px solid #000000 !important; } .hd_image_overview img { margin:0 !important; border:0px solid #000000 !important; } .hd_image_caption { padding-left:3px; } .hd_image_overview .hd_image_caption{ padding-left:3px; line-height:17px; } .rich-table { background-color:#e2e9f4; margin:0px; margin-left:4px; margin-right:4px; margin-top:0px; padding:0; } .rich-table-cell { border-width: 0 0 0 0;} .rich-panel { background-color:#e2e9f4; margin:0px; padding:0; border:none;} .rich-panel-body { background-color:#d3dfef; margin:0px; padding:0; color:#002A66; height:100%; } .rich-panel-body h3 {color:#ffffff;} ol.features { clear:both; position:relative; list-style:none; margin:0; padding:0; margin-bottom:10px; } ol.features li .feature_indent { float:left; text-align:center; padding-top:2px; padding-right:1px; padding-bottom:2px; margin-right:10px; font-weight:bold; font-size:12px; width:18px; margin-top:-2px; } ol.features li .feature_bullet { color:#ffffff !important; background-image:url(/www/img/bullet_feature.gif); background-repeat:repeat-x; background-position:0 0; } ol.features li { padding-top:7px; padding-bottom:7px; line-height:14px; font-weight:normal; } ol.features li a { font-weight:normal; } .formpage th { width:125px; } .formpage th .headerlabel { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; } .formpage table.checkbox tr td { padding-left:0px !important; width:auto; } .formpage label { display:inline; width:auto; margin-bottom:2px; margin-left:2px; } table.checkbox { margin-left:0 !important; padding-left:0 !important; } .inside_radios { vertical-align:top; float:left; margin-top:0px; } .hd_teasers { margin-top:0px !important; /* to accomodate the top border-space */ } .hd_teaser { float:left; width:170px; height:100%; background-color:#d3dfef; /*margin-bottom:-1000px; padding-bottom:1000px; overflow:hidden;*/ } .hd_teaser { margin-top:14px; /* give all teasers a margin-top */ } .hd_teasers .hd_teaser { margin-top:0px !important; /* except if they are inside a teasers table */ } .hd_teaser_2columns { zoom:1; width:358px; } .hd_teaser ul { margin:0; padding-bottom:2px !important; padding-left:0px; list-style:none; /* table cell also provides a couple of bottom pixels */ } .hd_teaser ul li { background-image:url(/www/img/bullet.gif); background-repeat:no-repeat; background-position:3px 3px; padding-left:12px; padding-right:4px; line-height:16px; padding-top:0 !important; padding-bottom:0 !important;} .hd_teaser ul li a { font-weight:normal; } .hd_teaser img, .hd_teaser h3 { margin:0; } .overviewpage .hd_teasers td { padding-left:0px !important; padding-right:0px !important; padding-top:0px !important; padding-bottom:0px !important; /* without this,about 4px padding, not sure, where from */ } tr + td + .hd_teaser { margin-left:0; } .hd_teaser p { padding:4px; margin-bottom:0px !important; margin-top:0px !important; padding-bottom:4px !important; padding-top:4px !important; } .overviewpage .hd_columns1234 .hd_inside_column_right table { margin-left:-10px; } /* because on overview pages we have a three column layout, even without sitepromos */ .overviewpage .hd_inside_column_right p { margin-bottom:0px; } /* because of solution level 3 p + 2columnteaser combo */ /*.overviewpage .hd_columns1234 .hd_teaser { font-weight:bold; margin-right:160px; margin-top:0; } (why teaser and not teasers?) same reason as above, this is obviously faulty on atg */ .overviewpage .hd_teasers td { background-color:#d3dfef; } table.hd_teasers td .hd_teaser { padding-bottom:3px !important;} p.teaser,p .teaser { font-family: Arial, sans-serif; font-size: 11px; font-weight:bold; color:#002A66; } /* -------------------- GLOSSARY PAGE SPECIALITIES (ALSO BRANCHOFFICES AND PRODUCTS A-Z) -------------------- */ ul.alphabet { list-style-type:none; margin:0px; padding:0px; margin-left:-18px; padding-top:4px; padding-bottom:4px; } ul.alphabet li { font-weight:bold; display:inline; margin:0px; padding:0px; padding-left:18px; word-wrap:break-word; } .productspage p, .branchofficepage p, .glossarypage p { margin-bottom:8px; } .productspage .hd_columns1234, .branchofficepage .hd_columns1234, .glossarypage .hd_columns1234 { width:740px; } .productspage .backToTop, .branchofficepage .backToTop, .glossarypage .backToTop { position:absolute; left:746px; } .productspage h2, .branchofficepage h2, .glossarypage h2 { margin-left:16px; clear:both; font-size:11px; margin:0; padding:0; padding-top:18px; margin-bottom:4px; } ul.hd_list_columns1234 { width:746px; margin:0; padding:0; } .hd_list_columns1234 li { display:inline; width:170px; margin:0; margin-right:2px; float:left; padding:0 !important; padding-right:6px; line-height:15px; font-size:11px; padding-right:5px !important; } .hd_list_columns1234 li a { font-weight:normal; } .branchofficepage .hd_image { background-color:transparent !important; } /* -------------------- FAQ PAGE SPECIALITIES -------------------- */ .faqpage .hd_columns23 ul, .faqpage .hd_columns1234 ul, .faqpage .hd_columns234 ul, .faqpage .hd_columns123 ul { list-style-type:none; margin:0px; padding:0px; padding-top:4px; padding-bottom:4px; } .faqpage .hd_columns23 ul li, .faqpage .hd_columns1234 ul li, .faqpage .hd_columns234 ul li, .faqpage .hd_columns123 ul li { margin-top:10px; } .faqpage .hd_columns23 ul li a, .faqpage .hd_columns1234 ul li a, .faqpage .hd_columns234 ul li a, .faqpage .hd_columns123 ul li a { font-weight:normal; } dt { font-size:12px; margin-top:24px; margin-bottom:6px; } /* -------------------- SITEMAP PAGE SPECIALITIES (THREE NESTED LISTS) -------------------- */ .sitemappage { } .sitemappage #hd_content_area table { margin-left:0px; margin-top:16px; width:800px; } .sitemappage #hd_content_area td { background-image:url(/www/img/sitemap_background.gif); background-repeat:no-repeat; background-position:0px 0px; padding-right:8px; white-space:normal; } .sitemappage h3 { border-right:0px solid #e2e9f4; border-bottom:1px solid #e2e9f4; margin:0; padding:0; padding-top:0px; margin-top:-2px; padding-top:2px; padding-left:7px; margin-left:-6px; padding-right:6px; margin-right:-6px; padding-bottom:3px !important; z-index:10000; padding-bottom:0px; /* background-color:transparent !important;*/ background-image:url(/www/img/sitemap_background3.gif); background-repeat:no-repeat; background-position:0px -2px; } .sitemappage h3 a { color:#ffffff; text-decoration:none; } .sitemappage ul { padding:0; margin:0; margin-top:6px; margin-left:12px; } .sitemappage li { list-style:none; line-height:15px; } .sitemappage li ul li { } .sitemappage li ul li a { font-weight:normal; } .sitemappage ul li ul { margin-top:0; } /* -------------------- POPUP PAGE SPECIALITIES -------------------- */ body.popuppage { background-color:#E2E9F4; margin-bottom:50px; margin-right:50px; margin-left:50px; margin-top:38px;} .popuppage p { clear:both; margin-top:32px; } .popuppage p a { background-image:none; padding:0; } .hd_inside_popup_left { float:left; vertical-align:middle; margin:0; padding:0; padding-top:40px; padding-bottom:40px; } .hd_inside_popup_right { float:right; padding:0; margin-left:20px;} .hd_inside_popup_right h2 { font-size:11px; margin:0; padding:0; } .hd_inside_popup_right p { margin:0; padding:0; margin-bottom:10px; } /* -------------------- OTHER CONTENT ELEMENTS -------------------- */ /*.hd_columns1234 .hd_image, .hd_columns234 .hd_image, .hd_columns123 .hd_image, .hd_columns23 .hd_image { border-right:18px solid #e2e9f4; } UL BULLET BUG WHEN BEING FLOATED AROUND SOMETHING, COULD STILL BE UNEXACT */ .hd_image { background-color:#c9d5e5 !important; font-size:11px; padding:0 !important; } .hd_image a { font-weight:normal; margin:0; } .hd_image img, .hd_image applet, .hd_image object { margin:0 !important; } .hd_image a img { /* WHY DID WE PUT THIS HERE margin-top:2px; margin-left:2px; */ /* SO THE MAGNIFYING GLASS HAS A LITTLE BORDER */ /* NOT HERE, OTHERWISE APPLIED TO ALL IMAGES margin-left:3px !important; */ } .hd_image .lens { margin-top:2px; margin-left:2px; margin-left:3px !important; } .hd_image a { vertical-align:middle; } .hd_image.alignLeft { /* try: */ clear:left; float:left; margin-bottom:10px; margin-right:13px; } .hd_columns123 .hd_image.alignLeftNotColumn4, .hd_columns1234 .hd_image.alignLeftNotColumn4, .hd_columns23 .hd_image.alignLeftNotColumn4, .hd_columns234 .hd_image.alignLeftNotColumn4 { float:left; margin-bottom:10px; margin-right:13px; } .hd_image.alignRight { /* try: */ clear:right; float:right; margin-left:13px; margin-bottom:10px; } .hd_image.alignLeft + .hd_image.alignRight { /* try: */ clear:none; margin-right:0; margin-left:0; } .hd_image.alignLeft .hd_image.alignLeft { clear:both; } .articlepage .hd_columns23 div + .hd_image + div.paragraph, .articlepage .hd_columns123 div + .hd_image + div.paragraph, .articlepage .hd_columns234 div + .hd_image + div.paragraph, .articlepage .hd_columns1234 div + .hd_image + div.paragraph { margin-bottom:12px; /* no top margin anymore because paragraph has that */ } .hd_image .smallWidth { width:175px; } .articlepage .hd_columns23 div + .hd_image, .articlepage .hd_columns123 div + .hd_image, .articlepage .hd_columns234 div + .hd_image, .articlepage .hd_columns1234 div + .hd_image { margin-bottom:12px; /* no top margin anymore because paragraph has that */ } .hd_image + .content_spacer { height:8px !important; } .hd_image + .content_spacer + .hd_image { margin-top:0px !important; } .hd_image + .content_spacer + .hd_image + .paragraph { margin-top:0px !important; } .hd_lens { margin:0; padding:0; border-bottom:2px solid transparent !important; /*padding-top:1px; IE pushes down :( */ padding-left:4px !important; vertical-align:middle; } .hd_lens + a { font-weight:normal; } .hd_object { /* new */ clear:both; background-color:#c9d5e5 !important; font-size:11px; padding:0 !important; /* margin-top:14px; from now on bottom-margings in parargraph */ margin-bottom:14px !important; } .hd_object object { margin:0 !important; } .hd_object .hd_object_caption { padding-left:3px; line-height:17px; } .hd_object.alignLeft { margin-right:34px; /* should be 12px, but to avoid ugly toosmall object plus following text issues */ } .hd_column4 .hd_object.alignLeft { margin-right:0px !important; } .hd_object.alignRight { margin-left:34px; /* should be 12px, but to avoid ugly toosmall object plus following text issues */ } .clearAll + .hd_object { margin-top:10px !important; } .hd_list_image { float:left; margin:0; /* new 2009-12-07 */ margin-bottom:0px !important; padding-bottom:0px !important; border-right:14px solid #e2e9f4; border-bottom:14px solid #e2e9f4; } .hd_list_indent { margin-bottom:0px !important; padding-bottom:0px !important; border-bottom:1px solid transparent;/*margin-left:100px; probably legacy, now not necessary anymore 2009-12-07*/ } .hd_list_indent h2 { margin-top:0px; } .hd_list_indent + h3 { clear:both; margin-top:0px !important; padding-top:1px !important; } .oldhd_linklist { background-color:#d3dfef; padding:0; margin-bottom:7px !important; /*possible clashes */ margin-top:7px !important; } .oldhd_linklist h2 { color:#002A66; background-color:#6b6973; color:#ffffff; padding:3px; padding-bottom:2px; text-align:left; margin:0; font-size:12px; font-weight:bold; } .oldhd_linklist ul { height:100%; background-color:#d3dfef; margin:0; padding:0px; list-style:none; padding-top:4px; padding-bottom:6px; padding-right:12px; text-align:left; } .oldhd_linklist ul li { list-style:none !important; padding-left:20px; padding-right:4px; line-height:16px; background-image:url(/www/img/bullet.gif); background-repeat:no-repeat; background-position:6px 3px; } .oldhd_linklist ul li a { position:relative; font-weight:normal; } .oldhd_linklist ul.hd_linklist_column { /* probably dont need this anymore since there is programmatic relative positioning of other columns now: float:left; */ /*width:100%; padding-right:0px; overflow:hidden; */ } .oldhd_linklist ul + ul { float:right; } .hd_linklist.alignLeft { margin-right:13px; margin-bottom:10px; } .hd_linklist.alignRight { margin-left:13px; margin-bottom:10px; } .hd_linklist.alignLeft + .hd_image.alignRight { margin-right:0; margin-left:0; } /* NEW LINKLIST V2.0 */ table.hd_linklist { margin:0 !important; word-wrap:break-word; margin-left:0px; border-collapse:collapse; padding-right: 0px; margin-top: 7px! important; padding-left: 0px; margin-bottom: 7px! important; padding-bottom: 0px; padding-top: 0px; background-color:#d3dfef; } table.hd_linklist.alignLeft { margin-right:14px !important; } .hd_linklist h2 { word-wrap:break-word; padding-right: 3px; padding-left: 3px; font-weight: bold; font-size: 12px; padding-bottom: 2px; margin: 0px; color: #ffffff; padding-top: 3px; background-color: #6b6973; text-align: left; } table.hd_linklist tr th { word-wrap:break-word; padding:0; } table.hd_linklist tr td { word-wrap:break-word; padding-right: 4px; background-position: 6px 3px; padding-bottom:5px !important; } table.hd_linklist tr td p { word-wrap:break-word; background-image: url(/www/img/bullet.gif); background-position:0px 3px; line-height: 16px; background-repeat: no-repeat; font-weight:normal; padding-left:14px; margin-top:2px; margin-bottom:1px; } table.hd_linklist tr td a,table.hd_linklist tr td a:hover,table.hd_linklist tr td a:link,table.hd_linklist tr td a:visited,table.hd_linklist tr td a:active { font-weight:normal !important; word-wrap:break-word; } .hd_table.alignLeft { float:left; margin-right:13px; margin-bottom:10px; } .hd_table.alignRight { float:right; margin-left:13px; margin-bottom:10px; } .hd_table.alignLeft + .hd_image.alignRight { margin-right:0; margin-left:0; } .hd_stock { } /* newsletter addons */ table.hd_table_3columns1234 { margin-left:0px !important; width:800px; } table.hd_table_3columns1234 th { width:auto; padding-left:5px;} table.hd_table_3columns1234 td.cell1 { text-align:center; width:40px; padding-top:0px !important; } table.hd_table_3columns1234 td.cell2 { padding:3px; width:315px; padding-top:2px !important; } table.hd_table_3columns1234 td.cell3 { padding:3px;width:445px; padding-top:2px !important; } table.hd_table_3columns1234 td.cell3 select { margin-top:5px; margin-bottom:8px; } table.hd_table_3columns1234 td.cell3 select option { height:17px; font-size:12px; } /* -------------------- SPECIAL LIST ON THE STARTPAGE - TOP RIGHT CORNER --------------------- */ table.hd_solutions { width:170px !important; background-color:#ffffff; height:170px; /*margin-bottom:16px;*/ padding:0; /*margin-bottom:14px;*/ } table.hd_solutions td, #hd_content_area table.hd_solutions td { background-color:#ffffff; padding-right:20px; border-top:1px solid #e2e9f4; background-image:url(/www/img/bullet.gif); background-repeat:no-repeat; vertical-align:middle; padding-left:20px; padding-top:0; padding-bottom:0; } #hd_content_area table.hd_solutions .no_border { border:0; } table.hd_solutions td a { text-decoration:none; vertical-align:middle;} table.hd_solutions td:hover, #hd_content_area table.hd_solutions td:hover, #hd_content_area table.hd_solutions td.ie6hover { background-image:url(/www/img/bullet_hover.gif); background-color:#002a66; color:#ffffff; } table.hd_solutions td a:hover, #hd_content_area table.hd_solutions td a:hover { color:#ffffff; } table.hd_solutions + h3 { margin:0; } #hd_solutions1 td { height:38px; background-position:6px 80px; padding-left:20px !important; } #hd_solutions2 td { height:38px; background-position:6px 36px; padding-left:20px !important; } #hd_solutions3 td { height:38px; background-position:6px 22px; padding-left:20px !important; } #hd_solutions3 td { height:38px; background-position:6px 22px; padding-left:20px !important; } #hd_solutions4 td { height:30px; background-position:6px 16px; padding-left:20px !important; } #hd_solutions5 td { height:26px; background-position:6px 12px; padding-left:20px !important; } #hd_solutions6 td { height:27px; background-position:6px 9px; padding-left:20px !important; } /* -------------------- CONTENT SYSTEM PASSED THROUGH AND SIMILAR LAYOUT HELPER STYLES -------------------- */ .content_spacer { clear:both; height:16px; } .h4_spacer { height:12px; } .content_hr { clear:both; margin-top:0; border-top:14px solid #e2e9f4; border-bottom:1px solid #ffffff; margin-bottom:14px; background-color:#94a2ad; height:1px; } .content_hr hr { display:none; visibility:hidden; } .news_hr { clear:both; margin-top:0; border-top:0px solid #e2e9f4; border-bottom:1px solid #ffffff; margin-bottom:0px; background-color:#94a2ad; height:1px; } .news_hr hr { display:none; visibility:hidden; } .h4_hr { clear:both; margin-top:0; border-top:8px solid #e2e9f4; border-bottom:1px solid #ffffff; margin-bottom:5px; background-color:#94a2ad; height:1px; } .h4_hr hr { display:none; visibility:hidden; } .shoppingcart_hr { clear:both; margin-top:0; border-top:8px solid #ced7e7; border-bottom:1px solid #d4d0c8; margin-bottom:5px; background-color:#808080; height:1px; } .shoppingcart_hr hr { display:none; visibility:hidden; } .searchh4_hr { clear:both; margin-top:0; border-top:8px solid #ced7e7; border-bottom:1px solid #d4d0c8; margin-bottom:0px; background-color:#808080; height:1px; } .searchh4_hr hr { display:none; visibility:hidden; } .subscribe_hr { clear:both; margin-top:0; border-top:14px solid #e2e9f4; border-bottom:1px solid #d4d0c8; margin-bottom:14px; background-color:#000000; height:1px; } .subscribe_hr hr { display:none; visibility:hidden; } .restartInsideColumns { clear:both; } .delimiterNo { margin-bottom:0px; } /* No Delimiter */ .delimiterLine { margin-bottom:16px; } /* Line */ .delimiterSpacer { margin-bottom:8px; } /* Spacer */ /* Alignments for article images, linkboxes, table, flash, spin */ .alignLeft { float:left; } .alignCenter { text-align:center; text-align: -moz-center; } .alignCenterAlternative { margin:0 auto; } .specialImageCenter { margin:0 auto; } .alignRight { float:right; } .wrapText { white-space:nowrap; } /* for article linklist, table */ .dontWrapText { /*white-space:nowrap;*/ } /* Columns for article linklist */ .widthOneColumn { width:170px; } .widthTwoColumns { width:355px; } .widthThreeColumns { width:540px; } .increasedBottomMargin { margin-bottom:16px; } /* for article new line */ .alternativeBackgroundColor { background-color:#d3dfef; } /* for overview product level 1... */ .indentSmall { padding-left:16px; } /* for overview product level 1... */ .indent { margin-left:9px; } .hd_columns23 .backToTop { position:relative; left:354px; } .hd_columns123 .backToTop { position:relative; left:522px; } .hd_columns234 .backToTop { position:relative; left:522px; } .rowOdd { background-color:#d6dfef; } .rowEven { background-color:#ced7e7; } /*.mandatory { padding-right:8px; margin-right:4px; font-weight:bold; background-image:url(/www/img/mandatory.gif); background-repeat:no-repeat; background-position:right; }*/ .mandatory { font-weight:bold; } .clearAll { clear:both !important; font-size:0; height:0; line-height:0; margin:0 !important; padding:0 !important; } ul.last_visited_pages { background-color:#d3dfef; padding-top:2px !important; padding-bottom:4px !important; } p.site_list { background-color:#d3dfef !important; padding-top:3px !important; padding-bottom:0px !important; } /* -------------------- PREDEFINED STYLES - some of these need to revised, some are obsolete -------------------- */ /* Heidelberg Style Global Stylesheet stylesheet.css */ /* General */ .disabled { color: #a6adb8; } /* -------------------- FORM FIELDS -------------------- */ .button { font-family:Arial,sans-serif; font-size:12px; color:#000000; background-color:#e2e9f4; border:1px solid #7e8590; padding:0px 5px; margin:0px; } .defaultbutton, .defaultButton { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; color:#36393e; background-color:#e2e9f4; border:1px double #7e8590; padding:0px 5px; margin:0px; color:#000000; background-color: #e2e9f4; border-bottom-width: 2px; border-bottom-style: outset; border-bottom-color: #b7c1cf; border-top-width: 1px; border-top-style: solid; border-top-color: #7e8590; border-right-width:2px; border-right-style: outset; border-right-color: #b7c1cf; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; cursor: pointer; margin-left:18px; font-weight:normal; } #orderButton { margin:0px; margin-left:6px; font-family:Arial,sans-serif; font-size:12px; font-weight:bold; color:#36393e; background-color:#e2e9f4; border:1px double #7e8590; padding:0px 5px; color:#000000; background-color: #e2e9f4; border-bottom-width: 2px; border-bottom-style: outset; border-bottom-color: #b7c1cf; border-top-width: 1px; border-top-style: solid; border-top-color: #7e8590; border-right-width:2px; border-right-style: outset; border-right-color: #b7c1cf; padding-top: 0px; padding-right: 5px; padding-bottom: 0px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; cursor: pointer; font-weight:normal; } #filled_cart, #empty_cart { float:left; vertical-align:top !important; margin:0; margin-right:8px !important; } .textfield { font-family:Arial,sans-serif; font-size:12px; margin:0px; padding:1px 8px; border-top:1px solid #7e8590; border-left:1px solid #7e8590; border-bottom:1px solid #fefefe; border-right:1px solid #fefefe; } .combobox { font-size: 12px; font-family: Arial, sans-serif; } .combobox .even { background-color: #D8DFEA; } .combobox .odd { background-color: #E2E9F4; } .list { font-size: 12px; font-family: Arial, sans-serif; } .list .even { background-color: #C9D5E5; } .list .odd { background-color: #D3DFEF; } /* Textfield, Textarea --- legacy stuff in here? */ .textfield, .textfielddis, .textfieldro, .textarea, .textareadis, .textarearo { font-family: Arial, sans-serif; font-size: 12px; margin:0px; padding: 1px 8px; border-top: 1px solid #7e8590; border-left: 1px solid #7e8590; border-bottom: 1px solid #fefefe; border-right: 1px solid #fefefe; } .textfield, .textarea { color: #000000; background-color: #bfcbdb; width:217px; } .hd_column4 form, .hd_column4 form { padding:2px;; } .hd_column4 .textfield, .hd_column4 .textarea { width:100px; } .textfieldRightShort { width:130px !important; margin-left:6px; } .labelfield { width:235px; } .th_custom_width { width:100%; } /* experimental */ .textfieldro, .textarearo { color: #000000; background-color: #d3dfef; } .textfielddis, .textareadis { color: #a6adb8; background-color: #E2E9F4; border: 1px solid #a6adb8; } .textarea, .textareadis { line-height: 21px; } .textarearo { line-height: 18px; } .startpage .textfield { width:104px; margin:0px !important; } .startpage table { margin:4px !important; width:152px; margin-top:0px !important; } /* repeat for solutions override */ table.hd_solutions { width:170px !important; background-color:#ffffff; height:170px; margin:0px !important; padding:0; } .startpage table table { margin:0px !important; } .startpage td { padding:0px !important; } /* probably obsolete */ /* Title, Caption */ .title { font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; color : #002A66; } .caption { font-family: Arial, sans-serif; font-weight: normal; font-size: 10px; color : #002A66; } /* Error Messages */ .errorMsg { display:block; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; text-align: left ; color: #DC6464; text-decoration: none; line-height: 120%; margin-left:20px; width:720px; } .errorLabel { font-family: Arial, sans-serif; font-size: 9px; text-align: left; color: #DC6464; text-decoration: none; } /* Footnote */ .footnote { font-family: Arial, sans-serif; font-size: 10px; font-style: italic; color: #002A66; } /* -------------------- CMS TEXT EDITOR STYLES (INJECTED CONTENT) -------------------- */ .table { /*margin-top:14px; paragraphs now have 14px bottom margin*/ border-top:1px solid #86898e !important; border-left:1px solid #86898e !important; border-bottom:0px solid #86898e !important; border-right:1px solid #86898e !important; background:#d3dfef; } .alignLeft .table, .alignRight .table, .alignCenter .table { /* distribute top and bottom margings nicer when inline left or right floating table */ margin-top:14px; margin-bottom:6px; } .alignRight .table { margin-left:14px; /* for text wrapping */ } .alignLeft .table { margin-left:0px; /* for border margin */ } br + br + table.table { /* special case, if caption above has quite some line breaks preceeding */ margin-top:0px !important; } .tableheader { font-family:Arial,sans-serif; font-size:12px; font-weight:bold; color:#000000; text-align:left; padding:0px 8px; height:21px; border-top:0px solid #86898e; border-left:0px solid #86898e; border-right:1px solid #86898e; border-bottom:1px solid #86898e; } tr .odd td, tr .even td, tr .selected td { color:#000000; padding:0px 8px; border-top:0px solid #86898e; border-left:0px solid #86898e; border-right:1px solid #86898e; border-bottom:1px solid #86898e; } tr .odd { height:21px; background:#c9d5e5; } tr .even { height:21px; background:#d3dfef; } tr .selected { height:21px; background:#ffc582; } .grey { background-color:#686B70; color:#FFFFFF; border-bottom:1px solid #7B8694; font-family:Arial,sans-serif; font-size:11px; font-weight:bold; height:21px; padding-top:3px; padding-left:8px; padding-right:8px; padding-bottom:8px; text-decoration:none; vertical-align:top; } .grey p { background-color:#686B70; color:#FFFFFF; margin-bottom:0; /* can be removed sometime, just bw comp */ } td.transparent_left, td.transparent_center, td.transparent_right, td.blue_light_left, td.blue_light_center, td.blue_light_right, td.blue_left, td.blue_center, td.blue_right, td.blue_dark_left, td.blue_dark_center, td.blue_dark_right, td.grey_left, td.grey_center, td.grey_right { white-space:normal; border-bottom:1px solid #7B8694; font-family:Arial,sans-serif; font-size:11px; height:21px; padding-left:8px; padding-right:8px; padding-bottom:8px; text-decoration:none; vertical-align:middle; } td.transparent_right, td.blue_light_right, td.blue_right, td.blue_dark_right, td.grey_right { text-align:right; } td.blue_light_left, td.blue_light_center, td.blue_light_right { background-color:#c9d5e5 !important; } td.transparent_center, td.blue_light_center, td.blue_center, td.blue_dark_center, td.grey_center { text-align:center; } td.blue_left, td.blue_center, td.blue_right { background-color:#D6DFEF; } td.blue_dark_left, td.blue_dark_right, td.blue_dark_center { background-color:#BFCBDB; } td.grey_right, td.grey_left, td.grey_center { background-color:#686B70; color:#FFFFFF; font-size:11px; font-weight:bold; vertical-align:top; padding-top:3px; } .col0 { background-color: #FF0000; } .col1 { background-color: #00FF00; } .row0 .grey { background-color: #686B70; } .row0 { background-color: #C9D5E5; } .row1 { background-color: #C9D5E5; } .row0 .transparent_left { background-color: #E2E9F4; } .row1 .transparent_left { background-color: #E2E9F4; } .row0 .blue_light_left { background-color: #BFCBDB; } .row1 .blue_light_left { background-color: #BFCBDB; } .row0 .blue_left { background-color: #C9D5E5; } .row1 .blue_left { background-color: #C9D5E5; } .HDred { color: #E21F23; } .HDblue { color: #004B8D; } .bold { font-weight: bold; } .blue191 { background-color: #BFCBDB !important; } .blue201 { background-color: #C9D5E5 !important; } .blue211 { background-color: #D3DFEF !important; } .blueCaption201 { background-color: #C9D5E5 !important; } .lightBlue { background-color: #E2E0F4 !important; } .warmGrey104 { background-color:#686B70 !important; } .warmGrey134 { background-color:#86898E !important; } .headlineRed { color:#EF21F23 !important; } /* Teaser */ .teaserTopic, teaserHeadline, .teaserBody { font-family: Arial, sans-serif; text-decoration : none; } .teaserTopic { font-weight: bold; font-size: 12px; color : #FEFEFE; padding : 3px; background-color : #A6ADB8; ; line-height: 14px } .teaserHeadline { font-weight: bold; font-size: 12px; color : #E21F23; } .teaserBody { font-size: 11px; padding : 3px; color : #002A66; background-color : #C9D5E5; ; line-height: 14px; font-weight: bold } /** * Definitions from eInfrastructure not specified by GUIDE */ @media print { #leftNavigation { display: none; } } .infoArea { font-family: Arial, sans-serif; font-size: 11px; background: #C9D5E5; height: 25px; vertical-align: middle; } .inputHeader { background-color : #D3DFEF; font-family : Arial, sans-serif; font-size : 11px; color : #000000; overflow : hidden; } .headerLabelSubscription { font-weight:bold; text-align:left; vertical-align:top; padding-top:5px; padding-right:10px; } .inputContent { background-color : #D3DFEF; font-family : Arial, sans-serif; font-size : 11px; color : #000000; overflow : hidden; } .inputTextArea { background-color : #D3DFEF; font-family : Arial, sans-serif; font-size : 11px; color : #000000; } .inputContentList { scrollbar-arrow-color:#000000; scrollbar-base-color:#AEB4C0; scrollbar-darkshadow-color:#9da3b0; scrollbar-face-color:#AEB4C0; background-color : #D3DFEF; font-family : Arial, sans-serif; font-size : 11px; color : #000000; } .imageLeft { text-align:left; float:left; margin-right:12px; margin-bottom:12px; padding:0 !important; } .imageLeft td { padding:0 !important; } .imageLeft td img { margin-top:0px; /* because there are redundand paragraphs on top of the image */ } .imageLeft .contentLink:active, .contentLink:link, .contentLink:visited, .contentLink:hover { margin-left:4px; font-family: Arial, sans-serif; font-size: 11px; text-align: left; } .imageLeft .contentLink:active { color: #14277B; text-decoration: none; } .imageLeft .contentLink:link { color: #002A66; text-decoration: none; } .imageLeft .contentLink:visited, .contentLink:hover { color: #466DAD; text-decoration: underline; } .lensImage { padding:0px; margin-bottom:2px !important; margin-top:3px !important; padding-top:0px !important; vertical-align:middle; margin-left:0px; padding-left:0px !important; text-decoration: none !important;} .lensLink { text-decoration: underline; color: #002A66; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } /* -------------------- EXTERNAL CONTENT (STOCK TICKER) -------------------- */ .externalContent * { font-weight: inherit; font-family: inherit; font-style: inherit; font-size: 100%; padding: 0 !important; margin: 0 !important; text-align: left; } .externalContent select { background-color:#ffffff; } .externalContent table,tbody,tr,td { border-collapse: collapse !important; border-spacing: 0; border-width:0; } .T11VSPACER { height: 8px !important; } .T11HELP { font-family: Arial; font-size: 11px !important; font-weight: normal; color: #002a66; line-height: 14px !important;} .T11TABLE { border: 1 solid thin #86898e !important; border-width: 1px !important; } .T11HEADTB { font-family:Arial; font-size:12px; font-weight:bold; background-color: #D3DFEF !important; color:#36393E; line-height: 21px !important; padding-left: 8px !important; padding-right: 8px !important; } .T11ZEILE1 { font-family: Arial; color: #36393E; font-size:12px; background-color: #D3DFEF; line-height: 21px !important; padding-left: 8px !important; padding-right: 8px !important;} .T11ZEILE2 { font-family: Arial; color: #36393E; font-size:12px; background-color: #C9D5E5; line-height: 21px !important; padding-left: 8px !important; padding-right: 8px !important;} .T11SELECTED { font-family: Arial; color: #36393E; font-size:12px; background-color: #FFFFFF; line-height: 21px !important; padding-left: 8px !important; padding-right: 8px !important;} /* -------------------- ALTERNATIVE MEDIA TYPES -------------------- */ @media print { #hd_vertical_bar { display: none; } } /* -------------------- WEBKIT FIXES (CHROME, SAFARI) -------------------- */ body:nth-of-type(1) #hd_menu { top:17px; } body:nth-of-type(1) #hd_content_area { margin-top:76px; margin-left:0px; } body:nth-of-type(1) #hd_footerTop { margin-bottom:30px; } body:nth-of-type(1) #hd_footerTop ul { padding:7px; } /* --------------------- FLASH --------------------------------- */ .flashSection { background-color:#E2E9F4; } .flashAltImage { width:100%;margin:0;padding:0;background-color:#E2E9F4;}