/* CSS Document */ .blackborder { border: 1px solid #434343; } .hiddentags { color: #FFFFFF; } h2 { color: #666; font-size: 20px; text-transform: uppercase; } h1 { color: #666; font-size: 20px; text-transform: uppercase; } a { color: #840000; font-weight: normal; font-size: 13px; text-decoration: none; } a:hover { color:840000; font-weight: normal; font-size: 13px; text-decoration: underline; } .Searchfield { border: 1px solid #C6C7C6; font-size: 12px; padding: 2px; width: 150; height: 20; color:#868686; } .news_headline { font-weight: bold; font-size: 12px; color: #344A2F; } .news_ingress { color: 434343; font-size: 11px; } .newspadding { padding-left:15px; padding-right:15px; } .news_link { color: #344A2F; font-weight: normal; font-size: 11px; text-decoration: none; } .news_link:hover { color: 692600; font-weight: normal; font-size: 11px; text-decoration: underline; } .SearchHighlight { color: #BC0504; font-weight:bold; } table{ font-family: ""; font-size: 13px; color: 434343; } /* ######### LAYOUT ########## */ body { background-color:#313031; /*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: 434343; text-align:center; azimuth:center; } div.Container { position:relative; width:750px; background-color:#313031; /*margin: 0 auto;*/ margin-top:0px; margin-bottom:10px; /*height:90%;*/ text-align:center; /*background-image:url(images/container_bg.jpg);*/ background-repeat:repeat-x; } div > .Container{background:#ffffc6;} .innercontainer { position:relative; /*left:-5%;*/ width:750px; margin: 0 auto; /*height:inherit;*/ text-align: center; } div > .innercontainer{margin-left:25%; margin-right:auto;background:#ffffc6;} div.Head { background-image: url(images/header_index.jpg); background-repeat: no-repeat; position:relative; width:750px; height:200px; float: left; margin:0px; top:-33px; } div > .head{margin-bottom:30px;} div.Head_subpage { background-image: url(images/header_subpage.jpg); background-repeat: no-repeat; position:relative; width:720px; height:200px; 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:relative; width:720px; height:30px; left: 0px; top: 220px; text-align:left; } ul.Menu{ text-align:center;} div > div.Menuholder { top:200px; } div.Search { position:absolute; width:200px; height:30px; left: 690px; top: 212px; z-index:-1; visibility:hidden; } div.newssubs{ position:absolute; top:198px; left:130px; z-index:-1; width:200px; visibility:hidden; } span.newssubtext { width:200px; text-transform:uppercase; font-family: Trebuchet MS; font-style:italic; color:#FFFFFF; font-weight:bold; font-size:11px; margin-left:10px; visibility:hidden; } span.subscribeinput input{ border:0px; margin-left:10px; } .logo{ /*background-image:url(images/logo_swe.png); background-repeat:no-repeat; width:375; height:119; position:absolute; top:14px; left:112px;*/ } .logo_eng{ /*background-image: url(images/logo_eng.png); background-repeat:no-repeat; width:375; height:119; position:absolute; top:14px; left:112px;*/ } .Languages { position:absolute; width:70px; height:14px; left: 790px; top: 200px; visibility:hidden; } .Sitemap { position:absolute; width:70px; height:14px; left: 835px; top: 200px; visibility:hidden; } div.Content { position:relative; width:750px; float: left; display: block; background:#313031; margin:0px; border: 0px; padding: 0px; top: -30px; /*height:100%;*/ } div > div.Content{background:#ffffc6;} div.infoStartpage{ float:left; /*background-image: url(images/info_bg_index.jpg);*/ background:#ffffc6; background-repeat:no-repeat; width:750px; /*height:400px;*/ margin:30px 0px 0px 0px; padding-top: 50px; padding-left: 30px; padding-right: 50px; padding-bottom: 50px; text-align:left; } div > div.infoStartpage{ padding:0px; padding-left:10px; width:740px; background:#ffffc6; } div.info{ float:left; /*background-image: url(images/info_bg_index.jpg);*/ background:#ffffc6; background-repeat:no-repeat; width:880px; /*height:400px;*/ margin:20px 0px 0px 0px; padding-top: 50px; padding-left: 10px; padding-right: 50px; padding-bottom: 50px; } div > div.info{ width:719px; } .cssprintversion{ position:absolute; left:670px; width:24px; height:24px; background-image:url(images/printer.gif); background-repeat:no-repeat; background-position:center; } div.News{ position:absolute; float:left; width:190px; height:100%; display: block; margin:0px; margin-right:35px; top:60px; left:110px; visibility:hidden; } div > div.News{ width:190px; } div.Newshead { position:relative; width:190px; height:0px; float: left; margin:0px; padding-left: 15px; padding-right: 15px; padding-top: 0px; visibility:hidden; } div > div.Newshead{ width:190px; height:0px; visibility:hidden; } div.Newsitemholder { position:relative; width:190px; height:auto; float:left; visibility:hidden; } div > div.Newsitemholder{ width:190px; visibility:hidden; } .Newsitem { position:relative; width:190px; height:auto; float:left; padding-left: 0px; padding-right: 0px; padding-top: 8px; padding-bottom: 8px; margin:0px; top: 0px; cursor:hand; z-index:1; /* background-image: url(images/news_item_bg.png); background-position:left bottom;*/ text-decoration: none; visibility:hidden; } div > div.Newsitem{ width:190px; } .Newsitem:hover { /*background-image: url(images/news_item_bg_hover.png);*/ position:relative; width:190px; height:auto; float:left; margin:0px; top: 0px; cursor:hand; z-index:1; text-decoration: none; visibility:hidden; } div > div.item:hover{ width:253px; } div.Footer { position:relative; background:#FFFFC6; width:750px; height:0px; float: left; margin:0px; top: -30px; /*background-image:url(images/footer.jpg); background-repeat:no-repeat; background-position:top left;*/ } div > .Footer{top: -130px; left:25%;} 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:relative; top:226px; left:30px; width:420; z-index:-1; text-align:left; } div > span.breadcrumbs_space{padding-left:20px;} div > div.breadcrumbs{top:200px;} .breadcrumbs { text-decoration: none; color:#909090; font-size: 11px; } .breadcrumbs a{ color: #840000; font-weight: normal; font-size: 11px; text-decoration: none; } .breadcrumbs a:hover{ color: #840000; font-weight: normal; font-size: 11px; text-decoration: underline; } /* ######### SLUT BREADCRUMBS ########## */ /**###############################################################################################################################################################################################****MENU****#####################################################################*/ /**-------------------------------------------Menu-Generellt--------------------------------------------------------**/ ul.Menu li { padding:0px inherit 0px 0px; /*vertical-align: 0%;*/ word-spacing: 0em; white-space: nowrap; display: inline; float:left; text-align:center; } /*Mellanrum, liststil*/ ul.Menu li{position: relative; width:10px; list-style-type: none; margin: 0px; padding-right:0px; display:block; padding-bottom:2px;} ul.Menu ul#level2 li{padding-right:0px; padding-bottom:0px;} /*Firefox specifik*/ ul.Menu > li{margin:0px;padding-right:0px;width:auto; padding-bottom:6px;} /*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;} 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%;} 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:24px; display: block; white-space:nowrap; font-family: Trebuchet MS; font-size: 13px; text-transform: uppercase; font-weight: bolder; padding:5px 10px 2px 5px; 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;} /**li bakgrund**/ ul.Menu li{ background:##313031;height:24px;} /**fonter och storlek**/ ul.Menu li a{color:#fff7d6; font-weight:900; font-family:verdana,arial,sans-serif; font-size: 13px; font-weight:bold; text-transform: uppercase; text-decoration:none;} /** hover **/ ul.Menu li a:hover,ul.Menu li#submenu a:hover{color:#fff;text-decoration: underline; font-weight:bold; cursor:hand; } ul.Menu li#submenu a.CSStoHighLink{color:#fff;text-decoration:none; } /** #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; tex-align:left; border:1px #FFF7D6 solid;} /**li bakgrund**/ ul.Menu ul#level2 li{width:100%;text-align:left; margin:0px;background-image:none;font-weight:bold; background-color:#313031;border-bottom:solid 1px #fff;} /**fonter och storlek**/ ul.Menu ul#level2 li a{color:#fff7d6; font-weight: bold; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase; text-decoration:none; height:24px;} /** hover **/ ul.Menu ul#level2 li a:hover,ul.Menu ul#level3 li a.CSStoHighLink{color:#fff;text-decoration:underline;font-weight:bold;background-color:#313031;font-size: 11px;} /** #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:underline;background-color:#313031;font-size: 11px;} /**-------------------------------------------Andra nivån stop**/ /**#################################################################################################################**/ /**-------------------------------------------Tredje nivån start**/ /**ul bakgrund**/ ul.Menu ul#level3{ background-image:none; border:1px #FFF7D6 solid;} /**li bakgrund**/ ul.Menu ul#level3 li{width:100%; background-color:#313031;border-bottom:solid 1px #fff;} /**fonter och storlek**/ ul.Menu ul#level3 li a{color:#FFF7d6; font-weight: bold; font-family: Trebuchet MS; font-size: 11px; text-transform: uppercase; text-decoration:none; height:24px;} /** hover **/ ul.Menu ul#level3 li a:hover,ul.Menu ul#level3 li a.CSStoHighLink{color:#fff;text-decoration:underline;background-color:#313031;font-size: 11px;} /** #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:#fff;text-decoration:underline;background-color:#313031;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;}