/* >>> TABLE OF CONTENTS <<< 01. GLOBAL/GENERAL 02. HEADER 03. NAVIGATIONS 04. PAGE MAIN IMAGE 05. CONTENT CONTAINER 06. MAIN CONTENT 07. SIDEBARS 08. 08. SPECIALPAGES and... STUFF.. 09. FOOTER 10. LEMONFORMS 11. CLEARFIX >>> LAYOUT TYPES <<< .layouttype-one ____________ | | | | | | | | | | | | | | | | | | | | ¯¯¯¯¯¯¯¯¯¯¯¯ .layouttype-two ____________ | | | | | | | | | | | | | | | ¯¯¯¯¯¯¯¯¯¯¯¯ >>> COLOR DEFINITIONS <<< Blue #59a3c8 Orange #f9b358 Darkblue #3f6374 Green #c5be15 */ /*------------------------*/ /* 01. GLOBAL/GENERAL */ /*------------------------*/ html { background:#fff; overflow-y:scroll; } body { color:#333; font:normal normal 12px Arial,Helvetica,Verdana,Geneva,sans-serif; } a { color:#59a3c8; text-decoration:none; } a:hover { text-decoration:underline; } ul { margin:0 0 10px 20px; } ol { margin:0 0 10px 25px; } ul li { list-style-type:disc; } ol li { list-style-type:decimal; } em, i { font-style:italic; } strong, b, th { font-weight:bold; } del, strike { text-decoration:line-through; } blockquote { padding:0 0 10px 20px; } table { width:100%; } td { padding:3px 0; } dt { width: 200px; display: block; float: left; padding: 3px 5px; font-weight: bold; clear: left; } dd { width: 236px; display: block; float: left; padding: 3px 5px; clear: right; } dd:last-child { margin-bottom: 15px; } dt.odd, dd.odd { background-color: #fff; } dt.even, dd.even { background-color: #F5F5F5; } /* Vertical-align radio and checkboxes with label */ input[type="radio"] { vertical-align:text-bottom; } input[type="checkbox"] { vertical-align:bottom; *vertical-align:baseline; } /* Text selections background */ ::-moz-selection{ background:#3399ff; color:#fff; text-shadow:none; } ::selection { background:#3399ff; color:#fff; text-shadow:none; } a:link { -webkit-tap-highlight-color:#3399ff; } h1 { border-left:10px solid #e4e4e4; font:34px Georgia,Times,"Times New Roman",serif; margin:0 0 25px; padding:0 0 0 10px; line-height:34px; } /* Huvudrubrik */ h2 { font:20px Georgia,Times,"Times New Roman",serif; padding:15px 0 10px; } /* Underrubrik */ h3 { font:16px Georgia,Times,"Times New Roman",serif; padding:10px 0 5px; } /* Mellanrubrik */ h4 { background-color:#59a3c8; background-image:url("http://www.naringsliv.ax/img/heading_arrow_blue.png"); background-position:center bottom; background-repeat:no-repeat; color:#fff; font:bold 14px Georgia,Times,"Times New Roman",serif; margin:0 0 10px; padding:7px 7px 16px; } /* Vinjett */ .orange { background-color:#f9b358; background-image:url("http://www.naringsliv.ax/img/heading_arrow_orange.png"); } /* LemonStyle: Orange vinjett */ .darkblue { background-color:#3f6374; background-image:url("http://www.naringsliv.ax/img/heading_arrow_darkblue.png"); } /* LemonStyle: Mörkblå vinjett */ .green { background-color:#c5be15; background-image:url("http://www.naringsliv.ax/img/heading_arrow_green.png"); } p { padding:0 0 14px; line-height:18px; } /* Brödtext */ .small { font-size:9px; } /* LemonStyle: Liten text */ /* .sidebar-box-bigheading {} LemonStyle: Stor boxrubrik */ /*----------------*/ /* 02. HEADER */ /*----------------*/ #wrapper { margin:0 auto; width:960px; } #header { } #logotype { display:block; float:left; padding:10px 0; } #header-nav { float:right; font:11px Arial,Verdana,sans-serif; margin:0; width:600px; } #header-nav li { display:inline; float:right; margin:0 0 0 15px; } #header-nav li a { color:#9d9d9c; display:block; padding:10px 0; } #searchform { clear:right; float:right; margin:5px 0 0; position:relative; } #searchfld { background:url("../img/searchfld_bg.png") no-repeat; border:0; color:#9d9d9c; font:bold 12px Arial,Verdana,sans-serif; height:23px; line-height:22px; padding:0 26px 0 5px; width:130px; } #submit-search { background:url("../img/submit_search.gif") no-repeat center center; display:block; height:23px; position:absolute; right:0; top:0; width:20px; } /*---------------------*/ /* 03. NAVIGATIONS */ /*---------------------*/ #nav {} #main-nav { background:#c8c8c8; font-size:13px; font-weight:bold; margin:0; padding:0 15px; overflow:hidden; width:930px; } #main-nav li { display:inline; float:left; list-style-type:none; } #main-nav li a { color:#fff; display:block; float:left; padding:0 7px; text-decoration:none; } #main-nav li span { border-bottom:6px solid #c8c8c8; display:block; padding:8px 10px 2px; } #main-nav li a:hover { color:#6d6d6d; text-decoration:none; } #main-nav li.active a span { border-bottom:6px solid #fff; } #sub-nav { clear:both; height:32px; margin:0; padding:0 15px; /*overflow:hidden;*/ width:930px; } #sub-nav li { display:inline; float:left; list-style-type:none; } #sub-nav li a { color:#b5b5b5; display:block; float:left; font-size:11px; font-weight:bold; padding:9px 13px; text-decoration:none; } #sub-nav li a:hover, #sub-nav li.active a { color:#6d6d6d; text-decoration:none; } #third-nav { background:url("../img/orange_pixel.png") repeat-x; font-size:11px; font-weight:bold; margin: 0px; overflow:hidden; padding:1px 0px 0; } #third-nav li { background:#f9b358; display:inline; float:left; list-style-type:none; padding:0px 2px; margin:0 0px 0 0; } #third-nav li a { color:#fff; display:block; float:left; padding:3px 10px; text-decoration:none; } #third-nav li a:hover, #third-nav li.active a { background:#fff; color:#6d6d6d; text-decoration:none; } #breadcrumbs { border-top:1px solid #eeeeee; color:#9d9d9c; font-size:10px; margin:10px 0 10px; padding:3px 0 0; } .crumb-start { padding:0 5px 0 0; } .crumb-start a { color:#c8c8c8; } .crumb-item { padding:0 5px 0 0; } .crumb-item a { color:#9d9d9c; } .crumb-separator { padding:0 5px 0 0; } /*-------------------------*/ /* 04. PAGE MAIN IMAGE */ /*-------------------------*/ #page-main-image { padding:0 0 45px; } /*---------------------------*/ /* 05. CONTENT CONTAINER */ /*---------------------------*/ #container { margin:0 0 35px; } .layouttype-one { background:url("../img/layouttype_one_bg.png") repeat-y 480px 0; } .layouttype-two { background:url("../img/layouttype_two_bg.png") repeat-y 730px 0; } .columns { display:inline; float:left; } .content-box {} .readmore { border-top:1px solid #c8c8c8; font-size:11px; font-weight:bold; } .readmore a { background:#c8c8c8 url("../img/readmore_arrow.png") no-repeat 95% center; color:#fff; padding:1px 15px 2px 5px; } /*-------------------------------*/ /* 06. MAIN AND WIDE CONTENT */ /*-------------------------------*/ #main-content { margin:0 40px 0 0; width:460px; } #main-content h4 { background:#e4e4e4; color:#333; font:bold 14px Georgia,Times,"Times New Roman",serif; margin:0 0 20px; padding:5px 10px; } /* Sektionsrubrik */ #wide-content { margin:0 40px 0 0; width:710px; } .maincontent-box { padding:0 0 20px; } .widecontent-box {} /*.news-courses-list { margin:0; } .news-courses-list li { border-top:1px solid #e4e4e4; list-style-type:none; padding:10px 0 0; margin:0 0 20px; } .news-courses-list li.top-story { border-top:0; border-left:10px solid #e4e4e4; padding:0 0 0 15px; } .news-courses-list li.first-item { border-top:0; } .news-courses-list li.top-story h2 { font-size:34px; } .news-courses-list li h2 { font-family:Georgia,Times,"Times New Roman",serif; padding:0; } .news-courses-list li h2 a { color:#333; text-decoration:none; } .news-courses-list li h2 a:hover { color:#666; text-decoration:none; } .news-courses-list li .article-meta { color:#9d9d9c; font-family:Georgia,Times,"Times New Roman",serif; padding:5px 0 10px; } .news-courses-list li p a { color:#333; display:block; text-decoration:none; } .news-courses-list li p a:hover { color:#666; text-decoration:none; } .news-courses-list li p a span { color:#f9b358; font-weight:bold; }*/ #news-list-container {} .news-list { margin:0; } .news-list li { border-top:1px solid #e4e4e4; list-style-type:none; padding:10px 0 0; margin:0 0 20px; } .news-list li.top-story { border-top:0; border-left:10px solid #e4e4e4; padding:0 0 0 15px; } .news-list li.first-item { border-top:0; } .news-list li.top-story h2 { font-size:34px; } .news-list li h2 { font-family:Georgia,Times,"Times New Roman",serif; padding:0; } .news-list li h2 a { color:#333; text-decoration:none; } .news-list li h2 a:hover { color:#666; text-decoration:none; } .news-list li .article-meta { color:#9d9d9c; font-family:Georgia,Times,"Times New Roman",serif; padding:5px 0 10px; } .news-list li p a { color:#333; display:block; text-decoration:none; } .news-list li p a:hover { color:#666; text-decoration:none; } .news-list li p a span { color:#f9b358; font-weight:bold; } #courses-list-container {} .courses-list { margin:0; } .courses-list li { border-bottom:1px solid #e4e4e4; list-style-type:none; margin:0 0 10px; } .courses-list li .item-meta { color:#9d9d9c; font-family:Georgia,Times,"Times New Roman",serif; padding:5px 0 10px; } .courses-list li a { color:#333; display:block; } .courses-list li a:hover { color:#666; text-decoration:none; } .courses-list li a span { color:#59a3c8; font-weight:bold; } .courses-list li p {} .article-detail-wrapper, .course-detail-wrapper { line-height:18px; margin:0 0 10px; } .article-detail-wrapper .ingress, .course-detail-wrapper .ingress { color:#f9b358; font-weight:bold; font-size:120%; padding:0 0 14px; } .article-detail-wrapper .ingress p, .course-detail-wrapper .ingress p { line-height:150%; padding:0; } /*.article-detail-wrapper img { float:right; margin:0px 0px 10px 10px; }*/ .course-detail-wrapper img { float:right; margin:0px 0px 10px 10px; } /*------------------*/ /* 07. SIDEBARS */ /*------------------*/ #first-sidebar { margin:0 40px 0 0; width:210px; } #second-sidebar, #third-sidebar { width:210px; } .sidebar-box { padding:0 0 20px; } /*global*/ .sidebar-box h4 { background-color:#59a3c8; background-image:url("../img/heading_arrow_blue.png"); background-position:center bottom; background-repeat:no-repeat; color:#fff; font:bold 14px Georgia,Times,"Times New Roman",serif; margin:0 0 10px; padding:7px 7px 16px; } /*global*/ .sidebar-box h4.orange { background-color:#f9b358; background-image:url("../img/heading_arrow_orange.png"); } .sidebar-box h4.darkblue { background-color:#3f6374; background-image:url("../img/heading_arrow_darkblue.png"); } .sidebar-box h4.green { background-color:#c5be15; background-image:url("../img/heading_arrow_green.png"); } .sidebar-box h4 a { color:#fff; } /*.sidebar-box h4.sidebar-box-bigheading { font-weight:normal; font-size:30px; padding:7px 7px 13px; background-position:center 48px; }*/ /*.sidebar-box .readmore { border-top:1px solid #f9b358; } .sidebar-box .readmore a { background-color:#f9b358; }*/ .sidebar-box ul { margin:0 0 10px; } .sidebar-box li { list-style-type:none; padding:0 0 8px; } .sidebar-box li .item-meta { color:#9d9d9c; font:11px Georgia,Times,"Times New Roman",serif; } .sidebar-box li p { padding:0; } .sidebar-box li p a { color:#333; display:block; } .textcontent-box {} .textcontent-box ul { margin:0 0 10px 20px; } .textcontent-box ul li { list-style-type:disc; padding:0 0 3px; } /*#courses-sidebar-box h4, #news-sidebar-box h4, #goto-searchresult-box h4, #subscribe-to-newsletter h4 { background-color:#f9b358; background-image:url("../img/heading_arrow_orange.png"); }*/ /*#buy-and-sell h4, #rss-chamber-se h4 { background-color:#59a3c8; background-image:url("../img/heading_arrow_blue.png"); }*/ #subscribe-to-newsletter p {} #subscribe-to-newsletter p a {} #newsletter-form { text-align:center; } #newsletter-form #pf_Email { border:1px solid #d4d4d4; color:#666; margin:0 0 10px; padding:3px; width:200px; } #submit-newsletter-form input { background:url("../img/newsletter_register_button_sv.png") no-repeat; border:0; cursor:pointer; font-size:0; height:30px; width:94px; } #buy-and-sell .advertise-link { padding:0 0 10px; } #buy-and-sell .readmore { border-top:1px solid #59a3c8; } #buy-and-sell .readmore a { background-color:#59a3c8; } #facebook-likebox {} #rss-chamber-se .readmore { border-top:1px solid #59a3c8; } #rss-chamber-se .readmore a { background-color:#59a3c8; } #courses-sidebar-box .readmore { border-top:1px solid #3f6374; } #courses-sidebar-box .readmore a { background-color:#3f6374; } #news-sidebar-box .readmore { border-top:1px solid #f9b358; } #news-sidebar-box .readmore a { background-color:#f9b358; } #newsarchive-sidebar-box .readmore { border-top:1px solid #f9b358; } #newsarchive-sidebar-box .readmore a { background-color:#f9b358; } /*-------------------------------------*/ /* 08. SPECIALPAGES and... STUFF.. */ /*-------------------------------------*/ /*~~~~~~ företagsbörsen ~~~~~~*/ #buy-and-sell {} #buy-and-sell-form { background:#f2f2f2; margin:0 0 10px; overflow:hidden; padding:10px; width:690px; } #buy-and-sell-form select { display:inline; float:left; margin:1px 20px 0 0; padding:3px; } #buy-and-sell-submit { background:url("../img/membershiplist_searchcompany_button_sv.png") no-repeat; border:0; cursor:pointer; display:inline; float:left; font-size:0; height:24px; width:86px; } .view-info { padding:0 0 10px; } #buy-sell-table { } #buy-sell-table .even { background:#f5f5f5; } #buy-sell-table .column-1 {} #buy-sell-table .column-2 {} #buy-sell-table .column-3 { width:130px; } #buy-sell-table th { text-align:left; padding:7px; } #buy-sell-table td { padding:7px; vertical-align:top; } #buy-sell-table td .ref-id { font-size:11px; } /*~~~~~~ medlemsregistret ~~~~~~*/ #member-registry {} #member-registry-form { background:#f2f2f2; margin:0 0 10px; overflow:hidden; padding:10px; width:690px; } #member-registry-form select { display:inline; float:left; margin:1px 20px 0 0; padding:3px; } #member-registry-form label { cursor:pointer; display:inline; float:left; font-weight:bold; margin:4px 5px 0 0; } #member-category { width:180px; } #member-municipality { width:90px; } #member-textsearch { float:left; margin:0 15px 0 0; padding:4px; width:90px; } #member-registry-submit { background:url("../img/membershiplist_searchcompany_button_sv.png") no-repeat; border:0; cursor:pointer; display:inline; float:left; font-size:0; height:24px; width:86px; } #member-registry-list .even { background:#f5f5f5; } #member-registry-list th { text-align:left; padding:7px; } #member-registry-list td { padding:7px; vertical-align:top; } #member-registry-single .column-1 { width:200px; } #member-registry-single td { padding:7px; vertical-align:top; } /*~~~~~~ kursregistret ~~~~~~*/ .registration-form-row { overflow:hidden;} .registration-form-row label, .registration-form-row textarea { float:left; margin:6px; width:180px;} .registration-form-row input { margin:6px; width:160px;} .registration-form-row .button { float:left; margin:6px; width: auto;} .registration-form-submit { line-height: 35px} legend { font:20px Georgia,Times,"Times New Roman",serif; padding:5px;} fieldset { border: 1px solid #CCC; padding: 10px; margin-bottom: 30px;} .steps { color:#f9b358; font-weight:bold;} /*~~~~~~ sökresultat ~~~~~~*/ .searchresults { margin:0 0 20px; } .searchresults li { list-style-type:none; padding:0 0 15px; } .searchresults li strong { } .searchresults li em { display:block; } .searchresults li .result-heading { padding:0 0 3px; } .hitstatus { /*border-bottom:1px solid #e4e4e4;*/ margin:0 0 25px; } #sidor, #nyheter, #membra, #dokument { padding:0 0 10px; } /*~~~~~~ nyhetsbrevssidan ~~~~~~*/ #mc-subscribe-newsletter { background:#f2f2f2; margin:0 0 10px; padding:10px; } #mc-subscribe-newsletter #pf_Email { border:1px solid #d4d4d4; color:#666; display:inline; float:left; margin:0 10px 0 0; padding:5px; width:200px; } #mc-subscribe-newsletter #mc-subscribe-submit { background:url("../img/newsletter_register_button2_sv.png") no-repeat; border:0; cursor:pointer; display:inline; float:left; font-size:0; height:27px; width:99px; } /*----------------*/ /* 09. FOOTER */ /*----------------*/ #footer { color:#fff; background:#c8c8c8; font-size:11px; font-weight:bold; padding:10px; } #footer a { color:#fff; } #footer p { padding:0; } #footer-left { float:left; width:200px; } #footer-right { float:right; text-align:right; width:600px; } #creds { color:#c8c8c8; font-size:11px; padding:3px 0 0; text-align:right; } #creds a { color:#c8c8c8; } /*--------------------*/ /* 10. LEMONFORMS */ /*--------------------*/ .form {} .form-header-row { margin:0 0 10px; } .form-field-row { margin:0 0 8px; } .form label { float:left; margin:0 10px 3px 0; width:180px; } .form .form-field-desc { color:#666; padding:10px 0 5px; font-size:90%; } .form .form-radio-buttons { float:left; width:440px; } .form .field_input {} .form .field_text, .form .field_textarea, .form .field_select { border:1px solid #ccc; width:440px; } .form .field_text, .form .field_textarea, .form .field_select { padding:2px; } .form .field_textarea { height:60px; overflow:auto; } .form .field_checkbox { width:auto; } .form .captcha { border:1px solid silver; width:70px; } .form .button { margin:0 10px 0 0; padding:2px; } .form .form-captcha-row { border-top:1px solid #ccc; border-bottom:1px solid #ccc; margin:0 0 10px; padding:10px 0; } .form .form-captcha-row label { text-align:center; width:220px; } .form .form-captcha-row input { margin:10px 0 0; width:100px; } .form .form-captcha-row img { float:left; height:50px; margin:0 0 0 10px; width:180px; } .form .form-footer-row { margin:10px 0 0;} .form .form-submit-row { text-align:right; } .form .lemonform-submit { background:url("../img/send_button_sv.png") no-repeat; border:0; cursor:pointer; font-size:0; height:24px; width:56px; } /*------------------*/ /* 11. CLEARFIX */ /*------------------*/ .group:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .group { display:inline-block; } * html .group { height:1%; } .group { display:block; } .clear { clear:both; }