/* CSS Document */ h2 {font-family: Trebuchet MS; color: #023078; font-size: 24px; text-transform: uppercase;} h3 {font-family: Trebuchet MS; color: #023078; font-size: 16px;} h4 {font-family: Trebuchet MS; color: #3E3E3E; font-size: 13px;} p{font-family: Trebuchet MS; color: #3E3E3E; font-size: 13px;} .Rubrik1{font-family: Trebuchet MS;font-weight: bold; color: #023078; font-size: 24px; text-transform: uppercase;} .Rubrik2{font-family: Trebuchet MS;font-weight: bold; color: #023078; font-size: 16px;} .text{font-family: Trebuchet MS; color: #3E3E3E; font-size: 13px;} .news_headline {font-weight:bold; font-size: 14px; color: #023078; } .news_ingress {color: 434242; font-size:12px;} .blackborder { border: 1px solid #434343; } .hiddentags { color: #FFFFFF; } a { color: #023078; font-weight: normal; font-size: 13px; text-decoration: none; } a:hover { color: #D92028; font-weight: normal; font-size: 13px; text-decoration: underline; } .Searchfield { position:relative; border: 1px solid #003078; font-size: 12px; padding: 2px; width: 150; height: 20; color:#003078; top:7px; left:10px; } .Searchbtn { position:relative; left:7px; top:7px; } form > .Searchbtn{top:5px;} .newspadding { padding-left:15px; padding-right:15px; } .news_link { color: #023078; font-weight: bold; font-size: 12px; text-decoration: none; padding-left:50%; } .news_link:hover { color: #D92028; font-weight: bold; font-size: 12px; text-decoration: underline; } .news_link_2 { color: #023078; font-weight: bold; font-size: 12px; text-decoration: none; padding-left:40%; } .SearchHighlight { color: #BC0504; font-weight:bold; } table{ font-family: "Trebuchet MS"; font-size: 13px; color: 434343; } /* ######### LAYOUT ########## */ body { background-image: url(images/body_bg.jpg); background-repeat:repeat-x; margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; height:100%; font-family: Trebuchet MS; font-size: 13px; color: #000;/*#3E3E3E;*/ } div.Container { position:relative; width:805px; margin: 0 auto; height:100%; text-align: left; height:690px; } div.Head { background-image: url(images/header_index.jpg); background-repeat: no-repeat; position:relative; width:805px; height:136px; float: left; margin:0px; top:0px; } div > .Head { z-index:2; } div.Head_subpage { background-image: url(images/header_subpage.jpg); background-repeat: no-repeat; position:relative; width:780px; height:288px; float: left; margin:0px; } div.noindex{ position:absolute; top: 0px; left:0px; width:0px; height:0px; color:#CCCCCC; } div.Componentholder{ position:relative; top: 0px; left:0px; width:0px; height:0px; z-index:20; } div.Menuholder { position:absolute; width:620px; height:30px; left: 220px; top: 105px; } div > div.Menuholder { left: 190px; width:650px; } div.Search { position:absolute; /*background-image:url(images/news_item_bg.jpg); background-repeat:repeat-y; background-position:right top;*/ width:195px; height:60px; left: 0px; top: 158px; z-index:-1; } .Languages { position:absolute; width:70px; height:14px; left: 12px; top: 190px; z-index:10; } .Sitemap { position:absolute; width:70px; height:14px; left: 58px; top: 190px; z-index:10; } div.Content { position:relative; background-image: url(images/content_bg.jpg); background-repeat:no-repeat; background-position:top right; width:805px; float: left; display: block; /*background:#FFFFFF;*/ margin:0px; /*border-right:1px solid #78AC3A; border-left:1px solid #78AC3A;*/ padding: 0px; top: 0px; height:100%; } div > .Content{width:805px;} .amb_banner{ position:absolute; left:197px; top:130px; margin:0px; padding:0px; width:553; clear:right; height:153px; z-index:-1; } div > .amb_banner{ z-index:1; } div.infoStartpage{ position:relative; top:135px; float:left; width:585px; margin:0px; padding-top: 25px; padding-left: 55px; padding-right: 45px; padding-bottom: 50px; /*border:#999999 dashed thin;*/ height:100%; } div > div.infoStartpage{ width:470px; height:auto; } div.info{ position:relative; top:135px; float:left; width:585px; margin:0px; padding-top: 25px; padding-left: 60px; padding-right: 45px; padding-bottom: 50px; z-index:2; } div > div.info{ width:470px; height:auto; } .cssprintversion{ position:absolute; left:500px; width:24px; height:24px; background-image:url(images/printer.gif); background-repeat:no-repeat; background-position:center; } div.News{ float:left; background-image: url(images/news_foot_bg.jpg); background-repeat:no-repeat; background-position:bottom left; width:198px; height:220px; display: block; margin:0px; padding-right:15px; padding-bottom:30px; } div > div.News{ width:198px; height:auto; } div.Newshead { position:relative; width:196px; left:1px; height:60px; background-image:url(images/news_item_bg.jpg); background-repeat:repeat-y; background-position:right top; float:left; margin:0px; padding-left: 0px; padding-right: 0px; padding-top: 80px; } div > div.Newshead{ width:196px; height:50px; padding-top:40px; } div.Newsitemholder { position:relative; background-image:url(images/news_item_bg.jpg); background-repeat:repeat-y; background-position:right top; width:198px; left:-1px; height:auto; float:left; } div > div.Newsitemholder{ width:198px; } .Newsitem { position:relative; width:198px; height:auto; float:left; padding-left: 0px; padding-right: 0px; padding-top: 8px; padding-bottom: 8px; margin:0px; top: 0px; z-index:1; /* background-image: url(images/news_item_bg.png); background-position:left bottom;*/ text-decoration: none; } div > div.Newsitem{ width:198px; } .Newsitem:hover { position:relative; width:198px; height:auto; float:left; margin:0px; top: 0px; z-index:1; text-decoration: none; } div > div.item:hover{ width:198px; } div.Footer { position:relative; background-image: url(images/footer.jpg); text-align:center; width:767px; height:43px; float: left; margin:0px; top: -19px; } div.contact{ position:absolute; top:10px; left:600px; width:230px; z-index:10; font-size:11px; } div > .contact{width:237px;} div.contact a{ text-decoration:none; color:#3E3E3E; font-size:11px; } div.contact a:hover{ text-decoration:underline; color:#3E3E3E; font-size:11px; } div.contact div#left{ float:left; text-align:right; padding-right:5px; } div.contact div#right{ float:left; padding-left:11px; width:120px; } div.contact h2{ color:#013077; font-size:12px; padding:0px; margin:0px; line-height:12px; text-transform: uppercase; } div.clearboth{ clear:both;margin:0px;padding:0px; } /* ######### SLUT LAYOUT ########## */ /* ######### BREADCRUMBS ########## */ .breadcrumbs_space{background-image:url("images/arrow.png");background-repeat: no-repeat; background-position: 60% 25%;margin:0px; width:20px;behavior: url(iepngfix.htc);} .breadcrumbs{ position:absolute; top:261px; left:274px; width:520; z-index:2; } div > span.breadcrumbs_space{padding-left:20px;} div > div.breadcrumbs{top:270px; z-index:2;} .breadcrumbs { text-decoration: none; color:#909090; font-size: 11px; } .breadcrumbs a{ color: #023078; font-weight: normal; font-size: 11px; text-decoration: none; } .breadcrumbs a:hover{ color: #023078; font-weight: normal; font-size: 11px; text-decoration: underline; } /* ######### SLUT BREADCRUMBS ########## */ /**###############################################################################################################################################################################################****MENU****#####################################################################*/ /**-------------------------------------------Menu-Generellt--------------------------------------------------------**/ ul.Menu li { padding:0px 0px 0px 0px; vertical-align: 0%; word-spacing: 0em; white-space: nowrap; display: inline; float:left; text-align:left; } /*Mellanrum, liststil*/ ul.Menu li{position: relative; width:10px; list-style-type: none; margin: 0px; padding-right:20px; display:block; padding-bottom:1px;} ul.Menu ul#level2 li{padding-right:0px; padding-bottom:0px;} /*Firefox specifik*/ ul.Menu > li{margin:0px;padding-right:20px;width:auto; padding-bottom:0px;} /*ul marginal*/ ul.Menu, ul.Menu ul{margin:0px;} /*position för underliggande meny i förhållande till ul.Menu*/ /* ----------- OBS! OBS! HÄR ÄNDRAR MAN FÖR VERTIKAL ELLER HORISONTELL! ----------------- */ ul.Menu ul#level2 {position:absolute; top: 100%; left:0px; margin:0px;z-index:30;} ul.Menu ul#level3 {position:absolute; left: 100%; top:-1px; margin:0px;} /* Firefox */ ul.Menu li > ul {display: none; position: relative; top:100%; left:0px;padding:0px; } ul.Menu li > ul >li>ul{display: none; position:absolute; top:0px; left:100%; padding:0px; } ul.Menu li:hover > ul { display: block;} /* ----------- SLUT VERTIKAL ELLER HORISONTELL! ----------------- */ /*Tomma länkar i CSS meny*/ ul.Menu li a#nolink{ cursor:default;} /*Höjd,radbyte,mellanrum för elementet a i CSS menyn*/ ul.Menu li a {height:26px; display: block; white-space:nowrap; padding:5px 20px 0px 10px; text-decoration: none;} ul.Menu > li a{height:19px;} div > ul.Menu ul{ padding-top:2px;} /**-------------------------------------------Slut Menu-Generellt---------------------------------------------------**/ /**#################################################################################################################**/ /**-------------------------------------------Första nivån start----------------------------------------------------**/ /**ul bakgrund**/ ul.Menu{ background-image:none;padding-top:1px;} /**li bakgrund**/ ul.Menu li{ background-image:url("images/spacer.gif");} /**fonter och storlek**/ ul.Menu li a{color:#fff; font-weight: normal; font-family: Trebuchet MS; font-size: 12px; text-transform: uppercase; text-decoration:none; font-weight:bold;} /** hover **/ ul.Menu li a:hover,ul.Menu li#submenu a:hover{color:#fff;text-decoration: underline; font-size: 12px; font-weight:bold; cursor:hand; } ul.Menu li#submenu a.CSStoHighLink{color:#fff;text-decoration:none; font-weight:bold;} /** #submenu hover. Här kan man lägga in en pil i bakgrunden för att visa att det finns undermenyer **/ /**-------------------------------------------Första nivån stop-----------------------------------------------------**/ /**#################################################################################################################**/ /**-------------------------------------------Andra nivån start**/ /**ul bakgrund**/ ul.Menu ul#level2{ background-image:none; border: solid 0px #003300; } /**li bakgrund**/ ul.Menu ul#level2 li{width:100%;background-image:url(images/menu.png); border-top:solid 1px #fff;} /**fonter och storlek**/ ul.Menu ul#level2 li a{color:#fff; height:20px; padding:2px 20px 2px 10px; font-weight: bold; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase; text-decoration:none;} /** hover **/ ul.Menu ul#level2 li a:hover,ul.Menu ul#level3 li a.CSStoHighLink{color:#fff;text-decoration:none;font-size: 11px;background-image:url(images/menu_hover.png);} /** #submenu hover. Här kan man lägga in en pil i bakgrunden för att visa att det finns undermenyer **/ ul.Menu ul#level2 li#submenu a:hover,ul.Menu ul#level2 li#submenu a.CSStoHighLink{color:#fff;text-decoration:none;font-size: 11px;} /**-------------------------------------------Andra nivån stop**/ /**#################################################################################################################**/ /**-------------------------------------------Tredje nivån start**/ /**ul bakgrund**/ ul.Menu ul#level3{ background-image:url(images/menu.png);border-right: solid 0px #003300; border-bottom: solid 0px #003300; border-top: solid 0px #003300; } /**li bakgrund**/ ul.Menu ul#level3 li{width:100%;background-image:none;} /**fonter och storlek**/ ul.Menu ul#level3 li a{color:#fff; font-weight: bold; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase; text-decoration:none;} /** hover **/ ul.Menu ul#level3 li a:hover,ul.Menu ul#level3 li a.CSStoHighLink{color:#000;text-decoration:none;font-size: 11px; background-image:url(images/menu_hover.png);} /** #submenu hover. Här kan man lägga in en pil i bakgrunden för att visa att det finns undermenyer **/ ul.Menu ul#level3 li#submenu a:hover,ul.Menu ul#level3 li#submenu a.CSStoHighLink{color:#000;text-decoration:none;font-size: 11px;} /**-------------------------------------------Tredje nivån stop**/ /**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 {display:block;} /*andra nivån*/ ul.Menu ul li:hover, ul.Menu ul li.CSStoHighlight {display:block;} ul.Menu ul.CSStoShow {display: block; } ul.Menu li.CSStoColor{background-color:none;} /*-------------------------------------------------------------------------------------------------*/ /*[if gt IE 5.0]>*/ /* Villkorskommentar gör denna endast synlig i IE5+ men syns 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: 100%; left:0px ; margin:0px; } /* .poweredby{margin-top:60px;} span > .cssprintversion { width:100px; }