a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #182E6A} .inp { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #182E6A; border: 1px #B8BCC8 solid; height: 21px; width: 110px; padding-left: 5px} td { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000000} .rightblackborder { border-right-width: 1px; border-right-style: solid; border-right-color: #000000; } body { font-family: Arial, Helvetica, sans-serif; } .style1 { COLOR: #ffffff } .style3 { COLOR: #666666 } .style4 { COLOR: #001c4a } .style5 {font-size: 18px} .SearchHighlight { color: #BC0504; font-weight:bold;} /**Tommy Olofsson 070202 billistans varannan rad**/ /*tr.rowspec1{background-color:#fff;} tr.rowspec2{background-color: #fff; color: #fff;}*/ /**#######################################################################################################################################**/ /** Hermis beganade bilar start Tommy Olofsson **/ /**----------------------------------------------------------- Begangnade bilar ----------------------------------------------------------**/ tr.rowspec2, tr.rowspec1{cursor:hand; border-bottom:1px #000;} tr.headrow{background-color:#eee; border-color:#ccc;border:0px 0px 1px 0px; height:22px; padding:10px 0px 1px 0px;} table.sortable{width:100%;border:0px;} table.sortable tr td{border-bottom: 1px solid #ccc;} table.sortable a.sortheader {background-color:#ccc; color:#666666; font-weight: bold; text-decoration: underline; display: block; padding-top:5px;} table.sortable tr{vertical-align:top;} table.sortable span.sortarrow {color: black;text-decoration: underline;} /**----------------------------------------------------------- Slut Begangnade bilar -----------------------------------------------------**/ /**#######################################################################################################################################**/ /** Breadcrumbs start Tommy Olofsson **/ /**--------------------------------------------------Breadcrumbs tillägg 20070213 --------------------------------------------------------**/ .breadcrumbs_space{background-image:url("images/pil2.gif");background-repeat: no-repeat; background-position: 50% 25%;margin:0px; width:20px;} .breadcrumbs{position:relative;top:-26;left:-27; } .breadcrumbs, .breadcrumbs a{text-decoration: none; color:#182E6A; font-size: 10px;} span > .breadcrumbs_space{padding-left:20px;} /**----------------------------------------------------------- Slut Breadcrumbs tillägg 20070213 -----------------------------------------**/ /**#######################################################################################################################################**/ /** CSS Meny start Tommy Olofsson **/ /**----------------------------------------------------------- UL ------------------------------------------------------------------------**/ /** UL är listans grundelement och används för att gruppera alla LI på denna nivån. * Då dessa ska styas utefter vilken nivå har vi här grunden för alla * I första nivån är ul relativ och sedan absolut positionerad */ ul.Menu,ul.Menu ul {cursor: default;margin:0px;} ul.Menu {margin-bottom:10px;} /**----------------------------------------------------------- LI ------------------------------------------------------------------------**/ /** LI är elementet som kapslar in var sin ankartagg. * Detta element använder vi för att sätta en skiljelinje mellan varje element och för att justear hur länkarna ska förhålla sig till varandra * Även detta element har här grundinställningarna och ändrar sig sedan beroende på nivå och om vi har musen över den. **/ ul.Menu li { position: relative; background:#d7dced; padding:0px 5px 0px 0px; vertical-align: 0%; word-spacing: 0em; white-space: nowrap; width:100%; list-style-type: none; margin: 0px; padding-left:0px; border-top:1px white solid; display:block; color: #fff; } /**----------------------------------------------------------- Bakgrundsfärg Andra nivån --------------------------------------------------**/ /** Säter bakgrundsfärg på ul,li,a pöå andra nivån för att vara säkra på att ingen lyser igenom.**/ ul.Menu li ul,ul.Menu li ul li, ul.Menu li ul li a{background:#99a5d2;color:white;} /**----------------------------------------------------------- Absolut positionering av andra nivån ul ------------------------------------**/ /** Här sätter vi positionen för andra nivån när denna visas. Om nvi vill ha nedfallande meny bör således left bytas mot top.**/ ul.Menu li ul {position:absolute; top: -1px; left:100%; margin:0px;} /**----------------------------------------------------------- Bakgrundsfärg Tredje nivån -------------------------------------------------**/ /** Sätter bakgrundsfärg för trede nivåns länkar (ul,li,a) **/ ul.Menu li ul li ul,ul.Menu li ul li ul li,ul.Menu ul li ul li a{background:#5a6db5; color:white;} /**____________________________________________________________Mozilla_____________________________________________________________________**/ /** Mozilla specifikt område. * Här måste varje element som stylas föregås med > för att inte IE ska läsa detta * span > ul.Menu stylar listan v ser när vi kommer in på sidan. Menyn omsluts alltid av ett span objekt. **/ span > ul.Menu{position:relative; width:100%;padding:0px; margin:0px;} ul.Menu > li{width:100%;margin:0px;height:25px;} ul.Menu > li > a{width:90%; padding:0 5px 0 0; height:25px;} ul.Menu > li > ul {display: none; position: absolute; top: -1px; left:100%; margin:0px; padding:0px;} ul.Menu > li > ul >li{width:100%;margin:0px;height:25px;} ul.Menu > li > ul >li > a{width:100%;margin:0px;height:25px;padding-right:10px;} /**Firefox använder det överliggande elementets bredd därmed 100%*/ ul.Menu > li > ul > li > ul{display:none; position:absolute; top:0px; left:100%;margin:0px; padding:0px;} /*Övriga läsare förstår:*/ ul.Menu > li:hover > ul { display: block;} ul.Menu > ul, ul.Menu{margin-left:0px;} /**____________________________________________________________Slut Mozilla________________________________________________________________**/ /**----------------------------------------------------------- Länkstilar -----------------------------------------------------------------**/ /** Stylar alla länkar här. * Använder white-space:nowrap; för att inte länken ska hamna på två rader. * Sätter padding för att få ett mellanrum mellan li anten och för att inte bakgrundspilarna ska hamna utanför.**/ ul.Menu li a{text-decoration:none;color: #333; height:24px;display: block; white-space:nowrap; padding:5px 4px 0px 10px; text-decoration: none; } /*Pilar som visar att det finns undermenyer*/ ul.Menu li#submenu a {background-image:url("images/pil2.gif"); background-repeat: no-repeat; background-position: right;margin:0px;} ul.Menu ul li#submenu a {background-image:url("images/pil.gif"); background-repeat: no-repeat; background-position: right;margin:0px;} /**Tomma menyval som endast är till för gruppering**/ ul.Menu li a#nolink{} /**----------------------------------------------------------- Länkstilar hover -----------------------------------------------------------**/ /** Då vi har muspekaren över ett element vill vi inte att denna ska visa länkpilen och därför byter vi denna här.**/ ul.Menu li#submenu a:hover,ul.Menu li a:hover, ul.Menu li a.CSStoHighLink {color: #fff;background-image:none;} /*andra nivån*/ ul.Menu ul li#submenu a:hover,ul.Menu ul li a:hover,ul.Menu ul li a.CSStoHighLink {color:white;background-color: #5a6db5;background-image:none;} /**_____________________________________________________________Mozilla hover______________________________________________________________**/ ul.Menu li:hover > a {color: #fff;background-color: #99a5d2; } /**------------------------------------------------------------IE specifikt område---------------------------------------------------------**/ /**########################################################################################################################################**/ /*IE5-6 special: CSStoHighlight, CSStoShow, CSStoHighLink hanteras av behavior: url( IEmen.htc );*/ /*Första nivån ul.Menu li ul li {background:#99a5d2;}*/ ul.Menu li:hover, ul.Menu li.CSStoHighlight {background-color: #99a5d2; color: #fff; display:block;} /*andra nivån*/ ul.Menu ul li:hover, ul.Menu ul li.CSStoHighlight {background-color: #5a6db5; color: #fff; display:block;} ul.Menu ul.CSStoShow {display: block;} ul.Menu li.CSStoColor{background-color:#d7dced;} /*-------------------------------------------------------------------------------------------------*/ /*[if gt IE 5.0]>*/ /* Villkorskommentar gör denna endast synlig i IE5+ men syns inte i IE 7+ då CSS fungerar här */ ul.Menu li {behavior: url( IEmen.htc );} /* Kopia av ovanstående deklaration med > , förutom left position vilken är fel */ ul.Menu ul{display: none; position: absolute; top: -1px; left: 100%; margin:0px; } /* li > ul{width:auto;height:auto;background-color:none;padding:0px;} ul.Menu > li > ul > li{width:100%; padding:0px; margin:0px;} ul.Menu > li > a,ul.Menu > li > ul > li > a{margin:0px;padding:3px 5px 0px 5px;width:90%;height:22px;} span > ul.Menu{margin-bottom:10px;} table#t1 a,table#t1 {text-decoration:none;} table#t1 a {text-decoration:underline;} table#t1 a:hover {text-decoration:underline;} form.seekform input,form.seekform select{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #182E6A; border: 1px #B8BCC8 solid; height: 21px; padding-left: 5px} tr.headrow{background-color:#eee; border-color:#ccc;border:0px 0px 1px 0px; height:22px; padding-top:5px; padding-bottom:0px;}