/*--------------------- General ---------------------*/ A {font-weight:bold; color:#cf5918; text-decoration:none; font-family:"Trebuchet MS", Arial;} A:hover {text-decoration:underline;} h1 {font-size:250%; font-weight:bold; margin:0 0 10px 0; color:#000;} h2 {font-size:160%; font-weight:bold; margin:0 0 10px 0; color:#000;} h3 {font-size:130%; font-weight:normal; margin:5px 0 10px 0; color:#555;} P {padding:0; margin:0;} img, table {border: 0;} html {margin:0px; padding:0px; FONT-SIZE:x-small;} body {background:url(/gfx/bg.jpg) repeat-x #FFF; margin:0; padding:0; COLOR:#333; font-family:"Trebuchet MS", Arial; font-size:110%; text-align:center; } /*--------------------- Body layout ---------------------*/ #Wrapper {width:980px; margin:0 auto; text-align:left;} #Head {width:980px; height:100px; margin:0; padding:0 0 20px 0; position:relative;} #Head #modern {position:absolute; left:5px; top:12px;} #Head .nav {position:absolute; height:55px; width:765px; left:0; bottom:20px; margin:0; padding:5px 0 5px 215px; background:url(/gfx/nav-bg.gif) no-repeat top left;} #Head .nav #logo {position:absolute; left:0; top:0;} #Head .nav ul {list-style:none; margin:0; padding:0;} #Head .nav ul li {float:left; padding:0; display:inline;} #Head .nav ul li a {font:bold 15px/55px "Trebuchet MS", Arial !important; color:#FFF !important; text-decoration:none; padding:0 15px 0 17px; margin:0; background:url(/gfx/nav-bg-line.gif) bottom left no-repeat; display:block;} #Head .nav ul li a:hover {cursor:pointer; text-decoration:underline;} #Head .nav ul li.on {background:url(/gfx/nav-on-bg.gif) repeat-x;} #Head .nav ul li.on a {font:bold 16px/55px "Trebuchet MS", Arial !important; color:#FFF !important; text-decoration:none; padding:0 15px 0 17px; margin:0; background:url(/gfx/nav-bg-line.gif) bottom left no-repeat; display:block;} #Head .nav ul li.on a:hover {cursor:pointer;} #Head ul#quick-nav {position:absolute; right:5px; top:12px; margin:0; padding:0; list-style:none;} #Head ul#quick-nav li {display:inline; float:left; padding-right:10px; margin-right:10px; border-right: 1px solid #cccccc;} #Head ul#quick-nav li.last {border-right:0; margin-right:0;} #Head ul#quick-nav li a {font:normal 12px/15px "Trebuchet MS", Arial !important; color:#666666 !important; text-decoration:none; display:inline;} #Head ul#quick-nav li a:hover {text-decoration:underline;} /*--------------------- Page layout ---------------------*/ .clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} * html .clearfix {height: 1%;} .Content {width:970px; margin:0; padding:0 5px 40px 5px; float:left; min-height:400px; _height:400px;} .ContentLeft {width:220px; margin:0; padding:0; float:left; overflow:hidden; min-height:200px;} #ContentRight {width:730px; margin:0; padding:0 0 0 20px; float:left; overflow:hidden;} .BoxContainer970 {background:url(/gfx/boxfooter970.gif) bottom left no-repeat; margin:0; padding:0 0 6px 0; display:block; overflow:hidden;} .BoxContainer970 .inner {background:url(/gfx/boxheader970.gif) top left no-repeat; margin:0; padding:6px 0 0 0;} .BoxContainer970 .body {padding:10px 9px 10px 9px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#FFFFFF; overflow:hidden;} .BoxContainer730 {background:url(/gfx/boxfooter730.gif) bottom left no-repeat; margin:0; padding:0 0 6px 0; display:block; overflow:hidden;} .BoxContainer730 .inner {background:url(/gfx/boxheader730.gif) top left no-repeat; margin:0; padding:6px 0 0 0;} .BoxContainer730 .body {padding:10px 14px 10px 14px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#FFFFFF; min-height:400px; _height:400px;} .BoxContainer730-2 {background:url(/gfx/boxfooter730.gif) bottom left no-repeat; margin:0 0 20px 0; padding:0 0 6px 0; display:block; overflow:hidden;} .BoxContainer730-2 .inner {background:url(/gfx/boxheader730.gif) top left no-repeat; margin:0; padding:6px 0 0 0;} .BoxContainer730-2 .body {padding:10px 14px 10px 14px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#FFFFFF; min-height:200px; _height:200px;} .BoxContainer490 {background:url(/gfx/boxfooter510.gif) bottom left no-repeat; margin:0; padding:0 0 6px 0; display:block; overflow:hidden; width:510px; float:left;} .BoxContainer490 .inner {background:url(/gfx/boxheader510.gif) top left no-repeat; margin:0; padding:6px 0 0 0;} .BoxContainer490 .body {padding:10px 14px 10px 14px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#FFFFFF; min-height:400px; _height:400px;} #BodyContent {overflow:hidden; padding:10px 0 0 10px; width:720px;} .PuffsRight {float:right; width:200px;} .PuffsRight .puff-item {margin-bottom:20px;} /*--------------------- 4 Column 970px page ---------------------*/ .BoxContainer4Column {float:left; position:relative; padding:10px;} .BoxContainer4Column .item {width:210px; margin:0 14px 0 0; padding:0 15px 0 0; border-right:1px solid #e7e7e7; float:left; position:relative; background-color:#FFFFFF;} .BoxContainer4Column .last {margin-right:0; padding-right:0; border-right:none;} /*--------------------- 3 Column 730px page ---------------------*/ .BoxContainer3Column {margin:0 20px 0 0; float:left; position:relative;} .BoxContainer3Column.last {margin-right:0;} .BoxContainer230 {background:url(/gfx/boxfooter230.gif) bottom left no-repeat; margin:0; padding:0 0 6px 0; display:block; overflow:hidden; width:230px;} .BoxContainer230 .inner {background:url(/gfx/boxheader230.gif) top left no-repeat; margin:0; padding:6px 0 0 0;} .BoxContainer230 .body {padding:5px 10px 10px 10px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; background-color:#FFFFFF; height:200px;} .BoxContainer230 h3 {font:bold 14px "Trebuchet MS", Arial; color:#cf5918; padding:0; margin:0 0 5px 0;} /*--------------------- Brödsmulor -----------------------*/ .breadcrumb {margin-bottom:15px; padding-left:10px; height:30px; line-height:30px; background:url(/gfx/breadcrumb-bg.gif) no-repeat top left;} .breadcrumb .seperator {width:7px; height:30px; margin:0 5px; float:left; background:url(/gfx/breadcrumb-seperator.gif) no-repeat top left;} .breadcrumb a {float:left; color:#999; font-weight:normal;} .breadcrumb a:hover {float:left; color:#666; text-decoration:none;} /*--------------------- Left menu ---------------------*/ #CompanySelector {position:relative; width:220px; height:36px; margin:0 0 10px 0; background:url(/gfx/companyselector.gif) top left no-repeat;} #LeftMenu {margin:0; display: block; width:220px; overflow:hidden; padding-bottom:4px; background:url(/gfx/leftmenu-bg.gif) bottom left no-repeat;} #LeftMenu h3 {height:37px; width:210px; padding:0 0 0 10px; margin:0; background:url(/gfx/leftmenu-rub-bg.gif) no-repeat; font:bold 14px/37px arial; color:#333;} #LeftMenu ul.menu {width:218px; margin:0; padding:0; list-style:none; float:left; overflow:hidden; border:1px solid #E7E7E7; border-top:none; background-color:#fefefe;} #LeftMenu ul.menu li {margin:0; padding:0; border-top:1px solid #d7d7d7;} #LeftMenu ul.menu li a {width:208px; padding-left:10px; font:bold 12px/31px "Trebuchet MS", Arial; color:#333; text-decoration:none; background:url(/gfx/leftmenu-bg-off.jpg) top left no-repeat; display:block; overflow:hidden;} #LeftMenu ul.menu li a:hover {color:#000;} #LeftMenu ul.menu li.on {border-top:none;} #LeftMenu ul.menu li.on a {color:#ffffff; background:url(/gfx/leftmenu-bg-on.jpg) top left no-repeat;} #LeftMenu ul.menu li.on-childs a {color:#ffffff; background:url(/gfx/leftmenu-bg-on-childs.jpg) top left no-repeat;} #LeftMenu ul.submenu {margin:0; padding:0 0 0 10px; list-style:none; background:#f8f8f8 !important;} #LeftMenu ul.submenu li {margin:0; padding:0; border-top:none;} #LeftMenu ul.submenu li a {font:normal 11px arial !important; color:#333 !important; padding:5px 5px 5px 10px; background:url(/gfx/leftmenu-arrow.gif) left center no-repeat !important;} #LeftMenu ul.submenu li a:hover {color:#cf5918 !important;} #LeftMenu ul.submenu li.on a {color:#cf5918 !important;} #LeftMenu ul.submenu li.on li a {color:#333 !important; padding-left:10px;} #LeftMenu ul.submenu li.on li a:hover {color:#cf5918 !important;} #LeftMenu ul.submenu li.on li.on a {color:#cf5918 !important;} #LeftMenu ul.submenu li li {margin:0; padding:0; border-top:none;} #LeftMenu ul.submenu li li a {font:normal 11px arial !important; color:#333 !important; padding:5px 5px 5px 10px; background:url(/gfx/leftmenu-arrow.gif) left center no-repeat !important;} #LeftMenu ul.submenu li.on li.on a {color:#cf5918 !important;} #LeftMenu ul.submenu li.on li.on li a {color:#333 !important; padding-left:10px;} #LeftMenu ul.submenu li.on li.on li a:hover {color:#cf5918 !important;} #LeftMenu ul.submenu li.on li.on li.on a {color:#cf5918 !important;} /*--------------------- Tab menu ---------------------*/ #TabMenu ul {height:32px; margin:0 0 0px 0; padding:0; list-style:none; overflow:hidden; background:url(/gfx/tabmenu-line.gif) bottom left repeat-x;} #TabMenu ul li {display:inline; float:left; margin-right:1px;} #TabMenu ul li a {font:bold 12px/32px "Trebuchet MS", Arial !important; text-decoration:none; color:#333 !important; display:inline;} #TabMenu ul li a:hover {cursor:pointer; text-decoration:underline;} #TabMenu ul li a .left-tab {background:url(/gfx/tabmenu-left-off.gif) no-repeat top left; width:2px; height:32px; display: block; float:left;} #TabMenu ul li a .mid-tab {background:url(/gfx/tabmenu-mid-off.gif) repeat-x top left; height:32px; display:block; float:left; padding:0 15px 0 15px;} #TabMenu ul li a .right-tab {background:url(/gfx/tabmenu-right-off.gif) no-repeat top left; width:2px; height:32px; display: block; float:left;} #TabMenu ul li a.on {text-decoration:none;} #TabMenu ul li a.on:hover {text-decoration:none;} #TabMenu ul li a.on .left-tab {background:url(/gfx/tabmenu-left-on.gif) no-repeat top left; width:2px; height:32px; display: block; float:left;} #TabMenu ul li a.on .mid-tab {background:url(/gfx/tabmenu-mid-on.gif) repeat-x top left; height:32px; display:block; float:left; padding:0 15px 0 15px;} #TabMenu ul li a.on .right-tab {background:url(/gfx/tabmenu-right-on.gif) no-repeat top left; width:2px; height:32px; display: block; float:left;} .TabContent {padding:10px 9px 10px 9px; border:1px solid #e6e5e5; border-top:none; background-color:#FFFFFF;} /*--------------------- Footer layout ---------------------*/ /*--------------------- Company-selection ---------------------*/ #CompanySelector ul {list-style-type:none; margin:0; padding:0; width:220px;} #CompanySelector ul li {float:left; position:relative; width:220px;} #CompanySelector ul li a {text-align:left; display:block; text-decoration:none; color:#666; width:210px; padding-left:10px; font:italic 14px/36px Arial, Verdana, Sans-Serif;} #CompanySelector ul li ul {display:none; width:218px; overflow:hidden; border:1px solid #DDD; border-top:0; border-bottom:2px solid #CCC;} #CompanySelector ul li:hover ul {display:block; position:absolute;} #CompanySelector ul li:hover ul li a {display:block; background:#EEE; color:#666; width:220px; height:36px; text-align:left; border-right:none; font-style:normal; font-weight:normal;} #CompanySelector ul li:hover ul li a:hover {background:#DDD; color:#666;} #CompanySelector ul li:hover ul li a.on {display:block; background:#ec7d3e; color:#FFF; width:220px; height:36px; text-align:left; border-right:none;} #CompanySelector ul li:hover ul li a.on:hover {background:#ec7d3e; color:#FFF;}