body { font-family:verdana; font-size:8pt; margin:0; height:100%; padding:0; background:url('../image/bg.jpg') #eef1f6 top center repeat-x; } a img { border:none; } img.opskrift {width:9px;height:9px; vertical-align:top;} .inputlabel {} .inputbox { width:250px;} .search { width:195px; } .search input { border:solid 1px silver; width:100px;color:#777c7f} .search a:link, a:visited, a:active, a:hover { color:#777c7f;text-decoration:none; } #outerwrapper { width:996px; height:100%; margin:0 auto; text-align:left; background:url('../image/bg_long.jpg') top no-repeat; padding-bottom:0px; /*overflow:hidden;*/ } #outerwrapper #bannerwrapper { width:960px; height:111px; margin:0 auto; padding-top:30px; /*border:solid 1px black;*/ } #outerwrapper #bannerwrapper #logo { width:138px; height:100px; float:left; margin-left:50px; /*border:solid 1px black;*/ } #bannerwrapper #crumbs { width:492px; height:30px; margin:0 auto; background:url('../image/crumbsbg.jpg') top no-repeat; margin-top:80px; line-height:40px; text-align:left; } #bannerwrapper #crumbs p { margin:0 0 0 15px; line-height:32px; letter-spacing:1px; color:#7f7f7f; font-size:9px; } #bannerwrapper #crumbs a:link, #bannerwrapper #crumbs a:active, #bannerwrapper #crumbs a:visited, #bannerwrapper #crumbs a:hover { color:#7f7f7f; } #rightcolHeader { width:180px; height:20px; float:right; margin:-25px 30px 0 0; line-height:20px; /*border:solid red 1px;*/ } #rightcolHeader h3 { font-size:8pt; color:#7f7f7f; font-weight:normal; padding:0; margin:0 0 0 33px; text-align:left; letter-spacing:2px; } #bannerwrapper #langmenu { width:600px; height:20px; float:right; margin-top:0px; margin-right:10px; text-align:right; /*border:solid 1px black;*/ } #bannerwrapper #langmenu ul { display:inline; list-style:none; } #bannerwrapper #langmenu li { display:inline; color:#7f7f7f; font-family:verdana; font-size:8pt; } #bannerwrapper #langmenu a { color:#7f7f7f; text-decoration:none; } #bannerwrapper #langmenu a:hover { text-decoration:underline; } #bannerwrapper #langmenu .kontakt { margin-right:20px; margin-left:0; } #bannerwrapper #langmenu .firmaadr { display: none; float: right; font-family: Verdana; line-height: 1px!important; font-size: 11px;} #contentwrapper { width:960px; height:auto; margin:0 auto; overflow:hidden; /*border:solid 1px black;*/ } #contentwrapper #leftcol { width:222px; height:450px; float:left; margin-top:10px;background:url('../image/menubgleft.jpg') top no-repeat; /*border:solid 1px black;*/ } #contentwrapper #rightcol { width:222px; height:auto; margin-top:0; margin-bottom:450px; float:right; } #contentwrapper #rightcol .righthotspot { width:220px; height:100%; margin:0px 0 0 1px; padding:0; background:url('../image/hotspotbgright.jpg') no-repeat top white; } #contentwrapper #rightcol .righthotspot .hotpic { width:183px; height:109px; text-align: center; margin:0 0 0 12px; clear: both; overflow:hidden;} #contentwrapper #rightcol .righthotspot .hottext { width:220px; height:100px; margin-top:0; } #contentwrapper #rightcol .righthotspot h3 { font-family:verdana; font-size:12px; font-weight:bold; color: #777C7F; letter-spacing:normal; text-align:left; margin:10px 10px 10px 25px; } #contentwrapper #rightcol .righthotspot p { text-align:left; margin:10px 30px 0px 25px; font-family: Verdana; font-size: 8pt; line-height:15px; } #contentwrapper #rightcol .righthotspot .readmore { font-size:11px; color:#999; float:right; margin:5px 25px 25px 0px; text-decoration:none; } #contentwrapper #centercol { width:515px; min-height:500px; height:100%; margin:0 auto; text-align:center; background:url('../image/centerbg.jpg') top no-repeat;} #contentwrapper #centercol #centerheader { width:492px; height:109px; margin:0 auto; padding:0; } #contentwrapper #centercol #centerheader #headertekst { position:absolute; z-index:2; width:452px; height:auto; top:200px; text-align:left; } #contentwrapper #centercol #centerheader #headertekst h1 { font-family:impact,'trebuchet ms', helvetica; font-weight:normal; margin:0; color:#fff; font-size:26px; margin-left:25px; }/*font-size:30px; margin-left:25px; margin-top:-30px;}*//*font-size:22px; margin-left:25px;}*/ #contentwrapper #centercol #centerheader #headertekstPrint h1 { display: none; height:auto; position:absolute; text-align:left; top:180px; width:452px; z-index:2;} #contentwrapper #centercol .contentDiv { width:444px; height:auto; margin:0 auto; text-align:left;} #contentwrapper #centercol .contentDiv p { font-family: Verdana; font-size:8pt; } #contentwrapper #centercol .contentDiv a {color:#999999;font-size:11px;text-decoration:none; } #contentwrapper #centercol .contentDiv h3 { color:#777C7F; font-size: 12pt;} #contentwrapper #centercol .contentDiv .newsbox { width:100%; border-bottom:solid 1px #999; margin-top:20px; padding-bottom: 35px;} #contentwrapper #centercol .contentDiv .newsbox .date { float:right; color:#999; margin-top:5px; } #contentwrapper #centercol .contentDiv .newsbox h2 { font-family:sans-serif, verdana, impact, 'trebuchet ms', helvetica; font-weight:normal; font-size:18px; color:#999; } #contentwrapper #centercol .contentDiv .newsbox .newsimgRight { float:right; margin:2px 0 0 10px; padding:2px; border:solid 1px #999; } #contentwrapper #centercol .contentDiv .newsbox .newsimgLeft { float:left; margin:2px 10px 0px 0; padding:2px; border:solid 1px #999; } #contentwrapper #centercol .contentDiv .newsbox p { line-height:15px; text-align:left; } #contentwrapper #centercol .contentDiv .newsbox .newsReadMore { float:right; margin:0px; color:#999; text-decoration:none; } #contentwrapper #centercol .kundelogo { width:175px; height:50px; margin-top:20px; margin-left:35px; float:left; } #contentwrapper #centercol .triobox { height:34px; width:auto; float:right; margin-right:35px; margin-top:25px; } #contentwrapper #centercol .spectable { width:auto; height:34px; text-align:center; font-size:8pt; } #contentwrapper #centercol .triobox .spectable #artnr { background:url('../image/triobox1.jpg') no-repeat left top; width:auto; height:17px; line-height:14px; padding:0px 10px; border-bottom:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; } #contentwrapper #centercol .triobox .spectable #pagning { background:url('../image/triobox1.jpg') no-repeat center top; width:auto; line-height:14px; height:17px; padding:0px 10px; border-bottom:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; } #contentwrapper #centercol .triobox .spectable #eankode { background:url('../image/triobox1.jpg') no-repeat right top; width:auto; line-height:15px; height:17px; padding:0px 10x; border-bottom:solid 1px #c8c8c8; } #contentwrapper #centercol .triobox .spectable #artnr2 { background:url('../image/triobox2.jpg') no-repeat left bottom; width:auto; height:14px; height:17px; line-height:14px; padding:0px 10px; border-right:solid 1px #c8c8c8; } #contentwrapper #centercol .triobox .spectable #pagning2 { background:url('../image/triobox2.jpg') no-repeat center bottom; width:auto; line-height:14px; height:17px; padding:0px 10px; border-right:solid 1px #c8c8c8; } #contentwrapper #centercol .triobox .spectable #eankode2 { background:url('../image/triobox2.jpg') no-repeat right bottom; width:auto; line-height:14px; height:17px; padding:0px 10px; } #contentwrapper #centercol .triobox .spectable p { margin:0; padding:2px 4px; text-align:center; } #contentwrapper #centercol .duobox { height:34px; width:auto; float:right; margin-right:35px; margin-top:10px; } #contentwrapper #centercol .duobox .spectable #prodkode { background:url('../image/triobox1.jpg') no-repeat left top; width:auto; height:17px; line-height:14px; padding:0px 10px; border-bottom:solid 1px #c8c8c8; border-right:solid 1px #c8c8c8; } #contentwrapper #centercol .duobox .spectable #prodkode2 { background:url('../image/triobox2.jpg') no-repeat left bottom; width:auto; height:17px; line-height:14px; padding:0px 10px; border-right:solid 1px #c8c8c8; } #contentwrapper #centercol .duobox .spectable #aska { background:url('../image/triobox1.jpg') no-repeat right top; width:auto; height:17px; line-height:14px; padding:0px 10px; border-bottom:solid 1px #c8c8c8; } #contentwrapper #centercol .duobox .spectable #aska2 { background:url('../image/triobox2.jpg') no-repeat right bottom; width:auto; height:17px; line-height:14px; padding:0px 10px; } #contentwrapper #centercol .duobox .spectable p { margin:0; padding:2px 4px; text-align:center; } #contentwrapper #centercol #specwrapper { width:444px; height:auto; margin:130px auto 0; background:url('../image/specbg.jpg') repeat-y; padding:0; text-align:left; } #contentwrapper #centercol #specwrapper #specheader { width:444px; background:url('../image/colheader.jpg') top no-repeat; margin-top:0; padding:0; height:26px; line-height:26px;} #contentwrapper #centercol #specwrapper #specheader h2 { font-size:10pt; font-family:arial; font-weight:bold; margin-left:15px; color:#fff; } #contentwrapper #centercol #specwrapper .specindhold { width:444px; height:auto; border-bottom: 1px solid #c8c8c8; letter-spacing:1px; } #contentwrapper #centercol #specwrapper .specindhold h3 { font-size:9pt; font-family:arial; font-weight:bold; margin:5px 15px 5px 15px; float:left; } #contentwrapper #centercol #specwrapper .specindhold p { margin:10px 15px 20px 15px; padding-top:30px; text-align:left; } #contentwrapper #centercol2 { width:515px; height:auto; margin:0 auto; text-align:center; background:url('../image/centerbg.jpg') top no-repeat; } #contentwrapper #centercol2 #centerheader { width:492px; height:109px; margin:0 auto; padding:0; } #contentwrapper #centercol2 #centerheader #headertekst { position:absolute; z-index:2; width:452px; height:auto; top:200px; text-align:left; } #contentwrapper #centercol2 #centerheader #headertekst h1 { font-family:impact,'trebuchet ms', helvetica; font-weight:normal; margin:0; color:#fff; font-size:30px; margin-left:25px; } #contentwrapper #centercol .afdeling { width:444px; margin-top:20px; margin-bottom:20px; background:url('../image/colbg2.jpg') repeat-y; height:100%; border-bottom:1px solid #c8c8c8; } #contentwrapper #centercol .afdeling .afdheader { width:444px; background:url('../image/colheader.jpg') top no-repeat; margin-top:0; height:26px; line-height:26px; } #contentwrapper #centercol .afdeling .afdheader h2 { font-size:10pt; font-family:arial; font-weight:bold; margin-left:15px; color:#fff; } #contentwrapper #centercol .afdeling .medarbejder { width:424px; height:110px; border:solid #c8c8c8 1px; margin:10px auto; } /* margin:10px auto; for IE7*/ #contentwrapper #centercol .afdeling .medarbejder img { float:left; margin-right:15px; height:110px;} #contentwrapper #centercol .afdeling .medarbejder ul { float:left; padding:0; margin:10px 0; } #contentwrapper #centercol .afdeling .medarbejder ul li { display:block; list-style:none; color:#000; padding:0; margin:4px 0; } #contentwrapper #centercol .afdeling ul li a:link, #contentwrapper #centercol .afdeling ul li a:visited, #contentwrapper #centercol .afdeling ul li a:active, #contentwrapper #centercol .afdeling ul li a:hover { color:#777c7f; } #contentwrapper #centercol .afdeling .medarbejder .title { font-weight:bold; } #contentwrapper #centercol .afdeling .medarbejder .mail a:link, #contentwrapper #centercol .afdeling .medarbejder .mail a:visited, #contentwrapper #centercol .afdeling .medarbejder .mail a:active, #contentwrapper #centercol .afdeling .medarbejder .mail a:hover { color:#777c7f; } .bottom { width:1000px; height:35px; margin:0 auto; background:url('../image/bottom.jpg') no-repeat; margin-bottom:0px; } /* Produktinformation */ #centercol .productdiv { overflow: auto; width:444px; height:auto; margin:20px auto; border-bottom:1px solid #c8c8c8; padding-bottom:10px; } #centercol .productdiv h1 { font-size:16px; margin:20px 15px; text-align:left; } #centercol .productdiv h2 { margin-left:15px; font-size:12px; font-weight:bold; color:#777C7F; text-align:left; margin-top:30px; font-family: Verdana; } #centercol .productdiv p { text-align:left; margin:0 15px; line-height:1.5em; } #centercol .productdiv hr { border:0; height:1px; color:#fff; background:#c8c8c8; } #centercol .productdiv table { width: 444px;} #centercol .productdiv table td h2 { font-family: Verdana; font-size:12px; font-weight:normal; text-align:left; margin-left:5px; margin-top:0px} #centercol .productdiv .productheader { width:444px; height:26px; background:url('../image/colheader.jpg') no-repeat; } #centercol .productdiv .productheader h2 { font-size:11px; font-weight:bold; color:#fff; text-align:left; padding:7px 10px; margin:0; } #centercol .productdiv table .infotd { width:200px; } #centercol .productdiv table td .eco { float:right; margin:0 10px 0 0; } #centercol .productdiv table td ul { float:left; list-style-type:none; margin:10px 0 10px 0; padding:0 0 0 15px; } #centercol .productdiv table td ul li { text-align:left; margin:0 auto; } #centercol .productdiv table td ul li a:link, #centercol .productdiv table td ul li a:active, #centercol .productdiv table td ul li a:visited { color:#777c7f; text-decoration:none; font-size:11px; } #centercol .productdiv table td ul li a:hover { color:#777c7f; text-decoration:underline; } #centercol .productdiv .opskrifttable { width:424px; text-align:left; margin:0 auto; font-size:11px; } #centercol .productdiv .searchresult { margin-top: 5px; } #centercol .productdiv .searchresult .infotd { width:200px; vertical-align:top; } #centercol .productdiv .searchresult .infotd ul { margin-top:0; margin-bottom:0; } #centercol .productdiv table.opskriftstable { width:440px; height:auto; text-align:center; } #centercol .productdiv table.opskrifttable_with_image { float: left; width: 265px; } #centercol .productdiv .opskrifts_wrapper_one, #centercol .productdiv .opskrifts_wrapper_two { float: left; width: 444px; height: auto;} #centercol .productdiv .opskrifts_wrapper_one div.opskriftbillede img { float: left; width: 106px !important; height: 110px; margin-left: 10px; } #centercol .productdiv .opskrifts_wrapper_one div.opskrifts_ikon img { float: left; width: 50px !important; height: 50px; margin-left: 10px; } #centercol .productdiv h2.opskrifts_indhold { margin-top: 0px !important;} #centercol .productdiv .printmodul { margin-top: 0px !important; } #centercol .productdiv .opskriftheader { width:444px; height:50px; } #centercol .productdiv .opskriftheader h1 { line-height:40px; margin-left:20px; color:white; } #centercol .productdiv .opsheader { width:444px; height:50px; background:url('../image/opsprodheader.jpg'); margin:0; padding:0; } #centercol .productdiv .opsheader h1 { line-height:50px; text-align:left; font-size:16px; margin:0 0 0 15px; text-align:left; color:white; } /*#centercol .productdiv .opsprodpic { float:right; margin:10px; width:100px; } */ #centercol .productdiv .opskrifttable td { /*border:solid 1px #c8c8c8;*/ } #centercol .productdiv .opskrifttable .bottomline { border-top:solid 1px #c8c8c8; } /* specsheeet table styles */ .slidepaneldiv { margin-bottom:40px; } .slidepaneldiv table { width:100%; margin:0 auto; padding:10px 10px 0 10px; color:#777c7f; text-align:left; } .slidepaneldiv table td { color:#777c7f !important; vertical-align:text-top; line-height:1.6em; text-align:left; margin:0; padding:3px 5px; } .slidepaneldiv table .alt { background-color:#efefef; margin:0; padding:0; } .slidepaneldiv table .leftSide { color:#000; } .slidepaneldiv table .infotext { text-align:left; background-color:#fff; color:#777c7f; } .slidepaneldiv table .infoheader { font-weight:bold; background:#fff; color:#000; } .slidepaneldiv table .tableheader { font-weight:bold; background:#fff; color:#777c7f; } .slidepaneldiv table.general td { background:#fff; } .slidepaneldiv table tr.lefttext { color:#000; } .slidepaneldiv table td.subelement1 { padding-left:20px; color:#000; } .slidepaneldiv table td.subelement2 { padding-left:25px; color:#000; } .slidepaneldiv table tr td tr td { border:red solid 1px; color:#000; } .slidepaneldiv table hr { border:0; height:1px; color:#efefef; background:#efefef; } .panelcontrols a { width:150px; } /****** MENU STYLES ******/ /* Menu Left */ #leftcol .menu { font-size:11px; margin:0; padding:0; text-align:left; } #leftcol .menu ul { margin:0; padding:0 0 0 25px; } #leftcol .menu ul li { list-style:none; display:block; margin:8px 0 0 0; line-height:20px; } #leftcol .menu ul li span.selected { text-decoration:none; padding:3px 0 3px 13px; margin:0; color:#000; border-left:2px solid #e9ac01; } #leftcol .menu ul li a:link, #leftcol .menu ul li a:active, #leftcol .menu ul li a:visited { text-decoration:none; color:black; padding:3px 0 3px 15px; margin-left:10; } #leftcol .menu ul li a:hover { border-left:3px solid #e9ac01; padding-left:12px; } #leftcol .menu ul li ul { padding-left:5px; } #leftcol .menu ul li ul li { padding:0; margin:0; line-height:16px; } #leftcol .menu ul li ul li a:link, #leftcol .menu ul li ul li a:active, #leftcol .menu ul li ul li a:visited { border-left:2px solid white; margin-left:14px; padding:1px 0 1px 15px; color:#777c7f; } #leftcol .menu ul li ul li a:hover { border-left:2px solid #f0dcaa; } #leftcol .menu ul li ul li span.selected { margin-left:14px; padding:1px 0 1px 15px; color:#777c7f; border-left:2px solid #e9ac01; } #leftcol .menu ul li ul li ul li { padding-left:5px; } #leftcol .menu ul li ul li ul li { padding:0; margin:0; line-height:16px;} #leftcol .menu ul li ul li ul li a:link, #leftcol .menu ul li ul li ul li a:active, #leftcol .menu ul li ul li ul li a:visited { border-left:2px solid white; margin-left: 28px; padding:1px 0 1px 15px; color:#777c7f; } #leftcol .menu ul li ul li ul li a:hover { border-left:2px solid #f0dcaa; } #leftcol .menu ul li ul li ul li span.selected { margin-left:28px; padding:1px 0 1px 15px; color:#777c7f; border-left:2px solid #e9ac01; } /* Menu Right */ #rightcol .menu { height:auto; width:222px; font-size:8pt; margin:0; padding:13px 0 40px 0; text-align:left; background:url('../image/hotspotbgright.jpg') no-repeat top white; } #rightcol .menu ul { margin:0; padding:0px; } #rightcol .menu ul li.top { list-style:none; display:block; margin:8px 0 0 0; line-height:20px; } #rightcol .menu ul li.top a:link, #rightcol .menu ul li.top a:active, #rightcol .menu ul li.top a:visited { border-left:3px solid white; text-decoration:none; color:black; padding:0 0 0 15px; margin-left: 13px; } #rightcol .menu ul li.top a:hover { border-left:3px solid #8195a8; } #rightcol .menu ul li.top ul { padding-left:34px; } #rightcol .menu ul li.top ul li.sub { width:150px; padding:0 0 0 10px;list-style:none; font-size:9px; border-left:2px solid white; margin:0; line-height:16px; } #rightcol .menu ul li.top ul li.sub a:link, #rightcol .menu ul li.top ul li.sub a:active, #rightcol .menu ul li.top ul li.sub a:visited, #rightcol .menu ul li.top ul li.sub a:hover { border:none; margin:0; padding-left:0; color:#777c7f; } #rightcol .menu ul li.top ul li.sub a.selected { border-left:2px solid #8195a8; } .panel-hidden {display:none;}