/* ------------------------------------------------------------------------ #BASIC RESET & GLOBAL LAYOUT TECHNIQUES ------------------------------------------------------------------------- */ * { margin: 0; padding: 0; border: 0; outline: 0; } :focus { outline: 0; } table { border-collapse: collapse; border-spacing: 0; } /* tables still need 'cellspacing="0"' in the markup */ ul { list-style-image: none; list-style-type: none; } em { font-style: normal; } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } .nobreak { white-space: nowrap; } .align_center { text-align: center; } .align_right { text-align: right; } .align_left { text-align: left; } .float_left { float: left; } .float_right { float: right; } /* ------------------------------------------------------------------------ #FONTS, COLORS, TEXT-DECORATION, MARGINS ETC. ------------------------------------------------------------------------- */ * { font-family: Verdana, Tahoma, Helvetica, Arial, sans-serif; } p, input, li, td, label, textarea { font-size: 10px; color: #929395; } h1 { font-size: 16px; color: #125BA3; letter-spacing: -1px; margin-bottom: 15px; line-height: 1em; } h2 { font-size: 9px; color: #929395; font-weight: normal; margin-bottom: 10px; } h3 { color: #929395; font-size: 12px; font-weight: normal; } h4 { color: #929395; font-size: 10px; font-weight: bold; } p { margin-bottom: 10px; } ol { margin: 10px 0; padding-left: 10px; } ol li { list-style-type: decimal; margin-left: 15px; } input, textarea { border: 1px solid #ededee;} a:link, a:active, a:visited { text-decoration: none; color: #D40032; } strong { font-weight: bold; } /* Shadow bottom right */ div.shadow { position: relative; } div.shadow img { vertical-align: bottom; } /* removes whitespace under image */ div.shadow img.shadow { position: absolute; right: -11px; bottom: 0; } /* ------------------------------------------------------------------------ #BOX-MODEL ------------------------------------------------------------------------- */ #header { position: relative; height: 461px; margin-bottom: 8px; } #logo { position: absolute; top: 25px; } #quickinfo { position: absolute; right: 215px; top: 36px; } /* #nav { position: absolute; top: 109px; } */ #img_header { position: absolute; top: 170px; } #icon_althen { position: absolute; top: 36px; right: 110px; } #header_small { position: relative; height: 20px; margin-bottom: 8px; } #container, #wrap { width: 852px; margin: 0 auto; } #content { margin-right: 204px; } #content_big { } #sidebar { float: right; width: 204px; } #footer { clear: both; width: 852px; margin-bottom: 20px; } /* ------------------------------------------------------------------------ NAVIGATION ------------------------------------------------------------------------- */ #nav { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } #nav li a { background: transparent url(../images/nav.jpg) repeat scroll 0 0; display: block; } #nav li { float: left; margin: 0; } #nav li a span { display: block; height: 0; overflow: hidden; width: 0; } #nav_home a { height: 43px; width: 53px; } #nav_home { background: transparent url(../images/nav.jpg) repeat scroll 0px -43px; } #nav_home a:link, #nav_home a:visited, #nav_home a:active { background-position: 0 0; } #nav_home a:hover { background-image: none; } #nav_products a { height: 43px; width: 163px; } #nav_products { background: transparent url(../images/nav.jpg) repeat scroll -53px -43px; } #nav_products a:link, #nav_products a:visited, #nav_products a:active { background-position: -53px 0px; } #nav_products a:hover { background-image: none; } #nav_informations a { height: 43px; width: 162px; } #nav_informations { background: transparent url(../images/nav.jpg) repeat scroll -216px -43px; } #nav_informations a:link, #nav_informations a:visited, #nav_informations a:active { background-position: -216px 0px; } #nav_informations a:hover { background-image: none; } #nav_support a { height: 43px; width: 162px; } #nav_support { background: transparent url(../images/nav.jpg) repeat scroll -378px -43px; } #nav_support a:link, #nav_support a:visited, #nav_support a:active { background-position: -378px 0px; } #nav_support a:hover { background-image: none; } #nav_blog a { height: 43px; width: 108px; } #nav_blog { background: transparent url(../images/nav.jpg) repeat scroll -540px -43px; } #nav_blog a:link, #nav_blog a:visited, #nav_blog a:active { background-position: -540px 0px; } #nav_blog a:hover { background-image: none; } #nav_search { height: 43px; width: 203px; } #nav_search { background: transparent url(../images/nav.jpg) repeat scroll -648px 0px; } #nav_search { position: relative; } #nav_search div.shadow { height: 43px; } #nav_search #ok { background: transparent url(../images/icon_search.gif) no-repeat scroll 0 0; border: none; position: absolute; width: 15px; top: 23px; left: 183px; height: 16px; } #nav_search #s { position: absolute; top: 23px; left: 7px; width: 175px; height: 14px; border-top: 1px solid #707173; border-left: 1px solid #707173; border-bottom: 1px solid #cecece; font-size: 10px; } #icon_althen a { background: transparent url(../images/icon_althen.jpg) repeat scroll 0 0; display: block; } #icon_althen a span { display: block; height: 0; overflow: hidden; width: 0; } #icon_althen a { height: 43px; width: 42px; } #icon_althen { background: transparent url(../images/icon_althen.jpg) repeat scroll 0px -43px; } #icon_althen a:link, #icon_althen a:visited, #icon_althen a:active { background-position: 0px 0px; } #icon_althen a:hover { background-image: none; } /* ------------------------------------------------------------------------ #SIDEBAR ------------------------------------------------------------------------- */ #sidebar li { margin-bottom: 16px;} #sidebar h3 { color: #929395; font-size: 15px; text-transform: uppercase; } #sidebar h4 { color: #D40032; font-size: 9px; font-weight: normal; } #sidebar h5 { font-size: 11px; font-weight: bold; } #sidebar .center { margin: 5px; } #sidebar p, #sidebar h3, #sidebar h4, #sidebar h5 { margin: 2px 8px; } /*.hide h3, .hide h4 { text-indent: 2px; }*/ .sidebar_head { height: 40px; background: transparent url(../images/sidebar_head_bg.jpg) no-repeat 0 0; padding-top: 3px; position: relative; } .sidebar_element { border-left: 1px solid #ededee; border-right: 1px solid #ededee; border-bottom: 1px solid #ededee; padding: 7px 0; position: relative; } .sidebar_bottom { background: transparent url(../images/sidebar_bottom.gif) no-repeat bottom left; height: 2px; font-size: 0; } /* font-size: 0; wegen IE6, der sonst nicht unter 10px gegangen ist */ .last { border-bottom: medium none; } a.go, a.del { width: 20px; height: 17px; position: absolute; right: 0; bottom: 0; background: transparent url(../images/icon_sidebar_go.gif) no-repeat 0 0; } a:hover.go, a:hover.del { background-position: 0 -17px; } a.del { background-image: url(../images/icon_sidebar_del.gif); } #sidebar_messdatenerfassung .sidebar_head { background: transparent url(../images/sidebar_head_bg.jpg) no-repeat 0 0; } #sidebar_anwendungsberichte .sidebar_head { background: transparent url(../images/sidebar_head_bg.jpg) no-repeat 0 0; } #sidebar_merkzettel .sidebar_head { background: transparent url(../images/sidebar_head_bg.jpg) no-repeat 0 0; } .num_articles { color: #929395; font-size: 16px; text-transform: uppercase; position: absolute; top: 3px; left: 110px; } a#help { display: block; position: absolute; top: 0px; right: 0px; width: 40px; height: 43px; background: transparent url(../images/icon_sidebar_help.jpg) no-repeat 0 0; } a:hover#help { background-position: 0 -43px; } #help_tip { width: 173px; height: 124px; background: transparent url(../images/inlinepopup/popup_blau.png) no-repeat 0 0; position: relative; } .jHelperTipClose { cursor: pointer; position: absolute; top: 0; right: 0; width: 30px; height: 25px; } /* ------------------------------------------------------------------------ #PRODUCT DETAILS ("Produkt offen") ------------------------------------------------------------------------- */ div.product_details { width: 636px; margin-bottom: 15px; } div.product_details_big { margin-bottom: 15px; } div.product_header_border { background: transparent url(../images/bg_product_header_border.gif) no-repeat 0 0; height: 3px; font-size: 0; } div.product_header_big_border { background: transparent url(../images/bg_product_header_big_border.gif) no-repeat 0 0; height: 3px; font-size: 0; } div.product_header { border-left: 1px solid #ededee; border-right: 1px solid #ededee; padding: 2px 15px 0 15px; } div.product_header h1 { font-size: 16px; color: #125BA3; letter-spacing: -1px; margin-bottom: 0; } div.product_header h2 { font-size: 10px; color: #929395; font-weight: normal; margin-bottom: 0; padding-bottom: 4px; } .add { float: right; margin: 16px 0 0 0; } .add .addToList { background: transparent url(../images/icon_merkzettel.gif) no-repeat bottom left; padding: 5px 0 0 18px; line-height: 16px; } div.product_content { border: 1px solid #ededee; border-bottom: none; padding: 15px 15px 0 15px; } div.product_content h2 { color: #707173; font-size: 12px; } div.product_content img.top { margin-bottom: 10px; float: left; } div.product_content p, div.product_content li { font-size: 13px; } div.product_content p, ul.highlights { padding-bottom: 17px; margin-bottom: 0; } div.product_content h2 { padding-bottom: 5px; margin-bottom: 0; } div.product_content p { text-align: justify; } div.links { width: 188px; height: 260px; float: right; background: transparent url(../images/bg_links.jpg) no-repeat 0 0;} div.links ul { margin-top: 7px; } div.links li { font-size: 10px; padding: 2px 0 0 7px; } a.pdf, a.addToList, a.anker { background: transparent url(../images/icon_pdf.gif) no-repeat 0 7px; padding: 5px 0 5px 24px; line-height: 25px; display: block; font-size: 9px; } a.addToList { background-image: url(../images/icon_merkzettel.gif); } a.anker { background-image: url(../images/icon_anker.gif); } div.links a span { font-size: 9px; color: #929395; } .divider { padding-bottom: 4px; margin-bottom: 5px; border-bottom: 1px solid #f6f6f6; } .divider2 { padding-bottom: 4px; margin-bottom: 5px; border-bottom: 1px solid #ffffff; } ul.highlights { list-style-type: none; list-style-image: none; } ul.highlights li { background: transparent url(../images/icon_arrow_red.gif) no-repeat 0 7px; padding-left: 20px; margin-bottom: 2px; } div.product_downloads { border: 1px solid #ededee; border-bottom: none; padding: 15px; } /*div.product_downloads a.pdf { background: transparent url(../images/icon_pdf.gif) no-repeat 0 0; padding-left: 20px; display: block; width: 175px; float: left; font-size: 10px; line-height: 14px; }*/ div.product_footer_border { background: transparent url(../images/bg_product_footer_border.gif) no-repeat 0 0; height: 2px; font-size: 0; } div.product_footer_big_border { background: transparent url(../images/bg_product_footer_big_border.gif) no-repeat 0 0; height: 2px; font-size: 0; } /* ------------------------------------------------------------------------ #BREADCRUMBS ------------------------------------------------------------------------- */ #breadcrumbs { height: 20px; margin: 0 0 3px 2px; } #breadcrumbs li { float: left; background: url(../images/icon_arrow_red.gif) no-repeat 5px 5px; padding-left: 17px } #breadcrumbs li a { font-size: 11px; color: #929395; } /* ------------------------------------------------------------------------ #HEADER ------------------------------------------------------------------------- */ .headerLinks { position:absolute;top:205px;left:110px;} .headerLinks ul { } .headerLinks ul li { } .headerLinks ul li a, .headerLinks ul li a:link, .headerLinks ul li a:visited { color:#c2c7dd; font-size:11px;line-height:16px;} .headerLinks ul li a:hover, .headerLinks ul li a:active { color:#ffffff; } /* ------------------------------------------------------------------------ #FOOTER ------------------------------------------------------------------------- */ #footer { padding-top: 22px; } #footer_imprint { height: 19px; } #footer_imprint p { float: right; text-transform: uppercase; letter-spacing: 0.05em; color: #c0c1c2; font-weight: bold; } #footer_closure { background: transparent url(../images/bg_footer.gif) no-repeat 0 0; height: 42px; } #footer_links { padding: 8px 0 0 11px; font-weight: bold; letter-spacing: 0.05em; color: #c0c1c2; margin-bottom: 0px; } #footer_copyright { padding-left: 11px; color: #c0c1c2; } #footer_links em { text-transform: uppercase; font-weight: bold; } #footer a:link.mail { text-transform: none; } #footer a:hover { color: #125BA3;} /* ------------------------------------------------------------------------ #BOXES FOR LISTS OF CATEGORIE-PRODUCTS (http://datenaufzeichnung.de/produkte/datenlogger/index.php) ------------------------------------------------------------------------- */ .info_box_four_cols { clear: left; display: block; width: 636px; height: 76px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_info_box_four_cols.jpg) no-repeat 0 0; position: relative; } .info_box_four_cols div.shadow { height: 76px; width: 636px; } .info_box_four_cols h2 { color: #125BA3; font-size: 11px; font-weight: bold; padding: 5px 7px; margin: 0; } .info_box_four_cols p { font-size: 10px; padding: 0 7px 5px; margin: 0; } .info_box_four_cols img.float_left { margin-right: 10px; } div.product_index div.product_details { margin-top: 28px; } div.product_index div.first { margin-top: 0px; } div.product_index div.info_box_four_cols { text-align: justify; position: relative; } .info_box_four_cols a:link, .info_box_four_cols a:visited, .info_box_four_cols a:active, .info_box_four_cols a:hover { display: block; width: 636px; height: 76px; padding: 0; margin: 0; position: absolute; background-image: none; top: 0; left: 0; } .info_box_four_cols a.more:link, .info_box_four_cols a.more:visited, .info_box_four_cols a.more:active, .info_box_four_cols a.more:hover { font-family: Tahoma, Helvetica, Arial, sans-serif; color: #707173; font-size: 9px; line-height: 1.55em; position: absolute; bottom: 1px; right: 10px; background: url(../images/icon_arrow_blue.gif) no-repeat 5px 8px; padding-left: 17px; width: auto; height: auto; top: auto; left: auto; } .info_box_four_cols a.more:hover { color: #125BA3; } /* ------------------------------------------------------------------------ #BOXES FOR PRODUCT-CATEGORIES (SOFTWARE, GL-SERIES ETC.) ------------------------------------------------------------------------- */ /* REFACTORING! */ .info_box { display: block; width: 150px; height: 140px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_info_box.jpg) no-repeat 0 0; } .info_box a:link, .info_box a:visited, .info_box a:active, .info_box a:hover { display: block; width: 136px; height: 130px; font-family: Tahoma, Helvetica, Arial, sans-serif; color: #707173; font-size: 11px; padding: 5px 7px; line-height: 1.55em; } .info_box a:hover { color: #125BA3;} .info_box div.shadow { height: 140px; } /* NOT NEEDED ANYMORE - DELETE AFTER 28.05.09 */ /* .info_box_two_cols { display: block; width: 312px; height: 140px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_info_box_two_cols.jpg) no-repeat 0 0; position: relative; } .info_box_two_cols a:link, .info_box_two_cols a:visited, .info_box_two_cols a:active, .info_box_two_cols a:hover { position: absolute; bottom: 5px; right: 7px; background: url(../images/icon_arrow_blue.gif) no-repeat 5px 4px; padding-left: 17px; font-size: 9px; color: #929395; } .info_box_two_cols a:hover { color: #125BA3;} .info_box_two_cols div.shadow { height: 140px; width: 312px; } .info_box_two_cols h2 { color: #125BA3; font-size: 11px; font-weight: bold; padding: 5px 7px; margin: 0; } .info_box_two_cols p { font-size: 10px; padding: 0 7px 5px; margin: 0; } */ .campaign_box { display: block; width: 312px; height: 182px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_campaign_box.jpg) no-repeat 0 0; position: relative; } .campaign_box a:link, .campaign_box a:visited, .campaign_box a:active, .campaign_box a:hover { display: block; width: 312px; height: 182px; position: absolute;padding: 0; margin: 0; position: absolute; background-image: none; top: 0; left: 0; } .campaign_box a.more:link, .campaign_box a.more:visited, .campaign_box a.more:active, .campaign_box a.more:hover { position: absolute; bottom: 5px; right: 7px; background: url(../images/icon_arrow_red.gif) no-repeat 5px 4px; padding-left: 17px; font-size: 9px; color: #929395; width: auto; height: auto; top: auto; left: auto; } .campaign_box a.more:hover { color: #D40032;} .campaign_box div.shadow { height: 182px; width: 312px; } .campaign_box h2 { color: #D40032; font-size: 11px; font-weight: bold; padding: 5px 7px; margin: 0; } .campaign_box p { font-size: 10px; padding: 0 7px 5px; margin: 0; } .campaign_box campaign_box_image { position: absolute; left: 0; bottom: 0; } .campaign_box_4cols { display: block; width: 636px; height: 76px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_info_box_four_cols.jpg) no-repeat 0 0; position: relative; } .campaign_box_4cols img.float_left { margin-right:10px;} .campaign_box_4cols a:link, .campaign_box_4cols a:visited, .campaign_box_4cols a:active, .campaign_box_4cols a:hover { display: inline; width: auto; height: auto; position: relative;padding: 0; margin: 0; background-image: none; top: 0; left: 0; } .campaign_box_4cols a.more:link, .campaign_box_4cols a.more:visited, .campaign_box_4cols a.more:active, .campaign_box_4cols a.more:hover { position: absolute; bottom: 5px; right: 7px; background: url(../images/icon_arrow_blue.gif) no-repeat 5px 4px; padding-left: 17px; font-size: 9px; color: #929395; width: auto; height: auto; top: auto; left: auto; } .campaign_box_4cols a.more:hover { color: #125BA3;} .campaign_box_4cols div.shadow { height: 76px; width: 636px; } .campaign_box_4cols h2 { color: #125BA3; font-size: 11px; font-weight: bold; padding: 5px 7px; margin: 0; } .campaign_box_4cols p { font-size: 10px; padding: 0 7px 5px; margin: 0; } .campaign_box_4cols campaign_box_image { position: absolute; left: 0; bottom: 0; } #info_box_starter_sets { background-image: url(../images/bg_info_box_starter_sets.jpg); } #info_box_messdatenerfassung { background-image: url(../images/bg_info_box_messdatenerfassung.jpg); } #info_box_datenlogger { background-image: url(../images/bg_info_box_datenlogger.jpg); } #info_box_software { background-image: url(../images/bg_info_box_software.jpg); } #info_box_ethernet { background-image: url(../images/bg_info_box_ethernet.jpg); } #info_box_usb { background-image: url(../images/bg_info_box_usb.jpg); } #campaign_box_1 { background-image: url(../images/bg_campaign_box_1.jpg); } #campaign_box_2 { background-image: url(../images/bg_campaign_box_2.jpg); } #campaign_box_3 { background-image: url(../images/bg_campaign_box_3.jpg); } #campaign_box_4 { background-image: url(../images/bg_campaign_box_4.jpg); } /* #campaign_box_5 { background-image: url(../images/bg_campaign_box_5.jpg); } #campaign_box_6 { background-image: url(../images/bg_campaign_box_6.jpg); } */ .divider_campaign { margin: 16px 0 12px; background-image:url(../images/divider_rot.png); background-repeat:no-repeat; } .divider_links { margin: 16px 0 0px; background-image:url(../images/divider_rot_links.png); background-repeat:no-repeat; } .divider_campaign div.shadow { width: 636px; height: 43px; } .divider_campaign h2 { color: #fff; font-size: 16px; text-transform:uppercase; font-weight:bold; padding-left:10px; padding-top:4px; margin:0px;} .divider_campaign p { padding:0px; margin:0px; color: #fff; margin-left: 10px; padding-top: 3px; font-size:9px; } /* ------------------------------------------------------------------------ #GENERAL BOXES ------------------------------------------------------------------------- */ /* Headline H1 + H2 with rounded border */ div.extended_hl { width: 636px; margin-bottom: 15px; margin-top: 16px; } div.first { margin-top: 0; } div.extended_hl_top_border { background: transparent url(../images/bg_product_header_border.gif) no-repeat 0 0; height: 3px; font-size: 0; } div.extended_hl_container { border-left: 1px solid #ededee; border-right: 1px solid #ededee; padding: 2px 15px 0 15px; } div.extended_hl_bottom_border { background: transparent url(../images/bg_product_footer_border.gif) no-repeat 0 0; height: 2px; font-size: 0; } div.extended_hl h1 { font-size: 16px; color: #125BA3; letter-spacing: -1px; margin-bottom: 0; } div.extended_hl h2 { font-size: 10px; color: #929395; font-weight: normal; margin-bottom: 0; padding-bottom: 4px; } /* PDF-Download-Box */ .pdf_box_two_cols { display: block; width: 312px; height: 43px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_pdf_box_two_cols.jpg) no-repeat 0 0; position: relative; } .pdf_box_two_cols a { display: block; width: 280px; height: 35px; padding: 8px 16px 0; color: #707173; font-size: 10px; } .pdf_box_two_cols div.shadow { height: 43px; width: 312px; } .pdf_box_two_cols strong { color: #125BA3; font-size: 11px; font-weight: bold; margin: 0; } /* PDF-Download-Box Double Height */ .pdf_box_two_cols_double { display: block; width: 312px; height: 86px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_pdf_box_two_cols_double.gif) no-repeat 0 0; position: relative; } .pdf_box_two_cols_double a { display: block; width: 280px; height: 35px; padding: 8px 16px 0; color: #707173; font-size: 10px; } .pdf_box_two_cols_double div.shadow { height: 86px; width: 312px; } .pdf_box_two_cols_double strong { color: #125BA3; font-size: 11px; font-weight: bold; margin: 0; } /* ZIP-Download-Box */ .zip_box_two_cols { display: block; width: 312px; height: 43px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_zip_box_two_cols.jpg) no-repeat 0 0; position: relative; } .zip_box_two_cols a { display: block; width: 280px; height: 35px; padding: 8px 16px 0; color: #707173; font-size: 10px; } .zip_box_two_cols div.shadow { height: 43px; width: 312px; } .zip_box_two_cols strong { color: #125BA3; font-size: 11px; font-weight: bold; margin: 0; } /* ZIP-Download-Box */ .wmv_box_two_cols { display: block; width: 312px; height: 43px; float: left; margin: 0 12px 12px 0; background: transparent url(../images/bg_wmv_box_two_cols.jpg) no-repeat 0 0; position: relative; } .wmv_box_two_cols a { display: block; width: 280px; height: 35px; padding: 8px 16px 0; color: #707173; font-size: 10px; } .wmv_box_two_cols div.shadow { height: 43px; width: 312px; } .wmv_box_two_cols strong { color: #125BA3; font-size: 11px; font-weight: bold; margin: 0; } .en { background: transparent url(../images/bg_wmv_box_two_cols_en.jpg) no-repeat 0 0; } /* ------------------------------------------------------------------------ #PRICES ------------------------------------------------------------------------- */ div.prices { width: 636px; margin-bottom: 15px; } table.preisl { border-collapse: collapse; } @-moz-document url-prefix() { table.preisl { margin-left: 1px; } } /* Target Firefox -> Table is too far left (Wenzel, 19.04.09) */ td.head1, td.head12, td.head2, td.head3, td.head4 { background: #f1f1f1; border: 1px solid #e0e0e3; font-size: 13px; padding: 2px 15px; } td.preis1, td.preis12, td.preis2, td.preis3, td.preis4 { border: 1px solid #e0e0e3; padding: 2px 15px; border-bottom: none; } td.preiscomment { border: 1px solid #e0e0e3; padding: 2px 15px; border-bottom: none; } td.head1, td.preis1 { width: 100px; } td.head12, td.preis12 { width: 350px; } td.head2, td.preis2 { width: 250px; } td.head3, td.preis3 { width: 96px; } td.head4, td.preis4 { width: 96px; } td.preis1 b { font-weight: normal; } span.netto { font-size: 8pt; font-style:italic; font-weight:normal; } p.stern { text-align: justify; padding-right: 12px; } td.product_header { border: 1px solid #e0e0e3; padding: 2px 15px 4px 15px; border-top: none; } td.product_header h1 { font-size: 16px; color: #125BA3; letter-spacing: -1px; margin-bottom: 0; } td.product_header h2 { font-size: 10px; color: #929395; font-weight: normal; margin-bottom: 0; } /* ------------------------------------------------------------------------ #SPECIFIC STYLES ------------------------------------------------------------------------- */ /* PRODUCT OVERVIEW */ .product { clear: left; margin-bottom: 25px; } .product h2 { color: #125BA3; } .product img { margin-right: 20px; margin-bottom: 20px; float: left; } /* SINGLE PRODUCT */ ul.product { margin: 10px 0; padding-left: 10px; } ul.product li { list-style-type: circle; margin-left: 15px; } /* PRICING - 18.04.09: OLD! */ /* span.netto { font-size: 8pt; font-style:italic; font-weight:normal; } table.preisl { width: 700px; margin-bottom: 60px; } td.head1 { background: #ed8824; width: 90px; height:30px; vertical-align: middle; text-align:center; font-weight:bold; border: 1px solid #aeaeae; } td.head2 { background: #ed8824; height:30px; vertical-align: middle; text-align:center; font-weight:bold; border: 1px solid #aeaeae; } td.head3 { background: #ed8824; width: 140px; height:30px; vertical-align: middle; text-align:center; font-weight:bold; border: 1px solid #aeaeae; } td.preis1 { width: 90px; padding:5px; vertical-align: middle; text-align:center; border: 1px solid #aeaeae; background: #F1F1F1; } td.preis2 { padding:5px; vertical-align: middle; text-align:left; border: 1px solid #aeaeae; background: #F1F1F1; } td.preis3 { width: 140px; padding:5px; vertical-align: middle; text-align:center; border: 1px solid #aeaeae; background: #F1F1F1; } */ /* DOWNLOADS */ td.pic { text-align:center; vertical-align:middle; font-size: 8pt; padding:20px; width: 200px; } td.list { padding-bottom: 20px; padding-top: 20px; vertical-align: middle; } table.info { margin-bottom: 40px; width: 100%; border: none; } img.right { border: none; margin: 15px; float:right; } img.left { border: none; margin: 15px; float:left; } img.leftnb { border: none; margin-right:10px; float:left; width:100px; height:80px; } div.pdficon { border: none; margin: 5px; float:left; width:32px; height:32px; background: url(../images/pdficon.gif) no-repeat; } /* SOFTWARE */ td.pict {text-align: center; vertical-align:middle; border-bottom:1px solid #aeaeae; padding-bottom: 20px;} td.prod {text-align: center; vertical-align:middle; border-bottom:1px solid #aeaeae; padding:5px;border-top:1px solid #aeaeae; border-left:1px solid #aeaeae; background: #F1F1F1} td.inh1 {text-align: center; vertical-align:middle; border-bottom:1px solid #aeaeae; padding:0 5px 0 5px; border-left:1px solid #aeaeae;} td.inh1 {text-align: center; vertical-align:middle; border-bottom:1px solid #aeaeae; padding:2px 5px 2px 5px; border-left:1px solid #aeaeae;} td.inh2 {text-align: center; vertical-align:middle; border-bottom:1px solid #aeaeae; padding:2px 5px 2px 5px; border-left:1px solid #aeaeae; background: #FFFFCC} td.lastinh {border-right:1px solid #aeaeae;} /* REPORTS */ #key1, #key2, #key3 {display: none; text-align: center; padding-bottom: 15px;} #more1, #more2, #more3, #diagr {text-align: center; display: block; font-size: 8pt; padding-top: 15px; padding-bottom: 25px;} /* COMPARE PRODUCTS */ @charset "iso-8859-1"; #specs .altrow1, #specs .altrow2, #specs .head, #specs .image, #specs .add{width: 100%;border-left: 1px solid #eaeaea;} #specs { font-size: 8pt; text-align: right; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; display: block; } #compare148, #compare148sp, #compare158, #compare158up, #compare154 , #compare194, #compare195, #compare710, #compare715, #compare718b, #compare718bx, #compare720, #compare722, #compare730, #compare740, #compare750, #compare500, #compare785, #compare788,#name { font-size: 8pt; text-align: center; border-top: 1px solid #eaeaea; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; display: none; } .head {background: #f1f1f1; border: 1px solid #e0e0e3; font-size: 13px; padding: 2px 15px; } .image {width: 135px; height: 55px; border-bottom: 1px solid #eaeaea; vertical-align: middle;} .altrow1 {width: 135px; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #eaeaea} .altrow1nb {width: 135px; padding-top: 4px; padding-bottom: 3px} .altrow2 {width: 135px; padding-top: 3px; padding-bottom: 3px; border-bottom: 1px solid #eaeaea; background: #ed8824; color: #ffffff;} .altrow2 a {color: black;font-weight: bold;} .checkbox {font-size: 8pt; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; text-align: left;} .checkboxnone {font-size: 8pt; padding-right: 8px; padding-top: 3px; padding-bottom: 3px; display: none;} .cellhead1 {text-align: right; font-size: 8pt; height: 30px;} .cellhead2 {text-align: right; font-size: 8pt; height: 130px;} .cell1 {text-align: center; font-size: 8pt; height: 30px;} .cell2 {text-align: center; font-size: 8pt; height: 130px; padding-left: 2px; padding-right: 2px; } .add {vertical-align: middle; height: 30px;} #form_merkzettel label {padding-left:10px;font-size:11px;} .merkzettel_ta {border-top:1px solid #9a9b9d;border-left:1px solid #9a9b9d;border-right:1px solid #d1d3d3;border-bottom:1px solid #d1d3d3;width:520px;} .merkzettel_input {border-top:1px solid #9a9b9d;border-left:1px solid #9a9b9d;border-right:1px solid #d1d3d3;border-bottom:1px solid #d1d3d3;width:150px;} .own_footer_sitemap_header {height:42px;padding-top:24px;} .own_footer_sitemap_footer {height:5px;line-height:1px;font-size:1px;} .own_footer_sitemap_content {background: url(http://global.althen.de/public/images/footer_sitemap_content_bg.gif) repeat-y;padding:11px;line-height:13px;} .own_footer_sitemap_column_1 {width:190px; float:left;padding-right:25px;} .own_footer_sitemap_column_2 {width:195px; float:left;padding-right:25px;} .own_footer_sitemap_column_3 {width:195px; float:left;padding-right:25px;} .own_footer_sitemap_column_4 {width:175px; float:left;} #own_footer_sitemap_content a, #own_footer_sitemap_content a:link, #own_footer_sitemap_content a:visited, #own_footer_sitemap_content a:active {color:#929395;font-size:10px;font-family:Tahoma;text-transform:none;} #own_footer_sitemap_content a:hover {color:#125BA3;font-size:10px;font-family:Tahoma;} #own_footer_sitemap_content a.hl, #own_footer_sitemap_content a.hl:link, #own_footer_sitemap_content a.hl:visited, #own_footer_sitemap_content a.hl:active {color:#7b7c7e;font-size:10px;font-family:Tahoma;text-transform:none;} #own_footer_sitemap_content a.hl:hover {color:#125BA3;font-size:10px;font-family:Tahoma;} .release_notes .product_header h2 {color:#125BA3;font-size:13px;letter-spacing:-1px;margin-bottom:0;} .release_notes .product_content p {font-size:11px;} .release_notes .product_content h3 {font-size:11px; font-weight:bold;margin-bottom:5px;} .release_notes .product_content ul {list-style-type: disc;margin-left:15px;} .release_notes .product_content ul li {font-size:11px;text-align:justify; margin-bottom:5px;} #wrapper-imp-eng { position:absolute; right:0px; top:35px; width:100px; height:45px; } .top_box_small { background-image:url(../images/box_english_bg.png); height:20px; width:107px; margin-bottom:4px; overflow:hidden; } .top_box_small a:link, .top_box_small a:visited, .top_box_small a:hover, .top_box_small a:active, .top_box_small a {color:#a7a8aa;} .top_box_small p { padding:3px; width:90px; text-align:left; font-size:11px; } .sidebar_element_links { height: 85px; } .sidebar_element_links img { width: 55px; height:auto; float: left; } .sidebar_element_links h5 { color: #D40032; } .sidebar_element_links p { font-size: 10px !important; padding-left: 57px; padding-right: 2px; } .sidebar_element_links > a.img_link { display:block; height: 100%; float: left; } .sidebar_element_links a { color: #929395; } .sidebar_element_links a > strong { color: #D40032; }