/************************************** Main css for Traryd Fönster Revision: 2009-10-22 ***************************************/ html { min-height: 100%; margin-bottom: 1px; } /* Print */ #logoprint { display:none; } /* Tags */ * { margin: 0; padding: 0; text-decoration:none; } body { font-family: ITC Legacy,Geneva,verdana,helvetica; font-size: 10px; text-align:center; background: #fff url(/Traryd/layout.nsf/webImages/bg.gif/$file/bg.gif) repeat-y; behavior: url(/Traryd/layout.nsf/webressources/csshover.htc/$file/csshover.htc); line-height: 16px; _line-height: 16px; } #Body { font-family: ITC Legacy,Geneva,verdana,helvetica; font-size: 10px; color:#000000;} /* Global tags */ #topheadline { font-size:18px; font-weight:bold; line-height: 25px; width: 680px; _width: 700px; color: white; padding-left: 20px; margin:0;} #topheadlinenopic { font-size:18px; font-weight:bold; line-height: 25px; width: 680px; _width: 700px; color: white; padding-left: 20px; margin:0 0 15px 0;} h1 { font-size: 18px; font-weight:normal; margin-bottom: 15px;} h2,h3,h4,h5,h6 { font-size: 16px; color: #394a40; font-weight: normal; margin-bottom: 10px;} p,td { font-size: 10px; line-height: 16px; _line-height: 16px; } input { border: 1px solid #909090; line-height: 16px; } a, a:active, a:link { color: #000000; text-decoration:underline;} a:visited { color: #8A8A8A; text-decoration:underline;} a:hover { color: #0070B8; text-decoration:underline;} /* Page Construction */ #page { margin: 0 auto; width: 950px; border: none; position:relative; padding-left: 1px;} #pagewrapper { width: 950px; text-align:left;} #wrapper { float:left; width: 950px; background-color: white;} #top { float:left; width: 950px; margin-top: 20px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #ddd; } #pagefooter { float:left; width: 950px; text-align: left; font-size: 9px; color: #999; border-top: 1px solid #ddd; margin-top: 15px; padding-top: 15px; padding-bottom: 15px;} #breadcrum { margin-bottom: 20px;} /* Sitetoolbar */ #sitetools { width:400px; float:right; padding-right: 21px;} #sitetools ul { list-style: none;} #sitetools ul li { float: right; font-weight: normal; list-style: none; padding-left: 6px;} #sitetools ul li a, #sitetools ul li a:link, #sitetools ul li a:visited { color: #000; font-size: 10px; text-decoration:none; padding-left: 6px;} #sitetools ul li a:hover { color: #000; text-decoration:underline;} #sitetools ul li a.selected { color: #0070B8; } #logo { float:left; } #logo img { width: 200px;} #search { float: right; padding-right: 21px;} #topmenu { position:absolute; padding-left: 230px; _padding-left: 140px; width: 722px; _width: 950px; top: 67px; _top:64px; _left:0px; z-index:99; display:block; } ul.topmenu { list-style: none; margin-top: 5px; width: 480px; } ul.topmenu li { float: left; font-weight: normal; list-style: none; padding-right: 6px; line-height: 5px; _line-height: 12px;} ul.topmenu li.selected { } ul.topmenu li a, ul.topmenu li a:link, ul.topmenu li a:visited { color: #000; font-size: 10px;text-decoration:none; padding-left: 6px;} ul.topmenu li a:hover { color: #000; text-decoration:underline;} ul.topmenu li a.selected { color: #000; text-decoration:none;} /* Panes */ #contentwrapper { float:left; width: 950px; } #LeftPane { float:left; padding:0px; padding: 0px; width:220px; _width:230px; padding-left: 10px; margin-top: 25px; } #ContentPane { float:left; padding: 0px; width: 700px; padding-bottom: 0px; } #centercontent { float:left; width: 450px; } #centercontentfull { float:left; width: 700px; } #rightcontent { float:right; padding: 0px; width: 200px; } /* Topbillede i content */ div.topimg { margin-bottom: 20px; width: 700px;} div.topimg img { width: 700px; } /* left menu */ ul.menu { list-style: none; padding-left: 0px;} ul.menu li { font-weight: normal; list-style: none; padding-bottom: 10px; } ul.menu li a, ul.menu li a:link, ul.menu li a:visited { padding-left: 10px; text-decoration:none; font-size: 10px; color:black; } ul.menu li a:hover { color:#000; background: url(/Traryd/layout.nsf/webImages/menu_li.gif/$file/menu_li.gif) no-repeat; background-position: left;} ul.menu li a.selected { background: url(/Traryd/layout.nsf/webImages/menu_li.gif/$file/menu_li.gif) no-repeat; background-position: left; color:black; font-weight:bold; } ul.menu ul li { padding-bottom: 3px;padding-top: 3px;} ul.menu ul li a, ul.menu ul li a:link, ul.menu ul li a:visited { padding-left: 20px; } ul.menu ul li a:hover { color: #000; } ul.menu ul li a.selected { background: url(/Traryd/layout.nsf/webImages/menu_li.gif/$file/menu_li.gif) no-repeat; background-position: left; } ul.menu ul ul li a, ul.menu ul ul li a:link, ul.menu ul ul li a:visited { padding-left: 30px; } ul.menu ul ul li a.selected { background: #FFFFFF url(/Traryd/layout.nsf/webImages/menu_li.gif/$file/menu_li.gif) no-repeat; background-position: left; padding-left: 30px;} /* Hotspots */ div.hotspot { color: #000000; padding-bottom: 20px; } div.hotspot div.headline { color: black; font-size:10px; font-weight:bold;} div.hotspot div.specialbanner { border:3px solid #0070B8; padding: 5px; } div.hotspot div.specialbanner .headline { padding-bottom:3px; font-size:12px; } div.hotspot div.specialbanner a { } div.hotspot a, div.hotspot a:link, div.hotspot a:visited { font-weight: normal; text-decoration: none; } div.hotspot a:hover { } div.hotspot a.selected { } div.hotspot img { border:none; } div.hotspotimg img { } /* sogeform */ form { } form input.input { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 110px; padding-left: 1px; font-size: 9px;margin-right: 2px;} form input.btn { border: 1px solid #8b8b8b; height: 16px; _height: 18px; padding-left: 1px; font-size: 9px; background-color: white; margin:0px; padding:0px;} /* Contact */ div#kontaktform input { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 320px; padding-left: 1px; font-size: 9px;margin-right: 2px;} div#kontaktform input#zip { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 60px; padding-left: 1px; font-size: 9px;margin-right: 2px;} div#kontaktform input#city { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 246px; padding-left: 1px; font-size: 9px;margin-right: 2px;} div#centercontent div#kontaktform textarea { border: 1px solid #8b8b8b; height: 60px; width: 428px; } div#centercontentfull div#kontaktform textarea { border: 1px solid #8b8b8b; height: 60px; width: 482px; } div#centercontent div#kontaktform input.btn { width:60px; margin-top:20px; margin-right: 30px; } div#centercontentfull div#kontaktform input.btn { width:60px; margin-top:20px; margin-right: 155px; } /* content /content_full styles */ #centercontent h1, #centercontentfull h1 { color: #000; margin:0px; padding:0px; font-size: 11px; line-height:normal; margin-bottom: 10px; margin-top: 0px; } #centercontent h2, #centercontent h3, #centercontent h4, #centercontent h5, #centercontent h6, #centercontentfull h2, #centercontentfull h3, #centercontentfull h4, #centercontentfull h5, #centercontentfull h6 { background: none; color: #000; margin:0px; padding:0px; font-size: 11px; margin-bottom: 10px; font-weight:bold;} #centercontent p, #centercontentfull p { margin-bottom: 10px; } #centercontent ul, #centercontentfull ul { margin-left: 15px; } /* Forside styles */ div#topelement { width: 950px; border:0px solid red; margin-bottom: 20px; height: 250px; overflow:hidden; } div#topelement img { width: 950px; } /* #frontpage h1 { background: none; color: #0070B8; margin:0px; padding:0px; font-size: 11px; width: 140px; line-height: normal;} #frontpage h2 { background: none; color: #0070B8; margin:0px; padding:0px; font-size: 11px; margin-bottom: 0px; font-weight:bold;} #frontpage h3 { background: none; color: #0070B8; margin:0px; padding:0px; font-size: 11px; margin-bottom: 0px; font-weight:bold;} #frontpage h4 { background: none; color: #0070B8; margin:0px; padding:0px; font-size: 11px; margin-bottom: 0px; font-weight:bold;} #frontpage h5 { background: none; color: #0070B8; margin:0px; padding:0px; font-size: 11px; margin-bottom: 0px; font-weight:bold;} #frontpage h6 { background: none; color: #0070B8; margin:0px; padding:0px; font-size: 11px; margin-bottom: 0px; font-weight:bold;} #frontpage p, #frontpage img { margin-bottom: 10px; } #frontpage { color: #0070B8; font-weight:bold;} #frontpage a { color: #000; font-weight:normal; /* background: url(/Traryd/layout.nsf/webImages/a.gif/$file/a.gif) no-repeat; background-position: left; padding-left: 10px; */} #frontpage a:link { color: #000; text-decoration:underline; } #frontpage a:visited { color: #000; } #frontpage a:hover { color: #000; } #frontpage a.selected { color: #000; } */ /* -- Products -- */ /* Product - Right menu */ ul.rightmenu { list-style: none; padding-left: 0px; margin-bottom: 20px;} ul.rightmenu li { font-weight: normal; list-style: none; padding-bottom: 2px; font-weight:bold;} #rightmenu { margin-bottom: 20px;} #rightmenu h3 { color: #000; font-weight:bold; font-size:10px; margin:0px; padding:0px;} #rightmenu a { color: #000; font-weight:normal; background: url(/Traryd/layout.nsf/webImages/a.gif/$file/a.gif) no-repeat; background-position: left; padding-left: 10px; } #rightmenu a:link { color: #000; text-decoration:underline;} #rightmenu a:visited { color: #000; } #rightmenu a:hover { color: #000; } #rightmenu a.selected { color: #000; } #productselecttext { color: #0070B8; font-weight:bold; padding-bottom:25px; } div#slider { border: 1px solid #8A8A8A; width: 460px; margin:0px; overflow-x:auto; overflow-y:hidden; _padding-bottom: 12px; margin-bottom: 20px; background-image: url(/Traryd/layout.nsf/webImages/sliderbg.gif/$file/sliderbg.gif); height: 80px; _height: 83px; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9D9D9D ; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #9D9D9D ; scrollbar-arrow-color: #9D9D9D ; scrollbar-track-color: #FFFFFF; } div#slider td { vertical-align: top; padding: 5px; text-align:center; padding-left: 10px; padding-right: 10px; } div#slider td td { vertical-align: middle; padding: 0px; text-align:center; padding-left: 0px; padding-right: 0px; } div#slider img.arrow { width: 7px; } div#slider td div img { float:left; } div#slider td div { vertical-align: middle; background-color: blue; width: 100px;} div#slider img { cursor:hand; } /* Product group */ #dummy_padding { padding-top: 20px; } #productgroup_text { margin-top: 20px;} #productgroup_text h1 { width:auto; padding:0px; margin:0px; margin-bottom: 10px;} #productgroup_text img { float:left; margin-right: 20px;} #productgroup_text a { color: #000; font-weight:normal; background: url(/Traryd/layout.nsf/webImages/a.gif/$file/a.gif) no-repeat; background-position: left; padding-left: 10px;} /* Product */ #product_text { margin-top: 20px;} #product_text h1 { width:auto; padding:0px; margin:0px; margin-bottom: 10px;} #product_text img { float:left; margin-right: 20px; } #product_text #productpicflash { float:left; margin: 0 20px 0 0; padding: 0; } #product_text a { color: #000; font-weight:normal; background: url(/Traryd/layout.nsf/webImages/a.gif/$file/a.gif) no-repeat; background-position: left; padding-left: 10px;} /* #product_text .th { border-bottom: 1px solid #000000; font-weight: bold; padding: 2px; } #product_text table.stdTable { clear:both; margin-top: 40px; margin-bottom:15px; } #product_text table.stdTable td { border-bottom: 1px #E7E7E7 solid; padding: 2px; } */ .prodinfotbl { width:100%; float:left; position:relative; margin-bottom: 20px; } .pInfoHead { font-weight: bold; padding: 2px; height: 30px; } .pInfoTxt { border-bottom: 1px #E7E7E7 solid; font-weight: bold; padding: 2px; height: 16px; width: 100px; } .pInfoValue { border-bottom: 1px #E7E7E7 solid; padding: 2px; height: 16px; } /* Extranet - Login form */ table.login_form { margin-top:20px; margin-bottom:20px; } table.login_form td { padding-right: 20px;} div#loginerror { color:red; } /* left menu EXTRANET */ div.menuextranet { margin-right: 20px; border-bottom: 1px solid #ddd;margin-bottom:20px;} ul.menuextranet { list-style: none; padding-left: 0px;padding-top: 10px; } ul.menuextranet li { font-weight: normal; list-style: none; padding-bottom: 10px; font-weight:normal;} ul.menuextranet li a { color: #0072B9; padding-left: 10px; text-decoration:none; } ul.menuextranet li a:link { color: #0072B9; text-decoration:none;} ul.menuextranet li a:visited { color: #0072B9; text-decoration:none;} ul.menuextranet li a:hover { color: #0072B9; text-decoration:underline;} ul.menuextranet li a.selected { color: #0072B9; background: #FFFFFF url(/Traryd/layout.nsf/webImages/menu_li.gif/$file/menu_li.gif) no-repeat; background-position: left; font-weight:bold; } ul.menuextranet ul li { font-weight: normal; list-style: none; padding-bottom: 3px;padding-top: 3px;} ul.menuextranet ul li a { color: #000; font-weight: normal; padding-left: 20px; } ul.menuextranet ul li a:link { color: #000; font-weight: normal; padding-left: 20px; } ul.menuextranet ul li a:visited { color: #000; font-weight: normal; padding-left: 20px; } ul.menuextranet ul li a:hover { color: #000; font-weight: normal; padding-left: 20px; } ul.menuextranet ul li a.selected { color: #000; font-weight: normal; background: #FFFFFF url(/Traryd/layout.nsf/webImages/menu_li_2_extranet.gif/$file/menu_li_2_extranet.gif) no-repeat; background-position: left;padding-left: 20px; } ul.menuextranet ul ul li a { padding-left: 30px; } ul.menuextranet ul ul li a:link { padding-left: 30px; } ul.menuextranet ul ul li a:visited { padding-left: 30px; } ul.menuextranet ul ul li a:hover { padding-left: 30px; } ul.menuextranet ul ul li a.selected { background: #FFFFFF url(/Traryd/layout.nsf/webImages/menu_li_3_extranet.gif/$file/menu_li_3_extranet.gif) no-repeat; background-position: left; padding-left: 30px;} #userinfo { clear:both; font-weight:normal; color: #8A8A8A; float:right; padding-top: 2px; padding-right: 20px;} /* Mediabank */ table.mediabank td { padding-bottom: 10px; padding-right: 20px;} /* Searchresult */ div#searchresult { padding:10px; } div#searchresult ul.result li { margin-bottom:10px; list-style: none; } #searchinfo { padding: 9px; background-color: #eee; font-weight:bold; } #searchinfo div { float:right; font-weight:normal; } /* Document list */ div#documentlist div.head { color: #0070B8; font-weight:bold; font-size:10px; margin:15px 0 3px 0; padding:0px; } div#documentlist div.element p { margin-top:3px;} /* FAQ */ div#faq_content h3 { margin-top: 20px; color: #0070B8; font-weight:bold; font-size:11px; } div#faq_content a { background: url(/Traryd/layout.nsf/webImages/a.gif/$file/a.gif) no-repeat; background-position: left; padding-left: 10px; } div#faq_content div.faq { margin-top: 15px; margin-bottom:5px; } div#faq_content div.faq p { margin-top: 4px; margin-bottom: 10px; } /* Job */ div#job { margin-top:20px; } div#jobtext div#expiredate { margin-top:10px; margin-bottom:20px; } div#jobform input.kontaktfield { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 320px; padding-left: 1px; font-size: 9px;margin-right: 2px; } div#jobform input.kontaktfield_postnr { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 70px; padding-left: 1px; font-size: 9px;margin-right: 2px; } div#jobform input.kontaktfield_city { border: 1px solid #8b8b8b; height: 16px; _height: 18px; width: 236px; padding-left: 1px; font-size: 9px;margin-right: 2px; } div#jobform input.btn { width:60px; margin-top:20px; margin-right: 30px; } div#centercontentfull div#kontaktform input.btn { width:60px; margin-top:20px; margin-right: 155px; } /* Gallery */ a.highslide { float: left; margin: 0 20px 20px 0; border: 1px solid #E1DCC7; } a.highslide img { padding: 5px; height: 150px; border:none; } /* Company map (Retailers) */ div#companymap { float:left; margin-top:20px; width: 270px; } div#companymap img { margin-bottom:15px; } div#cmsearch { margin:20px 0 10px 0; color: #0070B8; font-weight:bold; font-size:11px; } div#cmsearch input.input { position:relative; top:-2px; _top:0px; } div#cmsearchtext { width:600px; _width:350px; } div#cmsearchtext ul li { margin-left:15px; } div#cmsearchtextresult { border: 1px solid #8A8A8A; width:325px; _width:345px; height:370px; _height:385px; padding:10px; overflow-x:hidden; overflow-y:auto; _padding-bottom: 12px; margin-bottom: 20px; scrollbar-face-color: #FFFFFF; scrollbar-highlight-color: #FFFFFF; scrollbar-3dlight-color: #9D9D9D ; scrollbar-darkshadow-color: #FFFFFF; scrollbar-shadow-color: #9D9D9D ; scrollbar-arrow-color: #9D9D9D ; scrollbar-track-color: #FFFFFF; } div#cmsearchtextresult div.iwcontent { display:none; } div.iwcontent a img, div.iwcontent a:link img, div.iwcontent a:visited img { border: 1px solid; } div#cmsearchtextresult div.catheadline { width:330px; font-weight:bold; border-bottom:1px solid black; margin-bottom:10px; } div#cmsearchtextresult div.company { margin-bottom:10px; } div#cmsearchtextresult div.company div.headline { font-weight:bold; } /* Konkurrence */ #questions div.qheadline { font-weight: bold; margin: 10px 0 3px 0; } #questions div.qtext { margin: 0 0 5px 0; } input.qradio { border:0!important; margin: 0 5px 3px 10px; _margin: 0 5px 0 10px; position:relative; top:6px; } div.konkurrence-head { margin: 10px 0 10px 0; font-weight:bold; } #oKonkurrenceForm input { padding: 3px; _padding:0; border: 1px solid #8B8B8B; background:#fff; } #oKonkurrenceData p { margin-bottom: 10px; } #oKonkurrenceData table { width: 450px; } #oKonkurrenceData .kontaktfield { width: 250px; height:20px; } #oKonkurrenceData .kontaktfield_postnr { width: 80px; height:20px; } #oKonkurrenceData .kontaktfield_city { width: 158px; height:20px; } #oKonkurrenceData input { padding: 3px; _padding:0; border: 1px solid #8B8B8B; background:#fff; } #downloadwindow { padding:25px 10px 0 10px; } #downloadwindow h1 { font-size: 14px; font-weight: bold; margin-bottom: 15px; } /* reklamation */ #reklamationsform { width: 574px; } #reklamationsform th, #reklamationsform td { line-height: 20px; border: 1px solid black; padding-left: 5px; height: 16px;} #reklamationsform table { display:block; width: 100%; border-collapse:collapse;} #reklamationsform td label { float: left; width: 125px;} #reklamationsform label.large { float: left; width: 243px;} #reklamationsform table td input { border: none; background-color: #efefef; padding: 3px; } #reklamationsform table td input { border: none; background-color: #efefef; padding: 3px; } #reklamationsform input.input { width: 300px;} #reklamationsform input.small { width: 76px;} #reklamationsform input.normal { width: 151px;} #reklamationsform input.large { width: 575px;} #reklamationsform input.xlarge { width: 818px;} /* /content */ /* blank */ #reklamationsform #blank { width: 830px; height: 75px;} /* /blank */