/**************************************/ /*VW CMS COMMON*/ /*contextnav, mainnav, subnav, metanav, footer, flash*/ /**************************************/ BODY { HEIGHT: 100%; FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif; LINE-HEIGHT: 15px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #ffffff; } HTML { HEIGHT: 100%; } H1 { MARGIN-TOP: 0px; FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #000000; } H2 { MARGIN-TOP: 6px; FONT-SIZE: 11px; COLOR: #000000; } H3 { MARGIN-TOP: -0.1em; FONT-SIZE: 10px; COLOR: #000000; } H4 { MARGIN-TOP: -0.1em; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; } P { MARGIN-TOP: 10px; MARGIN-BOTTOM: 0px; FONT-FAMILY: Arial, Helvetica, Sans Serif; } FORM { MARGIN: 0px; PADDING: 0px; } A { COLOR: #3B7AB2; TEXT-DECORATION: none; } A:active { COLOR: #3B7AB2; TEXT-DECORATION: none; } A:link { COLOR: #3B7AB2; TEXT-DECORATION: none; } A:visited { COLOR: #3B7AB2; TEXT-DECORATION: none; } A:hover { COLOR: #3B7AB2; TEXT-DECORATION: underline; } UL { MARGIN-TOP: -3px; MARGIN-LEFT: 7px; MARGIN-BOTTOM: -3px; PADDING: 8px; } UL LI { list-style: inside; LIST-STYLE-TYPE: square; margin-top: 0px; margin-bottom: 0px; margin-left: -15px; *margin-left: -16px; padding-top: 0px; padding-bottom: 0px; padding-left: 12px; *padding-left: 16px; padding-right: 0px; text-indent: -12px; *text-indent: -16px; } OL { MARGIN-TOP: -3px; MARGIN-LEFT: 17px; MARGIN-BOTTOM: -3px; PADDING: 8px; } OL LI { LIST-STYLE-TYPE: decimal; MARGIN-LEFT: 7px; PADDING: 0px; } FIELDSET { BORDER: 0px solid; PADDING: 0px; MARGIN: 0px; } LEGEND { MARGIN-LEFT: -6px; } IMG { BORDER: 0; } /**************************************/ /*FORM, INPUT, SELECT, TEXTAREA*/ /**************************************/ FORM { MARGIN: 0px; } INPUT { MARGIN: 0px; PADDING: 0px; FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-SIZE: 10px; COLOR: #9999A3; BACKGROUND-COLOR: #ffffff; } SELECT { MARGIN: 0px; PADDING: 0px; FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-SIZE: 10px; COLOR: #000000; BACKGROUND-COLOR: #ffffff; } TEXTAREA { MARGIN: 0px; PADDING: 0px; FONT-FAMILY: Arial, Helvetica, Sans Serif; COLOR: #000000; BACKGROUND-COLOR: #ffffff; } /**************************************/ /*FORM ELEMENTS SPEZIFISCH*/ /**************************************/ .select_120 { WIDTH: 120px; FONT-SIZE: 11px; BACKGROUND-COLOR: #ffffff; } .select_180 { WIDTH: 180px; FONT-SIZE: 11px; BACKGROUND-COLOR: #ffffff; } .select_flex { FONT-SIZE: 11px; BACKGROUND-COLOR: #ffffff; } .submitimg { VERTICAL-ALIGN: middle; } .firstcheckbox { MARGIN-LEFT: -3px; MARGIN-RIGHT: 5px; VERTICAL-ALIGN: middle; } .secondcheckbox { MARGIN-LEFT: 25px; MARGIN-RIGHT: 5px; VERTICAL-ALIGN: middle; } /**************************************/ /*LOGO*/ /**************************************/ .logo { TOP: 0px; LEFT: 0px; WIDTH: 200px; HEIGHT: 100px; POSITION: absolute; Z-INDEX: 0; } /**************************************/ /*FRAME, STAGE, ROWS, COLUMNS*/ /**************************************/ .frame_print { LEFT: 0px; POSITION: relative; TOP: 0px; } .frame { LEFT: 0px; POSITION: absolute; TOP: 0px; } .frame_popup { POSITION: absolute; TOP: 0px; LEFT: 0px; WIDTH: 100%; } .row_content_small, .row_content_medium, .row_content_large, .row_content_xsmall, .row_content_popup, .row_content_small_dealer, .row_content_medium_dealer, .row_content_large_dealer, .row_content_xsmall_dealer, .row_content_flex { POSITION: absolute; BORDER-RIGHT: solid 1px #FFFFFF; } .row_content_small, .row_content_medium, .row_content_large, .row_content_xsmall, .row_content_popup, .row_content_flex { LEFT: 15px; } .row_content_small, .row_content_medium, .row_content_large, .row_content_xsmall, .row_content_flex { WIDTH: 765px; } .row_content_small_dealer, .row_content_medium_dealer, .row_content_large_dealer, .row_content_xsmall_dealer { WIDTH: 780px; } .row_content_popup { TOP: 120px; } .row_content_xsmall, .row_content_xsmall_dealer { TOP: 190px; } .row_content_small, .row_content_small_dealer { TOP: 260px; } .row_content_medium, .row_content_medium_dealer { TOP: 330px; } .row_content_large, .row_content_large_dealer { TOP: 450px; } /*text over stages*/ /******************************/ .stage_text_area { POSITION: absolute; TOP: 70px; LEFT: 440px; WIDTH: 340px; HEIGHT: 140px; VERTICAL-ALIGN: middle; } .stage_text { COLOR: #FFFFFF; FONT-SIZE: 11px; PADDING: 14px; VERTICAL-ALIGN: middle; } /*left margin column and content*/ /******************************/ .content { WIDTH: 570px; } .lmc { /* WIDTH: 195px;*/ width: 210px; } .lmc_inner { padding-right: 15px; } .content h3, .row_content_small h3, .row_content_medium h3, .row_content_large h3, .row_content_xsmall h3, .content_print h3, .popup_content h3, .popup_content_noheader h3, .modulepool h3 { margin: 0px; padding: 0px; font-size: 11px; display: inline; } /*content deeper*/ /******************************/ .row_stage_large { POSITION: absolute; WIDTH: 780px; HEIGHT: 350px; TOP: 100px; BORDER-RIGHT: solid 1px #FFFFFF; } .row_stage_medium { POSITION: absolute; WIDTH: 780px; HEIGHT: 330px; TOP: 100px; BORDER-RIGHT: solid 1px #FFFFFF; } .row_stage_small { POSITION: absolute; WIDTH: 780px; HEIGHT: 290px; TOP: 100px; BORDER-RIGHT: solid 1px #FFFFFF; } .row_stage_flex { POSITION: absolute; TOP: 100px; } .row_stage_flex_bg { background-color: #E6E6EB; WIDTH: 101.5%; } .row_stage_flex_inner { background-color: #E6E6EB; WIDTH: 780px; BORDER-RIGHT: solid 1px #FFFFFF; BORDER-BOTTOM: 1px solid #CCCCD1; } /*END basic like stage, rows*/ /*====================================*/ /**************************************/ /*TABLE COLUMN CONTENT*/ /**************************************/ /*table content: 4 columns - used without left column*/ /******************************/ .fourcol { WIDTH: 180px; PADDING-RIGHT: 15px; } .fourcol_ri { WIDTH: 180px; } .fourcol .teaser_banner, .fourcol_ri .teaser_banner { MARGIN-BOTTOM: 7px; } /*used: images teaser, full width for all tables*/ /*TABEL-RASTER PARTS*/ /***************/ .half_le { WIDTH: 390px; } .half_ri { WIDTH: 375px; } .onecol { WIDTH: 195px; } .twocol_space { WIDTH: 375px; PADDING-RIGHT: 15px; } .twocol { WIDTH: 382px; } .threecol { WIDTH: 570px; } .threecol_space { WIDTH: 555px; PADDING-RIGHT: 15px; } /*TABEL-RASTER TO LINE*/ /***************/ .onecol_to_line { WIDTH: 180px; } .twocol_to_line { WIDTH: 382px; } .threecol_to_line { WIDTH: 577px; } /*END table raster, columns*/ /*====================================*/ /**************************************/ /*TABLES, TABLE-BACKGROUNDS, TALBE HEADLINES*/ /**************************************/ .tab { WIDTH: 100%; } /*background-colors, tabel outfit*/ .tab_single { MARGIN-BOTTOM: 19px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; BACKGROUND: #CCCCD1; } .tab_single_vm { MARGIN-BOTTOM: 18px; PADDING-TOP: 2px; PADDING-BOTTOM: 1px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; FONT-SIZE: 11px; BACKGROUND: #ccccd1; } /*table used as title*/ .tab_title { PADDING-TOP: 5px; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; } .tab_title_head { PADDING-TOP: 2px; PADDING-BOTTOM: 3px; PADDING-LEFT: 10px; FONT-WEIGHT: bold; } /*used as title used as legende*/ .tab_title_legende { HEIGHT: 20px; PADDING-TOP: 5px; PADDING-BOTTOM: 0px; PADDING-RIGHT: 10px; TEXT-ALIGN: right; } /*text used in table*/ /*FOR: sr35_techdata*/ .txt_form { MARGIN-BOTTOM: 5px; MARGIN-LEFT: 9px; MARGIN-RIGHT: 19px; } /*1=odd (white)*/ .tab_bg1 { WIDTH: 33%; PADDING-TOP: 1px; PADDING-BOTTOM: 2px; PADDING-LEFT: 4px; PADDING-RIGHT: 4px; FONT-SIZE: 11px; BACKGROUND: #FFFFFF; } .tab_bg1_line { WIDTH: 33%; PADDING-TOP: 1px; PADDING-BOTTOM: 2px; PADDING-LEFT: 7px; PADDING-RIGHT: 4px; FONT-SIZE: 11px; BACKGROUND: #FFFFFF; BORDER-LEFT: solid 1px #ccccd1; } /*2=even (light grey)*/ .tab_bg2 { WIDTH: 33%; PADDING-TOP: 1px; PADDING-BOTTOM: 2px; PADDING-LEFT: 5px; PADDING-RIGHT: 4px; FONT-SIZE: 11px; BACKGROUND: #F0F0F5; } .tab_bg2_line { WIDTH: 33%; PADDING-TOP: 1px; PADDING-BOTTOM: 2px; PADDING-LEFT: 7px; PADDING-RIGHT: 4px; FONT-SIZE: 11px; BACKGROUND: #F0F0F5; BORDER-LEFT: solid 1px #ccccd1; } /*END tables + table-backgrounds*/ /*====================================*/ /**************************************/ /*TABLE width CARD INDEX and List in table*/ /**************************************/ /*fps: bordered outline*/ .inside { PADDING-TOP: 9px; *PADDING-TOP: 8px; PADDING-BOTTOM: 0px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; BACKGROUND: #FFFFFF; } /*AREA TABLE with border*/ .tab_outside { WIDTH: 568px; MARGIN-BOTTOM: 19px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-BOTTOM: 1px; BACKGROUND: #CCCCD1; CLEAR: both; } .tab_outside_less { WIDTH: 568px; MARGIN-BOTTOM: 0px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-BOTTOM: 1px; BACKGROUND: #CCCCD1; CLEAR: both; } .tab_outside_more { WIDTH: 568px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-BOTTOM: 1px; BACKGROUND: #CCCCD1; CLEAR: both; } .tab_inside { PADDING-TOP: 20px; PADDING-BOTTOM: 1px; PADDING-LEFT: 9px; PADDING-RIGHT: 0px; BACKGROUND: #fff; } .tab_inside_reduzed { MARGIN-LEFT: 9px; MARGIN-RIGHT: 9px; } .tab_inside_reduzed_colored { padding-left: 9px; padding-right: 9px; background: #f0f0f5; } .tab_inside_reduzed_fff { padding-left: 9px; padding-right: 9px; background: #fff; } .tab_inside_lesstop { MARGIN-TOP: -2px; PADDING-BOTTOM: 1px; PADDING-LEFT: 9px; PADDING-RIGHT: 9px; BACKGROUND: #FFFFFF; } .table_col { WIDTH: 550px; } .tab_col7 { WIDTH: 80px; PADDING-BOTTOM: 17px; } .tab_col7_last { WIDTH: 70px; PADDING-BOTTOM: 17px; } .tab_col3 { WIDTH: 185px; PADDING-BOTTOM: 17px; } .tab_col3_last { WIDTH: 180px; PADDING-BOTTOM: 17px; } /*AREA TABLE with entries in listform*/ .tab_list { WIDTH: 570px; MARGIN-BOTTOM: 20px; PADDING-LEFT: 1px; PADDING-RIGHT: 1px; PADDING-TOP: 10px; PADDING-BOTTOM: 1px; BACKGROUND: #ccccd1; CLEAR: both; } /*1 for unpare, white background for rows, is always the first color of a list*/ .tab_list_bg1 { PADDING-TOP: 3px; PADDING-BOTTOM: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 10px; BACKGROUND: #FFFFFF; } .tab_list_bg1_line { PADDING-TOP: 3px; PADDING-BOTTOM: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 10px; BACKGROUND: #FFFFFF; BORDER-LEFT: solid 1px #CCCCD1; } /*2 for pare, light grey background for rows*/ .tab_list_bg2 { PADDING-TOP: 3px; PADDING-BOTTOM: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 10px; BACKGROUND: #F0F0F5; } .tab_list_bg2_line { PADDING-TOP: 3px; PADDING-BOTTOM: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 10px; BACKGROUND: #F0F0F5; BORDER-LEFT: solid 1px #CCCCD1; } /*1 for unpare, white background for rows, is always the first color of a list*/ /*2 for pare, light grey background for rows*/ .tab_list_bg1_line_center { PADDING-TOP: 3px; PADDING-BOTTOM: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 10px; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; BACKGROUND: #FFFFFF; BORDER-LEFT: solid 1px #CCCCD1; } .tab_list_bg2_line_center { PADDING-TOP: 3px; PADDING-BOTTOM: 2px; PADDING-LEFT: 9px; PADDING-RIGHT: 10px; TEXT-ALIGN: center; VERTICAL-ALIGN: middle; BACKGROUND: #F0F0F5; BORDER-LEFT: solid 1px #CCCCD1; } /*AREA CARD INDEX with entries tab_on/tab_off*/ .card_index { width: 570px; height: 21px; display: block; } /*tab aktiv*/ .tab_on { HEIGHT: 15px; font-weight: bold; border-right: solid 1px #FFFFFF; background: #ccccd1; display: block; padding-top: 4px !important; padding-bottom: 2px !important; float: left; } .tab_on A, .tab_on A:link, .tab_on A:visited, .tab_on A:active { color: #000; text-decoration: none; padding-bottom: 0px; padding-left: 7px; padding-right: 5px; } .tab_on A:hover { color: #000; text-decoration: underline; } /*tab inaktiv*/ .tab_off { height: 15px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; color: #000; background: #f0f0f5; display: block; padding-top: 4px !important; padding-bottom: 1px !important; float: left; font-weight: normal; } .tab_off A, .tab_off A:link, .tab_off A:visited, .tab_off A:active { color: #000000; text-decoration: none; padding-bottom: 0px; padding-left: 7px; padding-right: 5px; } .tab_off A:hover { color: #000000; text-decoration: underline; } /*AREA CARD INDEX with sub-entries */ .card_index_subentries { width: 560px; *width: 550px; height: 18px; padding-top: 2px; padding-left: 10px; *padding-left: 20px; display: block; background: #CCCCD1; } .card_index_subentries_empty { WIDTH: 570px; HEIGHT: 9px; MARGIN: 0px; PADDING: 0px; BACKGROUND: #CCCCD1; FONT-SIZE: 0px; LINE-HEIGHT: 0px; } /*card_index with sub-entries: tab aktiv*/ .card_index_tab_on A, .card_index_tab_on A:link, .card_index_tab_on A:visited, .card_index_tab_on A:active { HEIGHT: 19px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; PADDING-TOP: 2px; PADDING-BOTTOM: 0px; FONT-WEIGHT: bold; COLOR: #000000; BORDER-RIGHT: solid 1px #FFFFFF; BACKGROUND: #CCCCD1; DISPLAY: block; FLOAT: left; TEXT-DECORATION: none; } .card_index_tab_on A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*card_index with sub-entries: tab inaktiv*/ .card_index_tab_off A, .card_index_tab_off A:link, .card_index_tab_off A:visited, .card_index_tab_off A:active { HEIGHT: 18px; PADDING-TOP: 2px; PADDING-BOTTOM: 0px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; COLOR: #000000; BORDER-RIGHT: solid 1px #FFFFFF; BORDER-BOTTOM: solid 1px #FFFFFF; BACKGROUND: #F0F0F5; DISPLAY: block; FLOAT: left; TEXT-DECORATION: none; font-weight: normal; } .card_index_tab_off A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*END TABLE width CARD INDEX and List in table*/ /*====================================*/ /**************************************/ /*FONT*/ /**************************************/ .txt { MARGIN-BOTTOM: 19px; } .txt_simple { MARGIN-BOTTOM: 15px; } .txt_dialog { MARGIN-BOTTOM: 7px; } .txt_normal { MARGIN-TOP: 0px; MARGIN-BOTTOM: 17px; } .txt_block { margin-top: 0px; margin-bottom: 0px; padding: 0px; } .headline_grey { COLOR: #9999a3; FONT-WEIGHT: bold; } /*END font*/ /*====================================*/ /**************************************/ /*IMAGES: stage, headline, teaser picutres*/ /**************************************/ /*grafical headline*/ .teaser_pic_titel { MARGIN-TOP: 0px; HEIGHT: 35px; } .teaser_pic_titel h3 { display: none; } /*html text headline homepage*/ .teaser_txt_titel { MARGIN-TOP: 4px; /* HEIGHT: 32px;*/ color: #5c5c61; font-weight: bold; font-size: 11px; line-height: 15px; } .teaser_txt_titel a { color: #5c5c61; } .teaser_txt_titel a:link,.teaser_txt_titel a:visited,.teaser_txt_titel a:active { color: #5c5c61; text-decoration: none; } .teaser_txt_titel a:focus,.teaser_txt_titel a:hover { color: #000; text-decoration: none; } .pic_stage_medium { POSITION: absolute; TOP: 70px; LEFT: 0px; PADDING: 0px; MARGIN: 0px; } .headline_content { MARGIN-TOP: 5px; } .headline_content_search { MARGIN-BOTTOM: 4px; } .headline_content_standard { margin-bottom: 1px; *margin-bottom: 0px; } .headline_content_popup { WIDTH: 400px; MARGIN-TOP: 5px; } .headline_content_popup_s { WIDTH: 370px; MARGIN-TOP: 5px; } /*images: space arround the picture*/ /*************************/ .pic_float_le { PADDING-RIGHT: 10px; FLOAT: left; } /*images: line over picture*/ /*************************/ .teaser_line { BORDER-TOP: solid 1px #CCCCD1; MARGIN-BOTTOM: 3px; } .teaser_line_hp { BORDER-TOP: solid 1px #CCCCD1; MARGIN-TOP: 5px; *MARGIN-TOP: 6px; } /*images teaser: images and elements*/ /*************************/ .imageteaser_pic_flex { MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-BOTTOM: 0px; /*MARGIN-BOTTOM: 28px; */ PADDING: 0px; margin-top: 1px; *margin-top: 0px; } /*description width = width picture*/ .pic_description { /* width: 180px;*/ margin-top: 5px; /*margin-top: 2px;*/ margin-bottom: 10px; font-size: 10px; color: #9999a3; line-height: 13px; } .imageteaser_link { MARGIN: 0px; } .imageteaser { WIDTH: 100%; PADDING-TOP: 0px; PADDING-BOTTOM: 16px; } .imageteaser_pic { WIDTH: 180px; } .imageteaser_txt { margin-top: -2px; } /*for picture 180px*/ .imageteaser_pic_le { width: 180px; margin-top: 1px; *margin-top: 0px; margin-right: 15px; float: left; } .imageteaser_pic_ri { width: 180px; margin-top: 1px; *margin-top: 0px; margin-left: 15px; float: right; } /*for picture 375px*/ .imageteaser_pic_double_le { width: 375px; margin-top: 1px; *margin-top: 0px; margin-right: 15px; float: left; } .imageteaser_pic_double_ri { width: 375px; margin-top: 1px; *margin-top: 0px; margin-left: 15px; float: right; } .teaser_pic { MARGIN-TOP: 0px; MARGIN-BOTTOM: 4px; BORDER-TOP: solid 1px #CCCCD1; } .teaser_pic_hp { MARGIN-TOP: 5px; *MARGIN-TOP: 6px; MARGIN-BOTTOM: 4px; *MARGIN-BOTTOM: 3px; BORDER-TOP: solid 1px #CCCCD1; } .teaser_banner { MARGIN-BOTTOM: 20px; } .teaser_space { MARGIN-BOTTOM: 15px; } .teaser_head_pic { MARGIN-BOTTOM: 7px; FONT-WEIGHT: bold; } /*teaser head: clickable or normal without link*/ /*************************/ .teaser_head { MARGIN-BOTTOM: 0px; FONT-WEIGHT: bold; COLOR: #000000; } .teaser_head A { COLOR: #000000; TEXT-DECORATION: none; } .teaser_head A:link { COLOR: #000000; TEXT-DECORATION: none; } .teaser_head A:visited { COLOR: #000000; TEXT-DECORATION: none; } .teaser_head A:active { COLOR: #000000; TEXT-DECORATION: none; } .teaser_head A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*image teaser: links: imageteaser_title*/ /*************************/ .imageteaser_title { FONT-WEIGHT: bold; COLOR: #000000; } .imageteaser_title A { COLOR: #000000; TEXT-DECORATION: none; } .imageteaser_title A:link { COLOR: #000000; TEXT-DECORATION: none; } .imageteaser_title A:visited { COLOR: #000000; TEXT-DECORATION: none; } .imageteaser_title A:active { COLOR: #000000; TEXT-DECORATION: none; } .imageteaser_title A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*END images elements*/ /*====================================*/ /**************************************/ /*LINE-ELEMENTS: LINES*/ /**************************************/ /*different lines*/ /*************************/ .line_left8 { PADDING-LEFT: 7px; BORDER-LEFT: solid 1px #9A999F; } .line_bg { WIDTH: 1px; FONT-SIZE: 0px; BACKGROUND: #CCCCD1; } .line_space { WIDTH: 1px; HEIGHT: 20px; BACKGROUND: #FFFFFF; } /*separator between table and next table for hompage*/ .separator_hp { margin-top: 11px; padding-top: 9px; *padding-top: 8px; border-top: solid 1px #CCCCD1; } /*END line elements*/ /*====================================*/ /**************************************/ /*LINK AREA - LINK + UP + LINK indent*/ /**************************************/ .link_item { TEXT-INDENT: -10px; MARGIN-LEFT: 10px; PADDING: 0px; MARGIN-TOP: 0px; MARGIN-BOTTOM: 0px; CLEAR: both; LINE-HEIGHT: 15px; } /*LINK AREA: item up*/ /*************************/ .link_item_up { PADDING: 0px; MARGIN-TOP: 0px; } /*LINK AREA: link indent*/ /*************************/ .link_item_indent { MARGIN-TOP: 0px; MARGIN-BOTTOM: 9px; MARGIN-LEFT: 11px; TEXT-INDENT: -13px; CLEAR: both; } /*link item dark - used for card index sub navigation*/ /*************************/ .link_item_dark A, .link_item_dark A:link, .link_item_dark A:visited, .link_item_dark A:active { MARGIN-TOP: 0px; MARGIN-LEFT: 0px; PADDING-RIGHT: 20px; COLOR: #000000; TEXT-INDENT: -10px; CLEAR: both; FONT-WEIGHT: normal; TEXT-DECORATION: none; } .link_item_dark A:hover { COLOR: #000000; TEXT-DECORATION: underline; } .link_item_dark_on A, .link_item_dark_onA:link, .link_item_dark_on A:visited, .link_item_dark_on A:active { MARGIN-TOP: 0px; MARGIN-LEFT: 0px; PADDING-RIGHT: 19px; COLOR: #000000; TEXT-INDENT: -10px; CLEAR: both; FONT-WEIGHT: bold; TEXT-DECORATION: none; } .link_item_dark_on A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*END link area*/ /*====================================*/ /**************************************/ /*PICTURE ELEMENTS: images, icons, linkarrows*/ /**************************************/ /*icon for link in new window*/ /*************************/ .icon_window { PADDING-LEFT: 5px; } /*icon pdf*/ /*************************/ /*used in new styles, sr*/ .icon_pdf { MARGIN-TOP: 2px; MARGIN-BOTTOM: -3px; PADDING-LEFT: 4px; } /*acrobat download*/ /*************************/ .acrobat_text { PADDING-BOTTOM: 17px; } .acrobat_pic { MARGIN-RIGHT: 10px; PADDING-BOTTOM: 17px; BORDER: 0; } /*FOR: arrow in text, link under link, etc (orange or blue)*/ /*************************/ .arrow { MARGIN-TOP: 2px; margin-right: 1px; } .arrow_up { MARGIN-TOP: 4px; MARGIN-RIGHT: 5px; } .arrow_indent { MARGIN-TOP: 5px; MARGIN-LEFT: 2px; MARGIN-RIGHT: 1px; } /*icon PLUS over pictures*/ /*************************/ .icon_plus_area { POSITION: relative; } .icon_plus { POSITION: absolute; } .clickimg { BORDER: 0; CURSOR: pointer; } /*END picture elements*/ /*====================================*/ /**************************************/ /*LEFT COLUMN: COLUMN OF CONTEXT NAVIGATION AND BOXES*/ /**************************************/ .vw_banner { MARGIN-BOTTOM: 10px; } /*left column, linklist, entry active*/ /*************************/ .entry_active { COLOR: #000000; } .entry_active A { COLOR: #000000; TEXT-DECORATION: none; } .entry_active A:link { COLOR: #000000; TEXT-DECORATION: none; } .entry_active A:visited { COLOR: #000000; TEXT-DECORATION: none; } .entry_active A:active { COLOR: #000000; TEXT-DECORATION: none; } .entry_active A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*left column, linklist*/ /*************************/ .linklist_lmc { LINE-HEIGHT: 15px; FONT-SIZE: 10px; MARGIN-BOTTOM: 16px; } .linklist_line { WIDTH: 165px; MARGIN-TOP: 19px; MARGIN-BOTTOM: 3px; FONT-SIZE: 0px; LINE-HEIGHT: 1px; BORDER-TOP: solid 1px #CCCCD1; } .linklist_headline { MARGIN-BOTTOM: 4px; FONT-SIZE: 11px; LINE-HEIGHT: 15px; COLOR: #88878D; } .linklist_lmc_txt { MARGIN-BOTTOM: 6px; FONT-SIZE: 10px; LINE-HEIGHT: 13px; } /*END left column elements*/ /*====================================*/ /**************************************/ /*LEFT COLUMN: CONTEXT NAVIGATION*/ /**************************************/ /*opened contextnav with entries*/ /******************************/ .contextnav_opened { MARGIN-TOP: 8px; MARGIN-BOTTOM: 17px; } .contextnav_2level { MARGIN-TOP: -2px; MARGIN-LEFT: 9px; } /*opened contextnav entry*/ /*************************/ .entry { MARGIN-BOTTOM: 5px; PADDING: 0px; LINE-HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #9999A3; } .entry A { COLOR: #9999A3; TEXT-DECORATION: none; } .entry A:link { COLOR: #9999A3; TEXT-DECORATION: none; } .entry A:visited { COLOR: #9999A3; TEXT-DECORATION: none; } .entry A:active { COLOR: #9999A3; TEXT-DECORATION: none; } .entry A:hover { COLOR: #000000; TEXT-DECORATION: none; } /*opened contextnav entry active*/ /*************************/ .entry_on { MARGIN-BOTTOM: 5px; PADDING: 0px; LINE-HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; } .entry_on A { COLOR: #000000; TEXT-DECORATION: none; } .entry_on A:link { COLOR: #000000; TEXT-DECORATION: none; } .entry_on A:visited { COLOR: #000000; TEXT-DECORATION: none; } .entry_on A:active { COLOR: #000000; TEXT-DECORATION: none; } .entry_on A:hover { COLOR: #000000; TEXT-DECORATION: none; } /*opened contextnav entry 2level*/ /*************************/ .entry_2level { PADDING: 0px; LINE-HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #9999A3; } .entry_2level A { COLOR: #9999A3; TEXT-DECORATION: none; } .entry_2level A:link { COLOR: #9999A3; TEXT-DECORATION: none; } .entry_2level A:visited { COLOR: #9999A3; TEXT-DECORATION: none; } .entry_2level A:active { COLOR: #9999A3; TEXT-DECORATION: none; } .entry_2level A:hover { COLOR: #000000; TEXT-DECORATION: none; } /*opened contextnav entry 2level*/ /*************************/ .entry_2level_on { PADDING: 0px; LINE-HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000; } .entry_2level_on A { COLOR: #000000; TEXT-DECORATION: none; } .entry_2level_on A:link { COLOR: #000000; TEXT-DECORATION: none; } .entry_2level_on A:visited { COLOR: #000000; TEXT-DECORATION: none; } .entry_2level_on A:active { COLOR: #000000; TEXT-DECORATION: none; } .entry_2level_on A:hover { COLOR: #000000; TEXT-DECORATION: none; } /*opened contextnav for 2nd level entry active*/ /*************************/ .entry_for2nd_on { MARGIN-BOTTOM: 2px; PADDING: 0px; LINE-HEIGHT: 15px; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000; } .entry_for2nd_on A { COLOR: #000000; TEXT-DECORATION: none; } .entry_for2nd_on A:link { COLOR: #000000; TEXT-DECORATION: none; } .entry_for2nd_on A:visited { COLOR: #000000; TEXT-DECORATION: none; } .entry_for2nd_on A:active { COLOR: #000000; TEXT-DECORATION: none; } .entry_for2nd_on A:hover { COLOR: #000000; TEXT-DECORATION: none; } /*END contextnav*/ /*====================================*/ /**************************************/ /*SUBNAVIGATION CONTENT*/ /**************************************/ .subnav_content { MARGIN-TOP: 13px; MARGIN-BOTTOM: 2px; COLOR: #9999A7; } /*link subnav hi, clickable*/ /*************************/ .subnav_content_link_hi { FONT-SIZE: 11px; COLOR: #000000; TEXT-DECORATION: none; } .subnav_content_link_hi A { COLOR: #000000; TEXT-DECORATION: none; } .subnav_content_link_hi A:link { COLOR: #000000; TEXT-DECORATION: none; } .subnav_content_link_hi A:visited { COLOR: #000000; TEXT-DECORATION: none; } .subnav_content_link_hi A:active { COLOR: #000000; TEXT-DECORATION: none; } .subnav_content_link_hi A:hover { COLOR: #000000; TEXT-DECORATION: underline; } /*link subnav content*/ /*************************/ .subnav_content_link { FONT-SIZE: 11px; COLOR: #9999A7; TEXT-DECORATION: none; } .subnav_content_link A { COLOR: #9999A7; TEXT-DECORATION: none; } .subnav_content_link A:link { COLOR: #9999A7; TEXT-DECORATION: none; } .subnav_content_link A:visited { COLOR: #9999A7; TEXT-DECORATION: none; } .subnav_content_link A:active { COLOR: #9999A7; TEXT-DECORATION: none; } .subnav_content_link A:hover { COLOR: #3B7AB2; TEXT-DECORATION: underline; } /*subnav - position for popup*/ /*************************/ .subnav_popup { Z-INDEX: 20; POSITION: absolute; TOP: 100px; LEFT: 0px; WIDTH: 100%; HEIGHT: 20px; BACKGROUND: #9999A3; } /*END subnavigation content area*/ /*====================================*/ /**************************************/ /*MAINNAV*/ /**************************************/ .mainnav { Z-INDEX: 30; POSITION: absolute; TOP: 82px; LEFT: 0px; WIDTH: 780px; HEIGHT: 88px; TEXT-ALIGN: right; } #main_sub_container { Z-INDEX: 50; POSITION: absolute; TOP: 100px; *TOP: 101px; LEFT: 547px; HEIGHT: 65px; WIDTH: auto; PADDING-TOP: 0px; VISIBILITY: hidden; DISPLAY: none; } .main_sub { POSITION: relative; HEIGHT: 62px; TEXT-ALIGN: left; VISIBILITY: visible; OVERFLOW: hidden; PADDING-RIGHT: 11px; PADDING-LEFT: 0px; VERTICAL-ALIGN: top; } #main_sub_list { BORDER: 0; PADDING: 0; MARGIN: 0; TEXT-ALIGN: left; } /*main subnavigation*/ /*************************/ a.main_sub_link { FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-SIZE: 10px; LINE-HEIGHT: 15px; COLOR: #878791; PADDING-LEFT: 0px !important; *MARGIN-LEFT: -1px !important; TEXT-DECORATION: none; WHITE-SPACE: nowrap; } a.main_sub_link:link { COLOR: #878791; TEXT-DECORATION: none; } a.main_sub_link:visited { COLOR: #878791; TEXT-DECORATION: none; } a.main_sub_link:active { COLOR: #878791; TEXT-DECORATION: none; } a.main_sub_link:hover { COLOR: #000000; TEXT-DECORATION: none; } /*main subnavigation hi*/ /*************************/ a.main_sub_link_hi { FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-SIZE: 11px; COLOR: #878791; PADDING-LEFT: 0px; TEXT-DECORATION: none; WHITE-SPACE: nowrap; } a.main_sub_link_hi:link { COLOR: #878791; TEXT-DECORATION: none; } a.main_sub_link_hi:visited { COLOR: #878791; TEXT-DECORATION: none; } a.main_sub_link_hi:active { COLOR: #878791; TEXT-DECORATION: none; } a.main_sub_link_hi:hover { COLOR: #000000; TEXT-DECORATION: none; } /*END mainnav*/ /*====================================*/ /**************************************/ /*SUBNAV*/ /**************************************/ /*subnav - position for the stage_medium image large 260px height*/ /*************************/ .subnav_large { Z-INDEX: 20; POSITION: absolute; TOP: 430px; LEFT: 0px; WIDTH: 780px; HEIGHT: 20px; BACKGROUND: #9999A3; } /*subnav - position for the stage_medium image medium 140px height*/ /*************************/ .subnav_medium { Z-INDEX: 20; POSITION: absolute; TOP: 310px; LEFT: 0px; WIDTH: 780px; HEIGHT: 20px; BACKGROUND: #9999A3; } /*subnav - position for the stage_medium image small 70px height*/ /*************************/ .subnav_small { Z-INDEX: 20; POSITION: absolute; TOP: 240px; LEFT: 0px; WIDTH: 780px; HEIGHT: 20px; BACKGROUND: #9999A3; } /*subnav - position for no stage_medium and bakgroundimage xsmall*/ /*************************/ .subnav_xsmall { Z-INDEX: 20; POSITION: absolute; TOP: 170px; LEFT: 0px; WIDTH: 780px; HEIGHT: 20px; BACKGROUND: #9999A3; } /*navigation subnav*/ /*************************/ #subnav_submenu { Z-INDEX: 70; POSITION: absolute; TOP: 330px; LEFT: 210px; WIDTH: 100px; TEXT-ALIGN: left; BACKGROUND: #9999A3; VISIBILITY: hidden; DISPLAY: none; OVERFLOW: visible; } a.subnav_sub_link { PADDING-TOP: 2px; PADDING-BOTTOM: 4px; PADDING-LEFT: 10px; PADDING-RIGHT: 16px; FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-SIZE: 11px; TEXT-DECORATION: none; COLOR: #ffffff; LINE-HEIGHT: 12px; WHITE-SPACE: nowrap; DISPLAY: block; BORDER-TOP: 1px solid #878791; } a.subnav_sub_link:link { COLOR: #ffffff; TEXT-DECORATION: none; } a.subnav_sub_link:visited { COLOR: #ffffff; TEXT-DECORATION: none; } a.subnav_sub_link:active { COLOR: #ffffff; TEXT-DECORATION: none; } a.subnav_sub_link:hover { COLOR: #ffffff; TEXT-DECORATION: none; BACKGROUND: #5C5C61; DISPLAY: block; } /*END subnav*/ /*====================================*/ /**************************************/ /*METANAV*/ /**************************************/ .metanav { POSITION: absolute; TOP: 1px; WIDTH: 776px; PADDING-TOP: 3px; TEXT-ALIGN: right; COLOR: #9999A3; FONT-SIZE: 10px; WHITE-SPACE: nowrap; OVERFLOW: visible; HEIGHT: 19px; } .metanav A { COLOR: #9999A3; TEXT-DECORATION: none; } .metanav A:link { COLOR: #9999A3; TEXT-DECORATION: none; } .metanav A:visited { COLOR: #9999A3; TEXT-DECORATION: none; } .metanav A:active { COLOR: #9999A3; TEXT-DECORATION: none; } .metanav A:hover { COLOR: #000000; TEXT-DECORATION: none; } .metanav_highlight { COLOR: #000000; } /*END metanav*/ /*====================================*/ /**************************************/ /*FOOT*/ /**************************************/ .foot_withsubnav { MARGIN-TOP: -3px; CLEAR: both; } .foot { POSITION: relative; WIDTH: 766px; MARGIN-TOP: -1px; COLOR: #9999A3; CLEAR: both; } .foot .txtri { POSITION: relative; FLOAT: right; } .foot .txtle { MARGIN: 0px; } .foot A { COLOR: #9999A3; TEXT-DECORATION: none; } .foot A:link { COLOR: #9999A3; TEXT-DECORATION: none; } .foot A:visited { COLOR: #9999A3; TEXT-DECORATION: none; } .foot A:active { COLOR: #9999A3; TEXT-DECORATION: none; } .foot A:hover { COLOR: #000000; TEXT-DECORATION: none; } .foothead_vertical_separator { MARGIN-TOP: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; } /*END footer*/ /*====================================*/ /**************************************/ /* NO FLASH STAGE */ /**************************************/ /* container for no-flash text and download-button*/ #noflash_txt_large { Z-INDEX: 11; POSITION: absolute; TOP: 60px; LEFT: 210px; WIDTH: 376px; HEIGHT: auto; TEXT-ALIGN: center; } #noflash_txt_small { Z-INDEX: 11; POSITION: absolute; TOP: 10px; LEFT: 210px; WIDTH: 376px; HEIGHT: auto; TEXT-ALIGN: center; } #noflash_txt_normal { Z-INDEX: 11; TEXT-ALIGN: center; vertical-align: middle; } .noflash_headline { MARGIN-BOTTOM: 5px; COLOR: #000000; FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-WEIGHT: bold; } .noflash_paragraph { MARGIN-TOP: 0px; MARGIN-BOTTOM: 10px; COLOR: #5C5C61; FONT-FAMILY: Arial, Helvetica, Sans Serif; FONT-WEIGHT: bold; } /*END flash*/ /*====================================*/ /**************************************/ /*SPACE + BLOCK*/ /**************************************/ /*space footer to content*/ /******************************/ .space_tofooter_17 { MARGIN-TOP: 17px; } .space_tofooter_19 { MARGIN-TOP: 19px; } /*space to next element*/ /******************************/ .space_2 { MARGIN-BOTTOM: 2px; } .space_8 { MARGIN-BOTTOM: 8px; } .space_13 { MARGIN-BOTTOM: 13px; } .space_14 { MARGIN-BOTTOM: 14px; } .space_15 { MARGIN-BOTTOM: 15px; } .space_16 { MARGIN-BOTTOM: 16px; } /*FOR: 2level contextnav, space to next entry 1level*/ .space_5 { MARGIN-BOTTOM: 5px; } /*FOR: next teaser without line*/ .space_11 { MARGIN-BOTTOM: 11px; } .space_25 { MARGIN-BOTTOM: 25px; } /*space to top*/ /******************************/ .space_top1 { PADDING-TOP: 1px; } .space_top2 { PADDING-TOP: 2px; } .space_top3 { PADDING-TOP: 3px; } .space_top4 { PADDING-TOP: 4px; } .space_top7 { PADDING-TOP: 7px; } .space_top8 { PADDING-TOP: 8px; } .space_top10 { PADDING-TOP: 10px; } .space_top13 { PADDING-TOP: 13px; } .space_top14 { PADDING-TOP: 14px; } .space_top15 { PADDING-TOP: 15px; } .space_top17 { PADDING-TOP: 17px; } .space_top20 { PADDING-TOP: 20px; } .space_top22 { PADDING-TOP: 22px; } /*space right and left*/ /******************************/ .space_ri { PADDING-RIGHT: 10px; } .space_ri5 { PADDING-RIGHT: 5px; } .space_ri15 { PADDING-RIGHT: 15px; } .space_ri7 { PADDING-RIGHT: 7px; } .space_ri8 { PADDING-RIGHT: 8px; } .space_ri19 { PADDING-RIGHT: 11px; } .space_ri30 { PADDING-RIGHT: 30px; } .space_le { PADDING-LEFT: 10px; } .space_le7 { PADDING-LEFT: 7px; } .space_le15 { PADDING-LEFT: 15px; } /*space right for column table*/ /******************************/ .space_colri { PADDING-RIGHT: 15px; } /*space to content large/min */ /******************************/ .space_navtocontent_min { MARGIN-TOP: 15px; } .space_navtocontent_hp { MARGIN-TOP: 15px; *MARGIN-TOP: 14px; } /*space column small to top*/ /******************************/ .space_lmc_totop { MARGIN-TOP: 30px; } /*space to top less - used in tables*/ /******************************/ .space_top1_neg { MARGIN-TOP: -1px; } .space_top2_neg { MARGIN-TOP: -2px; } .space_top3_neg { MARGIN-TOP: -3px; } .space_top4_neg { MARGIN-TOP: -4px; } /*END space*/ /*====================================*/ /**************************************/ /*IMAGES*/ /**************************************/ .icon_kind { PADDING-BOTTOM: 1px; PADDING-LEFT: 7px; VERTICAL-ALIGN: text-bottom; } /*END IMAGES*/ /*====================================*/ /*FOOT print*/ /**************************************/ .foot_print { POSITION: relative; MARGIN-TOP: -1px; COLOR: #9999A3; CLEAR: both; } .foot_print .txtri { POSITION: relative; FLOAT: right; } .foot_print .txtle { MARGIN: 0px; } .foot_print A, .foot_print A:link, .foot_print A:visited, .foot_print A:active { COLOR: #9999A3; TEXT-DECORATION: none; } .foot_print A:hover { COLOR: #000000; TEXT-DECORATION: none; } .foothead_vertical_separator { MARGIN-TOP: 0px; MARGIN-LEFT: 5px; MARGIN-RIGHT: 5px; } /*END footer*/ /*====================================*/ /**************************************/ /*disclaimer*/ /**************************************/ .disclaimer { padding-top: 0px; margin-top: -3px; margin-bottom: 17px; font-size: 10px; color: #000; line-height: 15px; text-indent: 0px; padding-left: 0px; } .disclaimer_justtext { font-size: 10px; } /*position in template - content text with padding left*/ .carbody_disclaimer { margin-left: 10px; } /*END disclaimer*/ /*END all*/ /*====================================*/