/* Formatmall för tk-levo.se */ body {margin:0; padding:0; font-family:Verdana; font-size:0.7em; line-height:140%; background-color:#ffffff; behavior:url(css/csshover.htc);} a:link {text-decoration:none; color:#0000CC} a:visited {text-decoration:none; color:#0033CC} a:active {text-decoration:none; color:#041690} a:hover {text-decoration:underline; color:#0000CC} div#vip a {text-decoration:none; color:#900; line-height:normal;} div#vip a:hover {text-decoration:underline;} h1 {margin:0px; color:#333333; font-size:1.6em; line-height:normal; text-align:left;} h2 {margin:0px; color:#333333; font-size:1.5em; line-height:normal;} h3 {margin:0 0 -10px 0; color:#333333; font-size:1.2em; line-height:normal;} h4 {margin:0 0 -10px 0; color:#333333; font-size:1em; line-height:normal;} div#sidcontainer {width:840px; margin:10px 0px 10px 10px; background-color:#ffffff; padding:0px;} div#logga {position:absolute; width:200px; top:10px; left:10px; height:125px;} div#top {position:absolute; width:200px; top:10px; left:10px; height:125px;} div#banner {position:absolute; width:600px; top:10px; left:215px; height:82px; padding:5px; border-top:solid 6px #c30; border-right:solid 5px #c30; background:#fff url(images/start1.jpg) no-repeat top right;} /* den vågräta menyn börjar här */ div#meny ul {position:absolute; width:614px; top:108px; left:215px; float:left; /* gör att div-elementet omsluter listan */ border-top:6px solid #c30; /* skapar en linje i div-elementets övre kant */ border-bottom:1px solid #c30;/* skapar en linje i div-elementets nedre kant */ font-size:1em; /* ANGE TECKENSTORLEKEN HÄR */ background-color:#c30; /* ger div-elementet färg */ z-index:3;} div#meny ul {margin:0px; padding-left:1px;} div#meny li {float:left; /* får listan att justeras vågrätt i stället för lodrätt */ position:relative; /* positioneringskontext för den absolut positionerade listmenyn */ list-style-type:none; /* tar bort punkterna för varje listpost */ background-color:#dcdcdc; /* anger bakgrunden för menyalternativen */ border-right:1px solid #c30; /* skapar linjer som separerar listposterna */ padding-top:2px; padding-bottom:2px; width:86px;} div#meny li:first-child {border-left:1px solid #c30;} /* den första lodräta linjen på menyn */ div#meny li:hover {background-color:#ffffff;} /* anger bakgrunden för menyalternativen */ div#meny a {display:block; /* alternativen på listmenyn ändrar färg */ padding:0 6px; /* skapar luft på varje sida om menyalternativen */ text-decoration:none; /* tar bort understrykningen av länken */ color:#0000CC;} /* anger teckenfärgen */ div#meny a:hover {color:#c30; text-decoration:underline;} /* den vågräta menyn slutar här */ /* listmenyn börjar här */ div#meny ul li ul {margin-top:4px; /* förhindrar att det tillfälliga värdet från den vågräta menyn ärvs här - Kan tas bort, om du också tar bort det tillfälliga värdet ovan */ position:absolute; /* positionerar ul-listmenyn i förhållande till dess relativt positionerade li-förälder */ width:127px; /* anger menyns bredd - i kombination med bredden 100% för li-elementet, gör detta att menyn justeras lodrätt */ top:16px; left:-1px; /* justerar listmenyn exakt under den vågräta menyn */ border-bottom:1px solid #c30; border-top:1px solid #c30;} div#meny ul li ul li {width:125px; /* får listposterna att fylla ut listbehållaren (ul) */ border-left:1px solid #c30; /* tre sidor på varje listpost på varje listmeny */ border-right:1px solid #c30;} div#meny ul li ul li:first-child {border-top:1px solid #069;} /* högst upp på listmenyn */ div#meny ul li ul {display:none;} /* döljer listmenyn när användaren inte pekar på menyn */ div#meny ul li:hover ul {display:block;} /* visar listmenyn när användaren pekar på menyn */ /* HACK-ZON - Hack för IE (alla modeller) så att menyn får en vågrät linje längst ut till vänster */ * html div#meny ul {width:613px; float:left; /* får ul att omsluta alla li-elementen */ border-left:0px solid #000; /* lägger till linjen längst ut till vänster i ul-elementet */ margin-left:1px;} /* IE fördubblar värdet som angivits - varför? */ * html div#meny a {display:block;} /* får IE5 & 5.5 att acceptera padding för länken */ * html div#meny ul li ul {display:none;} /* döljer listmenyn när användaren inte pekar på menyn */ * html div#meny ul li:hover ul {display:block;} /* visar listmenyn när användaren pekar på menyn */ * html div#meny ul li ul {border-top:1px solid #c30; /* lägger till en topplinje på listmenyer och popupmenyer i IE-webbläsarna - kan inte läsa :first-child */ border-left:0px; left:-2px;} /* gör att listmenyn inte ärver kantlinjen för ul-elementet */ /* slut på hack-zon */ /* SLUT PÅ LISTBASERAD MENY */ div#var {position:absolute; top:150px; left:460px; width:363px; text-align:right;} div#kolcontainer {position:absolute; width:820px; top:140px; left:auto; height:auto;} div#ingress {margin:0px 0px 10px 0px; left:auto; height:auto; padding:10px 10px 0px 10px;} div#vanster {margin:0px 10px 10px 0px; padding:10px; width:523px; height:auto; float:left; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30; background-image:url(images/bakgrey.gif); background-repeat:repeat-x;} div#hoger {margin:0px 0px 10px 0px; padding:10px; width:245px; height:auto; float:left; background:#fff url(images/bakgrey.gif) top left repeat-x; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30;} div#enspalt {margin: 0px 0px 10px 0px; padding:10px 90px 10px 10px; width:719px; height:auto; float:left; clear:both; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30; background-image:url(images/bakgrey.gif); text-align:justify; background-repeat:repeat-x;} div#enspaltpres { margin: 0px 0px 10px 0px; padding:10px 10px 10px 10px; width:799px; height:auto; float:left; clear:both; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30; background-image:url(images/bakgrey.gif); text-align: left; background-repeat:repeat-x;} div#enspaltadmin { margin: 0px 0px 10px 0px; padding:10px 10px 10px 10px; width:759px; height:auto; float:left; clear:both; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30; background-image:url(images/bakgrey.gif); text-align: left; background-repeat:repeat-x;} div#lcresultat { margin: 10px 0px 10px 0px; padding:10px 10px 10px 10px; width:799px; height:auto; left:auto; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30; background-image:url(images/bakgrey.gif); text-align:justify; background-repeat:repeat-x;} div#bottom {padding:3px 0px 3px 0px; width:819px; height:auto; float:left; clear:both; text-align:center; border-top:solid 3px #c30; border-right:solid 1px #c30; border-bottom:solid 3px #c30; background-image:url(images/bakgrey.gif);} div#reklam {position:absolute; top:10px; left:840px; padding:5px; width:150px; height:auto; text-align:center; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30;} div#reklamligg {float:left; clear:both; width:800px; padding:10px;} div#kommande {position:absolute; top:200px; left:800px; padding:5px; width:150px; height:auto; text-align:center; border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30;} div#felmedd {position:absolute; top:50px; left:50px; padding:10px; width:250px; height:auto; background-image:url(images/bakgrey.gif); border-top:solid 1px #c30; border-right:solid 1px #c30; border-bottom:solid 1px #c30;}