.clear { clear: both; } #sub-menu { width: 730px; height: 29px; position: absolute; left: 40px; bottom: 0; clear: both; overflow: hidden; z-index: 99; display: block; } #sub-menu li { display: block; height: 29px; float: left; padding: 0 2px 0 0; } #sub-menu li a { display: block; height: 27px; /*line-height: 27px;*/ float: left; padding: 6px 8px 0; /* padding: 0 8px;*/ background: #C0C0C0; border: 1px solid #C8C8C8; /*color: #001332;*/ color: #252f5d; font-size: 12px; text-transform: uppercase; text-decoration: none; } #sub-menu li.active a, #sub-menu li a:hover { height: 28px; background: #FFF; border-color: #DAD9D9; border-bottom: 0; } .the-board, .the-board .top { width: 580px; float: left; clear: both; padding: 0 0 40px; position: relative; } .the-board .top { /*padding: 0 0 20px;*/ padding: 0; /*height: 48px;*/ min-height: 53px; background: url(/sitefiles/24/gfx/triple-purple-border.gif) 0 100% repeat-x; margin: 0 0 22px; } .the-board .top h2 { font-size: 30px; color: #56004E; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: -.025em; } .the-board .top a { color: #626262; text-decoration: none; position: absolute; bottom: 8px; right: 0; clear: both; } .the-board .top a:hover { color: #323232; } .the-board .intro { color: #626262; font-size: 16px; line-height: 1.25; margin: 0 0 13px; } .the-board ul, .the-board ul li { width: 580px; float: left; clear: both; color: #231F20; } .the-board ul li { padding: 0 0 20px; } .the-board ul li.last { padding: 0; } .the-board ul li .img { width: 280px; float: left; clear: left; } .the-board ul li .img img { float: left; } .the-board ul li .text { width: 280px; float: right; clear: right; } .the-board ul li .text h3 { font-size: 14px; color: #183C47; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: -.025em; margin: 0 0 5px; font-weight: bold; /* Kompensere for font i designet? */ } .the-board ul li .text .about { font-size: 12px; line-height: 1.333; margin: 0 0 10px; } .the-board ul li .text .contact-info { font-size: 12px; line-height: 1; margin: 0; width: 280px; } .the-board ul li .text .contact-info li { width: 280px; padding: 0 0 .5em; } .the-board ul li .text .contact-info li.last { padding: 0; } .the-board ul li .text .contact-info li strong { display: block; width: 60px; float: left; font-weight: normal; } .the-board ul li .text .contact-info li a, .the-board ul li .text .contact-info li span { display: block; float: left; } .the-board ul li .text .contact-info li a { color: #737272; text-decoration: none; } .the-board ul li .text .contact-info li a:hover { text-decoration: underline; } .right-article-list, .right-article-list ul, .right-article-list ul li { width: 350px; float: left; clear: both; } .right-article-list h3 { font-size: 14px; color: #001332; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: -.025em; margin: 0 0 5px; font-weight: bold; /* Kompensere for font i designet? */ } div#leftColumn .right-article-list h3 { min-height: auto; } div#rightColumn .right-article-list ul, div#rightColumn .right-article-list ul li { width: 350px; } .right-article-list ul, .left-article-list ul { padding: 0 0 10px; width: 560px; } .right-article-list ul li, .left-article-list ul li { padding: 0 0 20px; color: #231F20; width: 560px; } .right-article-list ul li.last, .left-article-list ul li.last { padding: 0; } .right-article-list ul li .img, .left-article-list ul li .img { display: block; float: left; clear: left; } .right-article-list ul li .img img, .left-article-list ul li .img img { float: left; } .right-article-list ul li .text, .left-article-list ul li .text { /*width: 350px;*/ float: left; clear: both; } .right-article-list ul li .has-pic, .left-article-list ul li .has-pic { width: 230px; float: right; clear: right; } .right-article-list ul li h4, .left-article-list ul li h4 { font-size: 14px; color: #302D2D; line-height: 1; padding: 0 0 1px; border-bottom: 1px solid #887E80; float: left; margin: 0 0 5px; } .left-article-list ul li h4 { /*text-transform: lowercase;*/ } .right-article-list ul li h4 a, .left-article-list ul li h4 a { color: #302D2D; display: block; float: left; padding: 0 0 3px; border-bottom: 1px solid #605A5B; text-decoration: none; } .right-article-list ul li h4 a:hover, .left-article-list ul li h4 a:hover { /*border-color: #FFF;*/ color: #737272; } .right-article-list ul li p.intro, .left-article-list ul li p.intro { font-size: 12px; line-height: 1.167; margin: 0 0 3px; } .right-article-list ul li p.meta, .left-article-list ul li p.meta { color: #737272; font-size: 10px; line-height: 1; } .right-article-list ul li p.meta span, .left-article-list ul li p.meta span { text-decoration: underline; } .managers, .managers li { width: 350px; float: left; clear: both; } .managers { padding: 0 0 20px; } .managers li.manager { padding: 5px 0 25px; background: url(/sitefiles/24/gfx/triple-gray-border.gif) 0 0 repeat-x; } .managers li.last { padding-bottom: 0; } .managers li .portrait { display: block; width: 348px; float: left; clear: both; /*border: 1px solid #E1E1E1;*/ /*margin: 0 0 15px;*/ } .managers li .portrait:hover { border-color: #B1B1B1; } .managers li .portrait img { float: left; border: 1px solid #d6d6d6; } .managers li h3 { font-size: 14px; color: #183C47; line-height: 1; padding: 15px 0 3px; display: block; clear: both; text-transform: uppercase; } .managers li h3 a { color: #183C47; text-decoration: none; } .managers li h3 a:hover { text-decoration: underline; } .managers li p.mini-bio { font-size: 12px; line-height: 1.167; margin: 0 0 10px; } .managers li .contact-info { font-size: 12px; line-height: 1.25; margin: 0 0 8px; width: 350px; float: left; clear: both; } .managers li .contact-info li { width: 350px; float: left; clear: both; } .managers li .contact-info li strong { display: block; width: 50px; float: left; font-weight: normal; } .managers li .contact-info li a, .managers li .contact-info li span { display: block; float: left; } .managers li .contact-info li a, .managers li .more a { /*color: #A8A8A8;*/ text-decoration: none; } .managers li .contact-info li a:hover, .managers li .more a:hover { text-decoration: underline; } .managers li .more { line-height: 1; } #manager, #manager .portrait, #manager .head { width: 580px; float: left; clear: both; padding: 0 0 40px; position: relative; } #manager .portrait { padding: 0 0 30px; } #manager .portrait img { float: left; } #manager .head { padding: 0 0 20px; background: url(/sitefiles/24/gfx/triple-purple-border.gif) 0 100% repeat-x; margin: 0 0 15px; } #manager .head h2 { font-size: 30px; color: #56004E; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: -.025em; } #manager .head a { color: #626262; text-decoration: none; position: absolute; bottom: 8px; right: 0; clear: both; } #manager .head a:hover { color: #323232; } #manager .bio-intro { color: #626262; font-size: 16px; line-height: 1.25; margin: 0 0 13px; width: 310px; float: left; clear: both; } #manager .infobox1 { padding: 0 20px 15px 0; } #manager .infobox1 img { float: right; margin: 25px 0 25px 25px; } #manager .contact-info { font-size: 14px; line-height: 1; margin: 0 0 15px; width: 580px; float: left; clear: both; } #manager .contact-info li { width: 580px; float: left; clear: both; padding: 0 0 .25em; } #manager .contact-info li.last { padding: 0; } #manager .contact-info li strong { display: block; width: 60px; float: left; font-weight: normal; } #manager .contact-info li a, #manager .contact-info li span { display: block; float: left; } #manager .contact-info li a { color: #737272; text-decoration: none; } #manager .contact-info li a:hover { text-decoration: underline; } #manager #managers-products { padding: 17px 15px 0; width: 550px; float: left; clear: both; background: #F8F8F8 url(/sitefiles/24/gfx/triple-purple-border.gif) 0 0 repeat-x; } #manager #managers-products h3 { font-size: 14px; color: #001332; line-height: 1; letter-spacing: -.025em; margin: 0 0 10px; font-weight: normal; } #manager #managers-products p { padding: 0 0 15px; line-height: 1; }