* { margin: 0; padding: 0; } /* BAKGRUNDER */ body { text-align: left; background: #663300; font-family: verdana; font-size: 11px; line-height: 1.5; color: #000000; margin: 0; padding: 0; background-image: url("/bilder/bakgrund.gif"); background-attachment: fixed; *line-height: 1.49; } body.tipsa { text-align:left; background: #ffffff; font-family: verdana; font-size: 11px; line-height: 1.5; color: #000000; margin: 0; padding: 0; *line-height: 1.49; } /* commented backslash hack \*/ html,body { height:100%; } /* end hack */ /* BILDER */ img { color:#ffffff; font-weight: bold; border: 0px; } img.bildtopp { color:#ffffff; font-weight: bold; border: 0px; margin: 10px 0px 0px 10px; } img.mobilsignal { margin: 0px 5px 25px 0px; } img.mobilsignal_admin { margin: 0px 8px 0px 0px; } img.tramsfil_mobil { margin: 5px 10px 0px 0px; } img.tokblogg { margin: 5px 10px 5px 0px; } img.tumme { color:#000000; font-weight: bold; border:1px solid #bbbbbb; } img.tumme:hover { border:1px solid #000000; } img.spalttumme { color:#000000; font-weight: bold; border:1px solid #ffffff; } img.spalttumme:hover { border:1px solid #000000; } /* BOXAR - RUTOR */ .annons-fiskpinne_1 { margin: 10px 0px 10px 10px; *margin-bottom: 8px; } .annons-fiskpinne_2 { margin: 7px 0px 10px 0px; } .annons-skyskrapa_1 { } .annons-storbildstavla_1 { margin: 0px 0px 0px 10px; } .mittspalt ul.mittspalt { list-style: none; margin: 0px; width: 470px; float: left; _float: none; } .mittspalt ul.mittspalt-yta { list-style: none; bottom: 0px; width: 470px; } .mittspalt li.mittspalt-yta-a1 { width: 470px; height: 32px; float: left; margin: 0px; background-image: url("/bilder/plattor/mittspalt-a1.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/mittspalt-a1.gif"); } .mittspalt li.mittspalt-yta-a2 { width: 470px; float: left; background-image: url("/bilder/plattor/mittspalt-a2.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/mittspalt-a2.gif"); _margin-top: -3px; } .mittspalt li.mittspalt-yta-a3 { width: 470px; height: 13px; float: left; margin-top: -5px; background-image: url("/bilder/plattor/mittspalt-a3.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/mittspalt-a3.gif"); *margin-top: 0px;} .mittspalt-yta ul.lista { list-style: none; margin: 0px 5px 0px 5px; width: 458px; } .mittspalt-yta ul.lista li.bubbla { padding-left: 2px; width: 150px; height: 220px; text-align: center; margin: 0px 0px 0px 0px; background: #ffffff; float: left;} .mittspalt-yta ul.lista li.fot { padding: 6px 0px 2px 0px; text-align: center; clear: left; z-index: 250; *padding-bottom: 0px; } .mittspalt-yta ul.lista li.hetast { background: #eeeeee; border-bottom:1px solid #bbbbbb; clear: left; list-style: none; height: 26px; text-align: center; *margin-bottom: -4px; } .mittspalt-yta ul.lista li.huvud { padding: 5px; background: #ffffff; } .mittspalt-yta ul.lista li.huvud-vanster { width: 313px; float: left; background: #ffffff; _width: 311px; } .mittspalt-yta ul.lista li.huvud-hoger { padding: 5px 0px 5px 0px; width: 127px; text-align: right; float: left; background: #ffffff; } .mittspalt-yta ul.lista li.huvud-hoger-kommentera { width: 135px; } .mittspalt-yta ul.lista li.innehall { padding: 5px; background: #ffffff; border-bottom:1px solid #bbbbbb; clear: left; list-style: none; } .mittspalt-yta ul.lista li.innehall:hover { background: #f9d963; } .mittspalt-yta ul.lista dl.innehall { padding: 0px 5px 0px 5px; line-height: 1; background: #ffffff; clear: left; list-style: none; } .mittspalt-yta ul.lista li.mobil { padding-left: 2px; width: 150px; text-align: center; margin: 0px 0px 10px 0px; background: #ffffff; float: left;} .mittspalt-yta ul.tramsfil { list-style: none; margin: 5px 5px 0px 5px; width: 458px; } li.beskrivning_information { margin-top: 0px; padding: 5px; background: #eeeeee; clear: both; } li.beskrivning_rubrik { margin-top: 10px; padding: 5px; background: #cccccc; clear: both; *padding-top: 2px !important; } .mittspalt-yta ul.tramsfil li.bookmarklets-vanster { width: 356px; height: 16px; margin: 10px 0px 3px 0px; float: left; *margin-bottom: 0px !important; _margin-top: 10px; _margin-bottom: 0px !important; } .mittspalt-yta ul.tramsfil li.bookmarklets-hoger { width: 32px; height: 16px; margin: 10px 0px 3px 5px; float: left; text-align: right; *margin-bottom: 10px !important; _margin-top: 10px; _margin-bottom: 6px !important; } .mittspalt-yta ul.tramsfil li.fot { padding: 0px 0px 2px 0px; text-align: center; clear: left; z-index: 250; *padding-top: 8px; *padding-bottom: 0px; } .mittspalt-yta ul.tramsfil li.vanster { width: 142px; height: 142px; float: left; } .mittspalt-yta ul.tramsfil li.hoger { width: 296px; height: 142px; padding: 0px 10px 0px 10px; float: left; } .mittspalt-yta ul.tramsfil li.halva-vanster { width: 224px; min-height: 50px; padding: 0px; float: left; } .mittspalt-yta ul.tramsfil li.halva-hoger { width: 224px; min-height: 50px; margin-left: 10px; padding: 0px; float: left; } .mittspalt-yta ul.tramsfil li.hela { width: 448px; padding: 0px 5px 0px 5px; float: left; } .mittspalt-yta ul.tramsfil li.hela-admin { width: 458px; padding: 0px 0px 0px 0px; float: left; } .mittspalt-yta ul.tramsfil li.tredjedel { width: 148px; padding: 0px; float: left; } li.mobil_information { color: #ffffff; margin-top: 0px; padding: 5px 5px 10px 5px; background: #479eb9; clear: both; *padding: 5px 5px 5px 5px; } li.mobil_rubrik { color: #ffffff; margin-top: 0px; padding: 5px; background: #077ca1; clear: both; *padding-top: 2px !important; } .mittspalt-yta ul.tramsfil li.tramsfil_mobil-a1 { width: 458px; height: 32px; margin-top: 0px; padding: 0px; clear: left; background-image: url("/bilder/plattor/tramsfil_mobil-a1.gif"); background-position: top right; background-attachment:scroll !important; *margin-top: 10px; } .mittspalt-yta ul.tramsfil li.tramsfil_mobil-a2 { width: 458px; height: 61px; margin-bottom: 5px; padding: 0px; clear: left; background-image: url("/bilder/plattor/tramsfil_mobil-a2.gif"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; *margin-bottom: 0px; } .mittspalt-yta ul.tramsfil li.tramsfil_skicka-a1 { width: 458px; height: 32px; margin-top: 0px; padding: 0px; clear: left; background-image: url("/bilder/plattor/tramsfil_skicka-a1.gif"); background-position: top right; background-attachment:scroll !important; *margin-top: 10px; } .mittspalt-yta ul.tramsfil li.tramsfil_skicka-a2 { width: 458px; height: 61px; margin-bottom: 5px; padding: 0px; clear: left; background-image: url("/bilder/plattor/tramsfil_skicka-a2.gif"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; *margin-bottom: 0px; } .mobilbilder { position: absolute; margin-left:6px; z-index: 10; *margin-left:0px; } .mobilbilder_popup { position: absolute; margin-left:0px; z-index: 10; *margin-left:0px; } dl.spela { list-style: none; float: left; } dl.visa { list-style: none; float: left; } .reklamspalt ul.reklamspalt { list-style: none; margin: 0px; width: 162px; float: left; _float: none; } .reklamspalt li.reklamspalt-a1 { width: 162px; height: 32px; float: left; text-align: center; color: #ffffff; background-image: url("/bilder/plattor/reklamspalt-a1.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/reklamspalt-a1.gif"); } .reklamspalt li.reklamspalt-a1 dl { width: 160px; text-align: center; } .reklamspalt li.reklamspalt-a2 { width: 162px; float: left; color: #ffffff; padding: 0px; background-image: url("/bilder/plattor/reklamspalt-a2.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; _margin-top: -2px; _background-image: url("/bilder/plattor/reklamspalt-a2.gif"); } .reklamspalt li.reklamspalt-a2 dl { width: 160px; text-align: center; } .reklamspalt li.reklamspalt-a3 { width: 162px; height: 13px; float: left; background-image: url("/bilder/plattor/reklamspalt-a3.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/reklamspalt-a3.gif"); } .spalt ul.spalt { list-style: none; margin: 0px; width: 162px; float: left; _float: none; } .spalt li.spalt-a1 { width: 162px; height: 32px; float: left; padding: 0px; margin: 0px; background-image: url("/bilder/plattor/spalt-a1.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/spalt-a1.gif"); } .spalt li.spalt-a1 dl { width: 160px; text-align: center; } .spalt li.spalt-a2 { width: 162px; float: left; padding: 0px; margin: 0px; background-image: url("/bilder/plattor/spalt-a2.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; _margin-top: -2px; _margin-left: 0px; _background-image: url("/bilder/plattor/spalt-a2.gif"); } .spalt li.spalt-a3 { width: 162px; height: 13px; float: left; margin-top: -5px; background-image: url("/bilder/plattor/spalt-a3.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/spalt-a3.gif"); } .tipsrutan ul { list-style: none; margin: 0px; width: 458px; padding: 5px; *width: 468px; } .tipsrutan ul li.vanster { width: 226px; float: left; } .tipsrutan ul li.mitten { margin-top: 5px; } .tipsrutan ul li.hoger { width: 226px; float: left; margin-left: 6px; *margin-left: 3px; } .tipsrutan ul li.knapp { text-align: right; } .tipsrutan ul li.hel { width: 458px; } .topp ul.meny { list-style: none; margin: 7px 0px 0px 0px; width: 980px; height: 30px; float: left; _float: none; } .topp li.meny-a1 { width: 10px; height: 30px; float: left; background-image: url("/bilder/plattor/meny-a1.png"); background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/meny-a1.gif"); } .topp li.meny-b1 { width: 958px; height: 30px; float: left; background-image: url("/bilder/plattor/meny-b1.png"); background-repeat: repeat-x; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/meny-b1.gif"); } .topp li.meny-c1 { width: 12px; height: 30px; float: left; background-image: url("/bilder/plattor/meny-c1.png"); background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/meny-c1.gif"); } .topp ul.prenumerera_sok { list-style: none; margin: 7px 0px 0px 0px; width: 980px; height: 36px; float: left; _float: none; } .topp li.prenumerera_sok-a1 { float: left; } .topp li.prenumerera_sok-b1 { width: 10px; height: 36px; margin-left: 8px; float: left; background-image: url("/bilder/plattor/sok-a1.png"); background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/sok-a1.gif"); } .topp li.prenumerera_sok-c1 { width: 267px; height: 36px; float: left; background-image: url("/bilder/plattor/sok-b1.png"); background-repeat: repeat-x; background-position: top right; background-attachment: scroll !important; _background-image: url("/bilder/plattor/sok-b1.gif"); } .topp li.prenumerera_sok-c1 ul.sokyta { list-style: none; } .topp li.prenumerera_sok-c1 li.sokyta-1 { margin: 6px 0px 0px 0px; float: left; *margin-top: 5px; } .topp li.prenumerera_sok-c1 li.sokyta-2 { margin: 6px 0px 0px 5px; float: left; } .topp li.prenumerera_sok-c1 li.sokyta-3 { margin: 6px 0px 0px 5px; float: left; *margin-left: 3px; } .topp li.prenumerera_sok-d1 { width: 100px; height: 36px; float: left; background-image: url("/bilder/plattor/sok-c1-1.png"); background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/sok-c1-1.gif"); } .topp li.prenumerera_sok-d1:hover { background-image: url("/bilder/plattor/sok-c1-2.png"); _background-image: url("/bilder/plattor/sok-c1-2.gif"); } .topp ul.topp { list-style: none; margin: 0px; width: 980px; height: 83px; float: left; _float: none; } .topp li.topp-a1 { width: 10px; height: 83px; float: left; background-image: url("/bilder/plattor/topp-a1.png"); background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/topp-a1.gif"); } .topp li.topp-b1 { width: auto; height: 83px; float: left; background-image: url("/bilder/plattor/topp-b1.png"); background-repeat: repeat-x; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/topp-b1.gif"); } .topp li.topp-b1-klocka { width: auto; height: 83px; float: left; padding: 10px 0px 0px 10px; background-image: url("/bilder/plattor/topp-b1.png"); background-repeat: repeat-x; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/topp-b1.gif"); _margin-bottom: -10px; } .topp li.topp-c1 { width: 12px; height: 83px; float: left; background-image: url("/bilder/plattor/topp-c1.png"); background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/plattor/topp-c1.gif"); } /* BOXAR - YTOR */ .mittspalt { margin: 0px 0px 0px 8px; width: 470px; float: left; } .reklamspalt { margin: 0px 0px 0px 10px; width: 162px; float: left; } .reklamspalt-hoger { margin-left: 8px; } .sidan { width:998px; margin-right: auto; margin-left: auto; margin-top: 0px; } .spalt { margin: 0px 0px 0px 10px; width: 162px; float: left; } .spalt-hoger { margin-left: 8px; } .tipsrutan { width: 468px; margin: -5px 0px 0px 0px; *margin-top: 0px; } .topp { margin: 10px 0px 7px 10px; width: 980px; float: left; } /* DIVERSE */ iframe.kommentarslistan { overflow-x: hidden; overflow-y: scroll; } iframe.tramsfil { position: absolute; margin: -10px; padding: 0px; overflow-x: hidden; overflow-y: hidden; } iframe.mobilbild { overflow-x: visable; overflow-y: hidden; } object.mobilsignal { margin: 0px 8px 25px 0px; } /* FORMULÄR */ input.halv { width: 226px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; *border:1px solid #a7a6aa; *height: 18px; } input.sokyta { width: 144px; *width: 143px; } input.nyhetsbrevspalt { width: 121px; } input.halv:hover { border:1px solid #077ca1; } input.halv:focus { border:1px solid #077ca1; } input.hel { width: 458px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; *border:1px solid #a7a6aa; *height: 18px; } input.hel-admin {width: 456px; } input.hel:hover { border:1px solid #077ca1; } input.hel:focus { border:1px solid #077ca1; } input.knapp { border: 0px; cursor: pointer; color: #ffffff; background: transparent; background-repeat: repeat-x; background-position: left top; } input.ikon-bubblan { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-bubblan-1.gif"); } input.ikon-bubblan:hover { background-image: url("/bilder/knappar/ikon-bubblan-2.gif"); } input.ikon-download { width: 57px; height: 16px; background-image: url("/bilder/knappar/knapp-download-1.gif"); } input.ikon-download:hover { background-image: url("/bilder/knappar/knapp-download-2.gif"); } input.ikon-feeds { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-feeds-1.gif"); } input.ikon-feeds:hover { background-image: url("/bilder/knappar/ikon-feeds-2.gif"); } input.ikon-information { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-information-1.gif"); } input.ikon-information:hover { background-image: url("/bilder/knappar/ikon-information-2.gif"); } input.ikon-kontakt { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-kontakt-1.gif"); } input.ikon-kontakt:hover { background-image: url("/bilder/knappar/ikon-kontakt-2.gif"); } input.ikon-ladda_upp_fil { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-ladda_upp_fil-1.gif"); } input.ikon-ladda_upp_fil:hover { background-image: url("/bilder/knappar/ikon-ladda_upp_fil-2.gif"); } input.ikon-tipsa_en_van { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-tipsa_en_van-1.gif"); } input.ikon-tipsa_en_van:hover { background-image: url("/bilder/knappar/ikon-tipsa_en_van-2.gif"); } input.ikon-tipsa_tramsmail { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-tipsa_tramsmail-1.gif"); } input.ikon-tipsa_tramsmail:hover { background-image: url("/bilder/knappar/ikon-tipsa_tramsmail-2.gif"); } input.ikon-tokblogg { width: 20px; height: 20px; background-image: url("/bilder/knappar/ikon-tokblogg-1.gif"); } input.ikon-tokblogg:hover { background-image: url("/bilder/knappar/ikon-tokblogg-2.gif"); } input.ikon-view { width: 32px; height: 16px; background-image: url("/bilder/knappar/knapp-view-1.gif"); } input.ikon-view:hover { background-image: url("/bilder/knappar/knapp-view-2.gif"); } input.knapp-25 { width: 25px; height: 21px; background-image: url("/bilder/knappar/knapp-25-1.gif"); } input.knapp-25:hover { background-image: url("/bilder/knappar/knapp-25-2.gif"); } input.knapp-50 { width: 50px; height: 21px; background-image: url("/bilder/knappar/knapp-50-1.gif"); } input.knapp-50:hover { background-image: url("/bilder/knappar/knapp-50-2.gif"); } input.knapp-50-0 { width: 50px; font-weight: bold; height: 21px; background-image: url("/bilder/knappar/knapp-50-0.gif"); } input.knapp-50-0:hover { background-image: url("/bilder/knappar/knapp-50-0.gif"); } input.knapp-70 { width: 70px; height: 21px; background-image: url("/bilder/knappar/knapp-70-1.gif"); } input.knapp-70:hover { background-image: url("/bilder/knappar/knapp-70-2.gif"); } input.knapp-download { width: 57px; height: 16px; margin-bottom: 2px; background-image: url("/bilder/knappar/knapp-download-1.gif"); *margin-bottom: 4px; } input.knapp-download:hover { background-image: url("/bilder/knappar/knapp-download-2.gif"); } input.knapp-kommentera { width: 69px; height: 16px; margin-bottom: 2px; background-image: url("/bilder/knappar/knapp-kommentera-1.gif"); } input.knapp-kommentera:hover { background-image: url("/bilder/knappar/knapp-kommentera-2.gif"); } input.knapp-tipsa_en_van { width: 75px; height: 16px; background-image: url("/bilder/knappar/knapp-tipsa_en_van-1.gif"); } input.knapp-tipsa_en_van:hover { background-image: url("/bilder/knappar/knapp-tipsa_en_van-2.gif"); } input.sokknapp { margin: 6px 0px 0px 30px; } input.tredjedel { width: 148px; height: 20px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; *border:1px solid #a7a6aa; _height: 20px; } input.tredjedel:hover { border:1px solid #077ca1; } input.tredjedel:focus { border:1px solid #077ca1; } select.halv { width: 226px; height: 18px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; *height: 22px; } select.sokyta { width: 145px; } select.sorteringsval { width: 130px; } select.kategorival { width: 220px; margin-top: 8px; *margin-top: 6px; } select.halv:hover { border:1px solid #077ca1; } select.halv:focus { border:1px solid #077ca1; } select.sok { width: 114px; font-size: 11px; height: 18px; padding-top: 0px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; *min-height: 35px; } select.sok:hover { border:1px solid #077ca1; } select.sok:focus { border:1px solid #077ca1; } select.tredjedel { width: 148px; height: 18px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; *height: 22px; } select.tredjedel:hover { border:1px solid #077ca1; } select.tredjedel:focus { border:1px solid #077ca1; } textarea.hel { width: 458px; height: 69px; background-color: #ffffff; color: #000000; border:1px solid #bbbbbb; font-family: verdana; font-size: 11px; *height: 71px; } textarea.tipsa_tramsmail {heigth: 150px; } textarea.hel-admin {width: 456px; } textarea.hel:hover { border:1px solid #077ca1; } textarea.hel:focus { border:1px solid #077ca1; } /* JUSTERINGAR */ .height-1 { height: 25px; } .hidden { display: none; } /* Denna behövs för filmvisningen med ShadowBox */ .margin-bottom-1 { margin-bottom: 0px; } .margin-bottom-2 { margin-bottom: 5px; } .margin-bottom-3 { margin-bottom: 20px; } .margin-left-1 { margin-left: 0px; _margin-left: 5px; } .margin-left-2 { margin-left: 5px; _margin-left: 2px; } .margin-left-3 { margin-left: 11px; } .margin-top-1 { margin-top: 2px; } .margin-top-2 { margin-top: 5px; } .raffe_bergwall_bild { width: 152px; height: 207px; float: left; } dl.text-align-1 { text-align: center; } .width-1 { width: 162px; } .width-2 { width: 276px; } /* LINJER */ hr.ett { margin: 0px 0px 0px 0px; border: 0px; height: 1px; padding: 0px; background-color: #ffffff; *margin-top: -5px; *border:1px solid #ffffff; } hr.tva { margin: 5px 0px 5px 0px; border: 1px; height: 1px; padding: 0px; background-color: #000000; *width: 175px; *border:1px solid #000000; } hr.tre { margin: 5px 18px 5px 15px; border: 0px; height: 1px; padding: 0px; background-color: #ffffff; *margin-top: 0px; *margin-bottom: 0px; *border:1px solid #ffffff; } hr.fyr { margin: 5px 18px 5px 15px; border: 0px; height: 1px; padding: 0px; background-color: #000000; *margin-top: 0px; *margin-bottom: 0px; *border:1px solid #000000; } hr.fem { margin: 10px 0px 10px 0px; border: 0px; height: 1px; padding: 0px; background-color: #bbbbbb; *margin-top: 0px; *margin-bottom: 0px; *border:1px solid #bbbbbb; } hr.sex { border: none 0; border-top: 1px solid #ffffff; height: 1px; margin: 5px 0px 5px 0px; *margin: 0px 0px 0px 0px; } hr.sju { margin: 5px 0px 10px 0px; border: 0px; height: 1px; padding: 0px; background-color: #bbbbbb; *margin-top: 0px; *margin-bottom: 0px; *border:1px solid #bbbbbb; } hr.atta { margin: 10px 0px 5px 0px; border: 0px; height: 1px; padding: 0px; background-color: #bbbbbb; *margin-top: 0px; *margin-bottom: 0px; *border:1px solid #bbbbbb; } hr.nio { border: none 0; border-top: 1px dashed #bbbbbb; height: 1px; margin: 5px 0px 5px 0px; *margin: 0px 0px 0px 0px; } /* LISTOR */ .reklamspalt li.reklamspalt-a2 ul { list-style: none; left: 0px; _left: 2px; } .reklamspalt li.reklamspalt-a2 ul dl.spaltlista { width: 148px; text-align: left; margin: 0px 4px 0px 4px; padding: 2px; color: #000000; background-color: #ffffff; border-bottom:1px solid #bbbbbb; } .reklamspalt li.reklamspalt-a2 ul dl.spaltlista:hover { background-color: #eeeeee; } .spalt li.spalt-a2 ul { list-style: none; left: 0px; _left: 2px; } .spalt li.spalt-a2 ul dl.dela_med_dig { width: 142px; text-align: left; margin: 0px 4px 0px 4px; padding: 5px 5px 0px 5px; background-color: #ffffff; } .spalt li.spalt-a2 ul dl.spaltbild { width: 150px; text-align: left; padding-left: 4px; } .spalt li.spalt-a2 ul dl.spaltform_ok { text-align: left; padding-left: 4px; float: left; } .spalt li.spalt-a2 ul dl.spaltform_text { text-align: left; padding-left: 4px; float: left; _padding-left: 6px; } .spalt li.spalt-a2 ul dl.spaltfot { width: 148px; text-align: left; margin: 0px 0px 0px 4px; padding: 2px 2px 0px 2px; } .spalt li.spalt-a2 ul dl.spaltlista { width: 148px; text-align: left; margin: 0px 4px 0px 4px; padding: 2px; background-color: #ffffff; border-bottom:1px solid #bbbbbb; } .spalt li.spalt-a2 ul dl.spaltlista:hover { background-color: #eeeeee; } .spalt li.spalt-a2 ul dl.spalttext { width: 148px; text-align: left; margin: 0px 4px 4px 4px; padding: 2px; } .spalt li.spalt-a2 ul dl.spaltyta { width: 148px; text-align: left; margin: 2px 0px 0px 4px; padding: 2px; background-image: url("/bilder/plattor/spaltlista.gif"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; } /* LÄNKAR */ a { text-decoration: none; color: #077ca1; font-weight: bold; } a:visited { color: #ff4102; } a:hover { text-decoration: underline; } a:active { color: #ff4102; outline: none; } a:focus { outline: none; } a:focus:visited { } a:focus:hover { } a:focus:active { } a.downloadknapp { text-decoration: none; color: #077ca1; font-weight: bold; display: block; width: 57px; height: 16px; margin-bottom: 2px; background-image: url("/bilder/knappar/knapp-download-1.gif"); *margin-bottom: 4px; } a.downloadknapp:hover { text-decoration: none; background-image: url("/bilder/knappar/knapp-download-2.gif"); } a.hetast { text-decoration: none; color: #077ca1; font-weight: bold; text-align: center; display: block; padding: 5px 8px 5px 8px; float: left; _padding: 5px 7px 5px 7px; } a.hetast:visited { color: #ff4102; } a.hetast:hover { text-decoration: underline; background-color: #cccccc; } a.hetast:active { color: #ff4102; text-decoration: underline; } a.hetast:focus { text-decoration: underline; } a.hetast:focus:visited { } a.hetast:focus:hover { } a.hetast:focus:active { } a.knapp { text-decoration: none; color: #077ca1; font-weight: bold; } a.knapp:visited { color: #ff4102; } a.knapp:hover { text-decoration: none; } a.knapp:active { color: #ff4102; outline: none; } a.knapp:focus { outline: none; } a.knapp:focus:visited { } a.knapp:focus:hover { } a.knapp:focus:active { } ul.menykategorier a { text-decoration: none; color: #ffffff; font-weight: bold; } ul.menykategorier a:visited { color: #ffffff; font-weight: bold; } ul.menykategorier a:hover { text-decoration: underline; } ul.menykategorier a:active { color: #ffffff; outline: none; } ul.menykategorier a:focus { outline: none; } ul.menykategorier a:focus:visited { } ul.menykategorier a:focus:hover { } ul.menykategorier a:focus:active { } ul.menysortera a { text-decoration: none; color: #ffffff; font-weight: bold; } ul.menysortera a:visited { color: #ffffff; font-weight: bold; } ul.menysortera a:hover { text-decoration: underline; } ul.menysortera a:active { color: #ffffff; outline: none; } ul.menysortera a:focus { outline: none; } ul.menysortera a:focus:visited { } ul.menysortera a:focus:hover { } ul.menysortera a:focus:active { } ul.menytopp a { text-decoration: none; color: #ffffff; font-weight: bold; } ul.menytopp a:visited { color: #ffffff; font-weight: bold; } ul.menytopp a:hover { text-decoration: underline; } ul.menytopp a:active { color: #ffffff; outline: none; } ul.menytopp a:focus { outline: none; } ul.menytopp a:focus:visited { } ul.menytopp a:focus:hover { } ul.menytopp a:focus:active { } a.reklamspaltlank { text-decoration: none; color: #f4ca09; font-weight: bold; } a.reklamspaltlank:visited { color: #f9d963; } a.reklamspaltlank:hover { text-decoration: underline; } a.reklamspaltlank:active { color: #f9d963; outline: none; } a.reklamspaltlank:focus { outline: none; } a.reklamspaltlank:focus:visited { } a.reklamspaltlank:focus:hover { } a.reklamspaltlank:focus:active { } a.spaltlank { text-decoration: none; color: #ffffff; font-weight: bold; } a.spaltlank:visited { color: #ffffff; } a.spaltlank:hover { text-decoration: underline; } a.spaltlank:active { color: #ffffff; outline: none; } a.spaltlank:focus { outline: none; } a.spaltlank:focus:visited { } a.spaltlank:focus:hover { } a.spaltlank:focus:active { } a.vagad1 { text-decoration: none; color: #2d9e0a; font-weight: bold; } a.vagad1:hover { text-decoration: none; } a.vagad2 { text-decoration: none; color: #ff4102; font-weight: bold; } a.vagad2:hover { text-decoration: none; } /* RUBRIKER */ h1 { font-size: 17px; font-weight: bold; margin: 5px 5px 5px 10px; } h1.spalt { font-size: 17px; font-weight: bold; margin: 3px 0px 5px 0px; } h1.tipsa_en_kompis { font-size: 17px; font-weight: bold; margin: 5px 5px 5px 2px; } h1.tramsfil { font-size: 17px; font-weight: bold; margin: 0px; } .tramsfil_mobil-a1 h1 { font-size: 17px; font-weight: bold; margin: 5px 5px 5px 10px; color: #ffffff; *margin-top: 0px; } .tramsfil_skicka-a1 h1 { font-size: 17px; font-weight: bold; margin: 5px 5px 5px 10px; color: #ffffff; *margin-top: 0px; } h2 { font-size: 11px; font-weight: bold; margin: 0px 0px 0px 0px; } h2.viktig { font-size: 11px; font-weight: normal; font-style: italic; color: #ff4102; margin: 0px 0px 0px 0px; } h3 { font-size: 11px; font-weight: bold; margin: 5px 3px 0px 0px; } .formular h2 { font-size: 11px; font-weight: bold; margin: 10px 0px 5px 2px; } .formular h3 { font-size: 11px; font-weight: normal; margin: 5px 0px 5px 2px; } .formular h4 { font-size: 11px; font-weight: bold; margin: 0px 0px 5px 2px; } /* RULLGARDINSMENY */ div.meny-kategorier { margin-top: -4px; } ul.menykategorier { padding: 0; margin: 0; list-style: none; z-index: 90; } ul.menykategorier li { float: left; position: relative; width: 127px; padding: 2px 5px 6px 5px; color: #ffffff; font-weight: bold; z-index: 90; background-image: url("/bilder/meny/sortering-a1.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/sortering-a1.gif"); } ul.menykategorier li ul { display: none; position: absolute; top: 17px; width: 272px; height: 180px; left: -137px; margin: 2px; list-style: none; z-index: 90; background-image: url("/bilder/meny/kategorier-a3.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/kategorier-a3.gif"); _left: -147px; } ul.menykategorier li ul ul { overflow: auto; left: 5px; right: 8px; width: 260px; top: 6px; text-align: right; height: 172px; margin: 0px; padding:0px; background-image:none; z-index: 90; *width: 270px; } ul.menykategorier li ul ul li { top: 6px; width: 230px; color: #ffffff; right: -5px; text-align: right; padding: 0px 0px 3px 5px; background-image: none; z-index: 90; *right: -15px;} ul.menykategorier li ul li.fot { top: 166px; left: auto; width: 282px; height: 6px; color: #ffffff; left: -10px; background-image: url("/bilder/meny/kategorier-a4.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/kategorier-a4.gif"); _left: 0px; } ul.menykategorier li ul li.overkant { top: 0px; left: auto; width: 272px; height: 5px; color: #ffffff; left: -10px; z-index: 90; background-image: url("/bilder/meny/kategorier-a2.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/kategorier-a2.gif"); _left: 0px; } ul.menykategorier li:hover ul, ul.menykategorier li.sfhover ul { display: block; z-index: 90; } div.meny-sortera { } ul.menysortera { padding: 0; margin: 0; list-style: none; z-index: 100; } ul.menysortera li { float: left; position: relative; width: 127px; padding: 2px 5px 6px 5px; color: #ffffff; font-weight: bold; z-index: 100; background-image: url("/bilder/meny/sortering-a1.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/sortering-a1.gif"); } ul.menysortera li ul {display: none; position: absolute; top: 10px; width: 127px; left: 20px; margin: 2px; list-style: none; z-index: 100;} ul.menysortera li ul li { top: 6px; left: auto; width: 127px; color: #ffffff; left: -22px; padding: 2px 5px 3px 5px; z-index: 100; background-image: url("/bilder/meny/sortering-a2.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/sortering-a2.gif"); } ul.menysortera li ul li.fot { top: 6px; left: auto; width: 137px; height: 5px; color: #ffffff; left: -22px; z-index: 100; background-image: url("/bilder/meny/sortering-a3.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; _background-image: url("/bilder/meny/sortering-a3.gif"); } ul.menysortera li:hover ul, ul.menysortera li.sfhover ul { display: block; z-index: 100; } div.meny-topp { } ul.menytopp { padding: 0; margin: 0; list-style: none; z-index: 200; } ul.menytopp li { float: left; position: relative; padding: 4px 5px 6px 0px; color: #ffffff; font-weight: bold; z-index: 200; } ul.menytopp li ul {display: none; position: absolute; top: 16px; width: 137px; left: 20px; margin: 2px; list-style: none; z-index: 200;} ul.menytopp li ul li { top: 0px; left: auto; width: 127px; color: #ffffff; left: -25px; padding: 3px 5px 3px 5px; z-index: 200; background-image: url("/bilder/meny/topp-a2.png"); background-repeat: repeat-y; background-position: top right; background-attachment:scroll !important; *left: -25px; _background-image: url("/bilder/meny/sortering-a2.gif"); _top: -10px; } ul.menytopp li ul li.fot { top: 0px; left: auto; width: 127px; color: #ffffff; left: -25px; z-index: 200; background-image: url("/bilder/meny/sortering-a3.png"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; *left: -25px; _background-image: url("/bilder/meny/sortering-a3.gif"); _top: -10px; } ul.menytopp li ul li.overkant { top: 6px; left: auto; width: 127px; height: 3px; color: #ffffff; left: -25px; z-index: 200; background-image: url("/bilder/meny/topp-a1.gif"); background-repeat: no-repeat; background-position: top right; background-attachment:scroll !important; *left: -25px; } ul.menytopp li ul li dl { background:#077ca1; padding: 3px; } ul.menytopp li:hover ul, ul.menytopp li.sfhover ul { display: block; z-index: 200; } /* TEXT */ p { margin-bottom: 5px; } p.tva { margin: 5px 0px 5px 0px; } p.beskrivning { min-height: 50px; max-height: 50px; margin-bottom: 5px; overflow: hidden; _height:expression(50 + "px"); } p.filnamn { min-height: 18px; max-height: 18px; margin-bottom: 5px; _height:expression(18 + "px"); } p.mobiltext { margin: 0px 5px 0px 5px; } .tramsfil_mobil-a2 p { padding: 2px 5px 0px 5px; color: #ffffff; line-height: normal; } .tramsfil_skicka-a2 p { padding: 2px 5px 0px 5px; color: #ffffff; line-height: normal; } li.hela p { margin-bottom: 9px; } span.ett { font-weight: bold; color: #f4ca09; } /* gul */ span.tva { font-weight: bold; color: #ff4102; } /* röd */ span.tre { font-weight: bold; color: #077ca1; } /* blå */ span.fyr { font-weight: bold; color: #663300; } /* brun */ span.fem { font-weight: bold; color: #ffffff; } /* vit */ span.sex { font-weight: bold; font-size: 9px; color: #ff4102; } /* röd */ span.sju { font-weight: bold; color: #2d9e0a; } /* grön */ span.atta { font-size: 9px; font-weight: normal; } span.nio { font-size: 11px; } span.tio { font-weight: normal; font-style: italic; color: #ff4102; } /* röd */ /* ul.lista span { color: #ff4102; font-weight: bold; } */ /* TABELLER */ table { width: 100%; min-height: 100%; height: 100%; margin: 0px; padding: 0px; border: 0px; border-collapse: collapse; table-layout: fixed; } td.table-left { width: auto; } td.table-middle { width: 998px; background-color: #663300; text-align: left; padding-bottom: 10px; vertical-align: top; border-left:1px solid #f4ca09; border-right:1px solid #f4ca09; } td.table-right { width: auto; } /* XXX */ .floatkiller { height: 0px; margin: 0px 0px 0px 0px; clear: both; } .floatkiller-4 { margin: -4px 0px 0px 0px; *margin-top: -2px; } .floatkiller5 { height: 5px; margin: 0px 0px 0px 0px; clear: both; } .floatkiller7 { height: 7px; margin: 0px 0px 0px 0px; clear: both; white-space: nowrap; } .floatkiller72 { height: 0px; margin: 0px 0px 0px 0px; clear: both; *margin-bottom: -7px; } .floatkiller73 { height: 7px; margin: 0px 0px 0px 0px; clear: both; white-space: nowrap; _height: 0px; } .floatkiller10 { height: 10px; margin: 0px 0px 0px 0px; clear: both; white-space: nowrap; } /* CSS POPUP IMAGE VIEWER */ .flyout { position: relative; z-index:0; } .flyout:hover { z-index:25 } .flyout span.flyoutruta {display: none; text-decoration: none; } .flyout:hover span.flyoutruta { display: block; font-size: 11px; position: absolute; white-space: nowrap; top: 17px; left: 10px; padding: 5px; border: 3px solid #663300; background-color: #ffffff; color: #000000; text-align: left; *top: 22px; } .flyout:hover span.flyoutruta img { border-width: 0; padding: 2px; }