﻿@media print { .printhide {display:none} .mainmenu {display:none} }
@media screen { .screenhide {display:none}}

body.RadEContent, body.RadEContentBordered {font-size:62.5% !important; background:#fff !important}

body { background: #bbb url(/CommonResources/Files/www.unitrafo.se/Images/Element/bg.jpg) repeat-x }

/*test*/

#header img {display:block}

.skyline {

 width: 764px;
 margin-left: 0px;
 margin: 0px;
 padding: 0;
 position: relative;
}

.skyline li {margin-left: 0px;  margin: 0px; float:left; padding: 0; list-style: none; margin-right:20px}
.skyline li a {letter-spacing:2px; color:#505050; font: bold 10px arial, "trebuchet ms", arial, sans-serif; text-transform:uppercase; display: block; padding:10px 15px}
.skyline li a:visited {color:#505050}
.skyline li.selected a, .skyline li.selected a:visited, .skyline a:hover{color:#fff; background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/nav-bg.gif)}
.skyline li a:hover, .skyline li:first-child a:hover {color:#fff}
.skyline li:first-child a {color:red}

ul.sub-nav {font-family: "Lucida Grande", Geneva, Tahoma, sans-serif; list-style:none; margin:0 15px 20px 0; padding:0; font-size:11px; }
ul.sub-nav li ul {margin-left:10px; list-style:none; padding:0}
ul.sub-nav li {line-height:130%}
ul.sub-nav li a {color:#000; font-weight:bold; line-height:2.6}
ul.sub-nav li a:visited {color:#000;}
ul.sub-nav li a:hover {color:red; text-decoration:underline}

ul.sub-nav li.selected a {color:red; }
ul.sub-nav li.selected a:visited {color:red; }
ul.sub-nav li.selected a:hover {color:#000; }

ul.sub-nav li.selected ul li a, ul.sub-nav li.selected ul li a:visited  {color:#000; font-weight:normal; line-height:1.6}
ul.sub-nav li.selected ul li.selected a, ul.sub-nav li.selected ul li.selected a:visited {color:red; font-weight:normal}
ul.sub-nav li.selected ul li.selected a:hover {color:#000; font-weight:normal}

td#news * {font-size:9px}

.news-box {font-size:10px; margin-right:15px}
.news-box dt {margin-top:8px}
.news-box dd {margin:0}
.news-box dd.read-more {text-align:right}

#panel1b {left: 0; width: 58px;}
#panel2b {left: 80px; width: 119px;}
#panel3b {left: 226px; width: 119px;}
#panel4b {left: 366px; width: 105px;}
#panel5b {left: 485px; width: 114px;}
#panel6b {left: 614px; width: 149px;}

#panel1b a:hover {background: transparent url(/CommonResources/Files/files/57.gif) -0px -32px no-repeat;}
#panel2b a:hover {background: transparent url(/CommonResources/Files/files/57.gif) -80px -32px no-repeat;}
#panel3b a:hover {background: transparent url(/CommonResources/Files/files/57.gif) -226px -32px no-repeat;}
#panel4b a:hover {background: transparent url(/CommonResources/Files/files/57.gif) -366px -32px no-repeat;}
#panel5b a:hover {background: transparent url(/CommonResources/Files/files/57.gif) -485px -32px no-repeat;}
#panel6b a:hover {background: transparent url(/CommonResources/Files/files/57.gif) -614px -32px no-repeat;}

.selectedHome {background: transparent url(/CommonResources/Files/files/57.gif) -0px -32px no-repeat;}
.selected12 {background: transparent url(/CommonResources/Files/files/57.gif) -80px -32px no-repeat;}
.selected29 {background: transparent url(/CommonResources/Files/files/57.gif) -226px -32px no-repeat;}
.selected27 {background: transparent url(/CommonResources/Files/files/57.gif) -366px -32px no-repeat;}
.selected60 {background: transparent url(/CommonResources/Files/files/57.gif) -485px -32px no-repeat;}
.selected25 {background: transparent url(/CommonResources/Files/files/57.gif) -614px -32px no-repeat;}

A { color: #003399; text-decoration: none; font-weight: normal; }

a:hover { text-decoration: none; color: #666666; }

A.bb:hover { color: #666666; }

A:active { text-decoration: none; color: #666666; }

A:visited { color: #003399; }

A.navlink2 { color: #666666; font-size: 10px;}

A.navlink2:visited { color: #666666; }

A.navlink2:hover { color: #666666; }

A:visited:hover { color: #666666; }

A.navlink { color: #000000; font-size: 10px;}

A.navlink:visited { color: #000000; }

A.navlink:hover { color: #FFFFFF; }

BODY, P, DD, DIV, DL, OL, UL, TD, SPAN { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-size: 11px; color: #000000; line-height:130%; margin-top:0px; margin-bottom:0px;}

.main {
background: #F8F8F8 url(/CommonResources/Files/www.unitrafo.se/Images/Element/main_bg.gif) repeat-x scroll 0%;
background-attachment: fixed;
}

.mainmenu {
background: #F8F8F8 url(/CommonResources/Files/www.unitrafo.se/Images/Element/main_bg.gif) repeat-x;
background-attachment: fixed;
}

H1 { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 17px; color: #000000; margin-bottom: 5px; letter-spacing:1px; }

H2 { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 13px; color: #000000; margin-bottom: 3px; line-height:13px; }

H3 { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 12px; color: #000000; margin-bottom: 3px; line-height:12px; }

H4 { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 11px; color: #000000; margin-bottom: 5px; }

H5 { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-size: 10px; line-height:13px; color: #000000; margin-bottom: 0px; }

H6 { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 9px; color: #000000; margin-bottom: 5px; }

HR { line-height: 1px; height: 1px; color: #cdcdcd; shade: no; shading: none; noshade}

SMALL { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-size: 9px; }

BIG { font-family: "Lucida Grande", Geneva, Tahoma, Verdana, Arial, sans-serif; font-weight: bold; font-size: 11px; letter-spacing: 50%; color: #666666; }TABLE.SMALL { font-family: Geneva, Verdana, Helvetica, sans-serif; font-size: 9px; width: 100%; vertical-align: top;}INPUT, SELECT, TEXTAREA { font-family: geneva, arial, verdana; font-size: 10px; background-color:#f0f0f0; color:#000000;}

.white { color: #ffffff; }
span.white span{color:white; text-transform:uppercase}

.black { color: #000000; }

.lightgrey { background-color:#efefef; }

.whitebkg{ background-color:white; }

.grey { color:#999999; }

.red { color: #990000; }

.button{ background-color: #f0f0f0; COLOR: #000000; FONT-FAMILY: geneva, verdana; FONT-SIZE: 10px; FONT-WEIGHT: normal; font-style: normal; }

.link { color: #FFFFFF; background-color: #f0f0f0; white-space: nowrap; border-color: #cccccc #333333 #333333 #cccccc; font-size: 10px; font-style: normal; font-weight: normal; vertical-align: middle; padding-top: 1px; padding-right: 2px; padding-bottom: 2px; padding-left: 1px; height: 21px; width: 120px; border-style: solid; border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin;}



.menulevel1 { color: #000000;   padding: 6px; }

.menulevel2 { color: #000000;  padding: 6px; }

.menulevel3 { color: #000000; padding-left:8px;padding: 2px; }

.menulevel4 { color: #000000; padding-left:14px;padding: 2px; }

.menulevel5 { color: #000000; padding-left:20px;padding: 2px; }

.menuselectedlevel1 { color: #FF0000;  padding: 6px; }

.menuselectedlevel2 { color: #FF0000;  padding: 6px; }

.menuselectedlevel3 { color: #FF0000; padding-left:8px;padding: 2px; }

.menuselectedlevel4 { color: #FF0000; padding-left:14px;padding: 2px; }

.menuselectedlevel5 { color: #FF0000; padding-left:20px;padding: 2px; }

.selectedlevel1 { color: #000000; text-decoration: none; font-weight: bold;}

.selectedlevel2 { color: #FF0000; text-decoration: none; font-weight: bold;}

.selectedlevel3 { color: #FF0000; padding-left:8px; text-decoration: none;  }

.selectedlevel4 { color: #FF0000; padding-left:14px; text-decoration: none;  }

.selectedlevel5 { color: #FF0000; padding-left:20px; text-decoration: none;  }

.level1 { color: #000000; text-decoration: none; font-weight: bold; }

.level2 { color: #000000; text-decoration: none; font-weight: bold; }

.level3 { color: #000000; padding-left:8px; text-decoration: none;  }

.level4 { color: #000000; padding-left:14px; text-decoration: none; }

.level5 { color: #000000; padding-left:20px; text-decoration: none;  }



.menulevel1:visited { color: #000000;  padding: 6px; }

.menulevel2:visited { color: #000000;  padding: 6px; }

.menulevel3:visited { color: #000000; padding-left:8px;padding: 2px; }

.menulevel4:visited { color: #000000; padding-left:14px;padding: 2px; }

.menulevel5:visited { color: #000000; padding-left:20px;padding: 2px; }

.menuselectedlevel1:visited { color: #000000;  padding: 6px; }

.menuselectedlevel2:visited { color: #000000;  padding: 3px; }

.menuselectedlevel3:visited { color: #000000; padding-left:8px; padding: 2px; }

.menuselectedlevel4:visited { color: #000000; padding-left:14px; padding: 2px; }

.menuselectedlevel5:visited { color: #000000; padding-left:20px; padding: 2px; }

.selectedlevel1:visited { color: #000000; text-decoration: none; font-weight: bold;}

.selectedlevel2:visited { color: #FF0000; text-decoration: none; font-weight: bold;}

.selectedlevel3:visited { color: #FF0000; padding-left:8px; text-decoration: none; }

.selectedlevel4:visited { color: #FF0000; padding-left:14px; text-decoration: none; font-weight: bold;}

.selectedlevel5:visited { color: #FF0000; padding-left:20px; text-decoration: none; font-weight: bold;}

.level1:visited { color: #000000; text-decoration: none; font-weight: bold; }

.level2:visited { color: #000000; text-decoration: none; font-weight: bold;}

.level3:visited { color: #000000; padding-left:6px; text-decoration: none;  }

.level4:visited { color: #000000; padding-left:12px; text-decoration: none; }

.level5:visited { color: #000000; padding-left:18px; text-decoration: none;  }



.menulevel1:hover { color: #FF0000; text-decoration: underline;  }

.menulevel2:hover { color: #FF0000; text-decoration: underline;  }

.menulevel3:hover { color: #FF0000; text-decoration: underline; padding-left:8px; }

.menulevel4:hover { color: #FF0000; text-decoration: underline; padding-left:14px;}

.menulevel5:hover { color: #FF0000; text-decoration: underline; padding-left:20px; }

.menuselectedlevel1:hover { color: #FF0000; text-decoration: underline;  }

.menuselectedlevel2:hover { color: #FF0000; text-decoration: underline;  }

.menuselectedlevel3:hover { color: #FF0000; text-decoration: underline; padding-left:8px; }

.menuselectedlevel4:hover { color: #FF0000; text-decoration: underline; padding-left:14px; }

.menuselectedlevel5:hover { color: #FF0000; text-decoration: underline; padding-left:20px; }

.selectedlevel1:hover { color: #FF0000; text-decoration: underline; font-weight: bold; }

.selectedlevel2:hover { color: #FF0000; text-decoration: underline; font-weight: bold; }

.selectedlevel3:hover { color: #FF0000; text-decoration: underline;  }

.selectedlevel4:hover { color: #FF0000; text-decoration: underline; font-weight: bold; }

.selectedlevel5:hover { color: #FF0000; text-decoration: underline; font-weight: bold; }

.level1:hover { color: #FF0000; text-decoration: underline; font-weight: bold; }

.level2:hover { color: #FF0000; text-decoration: underline; font-weight: bold; }

.level3:hover { color: #FF0000; text-decoration: underline;  }

.level4:hover { color: #FF0000; text-decoration: underline;  }

.level5:hover { color: #FF0000; text-decoration: underline;  }


/* Sitemap styling
-----------------*/
#sitemap  ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none; }

#sitemap ul li a:hover {background-color:#eef2f6 }
#sitemap ul li {background:none; margin:0; padding:3px 0;}

/* level1 no children */
#sitemap ul li a {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/page.gif) no-repeat center left; padding-left:25px; padding:3px 0 3px 25px}

/* level 1 parent */
#sitemap ul li.haschildren a {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/folder.gif) no-repeat center left; padding-left:25px}

/* level 1 child */
#sitemap ul li.haschildren ul li a {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/page.gif) no-repeat center left; padding-left:25px; padding:3px 0 3px 25px} 

/* level 2 parent */
#sitemap ul li.haschildren ul li.haschildren a {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/folder.gif) no-repeat center left; padding-left:25px}

/* level 2 child  */
#sitemap ul li.haschildren ul li.haschildren ul li a {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/page.gif) no-repeat center left; padding:3px 0 3px 25px}

/* level 3 parent */
#sitemap ul li.haschildren ul li.haschildren ul li.haschildren a {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/folder.gif) no-repeat center left; padding-left:25px}

/* level 3 child */
#sitemap ul li.haschildren ul li.haschildren ul li.haschildren ul li a  {background:url(/CommonResources/Files/www.unitrafo.se/Images/Element/page.gif) no-repeat center left; padding:3px 0 3px 25px}

/* Styling of search result listing 
-------------------------------*/
#search-result {margin-top:1em}
#search-result dd {margin:0; padding:0;}
#search-result dd blockquote {margin:0; padding:0; font-style:normal;}
#search-result .meta {overflow:hidden; border-bottom:1px dotted #000; padding-bottom:.7em; margin-bottom:.7em;}
#search-result cite {font-size:.9em; font-style:normal;}
#search-result cite a {color:#999;}
.search-paging {margin:1.5em 0;}
.search-pages a {padding:.3em; border:1px solid #ccc; margin-left:.2em}

/* Forms
-------------------------------*/
fieldset {margin: 10px 0;}
.radiolist {list-style: none outside; margin: 0; padding: 0}
.radiolist li {float: left; text-align: center; margin-right: 15px}
.radiolist label {display: block}
