body { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; background-color:#ffffff; margin: 0 auto; color:#8a898d; padding:0px 0px 0px 0px; width:1001px; } h1 { font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:normal; color:#000000; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#000000; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } a img { border: none;} a:link, a:active, a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#204992; text-decoration:none; } a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#204992; text-decoration:underline; } #B_top { float:left; width:1001px; height:64px; background:url(/public/grafik/main_top_bg.jpg) no-repeat bottom; } #B_main { float:left; width:988px; background:url(/public/grafik/main_bg.jpg) repeat-y; padding:0px 7px 0px 6px; } #C_main { float:left; width:988px; background:url(/public/grafik/c_curve_bg.jpg) no-repeat bottom; } #C_main_height { float:left; width:1px; height:431px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:0px; font-size:0px; } #C_main_startpage { float:left; width:988px; background:url(/public/grafik/c_curve_bg.jpg) no-repeat bottom; } #C_main_height_startpage { float:left; width:1px; height:500px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; line-height:0px; font-size:0px; } #C_main_startpage_html { float:left; width:587px; padding:0px 200px 0px 200px; } #C_main_holder { float:left; width:935px; padding:10px 26px 61px 26px; } #C_main_top_image { float:left; width:747px; height:52px; background:url(/public/grafik/top_plast.jpg) no-repeat; } #C_main_top_omrade { float:left; width:174px; height:52px; padding-left:14px; } #C_main_top_omrade_drop { position:relative; top:0px; right:0px; _margin:2px 0px 0px -179px; height:77px; width:142px; padding-left:5px; display:none; z-index:999;} .omrade_drop { width:139px; height:25px; position:relative; } #C_main_logo_menu { float:left; width:935px; height:51px; padding:20px 0px 15px 0px; } #C_main_logo { float:left; width:285px; height:51px; } #C_main_menu { float:left; width:611px; height:20px; padding:30px 0px 0px 0px; border-bottom:1px solid #8a898d; } #C_main_content_wrapper { float:left; width:935px; background:url(/public/grafik/content_divider_bg.gif) repeat-y left; } #C_main_content_holder { float:left; width:935px; background:url(/public/grafik/content_divider.jpg) no-repeat bottom left; } #C_main_cms { float:left; width:687px; padding:5px 0px 0px 0px; } #C_cms_header { float:left; width:682px; height:20px; background-color:#8a898d; color:#ffffff; padding:5px 0px 0px 5px; } #C_cms_header h1 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; line-height:normal; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #C_cms_preamble { float:left; width:682px; padding:10px 0px 0px 5px; } #C_cms_preamble h2 { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; font-weight:normal; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } #C_cms_html { float:left; width:682px; padding:50px 0px 0px 5px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; } #C_main_cms_col1 { float:left; width:245px; padding:50px 0px 0px 5px; } #C_main_cms_col2 { float:left; width:432px; padding:50px 0px 0px 0px; } #C_cms_col2_html { float:left; width:432px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; } #C_main_cms_col1_news { float:left; width:149px; padding:0px 0px 0px 5px; border-right:1px solid #8a898d; padding-right:10px; } #C_main_cms_col2_news { float:left; width:507px; padding:0px 0px 0px 0px; padding-left:10px; } #C_cms_col2_html_news { float:left; width:507px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; } #C_main_prod_col_height { float:left; width:677px; height:50px; } #C_main_cms_prod_col1 { float:left; width:314px; padding:0px 25px 0px 5px; } #C_main_cms_prod_col1 h1 { color:#204992;} #C_main_cms_prod_col2 { float:left; width:312px; padding:0px 0px 0px 25px; border-left:1px solid #8a898d; } .prod_list { float:left; width:312px; border-bottom:1px solid #8a898d; padding:0px 0px 3px 0px; } .prod_list_image { float:left; width:45px; padding:0px 5px 0px 0px } .prod_list_info { float:left; width:262px; } .prod_name { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; font-weight:bold; color:#000000; } .prod_name a:link, .prod_name a:active, .prod_name a:visited { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; font-weight:bold; color:#000000; text-decoration:none; } .prod_name a:hover { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; font-weight:bold; color:#000000; text-decoration:underline; } .prod_data { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#8a898d; vertical-align: top;} .prod_price { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:bold; color:#ff0000; vertical-align: top;} .prod { float:left; width:314px; padding:0px 0px 0px 0px; } .prod_big_image { float:left; width:165px; overflow:hidden; } .prod_info { float:left; width:149px; } .prod_data_name { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; font-weight:normal; color:#204992; } .prod_data_artnr { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; font-weight:bold; color:#204992; padding:0px 0px 20px 0px; } .prod_data2 { text-align:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#8a898d; } .prod_small_images { float:left; width:314px; padding:10px 0px 5px 0px; border-bottom:1px solid #8a898d; } .prod_links { float:left; width:314px; padding:10px 0px 0px 0px; } .prod_icon { padding-left:5px;} #C_main_divider { float:left; width:74px; height:100%;} #C_main_divider_height { float:left; width:1px; height:523px; font-size:0px; line-height:0px; } #C_main_divider_top { float:left; width:73px; text-align:center;} #C_main_news_holder { float:left; width:151px; } #C_main_news_logo { float:left; width:151px; height:77px; background:url(/public/grafik/centramec_news_logo.gif) no-repeat; } #C_main_news { float:left; width:151px; } .newsflash_header { float:left; width:151px; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:normal; font-weight:bold; color:#204992; } .newsflash_text { float:left; width:151px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#8a898d; } .newsflash_link { float:left; width:151px; text-align:right; padding-bottom:5px; } .newsflash_link a:link, .newsflash_link a:active, .newsflash_link a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#204992; text-decoration:none; } .newsflash_link a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#204992; text-decoration:underline; } .sidfot-content { float:right; padding-right:25px; margin-top:-80px; font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#ffffff; } .sidfot-content a:link, .sidfot-content a:active, .sidfot-content a:visited { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#ffffff; text-decoration:none; } .sidfot-content a:hover { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:normal; font-weight:normal; color:#ffffff; text-decoration:underline; } #B_footer { float:left; width:1001px; height:9px; background:url(/public/grafik/main_footer_bg.jpg) no-repeat; } /* TOPPMENY */ /* Type 1: li (.TM_T1_On & .TM_T1_Off) Type 2: div (.TM_T1_On & .TM_T1_Off) Type 3: yttre div (.TM_T1_On & .TM_T1_Off) samt inre div (.TM_T2_On & .TM_T2_Off) Type 4: väster div (.TM_T1_On & .TM_T1_Off), inre div (.TM_T2_On & .TM_T2_Off) samt höger div (.TM_T3_On & .TM_T3_Off) */ /* Yttre diven, här med bakgrundsbild pa vänstersidan när den är aktiv. Paddingen pa vänstersidan ska vara samma som bakgrundsbildens bredd. */ .TM_T1_On { display:block; float:left; line-height:normal; padding:0px 0px 0px 0px; } .TM_T1_Off { display:block; float:left; line-height:normal; padding:0px 0px 0px 0px; } .TM_SEP { display:block; float:left; background-image:url(/public/grafik/separator.gif); background-repeat:no-repeat; font-size:0px; width:1px; height:35px; } /* Display block är till för att kunna sätta höjd pa länken. */ a.TM_L_On, a.TM_L_On:link, a.TM_L_On:active, a.TM_L_On:visited { color:#204992; font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:none; font-weight:normal; text-decoration:none; line-height:normal; padding:0px 7px 0px 0px; } a.TM_L_On:hover { color:#204992; font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:none; font-weight:normal; text-decoration:underline; line-height:normal; padding:0px 7px 0px 0px; } a.TM_L_Off, a.TM_L_Off:link, a.TM_L_Off:active, a.TM_L_Off:visited { color:#8a898d; font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:none; font-weight:normal; text-decoration:none; line-height:normal; padding:0px 7px 0px 0px; } a.TM_L_Off:hover { color:#204992; font-family: Arial, Helvetica, sans-serif; font-size:14px; letter-spacing:none; font-weight:normal; text-decoration:underline; line-height:normal; padding:0px 7px 0px 0px; } .TM_CONT, .TM_CONT li { list-style-type:none; /* Plockar bort 'punkterna' i listorna. */ overflow:hidden; /* Ser till att langa namn inte spräcker designen. */ margin:0; /* Tar bort indentering pa listorna som */ padding:0; /* Vi fixar indentering pa i länkklasserna istället. */ text-align:left; } .TM_CONT { margin-left:0px; } /* Klasser till byggklossen för personalpresentation */ .personal_holder { width:200px; border-bottom:1px solid #8a898d; } .personal_name { width:130px; font-family:Arial, Helvetica, sans-serif; font-size:16px; line-height:normal; color:#204992; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .personal_title { width:130px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:normal; color:#8a898d; font-weight:bold; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; } .personal_contact { width:130px; padding-top:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; color:#8a898d; } .personal_contact a:link, .personal_contact a:active, .personal_contact a:visited { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; color:#8a898d; text-decoration:none; } .personal_contact a:hover { font-family:Arial, Helvetica, sans-serif; font-size:10px; line-height:normal; color:#8a898d; text-decoration:underline; } .personal_image { width:70px; vertical-align:top; } /* Klasser till byggklossen för nyhetspresentation */ .nyhet_holder { float:left; width:507px; overflow:hidden; padding-bottom:5px; border-bottom:1px solid #8a898d; } .nyhet_image { width:105px; padding-right:10px; vertical-align:top; } .nyhet_header { width:115px; vertical-align:top; padding-right:10px; } .nyhet_info { width:217px; vertical-align:top; } .nyhet_links { width:50px; vertical-align:bottom; } /* Nedanstående css används för menyn där man väljer produktområde... */ /* ================================================================ This copyright notice must be kept untouched in the stylesheet at all times. The original version of this stylesheet and the associated (x)html is available at http://www.cssplay.co.uk/menus/pro_drop7.html Copyright (c) 2005-2007 Stu Nicholls. All rights reserved. This stylesheet and the associated (x)html may be modified in any way to fit your requirements. =================================================================== */ /* #nav li.sep {display:block; float:left; height:41px; line-height:41px; color:#9c9389; text-decoration:none; font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:normal; } */ #nav { padding:0; margin:0 0 0 0; list-style:none; height:52px; z-index:200; } #nav2 { padding:0; margin:0 0 0 0; list-style:none; height:52px; z-index:200; } #nav li.top { display:block; float:left; background:url(/public/grafik/produktomrade_plast.jpg) no-repeat; width:139px; height:52px;} /* #nav li a.top_link {display:block; float:left; height:41px; line-height:41px; color:#9c9389; text-decoration:none; font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:normal; padding:0 0 0 15px; cursor:pointer; } #nav li a.top_link span {float:left; display:block; padding:0 15px 0 0; height:35px; } #nav li a.top_link span.on {float:left; display:block; padding:0 15px 0 0; height:35px; color:#0061a0; } #nav li:hover a.top_link, #nav a.top_link:hover {color:#0061a0;} #nav li:hover a.top_link span.down, #nav a.top_link:hover span.down {padding-bottom:3px;} */ #nav table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;} #nav .sub {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0px 0px 0px 0px; padding:0 0 0 0px; list-style:none; } #nav li:hover {position:relative; z-index:200;} #nav a:hover {position:relative; white-space:normal; z-index:200;} #nav :hover ul.sub {left:0px; top:52px; padding:0; border:0px none; white-space:nowrap; min-width:139px; overflow:visible; height:auto; z-index:300;} #nav :hover ul.sub li {display:block; height:25px; position:relative; float:left; width:100%; font-weight:normal; } #nav :hover ul.sub li a {display:block; white-space:nowrap; font-size:11px; font-weight:bold; height:25px; line-height:25px; color:#fff; text-decoration:none;border:0px none;} #nav :hover ul.sub li a:hover {} #nav :hover ul.sub li.divider {display:block; height:2px; position:relative; float:left; width:100%; font-weight:normal; } #nav :hover ul.sub li.divider a {display:block; white-space:nowrap; font-size:11px; font-weight:bold; height:2px; line-height:2px; color:#fff; text-decoration:none;border:0px none;} #nav :hover ul.sub li.divider a:hover {} /* #nav2 li.sep {display:block; float:left; height:41px; line-height:41px; color:#9c9389; text-decoration:none; font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:normal; } */ #nav2 { padding:0; margin:0 0 0 0; list-style:none; height:25px; z-index:200; } #nav2 li.top { display:block; float:left; height:25px;} #nav2 li a.top_link {display:block; background:url(/public/grafik/dropmenu_arrow.gif); background-repeat:no-repeat; background-position:top right; float:left; height:25px; line-height:25px; color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:normal; padding:0 15px 0 0px; cursor:pointer; } #nav2 li a.top_link:hover {display:block; float:left; height:25px; line-height:25px; color:#ffffff; text-decoration:none; font-family:Verdana, Arial, Helvetica; font-size:12px; font-weight:normal; padding:0 15px 0 0px; cursor:pointer; } /* #nav2 li a.top_link span {float:left; display:block; padding:0 15px 0 0; height:35px; } #nav2 li a.top_link span.on {float:left; display:block; padding:0 15px 0 0; height:35px; color:#0061a0; } #nav2 li:hover a.top_link, #nav2 a.top_link:hover {color:#0061a0;} #nav2 li:hover a.top_link span.down, #nav2 a.top_link:hover span.down {padding-bottom:3px;} */ #nav2 table {border-collapse:collapse; padding:0; width:0; height:0; margin:0 -20px 0 0;} #nav2 .sub2 {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0px 0px 0px 0px; padding:0 0 0 0px; list-style:none; } #nav2 li:hover { position:relative; z-index:200;} #nav2 a:hover { position:relative; white-space:normal; z-index:200;} #nav2 :hover ul.sub2 { left:-5px; top:21px; _top:25px; padding:0; white-space:nowrap; min-width:300px; overflow:visible; height:auto; z-index:300;} #nav2 :hover ul.sub2 li { display:block; text-indent:10px; height:25px; position:relative; float:left; width:300px; font-weight:normal; border:2px solid #ffffff; } #nav2 :hover ul.sub2 li a:link { display:block; white-space:nowrap; font-size:12px; font-weight:normal; height:25px; line-height:25px; color:#ffffff; text-decoration:none; background-color:#8a898d;} #nav2 :hover ul.sub2 li a:active{ display:block; white-space:nowrap; font-size:12px; font-weight:normal; height:25px; line-height:25px; color:#ffffff; text-decoration:none; background-color:#8a898d;} #nav2 :hover ul.sub2 li a:visited { display:block; white-space:nowrap; font-size:12px; font-weight:normal; height:25px; line-height:25px; color:#ffffff; text-decoration:none; background-color:#8a898d;} #nav2 :hover ul.sub2 li a:hover { display:block; white-space:nowrap; font-size:12px; font-weight:normal; height:25px; line-height:25px; color:#ffffff; text-decoration:none; background-color:#204992;} #nav2 :hover ul.sub2 li.divider {display:block; height:2px; position:relative; float:left; width:100%; font-weight:normal; } #nav2 :hover ul.sub2 li.divider a {display:block; white-space:nowrap; font-size:11px; font-weight:bold; height:2px; line-height:2px; color:#000000; text-decoration:none;border:0px none;} #nav2 :hover ul.sub2 li.divider a:hover {}